:root {
	--wp-color-black: rgb(0,0,0);
	--wp-color-white: rgb(255,255,255);
	--wp-color-red-100: rgb(255,210,207);
	--wp-color-red-200: rgb(255,169,166);
	--wp-color-red-500: rgb(234,39,51);
	--wp-color-red-600: rgb(196,24,41);
	--wp-color-amber-100: rgb(255,241,184);
	--wp-color-amber-200: rgb(255,229,143);
	--wp-color-amber-500: rgb(250,173,20);
	--wp-color-amber-600: rgb(212,136,6);
	--wp-color-green-100: rgb(222,245,217);
	--wp-color-green-200: rgb(162,214,159);
	--wp-color-green-500: rgb(46,176,50);
	--wp-color-green-600: rgb(29,138,36);
	--wp-color-sky-100: rgb(204,235,255);
	--wp-color-sky-200: rgb(163,217,255);
	--wp-color-sky-500: rgb(42,146,255);
	--wp-color-sky-600: rgb(24,111,217);
	--wp-color-primary-50: rgb(227,239,255);
	--wp-color-primary-100: rgb(221,235,254);
	--wp-color-primary-200: rgb(141,189,255);
	--wp-color-primary-300: rgb(105,165,248);
	--wp-color-primary-400: rgb(59,134,240);
	--wp-color-primary-500: rgb(26,109,227);
	--wp-color-primary-600: rgb(0,82,204);
	--wp-color-primary-700: rgb(0,70,176);
	--wp-color-primary-800: rgb(1,59,147);
	--wp-color-primary-900: rgb(2,50,121);
	--wp-color-secondary-50: rgb(242,252,245);
	--wp-color-secondary-100: rgb(224,246,231);
	--wp-color-secondary-200: rgb(189,234,196);
	--wp-color-secondary-300: rgb(144,225,158);
	--wp-color-secondary-400: rgb(94,201,109);
	--wp-color-secondary-500: rgb(39,167,69);
	--wp-color-secondary-600: rgb(0,142,57);
	--wp-color-secondary-700: rgb(1,119,47);
	--wp-color-secondary-800: rgb(0,93,38);
	--wp-color-secondary-900: rgb(0,67,26);
	--wp-color-neutral-50: rgb(242,245,248);
	--wp-color-neutral-100: rgb(228,232,237);
	--wp-color-neutral-200: rgb(219,224,230);
	--wp-color-neutral-300: rgb(155,164,178);
	--wp-color-neutral-400: rgb(141,151,166);
	--wp-color-neutral-500: rgb(126,135,150);
	--wp-color-neutral-600: rgb(101,109,124);
	--wp-color-neutral-700: rgb(83,90,103);
	--wp-color-neutral-800: rgb(34,38,45);
	--wp-color-neutral-900: rgb(12,16,20);
	--wp-color-layout: rgb(255,255,255);
	--wp-font-family-caption-1: 'Inter', sans-serif;
	--wp-font-family-caption-2: 'Inter', sans-serif;
	--wp-font-family-body-1: 'Inter', sans-serif;
	--wp-font-family-body-2: 'Inter', sans-serif;
	--wp-font-family-heading-1: 'TMTSans', sans-serif;
	--wp-font-family-heading-2: 'TMTSans', sans-serif;
	--wp-font-family-heading-3: 'TMTSans', sans-serif;
	--wp-font-family-heading-4: 'TMTSans', sans-serif;
	--wp-font-family-heading-5: 'TMTSans', sans-serif;
	--wp-font-family-heading-6: 'TMTSans', sans-serif;
	--wp-font-size-caption-1: 12px;
	--wp-font-size-caption-2: 10px;
	--wp-font-size-body-1: 16px;
	--wp-font-size-body-2: 14px;
	--wp-font-size-heading-1: 42px;
	--wp-font-size-heading-2: 36px;
	--wp-font-size-heading-3: 32px;
	--wp-font-size-heading-4: 28px;
	--wp-font-size-heading-5: 24px;
	--wp-font-size-heading-6: 20px;
	--wp-line-height-caption-1: 16px;
	--wp-line-height-caption-2: 14px;
	--wp-line-height-body-1: 24px;
	--wp-line-height-body-2: 20px;
	--wp-line-height-heading-1: 56px;
	--wp-line-height-heading-2: 48px;
	--wp-line-height-heading-3: 42px;
	--wp-line-height-heading-4: 38px;
	--wp-line-height-heading-5: 32px;
	--wp-line-height-heading-6: 28px;
	--wp-font-style-caption-1: normal;
	--wp-font-style-caption-2: normal;
	--wp-font-style-body-1: normal;
	--wp-font-style-body-2: normal;
	--wp-font-style-heading-1: normal;
	--wp-font-style-heading-2: normal;
	--wp-font-style-heading-3: normal;
	--wp-font-style-heading-4: normal;
	--wp-font-style-heading-5: normal;
	--wp-font-style-heading-6: normal;
	--wp-font-weight-caption-1: 400;
	--wp-font-weight-caption-2: 400;
	--wp-font-weight-body-1: 400;
	--wp-font-weight-body-2: 400;
	--wp-font-weight-heading-1: 600;
	--wp-font-weight-heading-2: 600;
	--wp-font-weight-heading-3: 600;
	--wp-font-weight-heading-4: 600;
	--wp-font-weight-heading-5: 600;
	--wp-font-weight-heading-6: 600;
	--wp-screen-xs: 376px;
	--wp-screen-s: 640px;
	--wp-screen-m: 768px;
	--wp-screen-l: 1024px;
	--wp-screen-xl: 1280px;
	--wp-screen-xxl: 1536px;
	--wp-color-text-brand-primary: var(--wp-color-primary-500);
	--wp-color-text-primary: var(--wp-color-neutral-900);
	--wp-color-text-quarternary: var(--wp-color-neutral-700);
	--wp-color-text-tertinary: var(--wp-color-neutral-600);
	--wp-color-text-secondary: var(--wp-color-neutral-500);
	--wp-color-text-placeholder: var(--wp-color-neutral-400);
	--wp-color-text-disable: var(--wp-color-neutral-300);
	--wp-color-text-white: var(--wp-color-white);
	--wp-color-text-black: var(--wp-color-black);
	--wp-color-text-interactive-visited: rgb(73,50,217);
	--wp-color-text-interactive-hover: var(--wp-color-sky-600);
	--wp-color-text-interactive: var(--wp-color-sky-500);
	--wp-color-fill-brand-primary: var(--wp-color-primary-500);
	--wp-color-fill-primary: var(--wp-color-neutral-900);
	--wp-color-fill-quarternary: var(--wp-color-neutral-700);
	--wp-color-fill-tertiary: var(--wp-color-neutral-600);
	--wp-color-fill-secondary: var(--wp-color-neutral-500);
	--wp-color-fill-inactive: var(--wp-color-neutral-400);
	--wp-color-fill-disable: var(--wp-color-neutral-300);
	--wp-color-fill-white: var(--wp-color-white);
	--wp-color-fill-black: var(--wp-color-black);
	--wp-color-fill-interactive-visited: rgb(73,50,217);
	--wp-color-fill-interactive-hover: var(--wp-color-sky-600);
	--wp-color-fill-interactive: var(--wp-color-sky-500);
	--wp-color-background-primary-subtle-hover: var(--wp-color-primary-700);
	--wp-color-background-primary-subtle: var(--wp-color-primary-500);
	--wp-color-background-primary-minimal-hover: var(--wp-color-primary-300);
	--wp-color-background-primary-minimal: var(--wp-color-primary-100);
	--wp-color-background-secondary-subtle-hover: var(--wp-color-secondary-700);
	--wp-color-background-secondary-subtle: var(--wp-color-secondary-500);
	--wp-color-background-secondary-minimal-hover: var(--wp-color-secondary-300);
	--wp-color-background-secondary-minimal: var(--wp-color-secondary-100);
	--wp-color-background-neutral-boldest: var(--wp-color-neutral-400);
	--wp-color-background-neutral-bold: var(--wp-color-neutral-300);
	--wp-color-background-neutral-subtle: var(--wp-color-neutral-200);
	--wp-color-background-neutral-minimal: var(--wp-color-neutral-100);
	--wp-color-background-neutral-minimalist: var(--wp-color-neutral-50);
	--wp-color-background-disable: var(--wp-color-neutral-50);
	--wp-color-background-white: var(--wp-color-white);
	--wp-color-background-black: var(--wp-color-black);
	--wp-color-border-brand-primary-hover: var(--wp-color-primary-700);
	--wp-color-border-brand-primary: var(--wp-color-primary-500);
	--wp-color-border-neutral-subtle: var(--wp-color-neutral-500);
	--wp-color-border-neutral-minimalist: var(--wp-color-neutral-300);
	--wp-color-border-primary: var(--wp-color-neutral-200);
	--wp-color-border-disable: var(--wp-color-neutral-100);
	--wp-color-border-white: var(--wp-color-white);
	--wp-color-border-black: var(--wp-color-black);
	--wp-opacity-background: 1;
	--wp-opacity-text: 1;
	--wp-opacity-ring: 0.2;
	--wp-opacity-border: 1;
	--wp-text-color-caption-1: var(--wp-color-text-primary);
	--wp-text-color-caption-2: var(--wp-color-text-primary);
	--wp-text-color-body-1: var(--wp-color-text-primary);
	--wp-text-color-body-2: var(--wp-color-text-primary);
	--wp-text-color-heading-1: var(--wp-color-text-primary);
	--wp-text-color-heading-2: var(--wp-color-text-primary);
	--wp-text-color-heading-3: var(--wp-color-text-primary);
	--wp-text-color-heading-4: var(--wp-color-text-primary);
	--wp-text-color-heading-5: var(--wp-color-text-primary);
	--wp-text-color-heading-6: var(--wp-color-text-primary);
	--wp-btn-color-text-primary: var(--wp-color-text-white);
	--wp-btn-color-text-primary-hover: var(--wp-color-text-white);
	--wp-btn-color-text-secondary: var(--wp-color-text-primary);
	--wp-btn-color-text-secondary-hover: var(--wp-color-text-primary);
	--wp-btn-color-text-disable: var(--wp-color-text-disable);
	--wp-btn-color-fill-primary: var(--wp-color-fill-white);
	--wp-btn-color-fill-primary-hover: var(--wp-color-fill-white);
	--wp-btn-color-fill-secondary: var(--wp-color-fill-secondary);
	--wp-btn-color-fill-secondary-hover: var(--wp-color-fill-secondary);
	--wp-btn-color-fill-disable: var(--wp-color-fill-disable);
	--wp-btn-color-border-primary: var(--wp-color-border-brand-primary);
	--wp-btn-color-border-primary-hover: var(--wp-color-border-brand-primary-hover);
	--wp-btn-color-border-secondary: var(--wp-color-border-primary);
	--wp-btn-color-border-secondary-hover: var(--wp-color-border-primary);
	--wp-btn-color-border-disable: var(--wp-color-border-disable);
	--wp-btn-color-background-primary: var(--wp-color-background-primary-subtle);
	--wp-btn-color-background-primary-hover: var(--wp-color-background-primary-subtle-hover);
	--wp-btn-color-background-secondary: var(--wp-color-background-white);
	--wp-btn-color-background-secondary-hover: var(--wp-color-background-neutral-minimalist);
	--wp-btn-color-background-disable: var(--wp-color-background-disable);
	--wp-btn-color-ring-primary: var(--wp-color-background-primary-subtle);
	--wp-btn-color-ring-secondary: var(--wp-color-background-secondary-subtle);
	--wp-btn-opacity-ring: var(--wp-opacity-ring);
	--wp-btn-color-dropdown-menu-text-default: var(--wp-color-text-primary);
	--wp-btn-color-dropdown-menu-text-disable: var(--wp-color-text-disable);
	--wp-btn-color-dropdown-menu-background-default: var(--wp-color-background-white);
	--wp-btn-color-dropdown-menu-background-hover: var(--wp-color-background-neutral-minimalist);
	--wp-btn-color-dropdown-menu-fill-default: var(--wp-color-fill-secondary);
	--wp-btn-color-dropdown-menu-fill-disable: var(--wp-color-fill-disable);
	--wp-header-color-background: var(--wp-color-background-white);
	--wp-header-color-border: var(--wp-color-border-primary);
	--wp-header-color-text-default: var(--wp-color-text-primary);
	--wp-footer-color-background: var(--wp-color-background-white);
	--wp-footer-color-border: var(--wp-color-border-primary);
	--wp-nav-color-text-default: var(--wp-color-text-primary);
	--wp-nav-color-text-hover: var(--wp-color-text-primary);
	--wp-nav-color-text-active: var(--wp-color-text-brand-primary);
	--wp-nav-color-text-disable: var(--wp-color-text-disable);
	--wp-nav-color-dropdown-menu-text-default: var(--wp-color-text-primary);
	--wp-nav-color-dropdown-menu-text-hover: var(--wp-color-text-primary);
	--wp-nav-color-dropdown-menu-text-active: var(--wp-color-text-brand-primary);
	--wp-nav-color-dropdown-menu-text-disable: var(--wp-color-text-disable);
	--wp-nav-color-border-default: var(--wp-color-border-primary);
	--wp-nav-color-border-hover: var(--wp-color-border-primary);
	--wp-nav-color-border-active: var(--wp-color-border-brand-primary);
	--wp-nav-color-border-disable: var(--wp-color-border-disable);
	--wp-nav-color-fill-default: var(--wp-color-fill-primary);
	--wp-nav-color-fill-hover: var(--wp-color-fill-primary);
	--wp-nav-color-fill-active: var(--wp-color-fill-brand-primary);
	--wp-nav-color-fill-disable: var(--wp-color-fill-disable);
	--wp-nav-color-dropdown-menu-fill-default: var(--wp-color-fill-primary);
	--wp-nav-color-dropdown-menu-fill-hover: var(--wp-color-fill-primary);
	--wp-nav-color-dropdown-menu-fill-active: var(--wp-color-fill-brand-primary);
	--wp-nav-color-dropdown-menu-fill-disable: var(--wp-color-fill-disable);
	--wp-nav-color-menu-container-background: rgb(249,250,251);
	--wp-nav-color-background-default: var(--wp-color-background-white);
	--wp-nav-color-background-hover: var(--wp-color-background-neutral-minimalist);
	--wp-nav-color-background-active: var(--wp-color-background-white);
	--wp-nav-color-background-disable: var(--wp-color-background-disable);
	--wp-nav-color-dropdown-menu-container-background: rgb(249,250,251);
	--wp-nav-color-dropdown-menu-background-default: var(--wp-color-background-white);
	--wp-nav-color-dropdown-menu-background-hover: var(--wp-color-background-neutral-minimalist);
	--wp-nav-color-dropdown-menu-background-active: var(--wp-color-background-white);
	--wp-nav-color-dropdown-menu-background-disable: var(--wp-color-background-disable);
	--wp-pagination-color-text-default: var(--wp-color-text-quarternary);
	--wp-pagination-color-text-hover: var(--wp-color-text-brand-primary);
	--wp-pagination-color-text-active: var(--wp-color-text-white);
	--wp-pagination-color-fill-default: var(--wp-color-fill-quarternary);
	--wp-pagination-color-fill-hover: var(--wp-color-fill-brand-primary);
	--wp-pagination-color-fill-active: var(--wp-color-fill-white);
	--wp-pagination-color-fill-disable: var(--wp-color-fill-disable);
	--wp-pagination-color-background-default: var(--wp-color-background-white);
	--wp-pagination-color-background-hover: var(--wp-color-background-neutral-minimalist);
	--wp-pagination-color-background-active: var(--wp-color-background-primary-subtle);
	--wp-pagination-color-border-default: var(--wp-color-border-primary);
	--wp-pagination-color-border-hover: var(--wp-color-border-brand-primary);
	--wp-pagination-color-border-active: var(--wp-color-border-brand-primary);
	--wp-breadcrumb-color-text-default: var(--wp-color-text-quarternary);
	--wp-breadcrumb-color-text-hover: var(--wp-color-text-brand-primary);
	--wp-breadcrumb-color-text-active: var(--wp-color-text-brand-primary);
	--wp-breadcrumb-color-fill-default: var(--wp-color-fill-quarternary);
	--wp-breadcrumb-color-fill-hover: var(--wp-color-fill-brand-primary);
	--wp-breadcrumb-color-fill-active: var(--wp-color-fill-brand-primary);
	--wp-breadcrumb-color-background-default: var(--wp-color-background-white);
	--wp-breadcrumb-color-background-hover: var(--wp-color-background-neutral-minimalist);
	--wp-breadcrumb-color-background-active: var(--wp-color-background-primary-minimal);
	--wp-breadcrumb-color-border-default: var(--wp-color-border-primary);
	--wp-breadcrumb-color-border-hover: var(--wp-color-border-primary);
	--wp-breadcrumb-color-border-active: var(--wp-color-primary-100);
	--wp-breadcrumb-color-separator: var(--wp-color-fill-quarternary);
	--wp-input-color-text-default: var(--wp-color-text-primary);
	--wp-input-color-text-placeholder: var(--wp-color-text-placeholder);
	--wp-input-color-text-disable: var(--wp-color-text-disable);
	--wp-input-color-fill-inactive: var(--wp-color-fill-inactive);
	--wp-input-color-fill-disable: var(--wp-color-fill-disable);
	--wp-input-color-border-default: var(--wp-color-border-primary);
	--wp-input-color-border-active: var(--wp-color-border-brand-primary);
	--wp-input-color-border-disable: var(--wp-color-border-disable);
	--wp-input-color-background-default: var(--wp-color-background-white);
	--wp-input-color-background-disable: var(--wp-color-background-disable);
	--wp-input-color-label-text-default: var(--wp-color-text-primary);
	--wp-input-color-number-btn-background-default: var(--wp-color-background-white);
	--wp-input-color-number-btn-background-hover: var(--wp-color-background-neutral-minimalist);
	--wp-input-color-number-btn-background-disable: var(--wp-color-background-disable);
	--wp-input-color-number-btn-fill-default: var(--wp-color-fill-primary);
	--wp-input-color-number-btn-fill-hover: var(--wp-color-fill-primary);
	--wp-input-color-number-btn-fill-disable: var(--wp-color-fill-disable);
	--wp-form-color-background: var(--wp-color-background-white);
	--wp-form-color-heading-text: var(--wp-color-text-primary);
	--wp-form-color-body-text: var(--wp-color-text-quarternary);
	--wp-dropdown-color-background-default: var(--wp-color-background-white);
	--wp-dropdown-color-background-hover: var(--wp-color-background-neutral-minimalist);
	--wp-dropdown-color-background-selected: var(--wp-color-background-white);
	--wp-dropdown-color-background-disable: var(--wp-color-background-disable);
	--wp-dropdown-color-text-default: var(--wp-color-text-primary);
	--wp-dropdown-color-text-disable: var(--wp-color-text-disable);
	--wp-dropdown-color-fill-default: var(--wp-color-fill-secondary);
	--wp-dropdown-color-fill-disable: var(--wp-color-fill-disable);
	--wp-grid-view-desktop: 1280px;
}

