empatnusabangsa/index.html
2024-01-31 16:11:27 +07:00

14500 lines
604 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. -->
<!-- armadillo-tortoise-8ey8 -->
<!--<base href="">-->
<meta charset="utf-8" />
<title>Empat Nusa Bangsa</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/62bd622d9f5c9a0a620bdc08/f9ec5450-08bf-4e1c-8ba8-e034ed724775/favicon.ico?format=100w"
/>
<link rel="canonical" href="index.html" />
<meta property="og:site_name" content="Empat Nusa Bangsa" />
<meta property="og:title" content="Empat Nusa Bangsa" />
<meta property="og:url" content="https://www.empatnusabangsa.com" />
<meta property="og:type" content="website" />
<meta
property="og:image"
content="http://static1.squarespace.com/static/62bd622d9f5c9a0a620bdc08/t/62bd6343d8965e1e8edc5de7/1656578883250/image+302.png?format=1500w"
/>
<meta property="og:image:width" content="1500" />
<meta property="og:image:height" content="1092" />
<meta itemprop="name" content="Empat Nusa Bangsa" />
<meta itemprop="url" content="https://www.empatnusabangsa.com" />
<meta
itemprop="thumbnailUrl"
content="http://static1.squarespace.com/static/62bd622d9f5c9a0a620bdc08/t/62bd6343d8965e1e8edc5de7/1656578883250/image+302.png?format=1500w"
/>
<link
rel="image_src"
href="http://static1.squarespace.com/static/62bd622d9f5c9a0a620bdc08/t/62bd6343d8965e1e8edc5de7/1656578883250/image+302.png?format=1500w"
/>
<meta
itemprop="image"
content="http://static1.squarespace.com/static/62bd622d9f5c9a0a620bdc08/t/62bd6343d8965e1e8edc5de7/1656578883250/image+302.png?format=1500w"
/>
<meta name="twitter:title" content="Empat Nusa Bangsa" />
<meta
name="twitter:image"
content="http://static1.squarespace.com/static/62bd622d9f5c9a0a620bdc08/t/62bd6343d8965e1e8edc5de7/1656578883250/image+302.png?format=1500w"
/>
<meta name="twitter:url" content="https://www.empatnusabangsa.com" />
<meta name="twitter:card" content="summary" />
<meta name="description" content="" />
<link rel="preconnect" href="https://images.squarespace-cdn.com" />
<script
type="text/javascript"
src="https://use.typekit.net/ik/lT0iKsfRJ8MPid0TfRmcg99KXl5GiBa11pVdzfW0OvIfelvIfFHN4UJLFRbh52jhWDjkjcbhwR4q5AjujD8yweIhwRgKZew35g7TMkG0jAFu-WsoShFGZAsude80ZkoRdhXCHKoyjamTiY8Djhy8ZYmC-Ao1Oco8if37OcBkdABq-AUCdkuXda4Xdh8DZPXtZWqtO1FUiABkZWF3jAF8OcFzdP37OcBDOcu8OfG0SaBujW48SagyjhmDjhy8ZYmC-Ao1OcFzdPUyjamTiY8Djhy8ZYmC-Ao1OcFzdPUyjamTiY8Djhy8ZYmC-Ao1Oco8ifUyScuyZe8CdevlieNkieNTSh9l5emo5foDSWmyScmDSeBRZPoRdhXCjWw0dA9CZAu3jWs0iWFyjcB0ZaFyOcFzdPUCdhFydeyzSabCSaBujW48SagyjhmDjhy8ZYmC-Ao1OcFzdPUaiaS0jAFu-WsoShFGZAsude80ZkoRdhXCiaiaOcBRiA8XpWFR-emqiAUTdcS0dcmXOYiaikoyScuyZe8CdevlieNkieNTSh9l5emo5foDSWmyScmDSeBRZPoRdhXCiaiaOcBDOcu8OYiaiko8dWgyieouShBKjAo1ShI0jhNlOYiaikoDSWmyScmDSeBRZWFR-emqiAUTdcS0jhNlJ6uy-asTiKu1ScNXZWFnJ6ozj1ZTdamDdYqlih8qZPG4fFslIMMjMkMfH6qJXcXbMg6YJMJ7fbRmdsMMeMX6MKG4fFFlIMMjIPMfH6GJki6fIMIjgPMfH6GJkN6fIMIjgKMfH6GJDi6fIMIjgkMfH6GJkF6fIMIj2kMfH6GJDF6fIMIjIPMfqMeB7HfAg6.js"
></script>
<script type="text/javascript">
try {
Typekit.load();
} catch (e) {}
</script>
<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-3fdfbe4094c2f1eff4654-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-3fdfbe4094c2f1eff4654-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-3db5ba451cc2ca20b1874-min.en-US.js",
];
})(SQUARESPACE_ROLLUPS, "squarespace-common_vendors");
</script>
<script
crossorigin="anonymous"
src="https://assets.squarespace.com/universal/scripts-compressed/common-vendors-3db5ba451cc2ca20b1874-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-cd6cb4deb93e97cceea59-min.en-US.js",
];
})(SQUARESPACE_ROLLUPS, "squarespace-common");
</script>
<script
crossorigin="anonymous"
src="https://assets.squarespace.com/universal/scripts-compressed/common-cd6cb4deb93e97cceea59-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-f9aa9bfb3d31cf37e9ab0-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-ddffbbf5b90b54baf9363-min.en-US.js",
},
"squarespace-custom-css-popup": {
css: "//assets.squarespace.com/universal/styles-compressed/custom-css-popup-62bfc1b6319ec2281bf0c-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-19efdfa718d8ebe80f071-min.en-US.js",
},
"squarespace-dialog": {
css: "//assets.squarespace.com/universal/styles-compressed/dialog-587c6876e30d8694ed412-min.en-US.css",
js: "//assets.squarespace.com/universal/scripts-compressed/dialog-5ade4c7aa016f71fabbf6-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-713e50ca49dd7d86b49b1-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-d9a9ab4cce74e48dd4e6a-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-8ae4095f8cfe3fc4a4e9c-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-0a05e141ed7b19b59d62b-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-cc0609d7d484dc415aaca-min.en-US.js",
},
},
pageType: 2,
website: {
id: "62bd622d9f5c9a0a620bdc08",
identifier: "armadillo-tortoise-8ey8",
websiteType: 1,
contentModifiedOn: 1657075725769,
cloneable: false,
hasBeenCloneable: false,
siteStatus: {},
language: "en-US",
timeZone: "Asia/Jakarta",
machineTimeZoneOffset: 25200000,
timeZoneOffset: 25200000,
timeZoneAbbr: "WIB",
siteTitle: "Empat Nusa Bangsa",
fullSiteTitle: "Empat Nusa Bangsa",
siteDescription: "",
logoImageId: "62bd6343d8965e1e8edc5de7",
shareButtonOptions: {
1: true,
2: true,
6: true,
3: true,
8: true,
4: true,
7: true,
},
logoImageUrl:
"//images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/2205a05d-0764-430b-bf42-dbcad9558dcb/image+302.png",
authenticUrl: "https://www.empatnusabangsa.com",
internalUrl: "https://armadillo-tortoise-8ey8.squarespace.com",
baseUrl: "https://www.empatnusabangsa.com",
primaryDomain: "www.empatnusabangsa.com",
sslSetting: 3,
isHstsEnabled: true,
typekitId: "",
statsMigrated: false,
imageMetadataProcessingEnabled: false,
captchaSettings: { enabledForDonations: false },
showOwnerLogin: false,
},
websiteSettings: {
id: "62bd622d9f5c9a0a620bdc0b",
websiteId: "62bd622d9f5c9a0a620bdc08",
subjects: [],
country: "ID",
state: "JB",
simpleLikingEnabled: true,
popupOverlaySettings: {
style: 1,
showOnScroll: true,
scrollPercentage: 25,
showOnTimer: true,
timerDelay: 5000,
showUntilSignup: true,
displayFrequency: 30,
enableMobile: true,
enabledPages: [],
showOnAllPages: true,
version: 1,
},
commentLikesAllowed: true,
commentAnonAllowed: true,
commentThreaded: true,
commentApprovalRequired: false,
commentAvatarsOn: true,
commentSortType: 2,
commentFlagThreshold: 0,
commentFlagsAllowed: true,
commentEnableByDefault: true,
commentDisableAfterDaysDefault: 0,
disqusShortname: "",
commentsEnabled: false,
storeSettings: {
returnPolicy: null,
termsOfService: null,
privacyPolicy: null,
expressCheckout: false,
continueShoppingLinkUrl: "/",
useLightCart: false,
showNoteField: false,
shippingCountryDefaultValue: "US",
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: true,
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,
},
isLive: false,
multipleQuantityAllowedForServices: true,
},
useEscapeKeyToLogin: false,
ssBadgeType: 1,
ssBadgePosition: 4,
ssBadgeVisibility: 1,
ssBadgeDevices: 1,
pinterestOverlayOptions: { mode: "disabled" },
ampEnabled: false,
userAccountsSettings: { loginAllowed: false, signupAllowed: false },
},
cookieSettings: {
isCookieBannerEnabled: false,
isRestrictiveCookiePolicyEnabled: false,
isRestrictiveCookiePolicyAbsolute: false,
cookieBannerText: "",
cookieBannerTheme: "",
cookieBannerVariant: "",
cookieBannerPosition: "",
cookieBannerCtaVariant: "",
cookieBannerCtaText: "",
cookieBannerAcceptType: "OPT_IN",
cookieBannerOptOutCtaText: "",
},
websiteCloneable: false,
collection: {
title: "About",
id: "62bd62cf5f7f9a34c1c36f1a",
fullUrl: "/",
type: 10,
permissionType: 1,
},
subscribed: false,
appDomain: "squarespace.com",
templateTweakable: true,
tweakJSON: {
"form-use-theme-colors": "false",
"header-logo-height": "156px",
"header-mobile-logo-max-height": "112px",
"header-vert-padding": "2vw",
"header-width": "Full",
maxPageWidth: "1700px",
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": "4",
"tweak-blog-basic-grid-image-aspect-ratio": "3:2 Standard",
"tweak-blog-basic-grid-image-spacing": "17px",
"tweak-blog-basic-grid-meta-spacing": "7px",
"tweak-blog-basic-grid-primary-meta": "Date",
"tweak-blog-basic-grid-read-more-spacing": "15px",
"tweak-blog-basic-grid-secondary-meta": "None",
"tweak-blog-item-custom-width": "49",
"tweak-blog-item-show-author-profile": "false",
"tweak-blog-item-width": "Narrow",
"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": "16:9 Widescreen",
"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": "false",
"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": "clip",
"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": "Medium",
"tweak-portfolio-hover-follow-animation-type": "Fade",
"tweak-portfolio-hover-follow-delimiter": "Forward Slash",
"tweak-portfolio-hover-follow-front": "false",
"tweak-portfolio-hover-follow-layout": "Inline",
"tweak-portfolio-hover-follow-size": "75",
"tweak-portfolio-hover-follow-text-spacing-x": "1.5",
"tweak-portfolio-hover-follow-text-spacing-y": "1.5",
"tweak-portfolio-hover-static-animation-duration": "Medium",
"tweak-portfolio-hover-static-animation-type": "Scale Up",
"tweak-portfolio-hover-static-delimiter": "Forward Slash",
"tweak-portfolio-hover-static-front": "false",
"tweak-portfolio-hover-static-layout": "Stacked",
"tweak-portfolio-hover-static-size": "75",
"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": "Fade",
"tweak-portfolio-index-background-custom-height": "50",
"tweak-portfolio-index-background-delimiter": "None",
"tweak-portfolio-index-background-height": "Large",
"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": "1:1 Square",
"tweak-product-basic-item-gallery-design": "Stacked",
"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": "2",
"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": "Middle",
"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: [
"send_local_pickup_ready_email",
"viewer-role-contributor-invites",
"member_sites_ux_evolution_phase_two",
"commerce_etsy_shipping_import",
"crm_default_newsletter_block_to_campaigns",
"campaigns_import_discounts",
"nested_categories",
"background_art_onboarding",
"commerce_order_status_access",
"campaigns_thumbnail_layout",
"new_stacked_index",
"visitor_react_forms",
"accounting_orders_sync",
"campaigns_global_uc_ab",
"customer_accounts_email_verification",
"image_component",
"member_areas_spanish_interviews",
"enable_css_variable_tweaks",
"member_areas_schedule_interview",
"themes",
"supports_versioned_template_assets",
"site_header_footer",
"digital_products_monetization_ga_enabled",
"customer_account_creation_recaptcha",
"member_sites_ux_evolution",
"campaigns_discount_section_in_automations",
"site_user_email_change",
"commerce_checkout_website_updates_enabled",
"member_areas_provisioning_service",
"campaigns_new_image_layout_picker",
"website_fonts",
"pdp_product_add_ons_visitor_site",
"collection_typename_switching",
"override_block_styles",
"fluid_engine_clean_up_grid_contextual_change",
"show_add_to_cart_in_plp",
"toggle_preview_new_shortcut",
"crm_remove_subscriber",
"customize_collection_overview_paywalling",
"fluid_engine",
"is_feature_gate_refresh_enabled",
"commerce_etsy_product_import",
"commsplat_forms_visitor_profile",
"commerce_clearpay",
"commerce_restock_notifications",
"campaigns_discount_section_in_blasts",
"commerce_site_visitor_metrics",
"order_status_page_checkout_landing_enabled",
"marketing_landing_page",
"crm_show_profile_forms",
"scripts_defer",
"member_areas_feature",
"website_component_enabled",
"digital_products_in_circle_labs",
"customize_item_paywalling",
"unify_edit_mode_p2",
"nested_categories_migration_enabled",
],
videoAssetsFeatureFlags: [
"mux-data-video-collection",
"mux-data-course-collection",
],
impersonatedSession: false,
demoCollections: [
{ collectionId: "624b503aeaa0101b5bdb9575", deleted: 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.empatnusabangsa.com",
"name": "Empat Nusa Bangsa",
"description": "",
"image": "//images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/2205a05d-0764-430b-bf42-dbcad9558dcb/image+302.png",
"@context": "http://schema.org",
"@type": "WebSite"
}
</script>
<link
rel="stylesheet"
type="text/css"
href="https://static1.squarespace.com/static/versioned-site-css/62bd622d9f5c9a0a620bdc08/57/5c5a519771c10ba3470d8101/62bd622d9f5c9a0a620bdc22/1469/site.css"
/>
<script>
Static.COOKIE_BANNER_CAPABLE = true;
</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: 86.66666666666667 },
userFormat: "hex",
},
},
{
id: "safeLightAccent",
value: {
values: {
hue: 349.24855491329475,
saturation: 74.2489270386266,
lightness: 54.31372549019608,
},
userFormat: "hex",
},
},
{
id: "safeDarkAccent",
value: {
values: {
hue: 349.24855491329475,
saturation: 74.2489270386266,
lightness: 54.31372549019608,
},
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: 100.0 },
userFormat: "hex",
},
},
{
id: "safeInverseDarkAccent",
value: {
values: { hue: 0.0, saturation: 0.0, lightness: 100.0 },
userFormat: "hex",
},
},
{
id: "accent",
value: {
values: {
hue: 349.24855491329475,
saturation: 74.2489270386266,
lightness: 54.31372549019608,
},
userFormat: "hex",
},
},
{
id: "lightAccent",
value: {
values: {
hue: 0.0,
saturation: 0.0,
lightness: 12.549019607843137,
},
userFormat: "hex",
},
},
{
id: "darkAccent",
value: {
values: {
hue: 202.9090909090909,
saturation: 82.08955223880598,
lightness: 13.137254901960786,
},
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%, 86.66666666666667%;
--safeLightAccent-hsl: 349.24855491329475, 74.2489270386266%,
54.31372549019608%;
--safeDarkAccent-hsl: 349.24855491329475, 74.2489270386266%,
54.31372549019608%;
--safeInverseAccent-hsl: 0, 0%, 100%;
--safeInverseLightAccent-hsl: 0, 0%, 100%;
--safeInverseDarkAccent-hsl: 0, 0%, 100%;
--accent-hsl: 349.24855491329475, 74.2489270386266%, 54.31372549019608%;
--lightAccent-hsl: 0, 0%, 12.549019607843137%;
--darkAccent-hsl: 202.9090909090909, 82.08955223880598%,
13.137254901960786%;
}
.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(0, 0%, 100%, 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(--darkAccent-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(--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(--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(--darkAccent-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(--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(--lightAccent-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(--white-hsl), 1);
--siteTitleColor: hsla(var(--darkAccent-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(--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(--darkAccent-hsl), 1);
--tweak-marquee-block-background-color: hsla(var(--lightAccent-hsl), 1);
--tweak-marquee-block-heading-color: hsla(var(--accent-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(--darkAccent-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(0, 0%, 100%, 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(--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(--safeDarkAccent-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(--accent-hsl),
1
);
--list-section-carousel-card-description-link-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-card-title-color: hsla(
var(--safeDarkAccent-hsl),
1
);
--list-section-carousel-description-color: hsla(var(--accent-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(--safeDarkAccent-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(--accent-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(--lightAccent-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(--accent-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(--accent-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(--accent-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(0, 0%, 0%, 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(0, 0%, 100%, 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(--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(--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(--lightAccent-hsl), 1);
--menuOverlayButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
--menuOverlayButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
--menuOverlayNavigationLinkColor: hsla(var(--black-hsl), 1);
--navigationLinkColor: hsla(var(--white-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(--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), 0.06);
--primaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
--secondaryButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 0.86);
--secondaryButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
--section-divider-stroke-color: hsla(var(--safeDarkAccent-hsl), 1);
--section-inset-border-color: hsla(var(--lightAccent-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(--white-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(--white-hsl), 0);
--tertiaryButtonTextColor: hsla(var(--accent-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(--black-hsl), 1);
--tweak-marquee-block-background-color: hsla(var(--white-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(--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(--accent-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(0, 0%, 100%, 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(--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(--lightAccent-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(--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(--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(--safeDarkAccent-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(--safeDarkAccent-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(--safeDarkAccent-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(--lightAccent-hsl), 1);
--menuOverlayButtonBackgroundColor: hsla(var(--safeDarkAccent-hsl), 1);
--menuOverlayButtonTextColor: hsla(var(--safeInverseDarkAccent-hsl), 1);
--menuOverlayNavigationLinkColor: hsla(var(--black-hsl), 1);
--navigationLinkColor: hsla(var(--white-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(--lightAccent-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(--white-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(
184.28571428571428,
36.84210526315789%,
7.450980392156863%,
1
);
--tweak-marquee-block-heading-color: hsla(var(--white-hsl), 1);
--tweak-marquee-block-heading-color-on-background: hsla(
var(--white-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(0, 0%, 100%, 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(--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(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-title-color: hsla(
var(--black-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(--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(--safeLightAccent-hsl),
1
);
--list-section-carousel-card-title-color: hsla(var(--black-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(--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(--safeLightAccent-hsl),
1
);
--list-section-simple-card-title-color: hsla(var(--black-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(--accent-hsl), 0);
--primaryButtonTextColor: hsla(var(--white-hsl), 1);
--secondaryButtonBackgroundColor: hsla(var(--accent-hsl), 1);
--secondaryButtonTextColor: hsla(var(--white-hsl), 1);
--section-divider-stroke-color: hsla(var(--safeLightAccent-hsl), 1);
--section-inset-border-color: hsla(var(--lightAccent-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(--accent-hsl), 1);
--tweak-form-block-button-background-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-button-text-color: hsla(var(--white-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(0, 0%, 0%, 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(0, 0%, 100%, 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(--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(--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(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-title-color: hsla(
var(--safeDarkAccent-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(--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(--safeLightAccent-hsl),
1
);
--list-section-carousel-card-title-color: hsla(
var(--safeDarkAccent-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(--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(--safeLightAccent-hsl),
1
);
--list-section-simple-card-title-color: hsla(
var(--safeDarkAccent-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(--white-hsl), 1);
--paragraphLargeColor: hsla(var(--white-hsl), 1);
--paragraphLinkColor: hsla(var(--safeLightAccent-hsl), 1);
--paragraphMediumColor: hsla(var(--white-hsl), 1);
--paragraphSmallColor: hsla(var(--lightAccent-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(--accent-hsl), 0);
--primaryButtonTextColor: hsla(var(--white-hsl), 1);
--secondaryButtonBackgroundColor: hsla(var(--accent-hsl), 1);
--secondaryButtonTextColor: hsla(var(--white-hsl), 1);
--section-divider-stroke-color: hsla(var(--safeLightAccent-hsl), 1);
--section-inset-border-color: hsla(var(--lightAccent-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(--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(0, 0%, 100%, 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(--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(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-title-color: hsla(
var(--black-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(--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(--safeLightAccent-hsl),
1
);
--list-section-carousel-card-title-color: hsla(var(--black-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(--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(--safeLightAccent-hsl),
1
);
--list-section-simple-card-title-color: hsla(var(--black-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(--accent-hsl), 0);
--primaryButtonTextColor: hsla(var(--white-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(--lightAccent-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(--accent-hsl), 1);
--tweak-form-block-button-background-color-on-background: hsla(
var(--safeDarkAccent-hsl),
1
);
--tweak-form-block-button-text-color: hsla(var(--white-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(0, 0%, 100%, 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(--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(--safeLightAccent-hsl),
1
);
--list-section-banner-slideshow-card-title-color: hsla(
var(--safeDarkAccent-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(--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(--safeLightAccent-hsl),
1
);
--list-section-carousel-card-title-color: hsla(
var(--safeDarkAccent-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(--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(--safeLightAccent-hsl),
1
);
--list-section-simple-card-title-color: hsla(
var(--safeDarkAccent-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(--lightAccent-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(0, 0%, 100%, 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(--accent-hsl), 1);
--image-block-collage-image-title-bg-color: hsla(var(--accent-hsl), 0);
--image-block-collage-image-title-color: hsla(var(--accent-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(--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(--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(--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(--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(--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(--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(--lightAccent-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(var(--safeInverseAccent-hsl), 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(--accent-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(--lightAccent-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(0, 0%, 100%, 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(--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(--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(--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(--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(--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(--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(--lightAccent-hsl), 1);
--primaryButtonTextColor: hsla(var(--safeInverseAccent-hsl), 1);
--secondaryButtonBackgroundColor: hsla(var(--lightAccent-hsl), 1);
--secondaryButtonTextColor: hsla(var(--darkAccent-hsl), 1);
--section-divider-stroke-color: hsla(var(--accent-hsl), 1);
--section-inset-border-color: hsla(var(--lightAccent-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(--lightAccent-hsl),
1
);
--tweak-newsletter-block-button-background-color-on-background: hsla(
var(--safeInverseAccent-hsl),
1
);
--tweak-newsletter-block-button-text-color: hsla(
var(--darkAccent-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-62bd62cf5f7f9a34c1c36f1a"
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-center header-width-full tweak-transparent-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-left tweak-blog-basic-grid-delimiter-pipe tweak-blog-basic-grid-image-placement-above tweak-blog-basic-grid-read-more-style-show tweak-blog-basic-grid-primary-meta-date tweak-blog-basic-grid-secondary-meta-none tweak-blog-basic-grid-excerpt-show tweak-blog-item-width-narrow tweak-blog-item-text-alignment-left tweak-blog-item-meta-position-above-title tweak-blog-item-show-categories tweak-blog-item-show-date 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-169-widescreen 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-clip tweak-global-animations-animation-curve-ease tweak-portfolio-grid-basic-width-inset tweak-portfolio-grid-basic-height-medium tweak-portfolio-grid-basic-image-aspect-ratio-43-four-three tweak-portfolio-grid-basic-text-alignment-left tweak-portfolio-grid-basic-hover-effect-zoom tweak-portfolio-grid-overlay-width-full tweak-portfolio-grid-overlay-height-small 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-large 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-fade tweak-portfolio-index-background-animation-duration-medium tweak-portfolio-hover-follow-layout-inline tweak-portfolio-hover-follow-delimiter-forward-slash tweak-portfolio-hover-follow-animation-type-fade tweak-portfolio-hover-follow-animation-duration-medium tweak-portfolio-hover-static-layout-stacked tweak-portfolio-hover-static-delimiter-forward-slash tweak-portfolio-hover-static-animation-type-scale-up tweak-portfolio-hover-static-animation-duration-medium tweak-product-basic-item-product-variant-display-dropdown tweak-product-basic-item-width-full tweak-product-basic-item-gallery-aspect-ratio-11-square tweak-product-basic-item-text-alignment-left tweak-product-basic-item-navigation-none tweak-product-basic-item-content-alignment-top tweak-product-basic-item-gallery-design-stacked 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-middle tweak-products-price-show tweak-products-nested-category-type-top tweak-products-header-text-alignment-middle tweak-products-breadcrumbs primary-button-style-solid primary-button-shape-custom secondary-button-style-solid secondary-button-shape-custom tertiary-button-style-outline tertiary-button-shape-underline 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-62bd62cf5f7f9a34c1c36f1a 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"
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="light header theme-col--primary"
data-controller="Header"
data-current-styles='{
"layout": "navRight",
"action": {
"href": "https://drive.google.com/file/d/1UFxmoeAMCHgtSbDs8r34w_2Uu7A9eoJP/view?usp=sharing",
"buttonText": "GET OUR PROFILE",
"newWindow": true
},
"showSocial": false,
"socialOptions": {
"socialBorderShape": "none",
"socialBorderStyle": "outline",
"socialBorderThickness": {
"unit": "px",
"value": 1.0
}
},
"sectionTheme": "",
"menuOverlayTheme": "dark",
"menuOverlayAnimation": "fade",
"cartStyle": "cart",
"cartText": "Cart",
"showEmptyCartState": true,
"cartOptions": {
"iconType": "solid-7",
"cartBorderShape": "none",
"cartBorderStyle": "outline",
"cartBorderThickness": {
"unit": "px",
"value": 1.0
}
},
"showButton": true,
"showCart": false,
"showAccountLogin": true,
"headerStyle": "dynamic",
"languagePicker": {
"enabled": false,
"iconEnabled": false,
"iconType": "globe",
"flagShape": "shiny",
"languageFlags": [ ]
},
"mobileOptions": {
"layout": "logoCenterNavLeft",
"menuIcon": "doubleLineHamburger",
"menuIconOptions": {
"style": "doubleLineHamburger",
"thickness": {
"unit": "px",
"value": 3.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": "CUSTOM_COLOR",
"customColor": {
"hslaValue": {
"hue": 0.0,
"saturation": 0.0,
"lightness": 1.0,
"alpha": 1.0
},
"userFormat": "hex"
}
},
"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="dark"
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(0, 0%, 100%, 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-center-nav-left header-layout-nav-right"
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/62bd622d9f5c9a0a620bdc08/2205a05d-0764-430b-bf42-dbcad9558dcb/image+302.png?format=1500w"
alt="Empat Nusa Bangsa"
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
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="contact.html"
data-animation-role="header-element"
>
Contact Us
</a>
</div>
</nav>
</div>
</div>
</div>
<!-- Actions -->
<div class="header-actions header-actions--right">
<div class="showOnMobile"></div>
<div class="showOnDesktop"></div>
<div
class="header-actions-action header-actions-action--cta"
data-animation-role="header-element"
>
<a
class="btn btn--border theme-btn--primary-inverse sqs-button-element--primary"
href="https://drive.google.com/file/d/1UFxmoeAMCHgtSbDs8r34w_2Uu7A9eoJP/view?usp=sharing"
target="_blank"
>
GET OUR PROFILE
</a>
</div>
</div>
<style>
.top-bun,
.patty,
.bottom-bun {
height: 3px;
}
</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 -->
<style>
.top-bun,
.patty,
.bottom-bun {
height: 3px;
}
</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>
<!-- 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/62bd622d9f5c9a0a620bdc08/2205a05d-0764-430b-bf42-dbcad9558dcb/image+302.png?format=1500w"
alt="Empat Nusa Bangsa"
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
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="contact.html"
data-animation-role="header-element"
>
Contact Us
</a>
</div>
</nav>
</div>
</div>
</div>
<!-- Actions -->
<div class="header-actions header-actions--right">
<div class="showOnMobile"></div>
<div class="showOnDesktop"></div>
<div
class="header-actions-action header-actions-action--cta"
data-animation-role="header-element"
>
<a
class="btn btn--border theme-btn--primary-inverse sqs-button-element--primary"
href="https://drive.google.com/file/d/1UFxmoeAMCHgtSbDs8r34w_2Uu7A9eoJP/view?usp=sharing"
target="_blank"
>
GET OUR PROFILE
</a>
</div>
</div>
</div>
</div>
</div>
<!-- (Mobile) Menu Navigation -->
<div
class="header-menu header-menu--folder-list dark"
data-current-styles='{
"layout": "navRight",
"action": {
"href": "https://drive.google.com/file/d/1UFxmoeAMCHgtSbDs8r34w_2Uu7A9eoJP/view?usp=sharing",
"buttonText": "GET OUR PROFILE",
"newWindow": true
},
"showSocial": false,
"socialOptions": {
"socialBorderShape": "none",
"socialBorderStyle": "outline",
"socialBorderThickness": {
"unit": "px",
"value": 1.0
}
},
"sectionTheme": "",
"menuOverlayTheme": "dark",
"menuOverlayAnimation": "fade",
"cartStyle": "cart",
"cartText": "Cart",
"showEmptyCartState": true,
"cartOptions": {
"iconType": "solid-7",
"cartBorderShape": "none",
"cartBorderStyle": "outline",
"cartBorderThickness": {
"unit": "px",
"value": 1.0
}
},
"showButton": true,
"showCart": false,
"showAccountLogin": true,
"headerStyle": "dynamic",
"languagePicker": {
"enabled": false,
"iconEnabled": false,
"iconType": "globe",
"flagShape": "shiny",
"languageFlags": [ ]
},
"mobileOptions": {
"layout": "logoCenterNavLeft",
"menuIcon": "doubleLineHamburger",
"menuIconOptions": {
"style": "doubleLineHamburger",
"thickness": {
"unit": "px",
"value": 3.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": "CUSTOM_COLOR",
"customColor": {
"hslaValue": {
"hue": 0.0,
"saturation": 0.0,
"lightness": 1.0,
"alpha": 1.0
},
"userFormat": "hex"
}
},
"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</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 Us
</div>
</a>
</div>
</div>
</div>
<div class="header-menu-actions social-accounts"></div>
<div class="header-menu-cta">
<a
class="theme-btn--primary btn sqs-button-element--primary"
href="https://drive.google.com/file/d/1UFxmoeAMCHgtSbDs8r34w_2Uu7A9eoJP/view?usp=sharing"
target="_blank"
>
GET OUR PROFILE
</a>
</div>
</div>
</nav>
</div>
</div>
</header>
<main id="page" class="container" role="main">
<article
class="sections"
id="sections"
data-page-sections="62bd62cf5f7f9a34c1c36f19"
>
<section
data-test="page-section"
data-section-theme="light"
class="page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--custom content-width--wide horizontal-alignment--center vertical-alignment--middle light"
data-section-id="62bd62cf5f7f9a34c1c36f1d"
data-controller="SectionWrapperController"
data-current-styles='{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--custom",
"customSectionHeight": 0,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "light",
"sectionAnimation": "none",
"backgroundMode": "video"
}'
data-current-context='{
"video": {
"playbackSpeed": 1,
"filter": 6,
"filterStrength": 100,
"zoom": 0,
"videoSourceProvider": "native",
"nativeVideoContentItem": {
"id": "62ce997cecef4b5614982401",
"recordType": 61,
"addedOn": 1657706876155,
"updatedOn": 1657706876155,
"authorId": "61c462689f8ae6611a37b7b4",
"systemDataId": "a6813462-dafb-450d-96a9-5e3f1a5bfc70",
"systemDataVariants": "1920:1080,640:360",
"systemDataSourceType": "mp4",
"filename": "loop-hud-sreen-2021-08-31-14-30-43-utc.mp4",
"body": null,
"likeCount": 0,
"commentCount": 0,
"publicCommentCount": 0,
"commentState": 1,
"author": {
"id": "61c462689f8ae6611a37b7b4",
"displayName": "Farabi Mahardika",
"firstName": "Farabi",
"lastName": "Mahardika",
"avatarUrl": "https://static1.squarespace.com/static/images/61c4626922bff6492cb86a88",
"bio": "",
"avatarAssetUrl": "https://static1.squarespace.com/static/images/61c4626922bff6492cb86a88"
},
"contentType": "video/mp4",
"structuredContent": {
"_type": "SqspHostedVideo",
"videoCodec": "h264",
"alexandriaUrl": "https://video.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a6813462-dafb-450d-96a9-5e3f1a5bfc70/{variant}",
"alexandriaLibraryId": "62bd622d9f5c9a0a620bdc08",
"aspectRatio": 1.7777777777777777,
"durationSeconds": 29.863167
},
"videoCodec": "h264",
"alexandriaUrl": "https://video.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a6813462-dafb-450d-96a9-5e3f1a5bfc70/{variant}",
"alexandriaLibraryId": "62bd622d9f5c9a0a620bdc08",
"aspectRatio": 1.7777777777777777,
"durationSeconds": 29.863167,
"items": [ ],
"pushedServices": { },
"pendingPushedServices": { },
"usageId": "e4b2e6f9-15f2-3466-9afb-908e6be756bc",
"assetProtectionLevel": "LIBRARY",
"recordTypeLabel": "sqsp-hosted-video",
"originalSize": "1920:1080"
}
},
"backgroundImageId": null,
"backgroundMediaEffect": null,
"divider": null,
"typeName": "page"
}'
data-animation="none"
data-fluid-engine-section
>
<div class="section-border">
<div class="section-background">
<div data-controller="VideoBackgroundNative">
<div
class="sqs-video-background-native content-fill"
data-config-native-video='{
"id": "62ce997cecef4b5614982401",
"recordType": 61,
"addedOn": 1657706876155,
"updatedOn": 1657706876155,
"authorId": "61c462689f8ae6611a37b7b4",
"systemDataId": "a6813462-dafb-450d-96a9-5e3f1a5bfc70",
"systemDataVariants": "1920:1080,640:360",
"systemDataSourceType": "mp4",
"filename": "loop-hud-sreen-2021-08-31-14-30-43-utc.mp4",
"body": null,
"likeCount": 0,
"commentCount": 0,
"publicCommentCount": 0,
"commentState": 1,
"author": {
"id": "61c462689f8ae6611a37b7b4",
"displayName": "Farabi Mahardika",
"firstName": "Farabi",
"lastName": "Mahardika",
"avatarUrl": "https://static1.squarespace.com/static/images/61c4626922bff6492cb86a88",
"bio": "",
"avatarAssetUrl": "https://static1.squarespace.com/static/images/61c4626922bff6492cb86a88"
},
"contentType": "video/mp4",
"structuredContent": {
"_type": "SqspHostedVideo",
"videoCodec": "h264",
"alexandriaUrl": "https://video.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a6813462-dafb-450d-96a9-5e3f1a5bfc70/{variant}",
"alexandriaLibraryId": "62bd622d9f5c9a0a620bdc08",
"aspectRatio": 1.7777777777777777,
"durationSeconds": 29.863167
},
"videoCodec": "h264",
"alexandriaUrl": "https://video.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a6813462-dafb-450d-96a9-5e3f1a5bfc70/{variant}",
"alexandriaLibraryId": "62bd622d9f5c9a0a620bdc08",
"aspectRatio": 1.7777777777777777,
"durationSeconds": 29.863167,
"items": [ ],
"pushedServices": { },
"pendingPushedServices": { },
"usageId": "e4b2e6f9-15f2-3466-9afb-908e6be756bc",
"assetProtectionLevel": "LIBRARY",
"recordTypeLabel": "sqsp-hosted-video",
"originalSize": "1920:1080"
}'
data-config-playback-speed="1"
data-config-filter="6"
data-config-filter-strength="100"
>
<div
class="sqs-video-background-native__video-player"
></div>
</div>
</div>
</div>
</div>
<div
class="content-wrapper"
style="
padding-top: calc(0vmax / 10);
padding-bottom: calc(0vmax / 10);
"
>
<div class="content">
<div data-fluid-engine="true">
<style>
.fe-62bd62cf5f7f9a34c1c36f1c {
--grid-gutter: calc(
var(--sqs-mobile-site-gutter, 6vw) - 11px
);
--cell-max-width: calc(
(var(--sqs-site-max-width, 1500px) - (11px * (8 - 1))) /
8
);
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(20, minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 8px;
column-gap: 11px;
}
@media (min-width: 768px) {
.background-width--inset .fe-62bd62cf5f7f9a34c1c36f1c {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-62bd62cf5f7f9a34c1c36f1c {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11px);
--cell-max-width: calc(
(
var(--sqs-site-max-width, 1500px) -
(11px * (24 - 1))
) / 24
);
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(
var(--sqs-site-max-width, 1500px),
calc(
100vw - var(--sqs-site-gutter, 4vw) * 2 -
var(--inset-padding)
)
);
grid-template-rows: repeat(
20,
minmax(
calc(
var(--container-width) *
var(--row-height-scaling-factor)
),
auto
)
);
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-yui_3_17_2_1_1657027873713_52664 {
grid-area: 4/2/8/10;
z-index: 4;
}
.fe-block-yui_3_17_2_1_1657027873713_52664 .sqs-block {
justify-content: flex-end;
}
.fe-block-yui_3_17_2_1_1657027873713_52664
.sqs-block-alignment-wrapper {
align-items: flex-end;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657027873713_52664 {
grid-area: 5/2/9/18;
z-index: 4;
}
.fe-block-yui_3_17_2_1_1657027873713_52664 .sqs-block {
justify-content: flex-end;
}
.fe-block-yui_3_17_2_1_1657027873713_52664
.sqs-block-alignment-wrapper {
align-items: flex-end;
}
}
.fe-block-yui_3_17_2_1_1657088366058_10117 {
grid-area: 3/2/6/7;
z-index: 0;
}
.fe-block-yui_3_17_2_1_1657088366058_10117 .sqs-block {
justify-content: flex-end;
}
.fe-block-yui_3_17_2_1_1657088366058_10117
.sqs-block-alignment-wrapper {
align-items: flex-end;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657088366058_10117 {
grid-area: 2/2/6/9;
z-index: 1;
}
.fe-block-yui_3_17_2_1_1657088366058_10117 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657088366058_10117
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657352201136_207486 {
grid-area: 8/2/10/10;
z-index: 5;
}
.fe-block-yui_3_17_2_1_1657352201136_207486 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657352201136_207486
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657352201136_207486 {
grid-area: 9/2/12/18;
z-index: 5;
}
.fe-block-yui_3_17_2_1_1657352201136_207486 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657352201136_207486
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-4ec81625bf5d2a0a9799 {
grid-area: 12/2/14/10;
z-index: 3;
}
.fe-block-4ec81625bf5d2a0a9799 .sqs-block {
justify-content: center;
}
.fe-block-4ec81625bf5d2a0a9799
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-4ec81625bf5d2a0a9799 {
grid-area: 14/2/16/8;
z-index: 3;
}
.fe-block-4ec81625bf5d2a0a9799 .sqs-block {
justify-content: center;
}
.fe-block-4ec81625bf5d2a0a9799
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657176527804_243797 {
grid-area: 14/1/21/11;
z-index: 2;
}
.fe-block-yui_3_17_2_1_1657176527804_243797 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657176527804_243797
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657176527804_243797 {
grid-area: 3/1/21/27;
z-index: 0;
}
.fe-block-yui_3_17_2_1_1657176527804_243797 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657176527804_243797
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657086090670_151334 {
grid-area: 20/7/21/8;
z-index: 1;
}
.fe-block-yui_3_17_2_1_1657086090670_151334 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657086090670_151334
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657086090670_151334 {
grid-area: 1/12/20/27;
z-index: 2;
}
.fe-block-yui_3_17_2_1_1657086090670_151334 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657086090670_151334
.sqs-block-alignment-wrapper {
align-items: center;
}
}
</style>
<div class="fluid-engine fe-62bd62cf5f7f9a34c1c36f1c">
<div
class="fe-block fe-block-yui_3_17_2_1_1657027873713_52664"
>
<div
class="sqs-block html-block sqs-block-html"
data-block-type="2"
id="block-yui_3_17_2_1_1657027873713_52664"
>
<div class="sqs-block-content">
<div class="sqs-html-content">
<h1 style="white-space: pre-wrap">We specialize<br>in Digital</h1>
</div>
<style>#block-yui_3_17_2_1_1657027873713_52664 {
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657088366058_10117"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-block-type="5"
id="block-yui_3_17_2_1_1657088366058_10117"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-left combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fit">
<img
data-stretch="false"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5af510b-110e-46f1-af6d-d5262c779eb1/Frame+34.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5af510b-110e-46f1-af6d-d5262c779eb1/Frame+34.png"
data-image-dimensions="712x244"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5af510b-110e-46f1-af6d-d5262c779eb1/Frame+34.png"
width="712"
height="244"
alt=""
sizes="(max-width: 640px) 100vw, (max-width: 767px) 62.5vw, 29.166666666666668vw"
style="
display: block;
object-fit: contain;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5af510b-110e-46f1-af6d-d5262c779eb1/Frame+34.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5af510b-110e-46f1-af6d-d5262c779eb1/Frame+34.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5af510b-110e-46f1-af6d-d5262c779eb1/Frame+34.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5af510b-110e-46f1-af6d-d5262c779eb1/Frame+34.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5af510b-110e-46f1-af6d-d5262c779eb1/Frame+34.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5af510b-110e-46f1-af6d-d5262c779eb1/Frame+34.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5af510b-110e-46f1-af6d-d5262c779eb1/Frame+34.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657352201136_207486"
>
<div
class="sqs-block html-block sqs-block-html"
data-block-type="2"
id="block-yui_3_17_2_1_1657352201136_207486"
>
<div class="sqs-block-content">
<div class="sqs-html-content">
<h1 style="white-space: pre-wrap">Transformation</h1>
</div>
<style>#block-yui_3_17_2_1_1657352201136_207486 {
}
</style>
</div>
</div>
</div>
<div class="fe-block fe-block-4ec81625bf5d2a0a9799">
<div
class="sqs-block button-block sqs-block-button sqs-stretched"
data-block-type="53"
id="block-4ec81625bf5d2a0a9799"
>
<div class="sqs-block-content">
<div
class="sqs-block-button-container sqs-block-button-container--center"
data-animation-role="button"
data-alignment="center"
data-button-size="large"
data-button-type="secondary"
>
<a
href="contact.html"
class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
>
CONTACT US
</a>
</div>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657176527804_243797"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-aspect-ratio="15.922228060956384"
data-block-type="5"
id="block-yui_3_17_2_1_1657176527804_243797"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fill">
<img
data-stretch="true"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/157f19b0-6502-4b02-8021-52af793f8054/Rectangle+3.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/157f19b0-6502-4b02-8021-52af793f8054/Rectangle+3.png"
data-image-dimensions="1899x292"
data-image-focal-point="0.5066079295154186,1.0"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/157f19b0-6502-4b02-8021-52af793f8054/Rectangle+3.png"
width="1899"
height="292"
alt=""
sizes="100vw"
style="
display: block;
object-fit: cover;
object-position: 50.66079295154186% 100%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/157f19b0-6502-4b02-8021-52af793f8054/Rectangle+3.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/157f19b0-6502-4b02-8021-52af793f8054/Rectangle+3.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/157f19b0-6502-4b02-8021-52af793f8054/Rectangle+3.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/157f19b0-6502-4b02-8021-52af793f8054/Rectangle+3.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/157f19b0-6502-4b02-8021-52af793f8054/Rectangle+3.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/157f19b0-6502-4b02-8021-52af793f8054/Rectangle+3.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/157f19b0-6502-4b02-8021-52af793f8054/Rectangle+3.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657086090670_151334"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-aspect-ratio="93.60508511748"
data-block-type="5"
id="block-yui_3_17_2_1_1657086090670_151334"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<a
class="sqs-block-image-link content-fill"
href=""
>
<img
data-stretch="true"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e4bb77b9-bbd6-49b2-ac69-9216522ced22/Frame+36.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e4bb77b9-bbd6-49b2-ac69-9216522ced22/Frame+36.png"
data-image-dimensions="6144x4097"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e4bb77b9-bbd6-49b2-ac69-9216522ced22/Frame+36.png"
width="6144"
height="4097"
alt=""
sizes="100vw"
style="
display: block;
object-fit: cover;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e4bb77b9-bbd6-49b2-ac69-9216522ced22/Frame+36.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e4bb77b9-bbd6-49b2-ac69-9216522ced22/Frame+36.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e4bb77b9-bbd6-49b2-ac69-9216522ced22/Frame+36.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e4bb77b9-bbd6-49b2-ac69-9216522ced22/Frame+36.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e4bb77b9-bbd6-49b2-ac69-9216522ced22/Frame+36.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e4bb77b9-bbd6-49b2-ac69-9216522ced22/Frame+36.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e4bb77b9-bbd6-49b2-ac69-9216522ced22/Frame+36.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</a>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme="dark"
class="page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--custom content-width--wide horizontal-alignment--center vertical-alignment--middle dark"
data-section-id="62bd62cf5f7f9a34c1c36f20"
data-controller="SectionWrapperController"
data-current-styles='{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--custom",
"customSectionHeight": 0,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "dark",
"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"
data-fluid-engine-section
>
<div class="section-border">
<div class="section-background"></div>
</div>
<div
class="content-wrapper"
style="
padding-top: calc(0vmax / 10);
padding-bottom: calc(0vmax / 10);
"
>
<div class="content">
<div data-fluid-engine="true">
<style>
.fe-62bd62cf5f7f9a34c1c36f1f {
--grid-gutter: calc(
var(--sqs-mobile-site-gutter, 6vw) - 11px
);
--cell-max-width: calc(
(var(--sqs-site-max-width, 1500px) - (11px * (8 - 1))) /
8
);
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(34, minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11px;
column-gap: 11px;
}
@media (min-width: 768px) {
.background-width--inset .fe-62bd62cf5f7f9a34c1c36f1f {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-62bd62cf5f7f9a34c1c36f1f {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11px);
--cell-max-width: calc(
(
var(--sqs-site-max-width, 1500px) -
(11px * (24 - 1))
) / 24
);
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(
var(--sqs-site-max-width, 1500px),
calc(
100vw - var(--sqs-site-gutter, 4vw) * 2 -
var(--inset-padding)
)
);
grid-template-rows: repeat(
27,
minmax(
calc(
var(--container-width) *
var(--row-height-scaling-factor)
),
auto
)
);
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-yui_3_17_2_1_1657027873713_407343 {
grid-area: 1/2/5/10;
z-index: 2;
}
.fe-block-yui_3_17_2_1_1657027873713_407343 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657027873713_407343
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657027873713_407343 {
grid-area: 1/2/7/16;
z-index: 0;
}
.fe-block-yui_3_17_2_1_1657027873713_407343 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657027873713_407343
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-eca161c336e1cd31e855 {
grid-area: 3/2/5/10;
z-index: 0;
}
.fe-block-eca161c336e1cd31e855 .sqs-block {
justify-content: center;
}
.fe-block-eca161c336e1cd31e855
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-eca161c336e1cd31e855 {
grid-area: 4/4/7/16;
z-index: 1;
}
.fe-block-eca161c336e1cd31e855 .sqs-block {
justify-content: center;
}
.fe-block-eca161c336e1cd31e855
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-5b851055308074f1db6e {
grid-area: 5/2/12/10;
z-index: 1;
}
.fe-block-5b851055308074f1db6e .sqs-block {
justify-content: center;
}
.fe-block-5b851055308074f1db6e
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-5b851055308074f1db6e {
grid-area: 6/12/11/24;
z-index: 2;
}
.fe-block-5b851055308074f1db6e .sqs-block {
justify-content: center;
}
.fe-block-5b851055308074f1db6e
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657027873713_821060 {
grid-area: 5/8/6/10;
z-index: 3;
}
.fe-block-yui_3_17_2_1_1657027873713_821060 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657027873713_821060
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657027873713_821060 {
grid-area: 5/20/6/24;
z-index: 3;
}
.fe-block-yui_3_17_2_1_1657027873713_821060 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657027873713_821060
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657027873713_1150225 {
grid-area: 12/2/18/10;
z-index: 4;
}
.fe-block-yui_3_17_2_1_1657027873713_1150225 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657027873713_1150225
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657027873713_1150225 {
grid-area: 11/12/22/24;
z-index: 5;
}
.fe-block-yui_3_17_2_1_1657027873713_1150225 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657027873713_1150225
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657027873713_1358136 {
grid-area: 18/2/19/4;
z-index: 7;
}
.fe-block-yui_3_17_2_1_1657027873713_1358136 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657027873713_1358136
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657027873713_1358136 {
grid-area: 10/4/11/8;
z-index: 7;
}
.fe-block-yui_3_17_2_1_1657027873713_1358136 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657027873713_1358136
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657027873713_1978732 {
grid-area: 25/1/35/11;
z-index: 5;
}
.fe-block-yui_3_17_2_1_1657027873713_1978732 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657027873713_1978732
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657027873713_1978732 {
grid-area: 15/1/28/27;
z-index: 4;
}
.fe-block-yui_3_17_2_1_1657027873713_1978732 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657027873713_1978732
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657027873713_1199510 {
grid-area: 19/2/29/10;
z-index: 6;
}
.fe-block-yui_3_17_2_1_1657027873713_1199510 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657027873713_1199510
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657027873713_1199510 {
grid-area: 11/4/22/11;
z-index: 6;
}
.fe-block-yui_3_17_2_1_1657027873713_1199510 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657027873713_1199510
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
</style>
<div class="fluid-engine fe-62bd62cf5f7f9a34c1c36f1f">
<div
class="fe-block fe-block-yui_3_17_2_1_1657027873713_407343"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-block-type="5"
id="block-yui_3_17_2_1_1657027873713_407343"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fit">
<img
data-stretch="false"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/62cd43f3-7552-4b60-8ae4-e25a28e47fad/WE+ARE.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/62cd43f3-7552-4b60-8ae4-e25a28e47fad/WE+ARE.png"
data-image-dimensions="1092x360"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/62cd43f3-7552-4b60-8ae4-e25a28e47fad/WE+ARE.png"
width="1092"
height="360"
alt=""
sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 58.333333333333336vw"
style="
display: block;
object-fit: contain;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/62cd43f3-7552-4b60-8ae4-e25a28e47fad/WE+ARE.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/62cd43f3-7552-4b60-8ae4-e25a28e47fad/WE+ARE.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/62cd43f3-7552-4b60-8ae4-e25a28e47fad/WE+ARE.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/62cd43f3-7552-4b60-8ae4-e25a28e47fad/WE+ARE.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/62cd43f3-7552-4b60-8ae4-e25a28e47fad/WE+ARE.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/62cd43f3-7552-4b60-8ae4-e25a28e47fad/WE+ARE.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/62cd43f3-7552-4b60-8ae4-e25a28e47fad/WE+ARE.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div class="fe-block fe-block-eca161c336e1cd31e855">
<div class="sqs-block html-block sqs-block-html"data-block-type="2" id="block-eca161c336e1cd31e855"><div class="sqs-block-content">
<div class="sqs-html-content">
<h1 style="white-space: pre-wrap">
<strong>ENUBA</strong>
</h1>
</div>
<style>#block-eca161c336e1cd31e855 {
}
</style>
</div></div></div><div class="fe-block fe-block-5b851055308074f1db6e">
<div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-5b851055308074f1db6e"><div class="sqs-block-content">
<div class="sqs-html-content">
<p class="sqsrte-large" style="white-space:pre-wrap;"><span class="sqsrte-text-color--accent"><strong>PT Empat Nusa Bangsa</strong></span><strong> </strong>also known as <span class="sqsrte-text-color--accent"><strong>ENUBA</strong> </span>is a company that engages in information technology and offers comprehensive solutions for all business sectors. Pioneering companies within a wide range of <span class="sqsrte-text-color--accent"><strong>Technology</strong></span> and <span class="sqsrte-text-color--accent"><strong>Digital Solution</strong></span></p>
</div>
<style>#block-5b851055308074f1db6e {
}
</style>
</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1657027873713_821060">
<div class="sqs-block horizontalrule-block sqs-block-horizontalrule" data-block-type="47"id="block-yui_3_17_2_1_1657027873713_821060">
<div class="sqs-block-content"><hr /></div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657027873713_1150225"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-block-type="5"
id="block-yui_3_17_2_1_1657027873713_1150225"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fit">
<img
data-stretch="false"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/83c1fe6f-2cb8-4d95-aa5d-109d1946530b/Group+3+%284%29.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/83c1fe6f-2cb8-4d95-aa5d-109d1946530b/Group+3+%284%29.png"
data-image-dimensions="974x625"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/83c1fe6f-2cb8-4d95-aa5d-109d1946530b/Group+3+%284%29.png"
width="974"
height="625"
alt=""
sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 50vw"
style="
display: block;
object-fit: contain;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/83c1fe6f-2cb8-4d95-aa5d-109d1946530b/Group+3+%284%29.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/83c1fe6f-2cb8-4d95-aa5d-109d1946530b/Group+3+%284%29.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/83c1fe6f-2cb8-4d95-aa5d-109d1946530b/Group+3+%284%29.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/83c1fe6f-2cb8-4d95-aa5d-109d1946530b/Group+3+%284%29.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/83c1fe6f-2cb8-4d95-aa5d-109d1946530b/Group+3+%284%29.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/83c1fe6f-2cb8-4d95-aa5d-109d1946530b/Group+3+%284%29.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/83c1fe6f-2cb8-4d95-aa5d-109d1946530b/Group+3+%284%29.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657027873713_1358136"
>
<div
class="sqs-block horizontalrule-block sqs-block-horizontalrule"
data-block-type="47"
id="block-yui_3_17_2_1_1657027873713_1358136"
>
<div class="sqs-block-content"><hr /></div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657027873713_1978732"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-aspect-ratio="26.877192982456137"
data-block-type="5"
id="block-yui_3_17_2_1_1657027873713_1978732"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fill">
<img
data-stretch="true"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/32ed527c-417e-4dd9-b8f0-cd283e6be21f/Frame+10.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/32ed527c-417e-4dd9-b8f0-cd283e6be21f/Frame+10.png"
data-image-dimensions="4096x1438"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/32ed527c-417e-4dd9-b8f0-cd283e6be21f/Frame+10.png"
width="4096"
height="1438"
alt=""
sizes="100vw"
style="
display: block;
object-fit: cover;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/32ed527c-417e-4dd9-b8f0-cd283e6be21f/Frame+10.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/32ed527c-417e-4dd9-b8f0-cd283e6be21f/Frame+10.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/32ed527c-417e-4dd9-b8f0-cd283e6be21f/Frame+10.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/32ed527c-417e-4dd9-b8f0-cd283e6be21f/Frame+10.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/32ed527c-417e-4dd9-b8f0-cd283e6be21f/Frame+10.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/32ed527c-417e-4dd9-b8f0-cd283e6be21f/Frame+10.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/32ed527c-417e-4dd9-b8f0-cd283e6be21f/Frame+10.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div class="fe-block fe-block-yui_3_17_2_1_1657027873713_1199510"><div class="sqs-block html-block sqs-block-html"data-block-type="2"id="block-yui_3_17_2_1_1657027873713_1199510"><div class="sqs-block-content">
<div class="sqs-html-content">
<p class="" style="white-space: pre-wrap">Founded in 2019, our main goal is to support startups, enterprises, &amp; government agencies or institutions with their digitalization needs from the information technology aspects. With years of combined experience, we can provide the most efficient solutions in terms of cost and time with the least risk possible. </p>
<p class="" style="white-space: pre-wrap">Our portfolio also includes state-of-the-art solutions for startups, enterprises, &amp;government agencies or institutions with diverse business sectors such as telecommunications,finances, automotive, and many more. </p>
</div>
<style> #block-yui_3_17_2_1_1657027873713_1199510 {
}
</style>
</div>
</divclass=>
</div>
</div>
</div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme=""
class="page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--custom content-width--wide horizontal-alignment--center vertical-alignment--top"
data-section-id="62c44dd7c96a9136cb6dda19"
data-controller="SectionWrapperController"
data-current-styles='{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--custom",
"customSectionHeight": 0,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--top",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"backgroundColor": "",
"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"
data-fluid-engine-section
>
<div class="section-border">
<div class="section-background"></div>
</div>
<div
class="content-wrapper"
style="padding-bottom: calc(0vmax / 5)"
>
<div class="content">
<div data-fluid-engine="true">
<style>
.fe-62c44dd83c4ce70b2a458171 {
--grid-gutter: calc(
var(--sqs-mobile-site-gutter, 6vw) - 11px
);
--cell-max-width: calc(
(var(--sqs-site-max-width, 1500px) - (11px * (8 - 1))) /
8
);
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(25, minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11px;
column-gap: 11px;
}
@media (min-width: 768px) {
.background-width--inset .fe-62c44dd83c4ce70b2a458171 {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-62c44dd83c4ce70b2a458171 {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11px);
--cell-max-width: calc(
(
var(--sqs-site-max-width, 1500px) -
(11px * (24 - 1))
) / 24
);
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(
var(--sqs-site-max-width, 1500px),
calc(
100vw - var(--sqs-site-gutter, 4vw) * 2 -
var(--inset-padding)
)
);
grid-template-rows: repeat(
9,
minmax(
calc(
var(--container-width) *
var(--row-height-scaling-factor)
),
auto
)
);
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-yui_3_17_2_1_1657027873713_2257791 {
grid-area: 1/2/3/10;
z-index: 1;
}
.fe-block-yui_3_17_2_1_1657027873713_2257791 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657027873713_2257791
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657027873713_2257791 {
grid-area: 1/4/2/10;
z-index: 1;
}
.fe-block-yui_3_17_2_1_1657027873713_2257791 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657027873713_2257791
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-yui_3_17_2_1_1657027873713_2380776 {
grid-area: 3/2/9/10;
z-index: 2;
}
.fe-block-yui_3_17_2_1_1657027873713_2380776 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657027873713_2380776
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657027873713_2380776 {
grid-area: 3/3/10/8;
z-index: 2;
}
.fe-block-yui_3_17_2_1_1657027873713_2380776 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657027873713_2380776
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-yui_3_17_2_1_1657035391184_16465 {
grid-area: 9/3/19/9;
z-index: 3;
}
.fe-block-yui_3_17_2_1_1657035391184_16465 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657035391184_16465
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657035391184_16465 {
grid-area: 3/9/8/17;
z-index: 3;
}
.fe-block-yui_3_17_2_1_1657035391184_16465 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657035391184_16465
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-yui_3_17_2_1_1657035391184_81137 {
grid-area: 17/2/18/10;
z-index: 4;
}
.fe-block-yui_3_17_2_1_1657035391184_81137 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657035391184_81137
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657035391184_81137 {
grid-area: 3/18/4/24;
z-index: 4;
}
.fe-block-yui_3_17_2_1_1657035391184_81137 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657035391184_81137
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-yui_3_17_2_1_1657035391184_338887 {
grid-area: 18/2/20/10;
z-index: 8;
}
.fe-block-yui_3_17_2_1_1657035391184_338887 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657035391184_338887
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657035391184_338887 {
grid-area: 4/18/6/24;
z-index: 8;
}
.fe-block-yui_3_17_2_1_1657035391184_338887 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657035391184_338887
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657035391184_210472 {
grid-area: 20/2/22/10;
z-index: 6;
}
.fe-block-yui_3_17_2_1_1657035391184_210472 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657035391184_210472
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657035391184_210472 {
grid-area: 6/18/8/24;
z-index: 6;
}
.fe-block-yui_3_17_2_1_1657035391184_210472 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657035391184_210472
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657035391184_287861 {
grid-area: 22/2/24/10;
z-index: 7;
}
.fe-block-yui_3_17_2_1_1657035391184_287861 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657035391184_287861
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657035391184_287861 {
grid-area: 8/18/10/24;
z-index: 7;
}
.fe-block-yui_3_17_2_1_1657035391184_287861 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657035391184_287861
.sqs-block-alignment-wrapper {
align-items: center;
}
}
</style>
<div class="fluid-engine fe-62c44dd83c4ce70b2a458171"><div class="fe-block fe-block-yui_3_17_2_1_1657027873713_2257791"><div class="sqs-block html-block sqs-block-html"data-block-type="2"id="block-yui_3_17_2_1_1657027873713_2257791"><div class="sqs-block-content">
<div class="sqs-html-content">
<h2 style="white-space: pre-wrap"><span class="sqsrte-text-color--white">Our Group</span></h2>
</div>
<style>#block-yui_3_17_2_1_1657027873713_2257791 {
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657027873713_2380776"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-block-type="5"
id="block-yui_3_17_2_1_1657027873713_2380776"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fit">
<img
data-stretch="false"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/53c5303f-848f-4a5d-8679-0fbe47132a3b/image+302.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/53c5303f-848f-4a5d-8679-0fbe47132a3b/image+302.png"
data-image-dimensions="4300x3132"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/53c5303f-848f-4a5d-8679-0fbe47132a3b/image+302.png"
width="4300"
height="3132"
alt=""
sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 20.833333333333336vw"
style="
display: block;
object-fit: contain;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/53c5303f-848f-4a5d-8679-0fbe47132a3b/image+302.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/53c5303f-848f-4a5d-8679-0fbe47132a3b/image+302.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/53c5303f-848f-4a5d-8679-0fbe47132a3b/image+302.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/53c5303f-848f-4a5d-8679-0fbe47132a3b/image+302.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/53c5303f-848f-4a5d-8679-0fbe47132a3b/image+302.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/53c5303f-848f-4a5d-8679-0fbe47132a3b/image+302.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/53c5303f-848f-4a5d-8679-0fbe47132a3b/image+302.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div class="fe-block fe-block-yui_3_17_2_1_1657035391184_16465"><div class="sqs-block html-block sqs-block-html"data-block-type="2" id="block-yui_3_17_2_1_1657035391184_16465"><div class="sqs-block-content">
<div class="sqs-html-content">
<p class="sqsrte-large" style="white-space: pre-wrap">We believe in honesty, fairness, and professionalism in developing applications, systems, and solutions. We know how to solve your problems and bring you the best solution possible.</p>
</div>
<style>#block-yui_3_17_2_1_1657035391184_16465 {
}
</style>
</div>
</div>
</div>
<div class="fe-block fe-block-yui_3_17_2_1_1657035391184_81137"><div class="sqs-block html-block sqs-block-html"data-block-type="2" id="block-yui_3_17_2_1_1657035391184_81137"><div class="sqs-block-content">
<div class="sqs-html-content">
<h2 style="text-align: center; white-space: pre-wrap"><span class="sqsrte-text-color--white">Our Focus</span></h2>
</div>
<style> #block-yui_3_17_2_1_1657035391184_81137 {
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657035391184_338887"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-block-type="5"
id="block-yui_3_17_2_1_1657035391184_338887"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fit">
<img
data-stretch="false"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/f099dd23-bd33-4c84-8030-2b12bd9ed731/Frame+11.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/f099dd23-bd33-4c84-8030-2b12bd9ed731/Frame+11.png"
data-image-dimensions="1434x199"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/f099dd23-bd33-4c84-8030-2b12bd9ed731/Frame+11.png"
width="1434"
height="199"
alt=""
sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 25vw"
style="
display: block;
object-fit: contain;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/f099dd23-bd33-4c84-8030-2b12bd9ed731/Frame+11.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/f099dd23-bd33-4c84-8030-2b12bd9ed731/Frame+11.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/f099dd23-bd33-4c84-8030-2b12bd9ed731/Frame+11.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/f099dd23-bd33-4c84-8030-2b12bd9ed731/Frame+11.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/f099dd23-bd33-4c84-8030-2b12bd9ed731/Frame+11.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/f099dd23-bd33-4c84-8030-2b12bd9ed731/Frame+11.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/f099dd23-bd33-4c84-8030-2b12bd9ed731/Frame+11.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657035391184_210472"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-block-type="5"
id="block-yui_3_17_2_1_1657035391184_210472"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fit">
<img
data-stretch="false"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/cf40e130-f3f4-41fc-8686-6f4a4022866f/Frame+14.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/cf40e130-f3f4-41fc-8686-6f4a4022866f/Frame+14.png"
data-image-dimensions="1434x199"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/cf40e130-f3f4-41fc-8686-6f4a4022866f/Frame+14.png"
width="1434"
height="199"
alt=""
sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 25vw"
style="
display: block;
object-fit: contain;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/cf40e130-f3f4-41fc-8686-6f4a4022866f/Frame+14.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/cf40e130-f3f4-41fc-8686-6f4a4022866f/Frame+14.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/cf40e130-f3f4-41fc-8686-6f4a4022866f/Frame+14.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/cf40e130-f3f4-41fc-8686-6f4a4022866f/Frame+14.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/cf40e130-f3f4-41fc-8686-6f4a4022866f/Frame+14.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/cf40e130-f3f4-41fc-8686-6f4a4022866f/Frame+14.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/cf40e130-f3f4-41fc-8686-6f4a4022866f/Frame+14.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657035391184_287861"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-block-type="5"
id="block-yui_3_17_2_1_1657035391184_287861"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fit">
<img
data-stretch="false"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/55ce1efe-cb28-41ca-9ad5-27dd519cf3dc/Frame+13.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/55ce1efe-cb28-41ca-9ad5-27dd519cf3dc/Frame+13.png"
data-image-dimensions="1434x199"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/55ce1efe-cb28-41ca-9ad5-27dd519cf3dc/Frame+13.png"
width="1434"
height="199"
alt=""
sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 25vw"
style="
display: block;
object-fit: contain;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/55ce1efe-cb28-41ca-9ad5-27dd519cf3dc/Frame+13.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/55ce1efe-cb28-41ca-9ad5-27dd519cf3dc/Frame+13.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/55ce1efe-cb28-41ca-9ad5-27dd519cf3dc/Frame+13.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/55ce1efe-cb28-41ca-9ad5-27dd519cf3dc/Frame+13.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/55ce1efe-cb28-41ca-9ad5-27dd519cf3dc/Frame+13.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/55ce1efe-cb28-41ca-9ad5-27dd519cf3dc/Frame+13.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/55ce1efe-cb28-41ca-9ad5-27dd519cf3dc/Frame+13.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme="light"
class="page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--custom content-width--wide horizontal-alignment--center vertical-alignment--middle light"
data-section-id="62bd790a567841547a797951"
data-controller="SectionWrapperController"
data-current-styles='{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--custom",
"customSectionHeight": 0,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "light",
"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"
data-fluid-engine-section
>
<div class="section-border">
<div class="section-background"></div>
</div>
<div
class="content-wrapper"
style="
padding-top: calc(0vmax / 10);
padding-bottom: calc(0vmax / 10);
"
>
<div class="content">
<div data-fluid-engine="true">
<style>
.fe-62bd790a567841547a797950 {
--grid-gutter: calc(
var(--sqs-mobile-site-gutter, 6vw) - 11px
);
--cell-max-width: calc(
(var(--sqs-site-max-width, 1500px) - (11px * (8 - 1))) /
8
);
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(78, minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11px;
column-gap: 11px;
}
@media (min-width: 768px) {
.background-width--inset .fe-62bd790a567841547a797950 {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-62bd790a567841547a797950 {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11px);
--cell-max-width: calc(
(
var(--sqs-site-max-width, 1500px) -
(11px * (24 - 1))
) / 24
);
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(
var(--sqs-site-max-width, 1500px),
calc(
100vw - var(--sqs-site-gutter, 4vw) * 2 -
var(--inset-padding)
)
);
grid-template-rows: repeat(
59,
minmax(
calc(
var(--container-width) *
var(--row-height-scaling-factor)
),
auto
)
);
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-yui_3_17_2_1_1657051064158_323742 {
grid-area: 1/1/22/11;
z-index: 1;
}
.fe-block-yui_3_17_2_1_1657051064158_323742 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657051064158_323742
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657051064158_323742 {
grid-area: 2/3/12/27;
z-index: 3;
}
.fe-block-yui_3_17_2_1_1657051064158_323742 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657051064158_323742
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1656599030751_1271953 {
grid-area: 2/2/3/4;
z-index: 8;
}
.fe-block-yui_3_17_2_1_1656599030751_1271953 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1656599030751_1271953
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1656599030751_1271953 {
grid-area: 9/22/10/24;
z-index: 10;
}
.fe-block-yui_3_17_2_1_1656599030751_1271953 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1656599030751_1271953
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1656599030751_1157950 {
grid-area: 9/2/10/4;
z-index: 5;
}
.fe-block-yui_3_17_2_1_1656599030751_1157950 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1656599030751_1157950
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1656599030751_1157950 {
grid-area: 9/14/10/16;
z-index: 8;
}
.fe-block-yui_3_17_2_1_1656599030751_1157950 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1656599030751_1157950
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1656599030751_1169076 {
grid-area: 10/2/11/7;
z-index: 6;
}
.fe-block-yui_3_17_2_1_1656599030751_1169076 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1656599030751_1169076
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1656599030751_1169076 {
grid-area: 8/11/9/19;
z-index: 7;
}
.fe-block-yui_3_17_2_1_1656599030751_1169076 .sqs-block {
justify-content: flex-end;
}
.fe-block-yui_3_17_2_1_1656599030751_1169076
.sqs-block-alignment-wrapper {
align-items: flex-end;
}
}
.fe-block-yui_3_17_2_1_1656599030751_1317134 {
grid-area: 16/2/17/4;
z-index: 11;
}
.fe-block-yui_3_17_2_1_1656599030751_1317134 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1656599030751_1317134
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1656599030751_1317134 {
grid-area: 9/6/10/8;
z-index: 12;
}
.fe-block-yui_3_17_2_1_1656599030751_1317134 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1656599030751_1317134
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657171727379_177741 {
grid-area: 16/2/21/10;
z-index: 32;
}
.fe-block-yui_3_17_2_1_1657171727379_177741 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657171727379_177741
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657171727379_177741 {
grid-area: 4/20/12/26;
z-index: 34;
}
.fe-block-yui_3_17_2_1_1657171727379_177741 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657171727379_177741
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1656599030751_489630 {
grid-area: 16/7/21/10;
z-index: 2;
}
.fe-block-yui_3_17_2_1_1656599030751_489630 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1656599030751_489630
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1656599030751_489630 {
grid-area: 4/20/8/26;
z-index: 4;
}
.fe-block-yui_3_17_2_1_1656599030751_489630 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1656599030751_489630
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1656599030751_1197187 {
grid-area: 17/2/19/7;
z-index: 7;
}
.fe-block-yui_3_17_2_1_1656599030751_1197187 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1656599030751_1197187
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1656599030751_1197187 {
grid-area: 8/20/9/26;
z-index: 9;
}
.fe-block-yui_3_17_2_1_1656599030751_1197187 .sqs-block {
justify-content: flex-end;
}
.fe-block-yui_3_17_2_1_1656599030751_1197187
.sqs-block-alignment-wrapper {
align-items: flex-end;
}
}
.fe-block-yui_3_17_2_1_1656599030751_1513169 {
grid-area: 19/2/21/7;
z-index: 10;
}
.fe-block-yui_3_17_2_1_1656599030751_1513169 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1656599030751_1513169
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1656599030751_1513169 {
grid-area: 10/20/12/26;
z-index: 15;
}
.fe-block-yui_3_17_2_1_1656599030751_1513169 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1656599030751_1513169
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-yui_3_17_2_1_1657171727379_341905 {
grid-area: 9/2/14/10;
z-index: 33;
}
.fe-block-yui_3_17_2_1_1657171727379_341905 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657171727379_341905
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657171727379_341905 {
grid-area: 4/12/12/18;
z-index: 35;
}
.fe-block-yui_3_17_2_1_1657171727379_341905 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657171727379_341905
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1656599030751_641953 {
grid-area: 9/7/14/10;
z-index: 3;
}
.fe-block-yui_3_17_2_1_1656599030751_641953 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1656599030751_641953
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1656599030751_641953 {
grid-area: 4/12/7/18;
z-index: 5;
}
.fe-block-yui_3_17_2_1_1656599030751_641953 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1656599030751_641953
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1656599030751_1490066 {
grid-area: 12/2/14/7;
z-index: 13;
}
.fe-block-yui_3_17_2_1_1656599030751_1490066 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1656599030751_1490066
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1656599030751_1490066 {
grid-area: 10/12/12/18;
z-index: 14;
}
.fe-block-yui_3_17_2_1_1656599030751_1490066 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1656599030751_1490066
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-yui_3_17_2_1_1657171727379_353163 {
grid-area: 2/2/7/10;
z-index: 34;
}
.fe-block-yui_3_17_2_1_1657171727379_353163 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657171727379_353163
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657171727379_353163 {
grid-area: 4/4/12/10;
z-index: 36;
}
.fe-block-yui_3_17_2_1_1657171727379_353163 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657171727379_353163
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1656599030751_788747 {
grid-area: 2/7/7/10;
z-index: 4;
}
.fe-block-yui_3_17_2_1_1656599030751_788747 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1656599030751_788747
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1656599030751_788747 {
grid-area: 4/4/7/10;
z-index: 6;
}
.fe-block-yui_3_17_2_1_1656599030751_788747 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1656599030751_788747
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1656599030751_1284451 {
grid-area: 3/2/5/7;
z-index: 9;
}
.fe-block-yui_3_17_2_1_1656599030751_1284451 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1656599030751_1284451
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1656599030751_1284451 {
grid-area: 8/3/9/11;
z-index: 11;
}
.fe-block-yui_3_17_2_1_1656599030751_1284451 .sqs-block {
justify-content: flex-end;
}
.fe-block-yui_3_17_2_1_1656599030751_1284451
.sqs-block-alignment-wrapper {
align-items: flex-end;
}
}
.fe-block-yui_3_17_2_1_1656599030751_1425796 {
grid-area: 5/2/7/7;
z-index: 12;
}
.fe-block-yui_3_17_2_1_1656599030751_1425796 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1656599030751_1425796
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1656599030751_1425796 {
grid-area: 10/4/12/10;
z-index: 13;
}
.fe-block-yui_3_17_2_1_1656599030751_1425796 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1656599030751_1425796
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-yui_3_17_2_1_1657190161188_922698 {
grid-area: 1/1/4/5;
z-index: 35;
}
.fe-block-yui_3_17_2_1_1657190161188_922698 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657190161188_922698
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657190161188_922698 {
grid-area: 2/2/4/5;
z-index: 37;
}
.fe-block-yui_3_17_2_1_1657190161188_922698 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657190161188_922698
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657051064158_1375076 {
grid-area: 25/2/33/10;
z-index: 15;
}
.fe-block-yui_3_17_2_1_1657051064158_1375076 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657051064158_1375076
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657051064158_1375076 {
grid-area: 15/1/33/16;
z-index: 0;
}
.fe-block-yui_3_17_2_1_1657051064158_1375076 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657051064158_1375076
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657051064158_1458290 {
grid-area: 24/2/26/10;
z-index: 16;
}
.fe-block-yui_3_17_2_1_1657051064158_1458290 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657051064158_1458290
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657051064158_1458290 {
grid-area: 14/4/16/10;
z-index: 2;
}
.fe-block-yui_3_17_2_1_1657051064158_1458290 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657051064158_1458290
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657051064158_1636624 {
grid-area: 33/2/39/10;
z-index: 18;
}
.fe-block-yui_3_17_2_1_1657051064158_1636624 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657051064158_1636624
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657051064158_1636624 {
grid-area: 18/18/24/24;
z-index: 18;
}
.fe-block-yui_3_17_2_1_1657051064158_1636624 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657051064158_1636624
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657086090670_208772 {
grid-area: 40/2/44/10;
z-index: 25;
}
.fe-block-yui_3_17_2_1_1657086090670_208772 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657086090670_208772
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657086090670_208772 {
grid-area: 24/18/30/24;
z-index: 27;
}
.fe-block-yui_3_17_2_1_1657086090670_208772 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657086090670_208772
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-yui_3_17_2_1_1657082061136_110790 {
grid-area: 47/5/79/11;
z-index: 20;
}
.fe-block-yui_3_17_2_1_1657082061136_110790 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657082061136_110790
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657082061136_110790 {
grid-area: 30/17/58/27;
z-index: 19;
}
.fe-block-yui_3_17_2_1_1657082061136_110790 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657082061136_110790
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657075092422_96505 {
grid-area: 46/2/48/10;
z-index: 19;
}
.fe-block-yui_3_17_2_1_1657075092422_96505 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657075092422_96505
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657075092422_96505 {
grid-area: 36/4/37/10;
z-index: 20;
}
.fe-block-yui_3_17_2_1_1657075092422_96505 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657075092422_96505
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-yui_3_17_2_1_1657075092422_211092 {
grid-area: 48/2/50/10;
z-index: 22;
}
.fe-block-yui_3_17_2_1_1657075092422_211092 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657075092422_211092
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657075092422_211092 {
grid-area: 38/4/40/14;
z-index: 23;
}
.fe-block-yui_3_17_2_1_1657075092422_211092 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657075092422_211092
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657075092422_250463 {
grid-area: 50/2/56/10;
z-index: 23;
}
.fe-block-yui_3_17_2_1_1657075092422_250463 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657075092422_250463
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657075092422_250463 {
grid-area: 40/4/43/18;
z-index: 24;
}
.fe-block-yui_3_17_2_1_1657075092422_250463 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657075092422_250463
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-yui_3_17_2_1_1657075092422_166098 {
grid-area: 56/2/58/10;
z-index: 21;
}
.fe-block-yui_3_17_2_1_1657075092422_166098 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657075092422_166098
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657075092422_166098 {
grid-area: 43/4/45/14;
z-index: 21;
}
.fe-block-yui_3_17_2_1_1657075092422_166098 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657075092422_166098
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657075092422_345377 {
grid-area: 58/2/63/10;
z-index: 24;
}
.fe-block-yui_3_17_2_1_1657075092422_345377 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657075092422_345377
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657075092422_345377 {
grid-area: 45/4/48/18;
z-index: 26;
}
.fe-block-yui_3_17_2_1_1657075092422_345377 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657075092422_345377
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-yui_3_17_2_1_1657093447350_132721 {
grid-area: 63/2/65/10;
z-index: 26;
}
.fe-block-yui_3_17_2_1_1657093447350_132721 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657093447350_132721
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657093447350_132721 {
grid-area: 48/4/50/14;
z-index: 28;
}
.fe-block-yui_3_17_2_1_1657093447350_132721 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657093447350_132721
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657093447350_148871 {
grid-area: 65/2/71/10;
z-index: 27;
}
.fe-block-yui_3_17_2_1_1657093447350_148871 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657093447350_148871
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657093447350_148871 {
grid-area: 50/4/53/18;
z-index: 29;
}
.fe-block-yui_3_17_2_1_1657093447350_148871 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657093447350_148871
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-yui_3_17_2_1_1657093447350_246560 {
grid-area: 71/2/73/10;
z-index: 28;
}
.fe-block-yui_3_17_2_1_1657093447350_246560 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657093447350_246560
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657093447350_246560 {
grid-area: 53/4/55/14;
z-index: 30;
}
.fe-block-yui_3_17_2_1_1657093447350_246560 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657093447350_246560
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657093447350_305258 {
grid-area: 73/2/79/10;
z-index: 29;
}
.fe-block-yui_3_17_2_1_1657093447350_305258 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657093447350_305258
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657093447350_305258 {
grid-area: 55/4/58/18;
z-index: 31;
}
.fe-block-yui_3_17_2_1_1657093447350_305258 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657093447350_305258
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
</style>
<div class="fluid-engine fe-62bd790a567841547a797950">
<div
class="fe-block fe-block-yui_3_17_2_1_1657051064158_323742"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-aspect-ratio="69.67292432746275"
data-block-type="5"
id="block-yui_3_17_2_1_1657051064158_323742"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fill">
<img
data-stretch="true"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ce928716-3ac7-4bd0-8e2a-b0de8daedb02/Rectangle+1179.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ce928716-3ac7-4bd0-8e2a-b0de8daedb02/Rectangle+1179.png"
data-image-dimensions="185x185"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ce928716-3ac7-4bd0-8e2a-b0de8daedb02/Rectangle+1179.png"
width="185"
height="185"
alt=""
sizes="100vw"
style="
display: block;
object-fit: cover;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ce928716-3ac7-4bd0-8e2a-b0de8daedb02/Rectangle+1179.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ce928716-3ac7-4bd0-8e2a-b0de8daedb02/Rectangle+1179.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ce928716-3ac7-4bd0-8e2a-b0de8daedb02/Rectangle+1179.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ce928716-3ac7-4bd0-8e2a-b0de8daedb02/Rectangle+1179.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ce928716-3ac7-4bd0-8e2a-b0de8daedb02/Rectangle+1179.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ce928716-3ac7-4bd0-8e2a-b0de8daedb02/Rectangle+1179.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ce928716-3ac7-4bd0-8e2a-b0de8daedb02/Rectangle+1179.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1656599030751_1271953"
>
<div
class="sqs-block horizontalrule-block sqs-block-horizontalrule"
data-block-type="47"
id="block-yui_3_17_2_1_1656599030751_1271953"
>
<div class="sqs-block-content"><hr /></div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1656599030751_1157950"
>
<div
class="sqs-block horizontalrule-block sqs-block-horizontalrule"
data-block-type="47"
id="block-yui_3_17_2_1_1656599030751_1157950"
>
<div class="sqs-block-content"><hr /></div>
</div>
</div>
<div class="fe-block fe-block-yui_3_17_2_1_1656599030751_1169076">
<div class="sqs-block html-block sqs-block-html"data-block-type="2"id="block-yui_3_17_2_1_1656599030751_1169076" ><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="text-align: center; white-space: pre-wrap">Bangun Kreatif Abadi </h4>
</div>
<style>
#block-yui_3_17_2_1_1656599030751_1169076 {
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1656599030751_1317134"
>
<div
class="sqs-block horizontalrule-block sqs-block-horizontalrule"
data-block-type="47"
id="block-yui_3_17_2_1_1656599030751_1317134"
>
<div class="sqs-block-content"><hr /></div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657171727379_177741"
>
<div
class="sqs-block button-block sqs-block-button sqs-stretched"
data-block-type="53"
id="block-yui_3_17_2_1_1657171727379_177741"
>
<div class="sqs-block-content">
<div
class="sqs-block-button-container sqs-block-button-container--center"
data-animation-role="button"
data-alignment="center"
data-button-size="small"
data-button-type="tertiary"
>
<a
href="../www.cakrawalamediautama.com/index.html"
class="sqs-block-button-element--small sqs-button-element--tertiary sqs-block-button-element"
target="_blank"
>
Visit
</a>
</div>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1656599030751_489630"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-block-type="5"
id="block-yui_3_17_2_1_1656599030751_489630"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fit">
<img
data-stretch="false"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0bd693cb-9b54-4a5b-b2d8-dd9c7d03660f/digilog.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0bd693cb-9b54-4a5b-b2d8-dd9c7d03660f/digilog.png"
data-image-dimensions="750x605"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0bd693cb-9b54-4a5b-b2d8-dd9c7d03660f/digilog.png"
width="750"
height="605"
alt=""
sizes="(max-width: 640px) 100vw, (max-width: 767px) 37.5vw, 25vw"
style="
display: block;
object-fit: contain;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0bd693cb-9b54-4a5b-b2d8-dd9c7d03660f/digilog.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0bd693cb-9b54-4a5b-b2d8-dd9c7d03660f/digilog.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0bd693cb-9b54-4a5b-b2d8-dd9c7d03660f/digilog.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0bd693cb-9b54-4a5b-b2d8-dd9c7d03660f/digilog.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0bd693cb-9b54-4a5b-b2d8-dd9c7d03660f/digilog.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0bd693cb-9b54-4a5b-b2d8-dd9c7d03660f/digilog.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0bd693cb-9b54-4a5b-b2d8-dd9c7d03660f/digilog.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div class="fe-block fe-block-yui_3_17_2_1_1656599030751_1197187">
<div class="sqs-block html-block sqs-block-html"data-block-type="2"id="block-yui_3_17_2_1_1656599030751_1197187"><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="text-align: center; white-space: pre-wrap">Cakrawala Media Utama</h4>
</div>
<style>#block-yui_3_17_2_1_1656599030751_1197187 {
}
</style>
</div>
</div>
</div>
<div class="fe-block fe-block-yui_3_17_2_1_1656599030751_1513169">
<div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1656599030751_1513169"><div class="sqs-block-content">
<div class="sqs-html-content">
<h3 style="text-align: center; white-space: pre-wrap"> DIGITAL<br>MARKETING</h3>
</div>
<style>
#block-yui_3_17_2_1_1656599030751_1513169 {
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657171727379_341905"
>
<div
class="sqs-block button-block sqs-block-button sqs-stretched"
data-block-type="53"
id="block-yui_3_17_2_1_1657171727379_341905"
>
<div class="sqs-block-content">
<div
class="sqs-block-button-container sqs-block-button-container--center"
data-animation-role="button"
data-alignment="center"
data-button-size="small"
data-button-type="tertiary"
>
<a
href="../www.bangun-kreatif.com/index.html"
class="sqs-block-button-element--small sqs-button-element--tertiary sqs-block-button-element"
target="_blank"
>
Visit
</a>
</div>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1656599030751_641953"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-block-type="5"
id="block-yui_3_17_2_1_1656599030751_641953"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fit">
<img
data-stretch="false"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/4d5e415d-0476-4a36-945a-2eb8740caca9/newestbka.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/4d5e415d-0476-4a36-945a-2eb8740caca9/newestbka.png"
data-image-dimensions="1500x1179"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/4d5e415d-0476-4a36-945a-2eb8740caca9/newestbka.png"
width="1500"
height="1179"
alt=""
sizes="(max-width: 640px) 100vw, (max-width: 767px) 37.5vw, 25vw"
style="
display: block;
object-fit: contain;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/4d5e415d-0476-4a36-945a-2eb8740caca9/newestbka.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/4d5e415d-0476-4a36-945a-2eb8740caca9/newestbka.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/4d5e415d-0476-4a36-945a-2eb8740caca9/newestbka.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/4d5e415d-0476-4a36-945a-2eb8740caca9/newestbka.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/4d5e415d-0476-4a36-945a-2eb8740caca9/newestbka.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/4d5e415d-0476-4a36-945a-2eb8740caca9/newestbka.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/4d5e415d-0476-4a36-945a-2eb8740caca9/newestbka.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div class="fe-block fe-block-yui_3_17_2_1_1656599030751_1490066">
<div class="sqs-block html-block sqs-block-html" data-block-type="2"id="block-yui_3_17_2_1_1656599030751_1490066"><div class="sqs-block-content">
<div class="sqs-html-content">
<h3 style="text-align: center; white-space: pre-wrap">SOFTWARE<br>HOUSE</h3>
</div>
<style>
#block-yui_3_17_2_1_1656599030751_1490066 {
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657171727379_353163"
>
<div
class="sqs-block button-block sqs-block-button sqs-stretched"
data-block-type="53"
id="block-yui_3_17_2_1_1657171727379_353163"
>
<div class="sqs-block-content">
<div
class="sqs-block-button-container sqs-block-button-container--center"
data-animation-role="button"
data-alignment="center"
data-button-size="small"
data-button-type="tertiary"
>
<a
href="../www.acsabadi.com/index.html"
class="sqs-block-button-element--small sqs-button-element--tertiary sqs-block-button-element"
target="_blank"
>
Visit
</a>
</div>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1656599030751_788747"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-block-type="5"
id="block-yui_3_17_2_1_1656599030751_788747"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<a
class="sqs-block-image-link content-fit"
href=""
>
<img
data-stretch="false"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/89d37be9-ff0c-4606-a91f-b53189aff48f/image+280.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/89d37be9-ff0c-4606-a91f-b53189aff48f/image+280.png"
data-image-dimensions="300x224"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/89d37be9-ff0c-4606-a91f-b53189aff48f/image+280.png"
width="300"
height="224"
alt=""
sizes="(max-width: 640px) 100vw, (max-width: 767px) 37.5vw, 25vw"
style="
display: block;
object-fit: contain;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/89d37be9-ff0c-4606-a91f-b53189aff48f/image+280.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/89d37be9-ff0c-4606-a91f-b53189aff48f/image+280.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/89d37be9-ff0c-4606-a91f-b53189aff48f/image+280.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/89d37be9-ff0c-4606-a91f-b53189aff48f/image+280.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/89d37be9-ff0c-4606-a91f-b53189aff48f/image+280.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/89d37be9-ff0c-4606-a91f-b53189aff48f/image+280.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/89d37be9-ff0c-4606-a91f-b53189aff48f/image+280.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</a>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div class="fe-block fe-block-yui_3_17_2_1_1656599030751_1284451">
<div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1656599030751_1284451"><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="text-align: center; white-space: pre-wrap">Adyatma Cendekia Sinergi Abadi</h4>
</div>
<style>#block-yui_3_17_2_1_1656599030751_1284451 {
}
</style>
</div>
</div>
</div>
<div class="fe-block fe-block-yui_3_17_2_1_1656599030751_1425796"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1656599030751_1425796"><div class="sqs-block-content">
<div class="sqs-html-content">
<h3 style="text-align: center; white-space: pre-wrap">TALENT<br>RESOURCE</h3>
</div>
<style> #block-yui_3_17_2_1_1656599030751_1425796 {
}
</style>
</div>
</div>
</div>
<div class="fe-block fe-block-yui_3_17_2_1_1657190161188_922698">
<div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1657190161188_922698" >
<div class="sqs-block-content">
<div class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default" data-test="image-block-fluid-outer-wrapper">
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fit">
<img
data-stretch="false"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e070f9cd-9fbe-461a-a024-4656515a4839/image+15.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e070f9cd-9fbe-461a-a024-4656515a4839/image+15.png"
data-image-dimensions="697x137"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e070f9cd-9fbe-461a-a024-4656515a4839/image+15.png"
width="697"
height="137"
alt=""
sizes="(max-width: 640px) 100vw, (max-width: 767px) 87.5vw, 12.5vw"
style="
display: block;
object-fit: contain;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e070f9cd-9fbe-461a-a024-4656515a4839/image+15.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e070f9cd-9fbe-461a-a024-4656515a4839/image+15.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e070f9cd-9fbe-461a-a024-4656515a4839/image+15.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e070f9cd-9fbe-461a-a024-4656515a4839/image+15.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e070f9cd-9fbe-461a-a024-4656515a4839/image+15.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e070f9cd-9fbe-461a-a024-4656515a4839/image+15.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/e070f9cd-9fbe-461a-a024-4656515a4839/image+15.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657051064158_1375076"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-aspect-ratio="70.35761589403974"
data-block-type="5"
id="block-yui_3_17_2_1_1657051064158_1375076"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fill">
<img
data-stretch="true"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/54dbe6c7-2342-4b47-bee5-f3114105ea35/Frame+27.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/54dbe6c7-2342-4b47-bee5-f3114105ea35/Frame+27.png"
data-image-dimensions="4244x3624"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/54dbe6c7-2342-4b47-bee5-f3114105ea35/Frame+27.png"
width="4244"
height="3624"
alt=""
sizes="100vw"
style="
display: block;
object-fit: cover;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/54dbe6c7-2342-4b47-bee5-f3114105ea35/Frame+27.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/54dbe6c7-2342-4b47-bee5-f3114105ea35/Frame+27.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/54dbe6c7-2342-4b47-bee5-f3114105ea35/Frame+27.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/54dbe6c7-2342-4b47-bee5-f3114105ea35/Frame+27.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/54dbe6c7-2342-4b47-bee5-f3114105ea35/Frame+27.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/54dbe6c7-2342-4b47-bee5-f3114105ea35/Frame+27.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/54dbe6c7-2342-4b47-bee5-f3114105ea35/Frame+27.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div class="fe-block fe-block-yui_3_17_2_1_1657051064158_1458290"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1657051064158_1458290"><div class="sqs-block-content">
<div class="sqs-html-content">
<h2 style="white-space: pre-wrap">Our Office</h2>
</div>
<style> #block-yui_3_17_2_1_1657051064158_1458290 {
}
</style>
</div>
</div>
</div>
<div class="fe-block fe-block-yui_3_17_2_1_1657051064158_1636624">
<div class="sqs-block image-block sqs-block-image sqs-stretched"data-block-type="5" id="block-yui_3_17_2_1_1657051064158_1636624"><div class="sqs-block-content">
<div class= "image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default" data-test="image-block-fluid-outer-wrapper" >
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient( white,black);position: relative; width: 100%; height: 100%;"
>
<div class="content-fit">
<img
data-stretch="false"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ec175f4e-6608-4307-8936-7d02406403d0/employees.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ec175f4e-6608-4307-8936-7d02406403d0/employees.png"
data-image-dimensions="15182x7600"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ec175f4e-6608-4307-8936-7d02406403d0/employees.png"
width="15182"
height="7600"
alt=""
sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 25vw"
style="
display: block;
object-fit: contain;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ec175f4e-6608-4307-8936-7d02406403d0/employees.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ec175f4e-6608-4307-8936-7d02406403d0/employees.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ec175f4e-6608-4307-8936-7d02406403d0/employees.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ec175f4e-6608-4307-8936-7d02406403d0/employees.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ec175f4e-6608-4307-8936-7d02406403d0/employees.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ec175f4e-6608-4307-8936-7d02406403d0/employees.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/ec175f4e-6608-4307-8936-7d02406403d0/employees.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style> .sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div class="fe-block fe-block-yui_3_17_2_1_1657086090670_208772">
<div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1657086090670_208772"><div class="sqs-block-content">
<div class="sqs-html-content">
<h2 style="white-space: pre-wrap">we are established strategic relationship in technology sectors</h2>
</div>
<style> #block-yui_3_17_2_1_1657086090670_208772 {
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657082061136_110790"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-aspect-ratio="160.23209584698864"
data-block-type="5"
id="block-yui_3_17_2_1_1657082061136_110790"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fill">
<img
data-stretch="true"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/05f2fd76-54c9-42b9-8d19-fabab70183d0/Frame+21.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/05f2fd76-54c9-42b9-8d19-fabab70183d0/Frame+21.png"
data-image-dimensions="2720x4096"
data-image-focal-point="0.0,0.6160385024064003"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/05f2fd76-54c9-42b9-8d19-fabab70183d0/Frame+21.png"
width="2720"
height="4096"
alt=""
sizes="100vw"
style="
display: block;
object-fit: cover;
object-position: 0% 61.603850240640035%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/05f2fd76-54c9-42b9-8d19-fabab70183d0/Frame+21.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/05f2fd76-54c9-42b9-8d19-fabab70183d0/Frame+21.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/05f2fd76-54c9-42b9-8d19-fabab70183d0/Frame+21.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/05f2fd76-54c9-42b9-8d19-fabab70183d0/Frame+21.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/05f2fd76-54c9-42b9-8d19-fabab70183d0/Frame+21.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/05f2fd76-54c9-42b9-8d19-fabab70183d0/Frame+21.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/05f2fd76-54c9-42b9-8d19-fabab70183d0/Frame+21.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div class="fe-block fe-block-yui_3_17_2_1_1657075092422_96505">
<div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1657075092422_96505" ><div class="sqs-block-content">
<div class="sqs-html-content">
<h2 style="white-space: pre-wrap">Our Service</h2>
</div>
<style>
#block-yui_3_17_2_1_1657075092422_96505 {
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657075092422_211092"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-block-type="5"
id="block-yui_3_17_2_1_1657075092422_211092"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fit">
<img
data-stretch="false"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/3b755ca6-a9fb-4d44-a549-48f735a273da/Frame+18.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/3b755ca6-a9fb-4d44-a549-48f735a273da/Frame+18.png"
data-image-dimensions="1623x183"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/3b755ca6-a9fb-4d44-a549-48f735a273da/Frame+18.png"
width="1623"
height="183"
alt=""
sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 41.66666666666667vw"
style="
display: block;
object-fit: contain;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/3b755ca6-a9fb-4d44-a549-48f735a273da/Frame+18.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/3b755ca6-a9fb-4d44-a549-48f735a273da/Frame+18.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/3b755ca6-a9fb-4d44-a549-48f735a273da/Frame+18.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/3b755ca6-a9fb-4d44-a549-48f735a273da/Frame+18.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/3b755ca6-a9fb-4d44-a549-48f735a273da/Frame+18.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/3b755ca6-a9fb-4d44-a549-48f735a273da/Frame+18.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/3b755ca6-a9fb-4d44-a549-48f735a273da/Frame+18.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657075092422_250463"
>
<div
class="sqs-block html-block sqs-block-html"
data-block-type="2"
id="block-yui_3_17_2_1_1657075092422_250463"
>
<div class="sqs-block-content">
<div class="sqs-html-content">
<p class="" style="white-space: pre-wrap">Develop and create something new, unique, and change the world. Every day dozens of new startups appear, but only a few succeed. The initial development process is a critical process and should be accompanied by those who are more experienced in what to do and the means needed to reach the highest stage.</p>
</div>
<style>
#block-yui_3_17_2_1_1657075092422_250463 {
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657075092422_166098"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-block-type="5"
id="block-yui_3_17_2_1_1657075092422_166098"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fit">
<img
data-stretch="false"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/d0bb8718-9aa2-4cd9-9a9c-d4b8e6dff979/Frame+20.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/d0bb8718-9aa2-4cd9-9a9c-d4b8e6dff979/Frame+20.png"
data-image-dimensions="1623x183"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/d0bb8718-9aa2-4cd9-9a9c-d4b8e6dff979/Frame+20.png"
width="1623"
height="183"
alt=""
sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 41.66666666666667vw"
style="
display: block;
object-fit: contain;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/d0bb8718-9aa2-4cd9-9a9c-d4b8e6dff979/Frame+20.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/d0bb8718-9aa2-4cd9-9a9c-d4b8e6dff979/Frame+20.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/d0bb8718-9aa2-4cd9-9a9c-d4b8e6dff979/Frame+20.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/d0bb8718-9aa2-4cd9-9a9c-d4b8e6dff979/Frame+20.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/d0bb8718-9aa2-4cd9-9a9c-d4b8e6dff979/Frame+20.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/d0bb8718-9aa2-4cd9-9a9c-d4b8e6dff979/Frame+20.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/d0bb8718-9aa2-4cd9-9a9c-d4b8e6dff979/Frame+20.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657075092422_345377"
>
<div
class="sqs-block html-block sqs-block-html"
data-block-type="2"
id="block-yui_3_17_2_1_1657075092422_345377"
>
<div class="sqs-block-content">
<div class="sqs-html-content">
<p class="" style="white-space: pre-wrap">It is critical for businesses to distinguish themself from competitors and have a competitive edge. Software development can improve the client's portfolio, bring more feature-rich and innovative products to market, and make operations more safe, productive, and efficient.</p>
</div>
<style>
#block-yui_3_17_2_1_1657075092422_345377 {
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657093447350_132721"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-block-type="5"
id="block-yui_3_17_2_1_1657093447350_132721"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fit">
<img
data-stretch="false"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/6e3ee77c-56fb-4250-b278-a1bd360a31eb/Frame+29.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/6e3ee77c-56fb-4250-b278-a1bd360a31eb/Frame+29.png"
data-image-dimensions="1623x183"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/6e3ee77c-56fb-4250-b278-a1bd360a31eb/Frame+29.png"
width="1623"
height="183"
alt=""
sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 41.66666666666667vw"
style="
display: block;
object-fit: contain;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/6e3ee77c-56fb-4250-b278-a1bd360a31eb/Frame+29.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/6e3ee77c-56fb-4250-b278-a1bd360a31eb/Frame+29.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/6e3ee77c-56fb-4250-b278-a1bd360a31eb/Frame+29.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/6e3ee77c-56fb-4250-b278-a1bd360a31eb/Frame+29.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/6e3ee77c-56fb-4250-b278-a1bd360a31eb/Frame+29.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/6e3ee77c-56fb-4250-b278-a1bd360a31eb/Frame+29.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/6e3ee77c-56fb-4250-b278-a1bd360a31eb/Frame+29.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657093447350_148871"
>
<div
class="sqs-block html-block sqs-block-html"
data-block-type="2"
id="block-yui_3_17_2_1_1657093447350_148871"
>
<div class="sqs-block-content">
<div class="sqs-html-content">
<p class="" style="white-space: pre-wrap">Create and maintain organizational excellence through proactive efforts to identify and place talents (high-quality mortal resources) in key positions in the company. Excellent and exceptional performance can be a role model for other employees to improve in following the values and culture of the company. </p>
</div>
<style>
#block-yui_3_17_2_1_1657093447350_148871 {
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657093447350_246560"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-block-type="5"
id="block-yui_3_17_2_1_1657093447350_246560"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fit">
<img
data-stretch="false"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/91c30d6e-ba47-46b4-94dc-40fc61899ed9/Frame+28.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/91c30d6e-ba47-46b4-94dc-40fc61899ed9/Frame+28.png"
data-image-dimensions="1623x183"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/91c30d6e-ba47-46b4-94dc-40fc61899ed9/Frame+28.png"
width="1623"
height="183"
alt=""
sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 41.66666666666667vw"
style="
display: block;
object-fit: contain;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/91c30d6e-ba47-46b4-94dc-40fc61899ed9/Frame+28.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/91c30d6e-ba47-46b4-94dc-40fc61899ed9/Frame+28.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/91c30d6e-ba47-46b4-94dc-40fc61899ed9/Frame+28.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/91c30d6e-ba47-46b4-94dc-40fc61899ed9/Frame+28.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/91c30d6e-ba47-46b4-94dc-40fc61899ed9/Frame+28.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/91c30d6e-ba47-46b4-94dc-40fc61899ed9/Frame+28.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/91c30d6e-ba47-46b4-94dc-40fc61899ed9/Frame+28.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657093447350_305258"
>
<div
class="sqs-block html-block sqs-block-html"
data-block-type="2"
id="block-yui_3_17_2_1_1657093447350_305258"
>
<div class="sqs-block-content">
<div class="sqs-html-content">
<p class="" style="white-space: pre-wrap">With the development of the digital era, the work created involves various potential in information technology such as software, hardware, and applications. Using digital technology with a touch of creativity and innovations for its products and services will be able to increase business.</p>
</div>
<style>
#block-yui_3_17_2_1_1657093447350_305258 {
}
</style>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme="light"
class="page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--custom content-width--wide horizontal-alignment--center vertical-alignment--middle light"
data-section-id="62bdecd24502980c0a874bc4"
data-controller="SectionWrapperController"
data-current-styles='{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--custom",
"customSectionHeight": 1,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"backgroundColor": "",
"sectionTheme": "light",
"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"
data-fluid-engine-section
style="min-height: 1vh"
>
<div class="section-border">
<div class="section-background"></div>
</div>
<div
class="content-wrapper"
style="
padding-top: calc(1vmax / 10);
padding-bottom: calc(1vmax / 10);
"
>
<div class="content">
<div data-fluid-engine="true">
<style>
.fe-62bdecd31a797e7a494ee1a8 {
--grid-gutter: calc(
var(--sqs-mobile-site-gutter, 6vw) - 11px
);
--cell-max-width: calc(
(var(--sqs-site-max-width, 1500px) - (11px * (8 - 1))) /
8
);
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(10, minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 8px;
column-gap: 11px;
}
@media (min-width: 768px) {
.background-width--inset .fe-62bdecd31a797e7a494ee1a8 {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-62bdecd31a797e7a494ee1a8 {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11px);
--cell-max-width: calc(
(
var(--sqs-site-max-width, 1500px) -
(11px * (24 - 1))
) / 24
);
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(
var(--sqs-site-max-width, 1500px),
calc(
100vw - var(--sqs-site-gutter, 4vw) * 2 -
var(--inset-padding)
)
);
grid-template-rows: repeat(
17,
minmax(
calc(
var(--container-width) *
var(--row-height-scaling-factor)
),
auto
)
);
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-yui_3_17_2_1_1657263462286_124769 {
grid-area: 2/2/3/6;
z-index: 15;
}
.fe-block-yui_3_17_2_1_1657263462286_124769 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657263462286_124769
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657263462286_124769 {
grid-area: 1/4/3/10;
z-index: 4;
}
.fe-block-yui_3_17_2_1_1657263462286_124769 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657263462286_124769
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-yui_3_17_2_1_1657263462286_254841 {
grid-area: 2/5/3/10;
z-index: 17;
}
.fe-block-yui_3_17_2_1_1657263462286_254841 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657263462286_254841
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657263462286_254841 {
grid-area: 1/18/3/24;
z-index: 6;
}
.fe-block-yui_3_17_2_1_1657263462286_254841 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657263462286_254841
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-yui_3_17_2_1_1657263462286_20924 {
grid-area: 3/1/9/11;
z-index: 14;
}
.fe-block-yui_3_17_2_1_1657263462286_20924 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657263462286_20924
.sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657263462286_20924 {
grid-area: 1/1/18/27;
z-index: 0;
}
.fe-block-yui_3_17_2_1_1657263462286_20924 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1657263462286_20924
.sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1657263462286_174938 {
grid-area: 9/2/11/10;
z-index: 16;
}
.fe-block-yui_3_17_2_1_1657263462286_174938 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657263462286_174938
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657263462286_174938 {
grid-area: 1/11/3/17;
z-index: 5;
}
.fe-block-yui_3_17_2_1_1657263462286_174938 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1657263462286_174938
.sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
</style>
<div class="fluid-engine fe-62bdecd31a797e7a494ee1a8"><div class="fe-block fe-block-yui_3_17_2_1_1657263462286_124769"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1657263462286_124769"><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="white-space: pre-wrap"><span class="sqsrte-text-color--white">Our Project</span></h4>
</div>
<style>#block-yui_3_17_2_1_1657263462286_124769 {
}
</style>
</div>
</div>
</div>
<div class="fe-block fe-block-yui_3_17_2_1_1657263462286_254841">
<div class="sqs-block html-block sqs-block-html"data-block-type="2"id="block-yui_3_17_2_1_1657263462286_254841"><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="text-align: right; white-space: pre-wrap"><span class="sqsrte-text-color--white">By Our Subsidiaries</span></h4>
</div>
<style>#block-yui_3_17_2_1_1657263462286_254841 {
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657263462286_20924"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-aspect-ratio="62.15689215539223"
data-block-type="5"
id="block-yui_3_17_2_1_1657263462286_20924"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fill">
<img
data-stretch="true"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5248ec9-55ff-4d16-8229-b4a1c2cd4d7b/NexusPay+Presentation.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5248ec9-55ff-4d16-8229-b4a1c2cd4d7b/NexusPay+Presentation.png"
data-image-dimensions="8325x3240"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5248ec9-55ff-4d16-8229-b4a1c2cd4d7b/NexusPay+Presentation.png"
width="8325"
height="3240"
alt=""
sizes="100vw"
style="
display: block;
object-fit: cover;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5248ec9-55ff-4d16-8229-b4a1c2cd4d7b/NexusPay+Presentation.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5248ec9-55ff-4d16-8229-b4a1c2cd4d7b/NexusPay+Presentation.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5248ec9-55ff-4d16-8229-b4a1c2cd4d7b/NexusPay+Presentation.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5248ec9-55ff-4d16-8229-b4a1c2cd4d7b/NexusPay+Presentation.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5248ec9-55ff-4d16-8229-b4a1c2cd4d7b/NexusPay+Presentation.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5248ec9-55ff-4d16-8229-b4a1c2cd4d7b/NexusPay+Presentation.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a5248ec9-55ff-4d16-8229-b4a1c2cd4d7b/NexusPay+Presentation.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657263462286_174938"
>
<div
class="sqs-block html-block sqs-block-html"
data-block-type="2"
id="block-yui_3_17_2_1_1657263462286_174938"
>
<div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="text-align: center; white-space: pre-wrap"><span class="sqsrte-text-color--white">300+ Projects Accomplished</span></h4>
</div>
<style>
#block-yui_3_17_2_1_1657263462286_174938 {
}
</style>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme="light"
class="page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--custom content-width--wide horizontal-alignment--center vertical-alignment--middle light"
data-section-id="62bd62cf5f7f9a34c1c36f26"
data-controller="SectionWrapperController"
data-current-styles='{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--custom",
"customSectionHeight": 10,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "light",
"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"
data-fluid-engine-section
style="min-height: 10vh"
>
<div class="section-border">
<div class="section-background"></div>
</div>
<div
class="content-wrapper"
style="
padding-top: calc(10vmax / 10);
padding-bottom: calc(10vmax / 10);
"
>
<div class="content">
<div data-fluid-engine="true">
<style>
.fe-62bd62cf5f7f9a34c1c36f25 {
--grid-gutter: calc(
var(--sqs-mobile-site-gutter, 6vw) - 11px
);
--cell-max-width: calc(
(var(--sqs-site-max-width, 1500px) - (11px * (8 - 1))) /
8
);
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(11, minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11px;
column-gap: 11px;
}
@media (min-width: 768px) {
.background-width--inset .fe-62bd62cf5f7f9a34c1c36f25 {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-62bd62cf5f7f9a34c1c36f25 {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11px);
--cell-max-width: calc(
(
var(--sqs-site-max-width, 1500px) -
(11px * (24 - 1))
) / 24
);
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(
var(--sqs-site-max-width, 1500px),
calc(
100vw - var(--sqs-site-gutter, 4vw) * 2 -
var(--inset-padding)
)
);
grid-template-rows: repeat(
17,
minmax(
calc(
var(--container-width) *
var(--row-height-scaling-factor)
),
auto
)
);
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-6663eeb068f9851b4b71 {
grid-area: 1/2/8/10;
z-index: 1;
}
.fe-block-6663eeb068f9851b4b71 .sqs-block {
justify-content: left;
}
.fe-block-6663eeb068f9851b4b71
.sqs-block-alignment-wrapper {
align-items: left;
}
@media (min-width: 768px) {
.fe-block-6663eeb068f9851b4b71 {
grid-area: 4/4/10/13;
z-index: 1;
}
.fe-block-6663eeb068f9851b4b71 .sqs-block {
justify-content: left;
}
.fe-block-6663eeb068f9851b4b71
.sqs-block-alignment-wrapper {
align-items: left;
}
}
.fe-block-yui_3_17_2_1_1656617696881_2960708 {
grid-area: 7/2/9/10;
z-index: 3;
}
.fe-block-yui_3_17_2_1_1656617696881_2960708 .sqs-block {
justify-content: left;
}
.fe-block-yui_3_17_2_1_1656617696881_2960708
.sqs-block-alignment-wrapper {
align-items: left;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1656617696881_2960708 {
grid-area: 10/4/12/9;
z-index: 2;
}
.fe-block-yui_3_17_2_1_1656617696881_2960708 .sqs-block {
justify-content: left;
}
.fe-block-yui_3_17_2_1_1656617696881_2960708
.sqs-block-alignment-wrapper {
align-items: left;
}
}
.fe-block-yui_3_17_2_1_1657277398213_109059 {
grid-area: 9/2/10/3;
z-index: 5;
}
.fe-block-yui_3_17_2_1_1657277398213_109059 .sqs-block {
justify-content: left;
}
.fe-block-yui_3_17_2_1_1657277398213_109059
.sqs-block-alignment-wrapper {
align-items: left;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657277398213_109059 {
grid-area: 5/2/6/3;
z-index: 3;
}
.fe-block-yui_3_17_2_1_1657277398213_109059 .sqs-block {
justify-content: left;
}
.fe-block-yui_3_17_2_1_1657277398213_109059
.sqs-block-alignment-wrapper {
align-items: left;
}
}
.fe-block-yui_3_17_2_1_1657085932427_12678 {
grid-area: 9/2/10/3;
z-index: 4;
}
.fe-block-yui_3_17_2_1_1657085932427_12678 .sqs-block {
justify-content: left;
}
.fe-block-yui_3_17_2_1_1657085932427_12678
.sqs-block-alignment-wrapper {
align-items: left;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657085932427_12678 {
grid-area: 1/9/18/27;
z-index: 0;
}
.fe-block-yui_3_17_2_1_1657085932427_12678 .sqs-block {
justify-content: left;
}
.fe-block-yui_3_17_2_1_1657085932427_12678
.sqs-block-alignment-wrapper {
align-items: left;
}
}
</style>
<div class="fluid-engine fe-62bd62cf5f7f9a34c1c36f25">
<div class="fe-block fe-block-6663eeb068f9851b4b71">
<div
class="sqs-block html-block sqs-block-html"
data-block-type="2"
id="block-6663eeb068f9851b4b71"
>
<div class="sqs-block-content">
<div class="sqs-html-content">
<h1 style="white-space: pre-wrap">
Have any question?
</h1>
</div>
<style>
#block-6663eeb068f9851b4b71 {
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1656617696881_2960708"
>
<div
class="sqs-block button-block sqs-block-button sqs-stretched"
data-block-type="53"
id="block-yui_3_17_2_1_1656617696881_2960708"
>
<div class="sqs-block-content">
<div
class="sqs-block-button-container sqs-block-button-container--center"
data-animation-role="button"
data-alignment="center"
data-button-size="large"
data-button-type="secondary"
>
<a
href=""
class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
>
message US
</a>
</div>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657277398213_109059"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-aspect-ratio="69.67292432746275"
data-block-type="5"
id="block-yui_3_17_2_1_1657277398213_109059"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fill">
<img
data-stretch="true"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/736a3802-a743-4ad6-9e25-011949353fbf/Rectangle+25.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/736a3802-a743-4ad6-9e25-011949353fbf/Rectangle+25.png"
data-image-dimensions="4210x4149"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/736a3802-a743-4ad6-9e25-011949353fbf/Rectangle+25.png"
width="4210"
height="4149"
alt=""
sizes="100vw"
style="
display: block;
object-fit: cover;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/736a3802-a743-4ad6-9e25-011949353fbf/Rectangle+25.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/736a3802-a743-4ad6-9e25-011949353fbf/Rectangle+25.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/736a3802-a743-4ad6-9e25-011949353fbf/Rectangle+25.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/736a3802-a743-4ad6-9e25-011949353fbf/Rectangle+25.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/736a3802-a743-4ad6-9e25-011949353fbf/Rectangle+25.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/736a3802-a743-4ad6-9e25-011949353fbf/Rectangle+25.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/736a3802-a743-4ad6-9e25-011949353fbf/Rectangle+25.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div>
</div>
</div>
<div
class="fe-block fe-block-yui_3_17_2_1_1657085932427_12678"
>
<div
class="sqs-block image-block sqs-block-image sqs-stretched"
data-block-type="5"
id="block-yui_3_17_2_1_1657085932427_12678"
>
<div class="sqs-block-content">
<div
class="image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="
overflow: hidden;
-webkit-mask-image: -webkit-radial-gradient(
white,
black
);
position: relative;
width: 100%;
height: 100%;
"
>
<div class="content-fit">
<img
data-stretch="false"
data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a0865617-85cf-4284-b98b-1057619f842c/Looper+BG.png"
data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a0865617-85cf-4284-b98b-1057619f842c/Looper+BG.png"
data-image-dimensions="2260x1397"
data-image-focal-point="0.5,0.5"
alt=""
data-load="false"
elementtiming="system-image-block"
src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a0865617-85cf-4284-b98b-1057619f842c/Looper+BG.png"
width="2260"
height="1397"
alt=""
sizes="(max-width: 640px) 100vw, (max-width: 767px) 12.5vw, 100vw"
style="
display: block;
object-fit: contain;
object-position: 50% 50%;
"
srcset="
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a0865617-85cf-4284-b98b-1057619f842c/Looper+BG.png?format=100w 100w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a0865617-85cf-4284-b98b-1057619f842c/Looper+BG.png?format=300w 300w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a0865617-85cf-4284-b98b-1057619f842c/Looper+BG.png?format=500w 500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a0865617-85cf-4284-b98b-1057619f842c/Looper+BG.png?format=750w 750w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a0865617-85cf-4284-b98b-1057619f842c/Looper+BG.png?format=1000w 1000w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a0865617-85cf-4284-b98b-1057619f842c/Looper+BG.png?format=1500w 1500w,
https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/a0865617-85cf-4284-b98b-1057619f842c/Looper+BG.png?format=2500w 2500w
"
loading="lazy"
decoding="async"
data-loader="sqs"
/>
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</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="light"
class="page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--custom content-width--wide horizontal-alignment--center vertical-alignment--middle light"
data-section-id="62bd622d9f5c9a0a620bdc37"
data-controller="SectionWrapperController"
data-current-styles='{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--custom",
"customSectionHeight": 0,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "light",
"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"
data-fluid-engine-section
>
<div class="section-border">
<div class="section-background"></div>
</div>
<div
class="content-wrapper"
style="
padding-top: calc(0vmax / 10);
padding-bottom: calc(0vmax / 10);
"
>
<div class="content">
<div data-fluid-engine="true">
<style>
.fe-62bd622d9f5c9a0a620bdc36 {
--grid-gutter: calc(
var(--sqs-mobile-site-gutter, 6vw) - 11px
);
--cell-max-width: calc(
(var(--sqs-site-max-width, 1500px) - (11px * (8 - 1))) / 8
);
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(29, minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11px;
column-gap: 11px;
}
@media (min-width: 768px) {
.background-width--inset .fe-62bd622d9f5c9a0a620bdc36 {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-62bd622d9f5c9a0a620bdc36 {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11px);
--cell-max-width: calc(
(var(--sqs-site-max-width, 1500px) - (11px * (24 - 1))) /
24
);
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(
var(--sqs-site-max-width, 1500px),
calc(
100vw - var(--sqs-site-gutter, 4vw) * 2 -
var(--inset-padding)
)
);
grid-template-rows: repeat(
17,
minmax(
calc(
var(--container-width) *
var(--row-height-scaling-factor)
),
auto
)
);
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-yui_3_17_2_1_1656617696881_4342100 {
grid-area: 2/2/14/7;
z-index: 5;
}
.fe-block-yui_3_17_2_1_1656617696881_4342100 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1656617696881_4342100 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1656617696881_4342100 {
grid-area: 3/17/13/22;
z-index: 6;
}
.fe-block-yui_3_17_2_1_1656617696881_4342100 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1656617696881_4342100 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-418c897f0b833d2b49e2 {
grid-area: 2/7/8/10;
z-index: 0;
}
.fe-block-418c897f0b833d2b49e2 .sqs-block {
justify-content: flex-start;
}
.fe-block-418c897f0b833d2b49e2 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-418c897f0b833d2b49e2 {
grid-area: 3/22/6/25;
z-index: 0;
}
.fe-block-418c897f0b833d2b49e2 .sqs-block {
justify-content: flex-start;
}
.fe-block-418c897f0b833d2b49e2 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-yui_3_17_2_1_1656654191665_3170231 {
grid-area: 15/2/19/10;
z-index: 5;
}
.fe-block-yui_3_17_2_1_1656654191665_3170231 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1656654191665_3170231 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1656654191665_3170231 {
grid-area: 3/12/6/17;
z-index: 6;
}
.fe-block-yui_3_17_2_1_1656654191665_3170231 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1656654191665_3170231 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-yui_3_17_2_1_1657082061136_1082511 {
grid-area: 24/1/30/11;
z-index: 1;
}
.fe-block-yui_3_17_2_1_1657082061136_1082511 .sqs-block {
justify-content: left;
}
.fe-block-yui_3_17_2_1_1657082061136_1082511 .sqs-block-alignment-wrapper {
align-items: left;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1657082061136_1082511 {
grid-area: 11/1/18/27;
z-index: 1;
}
.fe-block-yui_3_17_2_1_1657082061136_1082511 .sqs-block {
justify-content: left;
}
.fe-block-yui_3_17_2_1_1657082061136_1082511 .sqs-block-alignment-wrapper {
align-items: left;
}
}
.fe-block-yui_3_17_2_1_1656617696881_4328983 {
grid-area: 19/2/25/10;
z-index: 4;
}
.fe-block-yui_3_17_2_1_1656617696881_4328983 .sqs-block {
justify-content: left;
}
.fe-block-yui_3_17_2_1_1656617696881_4328983 .sqs-block-alignment-wrapper {
align-items: left;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1656617696881_4328983 {
grid-area: 1/2/9/9;
z-index: 4;
}
.fe-block-yui_3_17_2_1_1656617696881_4328983 .sqs-block {
justify-content: left;
}
.fe-block-yui_3_17_2_1_1656617696881_4328983 .sqs-block-alignment-wrapper {
align-items: left;
}
}
.fe-block-yui_3_17_2_1_1656617696881_4318723 {
grid-area: 25/2/27/10;
z-index: 2;
}
.fe-block-yui_3_17_2_1_1656617696881_4318723 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1656617696881_4318723 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1656617696881_4318723 {
grid-area: 9/2/10/12;
z-index: 3;
}
.fe-block-yui_3_17_2_1_1656617696881_4318723 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1656617696881_4318723 .sqs-block-alignment-wrapper {
align-items: center;
}
}
</style><div class="fluid-engine fe-62bd622d9f5c9a0a620bdc36"><div class="fe-block fe-block-yui_3_17_2_1_1656617696881_4342100"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1656617696881_4342100"><div class="sqs-block-content">
<div class="sqs-html-content">
<p class="" style="white-space:pre-wrap;"><br><br><span class="sqsrte-text-color--accent"><strong>Jl. Inspeksi Kalimalang</strong></span>,<br>Ruko Taman Bougenville Blok A/40, Bekasi, Jawa Barat
</div>
<style>#block-yui_3_17_2_1_1656617696881_4342100 {
}
</style>
</div></div></div><div class="fe-block fe-block-418c897f0b833d2b49e2"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-418c897f0b833d2b49e2"><div class="sqs-block-content">
<div class="sqs-html-content">
<p class="" style="white-space:pre-wrap;"><br><br><span class="sqsrte-text-color--accent"><strong>Jl. Hanjuang VII No.88</strong></span><span class="sqsrte-text-color--white">,</span>&nbsp;<br>RT008/RW008, Jatibening Baru, Pondok Gede, Bekasi, Jawa Barat 17412</p>
</div>
<style>#block-418c897f0b833d2b49e2 {
}
</style>
</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1656654191665_3170231"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1656654191665_3170231"><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="white-space:pre-wrap;"><strong>ADDRESS</strong></h4><p class="" style="white-space:pre-wrap;"><span class="sqsrte-text-color--accent"><strong>The H Tower</strong></span><span class="sqsrte-text-color--white">,</span>&nbsp;<br>Lt. 12 A lot G, Jl. Rasuna Said, Kuningan, Jakarta Selatan
<h4 style="text-align:left; white-space:pre-wrap;"><strong>CONTACT</strong></h4><p class="" style="white-space:pre-wrap;">(021) 39730981<br>info@empatnusabangsa.com</p>
<h4 style="text-align: left; white-space: pre-wrap">
<strong>SUPPORT</strong>
</h4>
<p
style="text-align: left; white-space: pre-wrap"
class="sqsrte-small"
>
<a href="contact.html">CONTACT</a>
</p>
<p
style="text-align: l; white-space: pre-wrap"
class="sqsrte-small"
>
<a href="about.html">ABOUT</a>
</p>
</div>
<style>#block-yui_3_17_2_1_1656654191665_3170231 {
}
</style>
</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1657082061136_1082511"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-aspect-ratio="18.40277777777778" data-block-type="5" id="block-yui_3_17_2_1_1657082061136_1082511"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-below
design-layout-fluid
image-position-center
combination-animation-site-default
individual-animation-site-default
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<div class="content-fill">
<img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png" data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png" data-image-dimensions="2500x751" data-image-focal-point="0.4959016393442623,0.0" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png" width="2500" height="751" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 49.59016393442623% 0%" srcset="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/0b002b2a-0643-4485-89e6-bb95e0029905/Frame+23.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1656617696881_4328983"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1656617696881_4328983"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-below
design-layout-fluid
image-position-center
combination-animation-site-default
individual-animation-site-default
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<div class="content-fit">
<img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png" data-image="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png" data-image-dimensions="1075x783" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png" width="1075" height="783" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 29.166666666666668vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/62bd622d9f5c9a0a620bdc08/dc5a7d8d-e6c3-4d62-9b95-d817606cc786/image+302.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
</style>
</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1656617696881_4318723"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-yui_3_17_2_1_1656617696881_4318723"><div class="sqs-block-content">
<div class="sqs-html-content">
<right><br><h4 style="text-align :left; white-space: pre-wrap;">©2024 PT Empat Nusa Bangsa.
All Rights Reserved.</h4></right>
</div>
<style>#block-yui_3_17_2_1_1656617696881_4318723 {
}
</style>
</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>
</body>
</html>