body {
	font-family: var(--wp-font-family-body-1);
	font-size: var(--wp-font-size-body-1);
	color: var(--wp-text-color-body-1);
	background-color: var(--wp-color-layout);
}

.wipix-text-caption-1 {
	font-style: var(--wp-font-style-caption-1);
	font-family: var(--wp-font-family-caption-1);
	font-size: var(--wp-font-size-caption-1);
	font-weight: var(--wp-font-weight-caption-1);
	line-height: var(--wp-line-height-caption-1);
	color: var(--wp-text-color-caption-1);
}

.wipix-text-caption-2 {
	font-style: var(--wp-font-style-caption-2);
	font-family: var(--wp-font-family-caption-2);
	font-size: var(--wp-font-size-caption-2);
	font-weight: var(--wp-font-weight-caption-2);
	line-height: var(--wp-line-height-caption-2);
	color: var(--wp-text-color-caption-2);
}

.wipix-text-body-1 {
	font-style: var(--wp-font-style-body-1);
	font-family: var(--wp-font-family-body-1);
	font-size: var(--wp-font-size-body-1);
	font-weight: var(--wp-font-weight-body-1);
	line-height: var(--wp-line-height-body-1);
	color: var(--wp-text-color-body-1);
}

.wipix-text-body-2 {
	font-style: var(--wp-font-style-body-2);
	font-family: var(--wp-font-family-body-2);
	font-size: var(--wp-font-size-body-2);
	font-weight: var(--wp-font-weight-body-2);
	line-height: var(--wp-line-height-body-2);
	color: var(--wp-text-color-body-2);
}

.wipix-text-heading-1, h1 {
	font-style: var(--wp-font-style-heading-1);
	font-family: var(--wp-font-family-heading-1);
	font-size: var(--wp-font-size-heading-1);
	font-weight: var(--wp-font-weight-heading-1);
	line-height: var(--wp-line-height-heading-1);
	color: var(--wp-text-color-heading-1);
}

.wipix-text-heading-2, h2 {
	font-style: var(--wp-font-style-heading-2);
	font-family: var(--wp-font-family-heading-2);
	font-size: var(--wp-font-size-heading-2);
	font-weight: var(--wp-font-weight-heading-2);
	line-height: var(--wp-line-height-heading-2);
	color: var(--wp-text-color-heading-2);
}

.wipix-text-heading-3, h3 {
	font-style: var(--wp-font-style-heading-3);
	font-family: var(--wp-font-family-heading-3);
	font-size: var(--wp-font-size-heading-3);
	font-weight: var(--wp-font-weight-heading-3);
	line-height: var(--wp-line-height-heading-3);
	color: var(--wp-text-color-heading-3);
}

.wipix-text-heading-4, h4 {
	font-style: var(--wp-font-style-heading-4);
	font-family: var(--wp-font-family-heading-4);
	font-size: var(--wp-font-size-heading-4);
	font-weight: var(--wp-font-weight-heading-4);
	line-height: var(--wp-line-height-heading-4);
	color: var(--wp-text-color-heading-4);
}

.wipix-text-heading-5, h5 {
	font-style: var(--wp-font-style-heading-5);
	font-family: var(--wp-font-family-heading-5);
	font-size: var(--wp-font-size-heading-5);
	font-weight: var(--wp-font-weight-heading-5);
	line-height: var(--wp-line-height-heading-5);
	color: var(--wp-text-color-heading-5);
}

.wipix-text-heading-6, h6 {
	font-style: var(--wp-font-style-heading-6);
	font-family: var(--wp-font-family-heading-6);
	font-size: var(--wp-font-size-heading-6);
	font-weight: var(--wp-font-weight-heading-6);
	line-height: var(--wp-line-height-heading-6);
	color: var(--wp-text-color-heading-6);
}

@media (max-width: 767px) {
	:root {
		--wp-font-size-caption-1: 12px;
		--wp-font-size-caption-2: 10px;
		--wp-font-size-body-1: 16px;
		--wp-font-size-body-2: 14px;
		--wp-font-size-heading-1: 32px;
		--wp-font-size-heading-2: 28px;
		--wp-font-size-heading-3: 24px;
		--wp-font-size-heading-4: 20px;
		--wp-font-size-heading-5: 18px;
		--wp-font-size-heading-6: 16px;
		--wp-line-height-caption-1: 16px;
		--wp-line-height-caption-2: 14px;
		--wp-line-height-body-1: 24px;
		--wp-line-height-body-2: 20px;
		--wp-line-height-heading-1: 42px;
		--wp-line-height-heading-2: 38px;
		--wp-line-height-heading-3: 32px;
		--wp-line-height-heading-4: 28px;
		--wp-line-height-heading-5: 28px;
		--wp-line-height-heading-6: 24px;
	}
}

@media (min-width: 768px) and (max-width: 1279px) {
	:root {
		--wp-font-size-caption-1: 12px;
		--wp-font-size-caption-2: 10px;
		--wp-font-size-body-1: 16px;
		--wp-font-size-body-2: 14px;
		--wp-font-size-heading-1: 36px;
		--wp-font-size-heading-2: 32px;
		--wp-font-size-heading-3: 28px;
		--wp-font-size-heading-4: 24px;
		--wp-font-size-heading-5: 20px;
		--wp-font-size-heading-6: 18px;
		--wp-line-height-caption-1: 16px;
		--wp-line-height-caption-2: 14px;
		--wp-line-height-body-1: 24px;
		--wp-line-height-body-2: 20px;
		--wp-line-height-heading-1: 48px;
		--wp-line-height-heading-2: 42px;
		--wp-line-height-heading-3: 38px;
		--wp-line-height-heading-4: 32px;
		--wp-line-height-heading-5: 28px;
		--wp-line-height-heading-6: 28px;
	}
}
