/* Theme settings generated by the source storefront. */
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/dm_sans/dmsans_n3.d218434bb518134511e5205d90c23cfb8a1b261b.woff2") format("woff2"); }
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"); }
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/dm_sans/dmsans_n5.8a0f1984c77eb7186ceb87c4da2173ff65eb012e.woff2") format("woff2"); }
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"); }
:root,
		[data-scheme=light] .color-background-1 {
			--color-background: 255,255,255;
--color-background-secondary: 242,244,244;

	--gradient-background: #ffffff;

--color-foreground: 35, 46, 58;
--color-foreground-secondary: 35, 46, 58;
--color-foreground-title: 35, 46, 58;
--menu-shadow-color: var(--color-foreground);
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button: 35, 46, 58;
--color-button-hover: 48, 58, 70;

--color-button-secondary: 222, 228, 242;
--color-button-secondary-hover: 229, 234, 245;
--color-button-secondary-text: 35, 46, 58;
--color-button-secondary-text-hover: 35, 46, 58;

--color-button-tertiary-text: 17, 50, 75;
--color-button-tertiary-text-hover: 17, 50, 75;
--color-button-tertiary: 250, 245, 242;
--color-button-tertiary-hover: 242, 244, 244;

--color-overlay: 255, 255, 255;
--color-border-input: 242, 245, 252;
--color-border-input-hover: 245, 247, 252;
--color-background-input: 242, 245, 252;
--color-background-input-hover: 245, 247, 252;
--color-border: 226, 229, 232;
--color-accent: 242, 244, 244;

--color-badge-text: 35, 46, 58;
--color-badge-background: 251, 251, 252;
--color-blog-slider-heading-hover : var(--color-button-hover);
		}
		@media (prefers-color-scheme: light) {
			:root,
			[data-scheme=auto] .color-background-1 {
				--color-background: 255,255,255;
--color-background-secondary: 242,244,244;

	--gradient-background: #ffffff;

--color-foreground: 35, 46, 58;
--color-foreground-secondary: 35, 46, 58;
--color-foreground-title: 35, 46, 58;
--menu-shadow-color: var(--color-foreground);
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button: 35, 46, 58;
--color-button-hover: 48, 58, 70;

--color-button-secondary: 222, 228, 242;
--color-button-secondary-hover: 229, 234, 245;
--color-button-secondary-text: 35, 46, 58;
--color-button-secondary-text-hover: 35, 46, 58;

--color-button-tertiary-text: 17, 50, 75;
--color-button-tertiary-text-hover: 17, 50, 75;
--color-button-tertiary: 250, 245, 242;
--color-button-tertiary-hover: 242, 244, 244;

--color-overlay: 255, 255, 255;
--color-border-input: 242, 245, 252;
--color-border-input-hover: 245, 247, 252;
--color-background-input: 242, 245, 252;
--color-background-input-hover: 245, 247, 252;
--color-border: 226, 229, 232;
--color-accent: 242, 244, 244;

--color-badge-text: 35, 46, 58;
--color-badge-background: 251, 251, 252;
--color-blog-slider-heading-hover : var(--color-button-hover);
			}
		}
		[data-scheme=dark],
			.color-inverse,
		[data-scheme=dark] .color-background-1 {
			
	--color-background: 31, 31, 31;
	--color-background-secondary: 23, 23, 23;
	--color-border-input: 23, 23, 23;
	--color-border-input-hover: 20, 20, 20;
	--color-background-input: 23, 23, 23;
	--color-background-input-hover: 20, 20, 20;


	--gradient-background: rgb(var(--color-background));

--color-blog-slider-heading-hover: 203, 211, 218;
--color-overlay: 31, 31, 31;
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 169, 169, 169;
--color-foreground-title: 255, 255, 255;
--color-border: 53, 53, 53;
--color-link: 229, 229, 229;
--alpha-link: 0.5;
--color-button: 53, 53, 53;
--color-button-hover: 60, 60, 60;
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button-secondary: 0, 0, 0;
--color-button-secondary-hover: 12, 12, 12;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;
--color-button-tertiary: 15, 15, 15;
--color-button-tertiary-hover: 53, 53, 53;
--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-social: 255, 255, 255;
--color-placeholder-input: 255, 255, 255;
--color-card-price-new: 229, 229, 229;
--color-card-price-old: 169, 169, 169;
--color-error-background: 0, 0, 0;
--color-title-text: 255, 255, 255;
--color-accent : 23, 23, 23;
--menu-shadow-color: 0,0,0;
--menu-shadow-alpha: 0.3;
--swiper-navigation-color: rgb(var(--color-foreground));
--swiper-pagination-color : rgb(var(--color-foreground));
		}
		@media (prefers-color-scheme: dark) {
			[data-scheme=auto],
			[data-scheme=auto] .color-background-1 {
				
	--color-background: 31, 31, 31;
	--color-background-secondary: 23, 23, 23;
	--color-border-input: 23, 23, 23;
	--color-border-input-hover: 20, 20, 20;
	--color-background-input: 23, 23, 23;
	--color-background-input-hover: 20, 20, 20;


	--gradient-background: rgb(var(--color-background));

--color-blog-slider-heading-hover: 203, 211, 218;
--color-overlay: 31, 31, 31;
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 169, 169, 169;
--color-foreground-title: 255, 255, 255;
--color-border: 53, 53, 53;
--color-link: 229, 229, 229;
--alpha-link: 0.5;
--color-button: 53, 53, 53;
--color-button-hover: 60, 60, 60;
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button-secondary: 0, 0, 0;
--color-button-secondary-hover: 12, 12, 12;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;
--color-button-tertiary: 15, 15, 15;
--color-button-tertiary-hover: 53, 53, 53;
--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-social: 255, 255, 255;
--color-placeholder-input: 255, 255, 255;
--color-card-price-new: 229, 229, 229;
--color-card-price-old: 169, 169, 169;
--color-error-background: 0, 0, 0;
--color-title-text: 255, 255, 255;
--color-accent : 23, 23, 23;
--menu-shadow-color: 0,0,0;
--menu-shadow-alpha: 0.3;
--swiper-navigation-color: rgb(var(--color-foreground));
--swiper-pagination-color : rgb(var(--color-foreground));
			}
		}

	
		
		[data-scheme=light] .color-background-2 {
			--color-background: 242,245,252;
--color-background-secondary: 244,244,244;

	--gradient-background: #f2f5fc;

--color-foreground: 35, 46, 58;
--color-foreground-secondary: 35, 46, 58;
--color-foreground-title: 35, 46, 58;
--menu-shadow-color: var(--color-foreground);
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button: 35, 46, 58;
--color-button-hover: 48, 58, 70;

--color-button-secondary: 222, 228, 242;
--color-button-secondary-hover: 229, 234, 245;
--color-button-secondary-text: 35, 46, 58;
--color-button-secondary-text-hover: 35, 46, 58;

--color-button-tertiary-text: 35, 46, 58;
--color-button-tertiary-text-hover: 35, 46, 58;
--color-button-tertiary: 255, 255, 255;
--color-button-tertiary-hover: 251, 251, 251;

--color-overlay: 255, 255, 255;
--color-border-input: 255, 255, 255;
--color-border-input-hover: 255, 255, 255;
--color-background-input: 255, 255, 255;
--color-background-input-hover: 251, 251, 251;
--color-border: 226, 229, 232;
--color-accent: 242, 244, 244;

--color-badge-text: 35, 46, 58;
--color-badge-background: 251, 251, 252;
--color-blog-slider-heading-hover : var(--color-button-hover);
		}
		@media (prefers-color-scheme: light) {
			
			[data-scheme=auto] .color-background-2 {
				--color-background: 242,245,252;
--color-background-secondary: 244,244,244;

	--gradient-background: #f2f5fc;

--color-foreground: 35, 46, 58;
--color-foreground-secondary: 35, 46, 58;
--color-foreground-title: 35, 46, 58;
--menu-shadow-color: var(--color-foreground);
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button: 35, 46, 58;
--color-button-hover: 48, 58, 70;

--color-button-secondary: 222, 228, 242;
--color-button-secondary-hover: 229, 234, 245;
--color-button-secondary-text: 35, 46, 58;
--color-button-secondary-text-hover: 35, 46, 58;

--color-button-tertiary-text: 35, 46, 58;
--color-button-tertiary-text-hover: 35, 46, 58;
--color-button-tertiary: 255, 255, 255;
--color-button-tertiary-hover: 251, 251, 251;

--color-overlay: 255, 255, 255;
--color-border-input: 255, 255, 255;
--color-border-input-hover: 255, 255, 255;
--color-background-input: 255, 255, 255;
--color-background-input-hover: 251, 251, 251;
--color-border: 226, 229, 232;
--color-accent: 242, 244, 244;

--color-badge-text: 35, 46, 58;
--color-badge-background: 251, 251, 252;
--color-blog-slider-heading-hover : var(--color-button-hover);
			}
		}
		
		[data-scheme=dark] .color-background-2 {
			
	--color-background: 23, 23, 23;
	--color-background-secondary: 31, 31, 31;
	--color-border-input: 27, 27, 27;
	--color-border-input-hover: 32, 32, 32;
	--color-background-input: 27, 27, 27;
	--color-background-input-hover: 32, 32, 32;


	--gradient-background: rgb(var(--color-background));

--color-blog-slider-heading-hover: 203, 211, 218;
--color-overlay: 31, 31, 31;
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 169, 169, 169;
--color-foreground-title: 255, 255, 255;
--color-border: 53, 53, 53;
--color-link: 229, 229, 229;
--alpha-link: 0.5;
--color-button: 53, 53, 53;
--color-button-hover: 60, 60, 60;
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button-secondary: 0, 0, 0;
--color-button-secondary-hover: 12, 12, 12;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;
--color-button-tertiary: 15, 15, 15;
--color-button-tertiary-hover: 53, 53, 53;
--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-social: 255, 255, 255;
--color-placeholder-input: 255, 255, 255;
--color-card-price-new: 229, 229, 229;
--color-card-price-old: 169, 169, 169;
--color-error-background: 0, 0, 0;
--color-title-text: 255, 255, 255;
--color-accent : 23, 23, 23;
--menu-shadow-color: 0,0,0;
--menu-shadow-alpha: 0.3;
--swiper-navigation-color: rgb(var(--color-foreground));
--swiper-pagination-color : rgb(var(--color-foreground));
		}
		@media (prefers-color-scheme: dark) {
			
			[data-scheme=auto] .color-background-2 {
				
	--color-background: 23, 23, 23;
	--color-background-secondary: 31, 31, 31;
	--color-border-input: 27, 27, 27;
	--color-border-input-hover: 32, 32, 32;
	--color-background-input: 27, 27, 27;
	--color-background-input-hover: 32, 32, 32;


	--gradient-background: rgb(var(--color-background));

--color-blog-slider-heading-hover: 203, 211, 218;
--color-overlay: 31, 31, 31;
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 169, 169, 169;
--color-foreground-title: 255, 255, 255;
--color-border: 53, 53, 53;
--color-link: 229, 229, 229;
--alpha-link: 0.5;
--color-button: 53, 53, 53;
--color-button-hover: 60, 60, 60;
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button-secondary: 0, 0, 0;
--color-button-secondary-hover: 12, 12, 12;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;
--color-button-tertiary: 15, 15, 15;
--color-button-tertiary-hover: 53, 53, 53;
--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-social: 255, 255, 255;
--color-placeholder-input: 255, 255, 255;
--color-card-price-new: 229, 229, 229;
--color-card-price-old: 169, 169, 169;
--color-error-background: 0, 0, 0;
--color-title-text: 255, 255, 255;
--color-accent : 23, 23, 23;
--menu-shadow-color: 0,0,0;
--menu-shadow-alpha: 0.3;
--swiper-navigation-color: rgb(var(--color-foreground));
--swiper-pagination-color : rgb(var(--color-foreground));
			}
		}

	
		
		[data-scheme=light] .color-background-3 {
			--color-background: 242,244,244;
--color-background-secondary: 244,244,244;

	--gradient-background: #f2f4f4;

--color-foreground: 35, 46, 58;
--color-foreground-secondary: 35, 46, 58;
--color-foreground-title: 35, 46, 58;
--menu-shadow-color: var(--color-foreground);
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button: 35, 46, 58;
--color-button-hover: 48, 58, 70;

--color-button-secondary: 222, 228, 242;
--color-button-secondary-hover: 229, 234, 245;
--color-button-secondary-text: 35, 46, 58;
--color-button-secondary-text-hover: 35, 46, 58;

--color-button-tertiary-text: 35, 46, 58;
--color-button-tertiary-text-hover: 35, 46, 58;
--color-button-tertiary: 255, 255, 255;
--color-button-tertiary-hover: 251, 251, 251;

--color-overlay: 255, 255, 255;
--color-border-input: 255, 255, 255;
--color-border-input-hover: 255, 255, 255;
--color-background-input: 255, 255, 255;
--color-background-input-hover: 251, 251, 251;
--color-border: 226, 229, 232;
--color-accent: 242, 244, 244;

--color-badge-text: 35, 46, 58;
--color-badge-background: 251, 251, 252;
--color-blog-slider-heading-hover : var(--color-button-hover);
		}
		@media (prefers-color-scheme: light) {
			
			[data-scheme=auto] .color-background-3 {
				--color-background: 242,244,244;
--color-background-secondary: 244,244,244;

	--gradient-background: #f2f4f4;

--color-foreground: 35, 46, 58;
--color-foreground-secondary: 35, 46, 58;
--color-foreground-title: 35, 46, 58;
--menu-shadow-color: var(--color-foreground);
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button: 35, 46, 58;
--color-button-hover: 48, 58, 70;

--color-button-secondary: 222, 228, 242;
--color-button-secondary-hover: 229, 234, 245;
--color-button-secondary-text: 35, 46, 58;
--color-button-secondary-text-hover: 35, 46, 58;

--color-button-tertiary-text: 35, 46, 58;
--color-button-tertiary-text-hover: 35, 46, 58;
--color-button-tertiary: 255, 255, 255;
--color-button-tertiary-hover: 251, 251, 251;

--color-overlay: 255, 255, 255;
--color-border-input: 255, 255, 255;
--color-border-input-hover: 255, 255, 255;
--color-background-input: 255, 255, 255;
--color-background-input-hover: 251, 251, 251;
--color-border: 226, 229, 232;
--color-accent: 242, 244, 244;

--color-badge-text: 35, 46, 58;
--color-badge-background: 251, 251, 252;
--color-blog-slider-heading-hover : var(--color-button-hover);
			}
		}
		
		[data-scheme=dark] .color-background-3 {
			
	--color-background: 23, 23, 23;
	--color-background-secondary: 31, 31, 31;
	--color-border-input: 27, 27, 27;
	--color-border-input-hover: 32, 32, 32;
	--color-background-input: 27, 27, 27;
	--color-background-input-hover: 32, 32, 32;


	--gradient-background: rgb(var(--color-background));

--color-blog-slider-heading-hover: 203, 211, 218;
--color-overlay: 31, 31, 31;
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 169, 169, 169;
--color-foreground-title: 255, 255, 255;
--color-border: 53, 53, 53;
--color-link: 229, 229, 229;
--alpha-link: 0.5;
--color-button: 53, 53, 53;
--color-button-hover: 60, 60, 60;
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button-secondary: 0, 0, 0;
--color-button-secondary-hover: 12, 12, 12;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;
--color-button-tertiary: 15, 15, 15;
--color-button-tertiary-hover: 53, 53, 53;
--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-social: 255, 255, 255;
--color-placeholder-input: 255, 255, 255;
--color-card-price-new: 229, 229, 229;
--color-card-price-old: 169, 169, 169;
--color-error-background: 0, 0, 0;
--color-title-text: 255, 255, 255;
--color-accent : 23, 23, 23;
--menu-shadow-color: 0,0,0;
--menu-shadow-alpha: 0.3;
--swiper-navigation-color: rgb(var(--color-foreground));
--swiper-pagination-color : rgb(var(--color-foreground));
		}
		@media (prefers-color-scheme: dark) {
			
			[data-scheme=auto] .color-background-3 {
				
	--color-background: 23, 23, 23;
	--color-background-secondary: 31, 31, 31;
	--color-border-input: 27, 27, 27;
	--color-border-input-hover: 32, 32, 32;
	--color-background-input: 27, 27, 27;
	--color-background-input-hover: 32, 32, 32;


	--gradient-background: rgb(var(--color-background));

--color-blog-slider-heading-hover: 203, 211, 218;
--color-overlay: 31, 31, 31;
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 169, 169, 169;
--color-foreground-title: 255, 255, 255;
--color-border: 53, 53, 53;
--color-link: 229, 229, 229;
--alpha-link: 0.5;
--color-button: 53, 53, 53;
--color-button-hover: 60, 60, 60;
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button-secondary: 0, 0, 0;
--color-button-secondary-hover: 12, 12, 12;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;
--color-button-tertiary: 15, 15, 15;
--color-button-tertiary-hover: 53, 53, 53;
--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-social: 255, 255, 255;
--color-placeholder-input: 255, 255, 255;
--color-card-price-new: 229, 229, 229;
--color-card-price-old: 169, 169, 169;
--color-error-background: 0, 0, 0;
--color-title-text: 255, 255, 255;
--color-accent : 23, 23, 23;
--menu-shadow-color: 0,0,0;
--menu-shadow-alpha: 0.3;
--swiper-navigation-color: rgb(var(--color-foreground));
--swiper-pagination-color : rgb(var(--color-foreground));
			}
		}

	
		
		[data-scheme=light] .color-background-4 {
			--color-background: 35,46,58;
--color-background-secondary: 14,40,60;

	--gradient-background: #232e3a;

--color-foreground: 255, 255, 255;
--color-foreground-secondary: 255, 255, 255;
--color-foreground-title: 255, 255, 255;
--menu-shadow-color: var(--color-foreground);
--color-button-text: 35, 46, 58;
--color-button-text-hover: 35, 46, 58;
--color-button: 222, 228, 242;
--color-button-hover: 204, 211, 224;

--color-button-secondary: 225, 230, 236;
--color-button-secondary-hover: 203, 211, 218;
--color-button-secondary-text: 17, 50, 75;
--color-button-secondary-text-hover: 17, 50, 75;

--color-button-tertiary-text: 17, 50, 75;
--color-button-tertiary-text-hover: 17, 50, 75;
--color-button-tertiary: 225, 230, 236;
--color-button-tertiary-hover: 203, 211, 218;

--color-overlay: 0, 0, 0;
--color-border-input: 52, 65, 80;
--color-border-input-hover: 62, 71, 82;
--color-background-input: 52, 65, 80;
--color-background-input-hover: 62, 71, 82;
--color-border: 255, 255, 255;
--color-accent: 62, 71, 82;

--color-badge-text: 35, 46, 58;
--color-badge-background: 251, 251, 252;
--color-blog-slider-heading-hover : var(--color-button-hover);
		}
		@media (prefers-color-scheme: light) {
			
			[data-scheme=auto] .color-background-4 {
				--color-background: 35,46,58;
--color-background-secondary: 14,40,60;

	--gradient-background: #232e3a;

--color-foreground: 255, 255, 255;
--color-foreground-secondary: 255, 255, 255;
--color-foreground-title: 255, 255, 255;
--menu-shadow-color: var(--color-foreground);
--color-button-text: 35, 46, 58;
--color-button-text-hover: 35, 46, 58;
--color-button: 222, 228, 242;
--color-button-hover: 204, 211, 224;

--color-button-secondary: 225, 230, 236;
--color-button-secondary-hover: 203, 211, 218;
--color-button-secondary-text: 17, 50, 75;
--color-button-secondary-text-hover: 17, 50, 75;

--color-button-tertiary-text: 17, 50, 75;
--color-button-tertiary-text-hover: 17, 50, 75;
--color-button-tertiary: 225, 230, 236;
--color-button-tertiary-hover: 203, 211, 218;

--color-overlay: 0, 0, 0;
--color-border-input: 52, 65, 80;
--color-border-input-hover: 62, 71, 82;
--color-background-input: 52, 65, 80;
--color-background-input-hover: 62, 71, 82;
--color-border: 255, 255, 255;
--color-accent: 62, 71, 82;

--color-badge-text: 35, 46, 58;
--color-badge-background: 251, 251, 252;
--color-blog-slider-heading-hover : var(--color-button-hover);
			}
		}
		
		[data-scheme=dark] .color-background-4 {
			
	--color-background: 0, 0, 0;
	--color-border-input: 23, 23, 23;
	--color-border-input-hover: 20, 20, 20;
	--color-background-input: 23, 23, 23;
	--color-background-input-hover: 20, 20, 20;


	--gradient-background: rgb(var(--color-background));

--color-blog-slider-heading-hover: 203, 211, 218;
--color-overlay: 31, 31, 31;
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 169, 169, 169;
--color-foreground-title: 255, 255, 255;
--color-border: 53, 53, 53;
--color-link: 229, 229, 229;
--alpha-link: 0.5;
--color-button: 53, 53, 53;
--color-button-hover: 60, 60, 60;
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button-secondary: 0, 0, 0;
--color-button-secondary-hover: 12, 12, 12;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;
--color-button-tertiary: 15, 15, 15;
--color-button-tertiary-hover: 53, 53, 53;
--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-social: 255, 255, 255;
--color-placeholder-input: 255, 255, 255;
--color-card-price-new: 229, 229, 229;
--color-card-price-old: 169, 169, 169;
--color-error-background: 0, 0, 0;
--color-title-text: 255, 255, 255;
--color-accent : 23, 23, 23;
--menu-shadow-color: 0,0,0;
--menu-shadow-alpha: 0.3;
--swiper-navigation-color: rgb(var(--color-foreground));
--swiper-pagination-color : rgb(var(--color-foreground));
		}
		@media (prefers-color-scheme: dark) {
			
			[data-scheme=auto] .color-background-4 {
				
	--color-background: 0, 0, 0;
	--color-border-input: 23, 23, 23;
	--color-border-input-hover: 20, 20, 20;
	--color-background-input: 23, 23, 23;
	--color-background-input-hover: 20, 20, 20;


	--gradient-background: rgb(var(--color-background));

--color-blog-slider-heading-hover: 203, 211, 218;
--color-overlay: 31, 31, 31;
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 169, 169, 169;
--color-foreground-title: 255, 255, 255;
--color-border: 53, 53, 53;
--color-link: 229, 229, 229;
--alpha-link: 0.5;
--color-button: 53, 53, 53;
--color-button-hover: 60, 60, 60;
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button-secondary: 0, 0, 0;
--color-button-secondary-hover: 12, 12, 12;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;
--color-button-tertiary: 15, 15, 15;
--color-button-tertiary-hover: 53, 53, 53;
--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-social: 255, 255, 255;
--color-placeholder-input: 255, 255, 255;
--color-card-price-new: 229, 229, 229;
--color-card-price-old: 169, 169, 169;
--color-error-background: 0, 0, 0;
--color-title-text: 255, 255, 255;
--color-accent : 23, 23, 23;
--menu-shadow-color: 0,0,0;
--menu-shadow-alpha: 0.3;
--swiper-navigation-color: rgb(var(--color-foreground));
--swiper-pagination-color : rgb(var(--color-foreground));
			}
		}

	
		
		[data-scheme=light] .color-background-5 {
			--color-background: 17,50,75;
--color-background-secondary: 17,50,75;

	--gradient-background: #11324b;

--color-foreground: 255, 255, 255;
--color-foreground-secondary: 255, 255, 255;
--color-foreground-title: 255, 255, 255;
--menu-shadow-color: var(--color-foreground);
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button: 35, 46, 58;
--color-button-hover: 48, 58, 70;

--color-button-secondary: 222, 228, 242;
--color-button-secondary-hover: 229, 234, 245;
--color-button-secondary-text: 35, 46, 58;
--color-button-secondary-text-hover: 35, 46, 58;

--color-button-tertiary-text: 17, 50, 75;
--color-button-tertiary-text-hover: 17, 50, 75;
--color-button-tertiary: 225, 230, 236;
--color-button-tertiary-hover: 203, 211, 218;

--color-overlay: 0, 0, 0;
--color-border-input: 36, 66, 89;
--color-border-input-hover: 46, 75, 97;
--color-background-input: 36, 66, 89;
--color-background-input-hover: 46, 75, 97;
--color-border: 255, 255, 255;
--color-accent: 242, 244, 244;

--color-badge-text: 35, 46, 58;
--color-badge-background: 251, 251, 252;
--color-blog-slider-heading-hover : var(--color-button-hover);
		}
		@media (prefers-color-scheme: light) {
			
			[data-scheme=auto] .color-background-5 {
				--color-background: 17,50,75;
--color-background-secondary: 17,50,75;

	--gradient-background: #11324b;

--color-foreground: 255, 255, 255;
--color-foreground-secondary: 255, 255, 255;
--color-foreground-title: 255, 255, 255;
--menu-shadow-color: var(--color-foreground);
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button: 35, 46, 58;
--color-button-hover: 48, 58, 70;

--color-button-secondary: 222, 228, 242;
--color-button-secondary-hover: 229, 234, 245;
--color-button-secondary-text: 35, 46, 58;
--color-button-secondary-text-hover: 35, 46, 58;

--color-button-tertiary-text: 17, 50, 75;
--color-button-tertiary-text-hover: 17, 50, 75;
--color-button-tertiary: 225, 230, 236;
--color-button-tertiary-hover: 203, 211, 218;

--color-overlay: 0, 0, 0;
--color-border-input: 36, 66, 89;
--color-border-input-hover: 46, 75, 97;
--color-background-input: 36, 66, 89;
--color-background-input-hover: 46, 75, 97;
--color-border: 255, 255, 255;
--color-accent: 242, 244, 244;

--color-badge-text: 35, 46, 58;
--color-badge-background: 251, 251, 252;
--color-blog-slider-heading-hover : var(--color-button-hover);
			}
		}
		
		[data-scheme=dark] .color-background-5 {
			
	--color-background: 0, 0, 0;
	--color-border-input: 23, 23, 23;
	--color-border-input-hover: 20, 20, 20;
	--color-background-input: 23, 23, 23;
	--color-background-input-hover: 20, 20, 20;


	--gradient-background: rgb(var(--color-background));

--color-blog-slider-heading-hover: 203, 211, 218;
--color-overlay: 31, 31, 31;
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 169, 169, 169;
--color-foreground-title: 255, 255, 255;
--color-border: 53, 53, 53;
--color-link: 229, 229, 229;
--alpha-link: 0.5;
--color-button: 53, 53, 53;
--color-button-hover: 60, 60, 60;
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button-secondary: 0, 0, 0;
--color-button-secondary-hover: 12, 12, 12;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;
--color-button-tertiary: 15, 15, 15;
--color-button-tertiary-hover: 53, 53, 53;
--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-social: 255, 255, 255;
--color-placeholder-input: 255, 255, 255;
--color-card-price-new: 229, 229, 229;
--color-card-price-old: 169, 169, 169;
--color-error-background: 0, 0, 0;
--color-title-text: 255, 255, 255;
--color-accent : 23, 23, 23;
--menu-shadow-color: 0,0,0;
--menu-shadow-alpha: 0.3;
--swiper-navigation-color: rgb(var(--color-foreground));
--swiper-pagination-color : rgb(var(--color-foreground));
		}
		@media (prefers-color-scheme: dark) {
			
			[data-scheme=auto] .color-background-5 {
				
	--color-background: 0, 0, 0;
	--color-border-input: 23, 23, 23;
	--color-border-input-hover: 20, 20, 20;
	--color-background-input: 23, 23, 23;
	--color-background-input-hover: 20, 20, 20;


	--gradient-background: rgb(var(--color-background));

--color-blog-slider-heading-hover: 203, 211, 218;
--color-overlay: 31, 31, 31;
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 169, 169, 169;
--color-foreground-title: 255, 255, 255;
--color-border: 53, 53, 53;
--color-link: 229, 229, 229;
--alpha-link: 0.5;
--color-button: 53, 53, 53;
--color-button-hover: 60, 60, 60;
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button-secondary: 0, 0, 0;
--color-button-secondary-hover: 12, 12, 12;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;
--color-button-tertiary: 15, 15, 15;
--color-button-tertiary-hover: 53, 53, 53;
--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-social: 255, 255, 255;
--color-placeholder-input: 255, 255, 255;
--color-card-price-new: 229, 229, 229;
--color-card-price-old: 169, 169, 169;
--color-error-background: 0, 0, 0;
--color-title-text: 255, 255, 255;
--color-accent : 23, 23, 23;
--menu-shadow-color: 0,0,0;
--menu-shadow-alpha: 0.3;
--swiper-navigation-color: rgb(var(--color-foreground));
--swiper-pagination-color : rgb(var(--color-foreground));
			}
		}

	
		
		[data-scheme=light] .color-background-6 {
			--color-background: 195,223,255;
--color-background-secondary: 255,217,201;

	--gradient-background: linear-gradient(91.72deg, #C4DFFF 0.01%, #FFD9C9 100%);

--color-foreground: 14, 40, 60;
--color-foreground-secondary: 14, 40, 60;
--color-foreground-title: 14, 40, 60;
--menu-shadow-color: var(--color-foreground);
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button: 17, 50, 75;
--color-button-hover: 31, 62, 85;

--color-button-secondary: 17, 50, 75;
--color-button-secondary-hover: 31, 62, 85;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;

--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--color-button-tertiary: 17, 50, 75;
--color-button-tertiary-hover: 31, 62, 85;

--color-overlay: 0, 0, 0;
--color-border-input: 222, 229, 242;
--color-border-input-hover: 231, 229, 236;
--color-background-input: 222, 229, 242;
--color-background-input-hover: 231, 229, 236;
--color-border: 14, 40, 60;
--color-accent: 242, 244, 244;

--color-badge-text: 14, 40, 60;
--color-badge-background: 242, 244, 244;
--color-blog-slider-heading-hover : var(--color-button-hover);
		}
		@media (prefers-color-scheme: light) {
			
			[data-scheme=auto] .color-background-6 {
				--color-background: 195,223,255;
--color-background-secondary: 255,217,201;

	--gradient-background: linear-gradient(91.72deg, #C4DFFF 0.01%, #FFD9C9 100%);

--color-foreground: 14, 40, 60;
--color-foreground-secondary: 14, 40, 60;
--color-foreground-title: 14, 40, 60;
--menu-shadow-color: var(--color-foreground);
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button: 17, 50, 75;
--color-button-hover: 31, 62, 85;

--color-button-secondary: 17, 50, 75;
--color-button-secondary-hover: 31, 62, 85;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;

--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--color-button-tertiary: 17, 50, 75;
--color-button-tertiary-hover: 31, 62, 85;

--color-overlay: 0, 0, 0;
--color-border-input: 222, 229, 242;
--color-border-input-hover: 231, 229, 236;
--color-background-input: 222, 229, 242;
--color-background-input-hover: 231, 229, 236;
--color-border: 14, 40, 60;
--color-accent: 242, 244, 244;

--color-badge-text: 14, 40, 60;
--color-badge-background: 242, 244, 244;
--color-blog-slider-heading-hover : var(--color-button-hover);
			}
		}
		
		[data-scheme=dark] .color-background-6 {
			
	--color-background: 23, 23, 23;
	--color-background-secondary: 31, 31, 31;
	--color-border-input: 27, 27, 27;
	--color-border-input-hover: 32, 32, 32;
	--color-background-input: 27, 27, 27;
	--color-background-input-hover: 32, 32, 32;


	--gradient-background: linear-gradient(91.72deg, #8DB6E4 0%, #C9896E 100%);

--color-blog-slider-heading-hover: 203, 211, 218;
--color-overlay: 31, 31, 31;
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 169, 169, 169;
--color-foreground-title: 255, 255, 255;
--color-border: 53, 53, 53;
--color-link: 229, 229, 229;
--alpha-link: 0.5;
--color-button: 53, 53, 53;
--color-button-hover: 60, 60, 60;
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button-secondary: 0, 0, 0;
--color-button-secondary-hover: 12, 12, 12;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;
--color-button-tertiary: 15, 15, 15;
--color-button-tertiary-hover: 53, 53, 53;
--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-social: 255, 255, 255;
--color-placeholder-input: 255, 255, 255;
--color-card-price-new: 229, 229, 229;
--color-card-price-old: 169, 169, 169;
--color-error-background: 0, 0, 0;
--color-title-text: 255, 255, 255;
--color-accent : 23, 23, 23;
--menu-shadow-color: 0,0,0;
--menu-shadow-alpha: 0.3;
--swiper-navigation-color: rgb(var(--color-foreground));
--swiper-pagination-color : rgb(var(--color-foreground));
		}
		@media (prefers-color-scheme: dark) {
			
			[data-scheme=auto] .color-background-6 {
				
	--color-background: 23, 23, 23;
	--color-background-secondary: 31, 31, 31;
	--color-border-input: 27, 27, 27;
	--color-border-input-hover: 32, 32, 32;
	--color-background-input: 27, 27, 27;
	--color-background-input-hover: 32, 32, 32;


	--gradient-background: linear-gradient(91.72deg, #8DB6E4 0%, #C9896E 100%);

--color-blog-slider-heading-hover: 203, 211, 218;
--color-overlay: 31, 31, 31;
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 169, 169, 169;
--color-foreground-title: 255, 255, 255;
--color-border: 53, 53, 53;
--color-link: 229, 229, 229;
--alpha-link: 0.5;
--color-button: 53, 53, 53;
--color-button-hover: 60, 60, 60;
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button-secondary: 0, 0, 0;
--color-button-secondary-hover: 12, 12, 12;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;
--color-button-tertiary: 15, 15, 15;
--color-button-tertiary-hover: 53, 53, 53;
--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-social: 255, 255, 255;
--color-placeholder-input: 255, 255, 255;
--color-card-price-new: 229, 229, 229;
--color-card-price-old: 169, 169, 169;
--color-error-background: 0, 0, 0;
--color-title-text: 255, 255, 255;
--color-accent : 23, 23, 23;
--menu-shadow-color: 0,0,0;
--menu-shadow-alpha: 0.3;
--swiper-navigation-color: rgb(var(--color-foreground));
--swiper-pagination-color : rgb(var(--color-foreground));
			}
		}

	
		
		[data-scheme=light] .color-background-7 {
			--color-background: 35,46,58;
--color-background-secondary: 14,40,60;

	--gradient-background: #232e3a;

--color-foreground: 255, 255, 255;
--color-foreground-secondary: 255, 255, 255;
--color-foreground-title: 255, 255, 255;
--menu-shadow-color: var(--color-foreground);
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button: 35, 46, 58;
--color-button-hover: 48, 58, 70;

--color-button-secondary: 222, 228, 242;
--color-button-secondary-hover: 229, 234, 245;
--color-button-secondary-text: 35, 46, 58;
--color-button-secondary-text-hover: 35, 46, 58;

--color-button-tertiary-text: 17, 50, 75;
--color-button-tertiary-text-hover: 17, 50, 75;
--color-button-tertiary: 225, 230, 236;
--color-button-tertiary-hover: 203, 211, 218;

--color-overlay: 0, 0, 0;
--color-border-input: 33, 57, 75;
--color-border-input-hover: 38, 61, 79;
--color-background-input: 33, 57, 75;
--color-background-input-hover: 38, 61, 79;
--color-border: 255, 255, 255;
--color-accent: 242, 244, 244;

--color-badge-text: 14, 40, 60;
--color-badge-background: 242, 244, 244;
--color-blog-slider-heading-hover : var(--color-button-hover);
		}
		@media (prefers-color-scheme: light) {
			
			[data-scheme=auto] .color-background-7 {
				--color-background: 35,46,58;
--color-background-secondary: 14,40,60;

	--gradient-background: #232e3a;

--color-foreground: 255, 255, 255;
--color-foreground-secondary: 255, 255, 255;
--color-foreground-title: 255, 255, 255;
--menu-shadow-color: var(--color-foreground);
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button: 35, 46, 58;
--color-button-hover: 48, 58, 70;

--color-button-secondary: 222, 228, 242;
--color-button-secondary-hover: 229, 234, 245;
--color-button-secondary-text: 35, 46, 58;
--color-button-secondary-text-hover: 35, 46, 58;

--color-button-tertiary-text: 17, 50, 75;
--color-button-tertiary-text-hover: 17, 50, 75;
--color-button-tertiary: 225, 230, 236;
--color-button-tertiary-hover: 203, 211, 218;

--color-overlay: 0, 0, 0;
--color-border-input: 33, 57, 75;
--color-border-input-hover: 38, 61, 79;
--color-background-input: 33, 57, 75;
--color-background-input-hover: 38, 61, 79;
--color-border: 255, 255, 255;
--color-accent: 242, 244, 244;

--color-badge-text: 14, 40, 60;
--color-badge-background: 242, 244, 244;
--color-blog-slider-heading-hover : var(--color-button-hover);
			}
		}
		
		[data-scheme=dark] .color-background-7 {
			
	--color-background: 23, 23, 23;
	--color-background-secondary: 31, 31, 31;
	--color-border-input: 27, 27, 27;
	--color-border-input-hover: 32, 32, 32;
	--color-background-input: 27, 27, 27;
	--color-background-input-hover: 32, 32, 32;


	--gradient-background: rgb(var(--color-background));

--color-blog-slider-heading-hover: 203, 211, 218;
--color-overlay: 31, 31, 31;
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 169, 169, 169;
--color-foreground-title: 255, 255, 255;
--color-border: 53, 53, 53;
--color-link: 229, 229, 229;
--alpha-link: 0.5;
--color-button: 53, 53, 53;
--color-button-hover: 60, 60, 60;
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button-secondary: 0, 0, 0;
--color-button-secondary-hover: 12, 12, 12;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;
--color-button-tertiary: 15, 15, 15;
--color-button-tertiary-hover: 53, 53, 53;
--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-social: 255, 255, 255;
--color-placeholder-input: 255, 255, 255;
--color-card-price-new: 229, 229, 229;
--color-card-price-old: 169, 169, 169;
--color-error-background: 0, 0, 0;
--color-title-text: 255, 255, 255;
--color-accent : 23, 23, 23;
--menu-shadow-color: 0,0,0;
--menu-shadow-alpha: 0.3;
--swiper-navigation-color: rgb(var(--color-foreground));
--swiper-pagination-color : rgb(var(--color-foreground));
		}
		@media (prefers-color-scheme: dark) {
			
			[data-scheme=auto] .color-background-7 {
				
	--color-background: 23, 23, 23;
	--color-background-secondary: 31, 31, 31;
	--color-border-input: 27, 27, 27;
	--color-border-input-hover: 32, 32, 32;
	--color-background-input: 27, 27, 27;
	--color-background-input-hover: 32, 32, 32;


	--gradient-background: rgb(var(--color-background));

--color-blog-slider-heading-hover: 203, 211, 218;
--color-overlay: 31, 31, 31;
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 169, 169, 169;
--color-foreground-title: 255, 255, 255;
--color-border: 53, 53, 53;
--color-link: 229, 229, 229;
--alpha-link: 0.5;
--color-button: 53, 53, 53;
--color-button-hover: 60, 60, 60;
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button-secondary: 0, 0, 0;
--color-button-secondary-hover: 12, 12, 12;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;
--color-button-tertiary: 15, 15, 15;
--color-button-tertiary-hover: 53, 53, 53;
--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-social: 255, 255, 255;
--color-placeholder-input: 255, 255, 255;
--color-card-price-new: 229, 229, 229;
--color-card-price-old: 169, 169, 169;
--color-error-background: 0, 0, 0;
--color-title-text: 255, 255, 255;
--color-accent : 23, 23, 23;
--menu-shadow-color: 0,0,0;
--menu-shadow-alpha: 0.3;
--swiper-navigation-color: rgb(var(--color-foreground));
--swiper-pagination-color : rgb(var(--color-foreground));
			}
		}

	
		
		[data-scheme=light] .color-background-8 {
			--color-background: 52,85,123;
--color-background-secondary: 242,244,244;

	--gradient-background: #34557b;

--color-foreground: 255, 255, 255;
--color-foreground-secondary: 255, 255, 255;
--color-foreground-title: 255, 255, 255;
--menu-shadow-color: var(--color-foreground);
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button: 35, 46, 58;
--color-button-hover: 48, 58, 70;

--color-button-secondary: 222, 228, 242;
--color-button-secondary-hover: 229, 234, 245;
--color-button-secondary-text: 35, 46, 58;
--color-button-secondary-text-hover: 35, 46, 58;

--color-button-tertiary-text: 17, 50, 75;
--color-button-tertiary-text-hover: 17, 50, 75;
--color-button-tertiary: 250, 245, 242;
--color-button-tertiary-hover: 242, 244, 244;

--color-overlay: 255, 255, 255;
--color-border-input: 242, 245, 252;
--color-border-input-hover: 245, 247, 252;
--color-background-input: 242, 245, 252;
--color-background-input-hover: 245, 247, 252;
--color-border: 226, 229, 232;
--color-accent: 242, 244, 244;

--color-badge-text: 14, 40, 60;
--color-badge-background: 242, 244, 244;
--color-blog-slider-heading-hover : var(--color-button-hover);
		}
		@media (prefers-color-scheme: light) {
			
			[data-scheme=auto] .color-background-8 {
				--color-background: 52,85,123;
--color-background-secondary: 242,244,244;

	--gradient-background: #34557b;

--color-foreground: 255, 255, 255;
--color-foreground-secondary: 255, 255, 255;
--color-foreground-title: 255, 255, 255;
--menu-shadow-color: var(--color-foreground);
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button: 35, 46, 58;
--color-button-hover: 48, 58, 70;

--color-button-secondary: 222, 228, 242;
--color-button-secondary-hover: 229, 234, 245;
--color-button-secondary-text: 35, 46, 58;
--color-button-secondary-text-hover: 35, 46, 58;

--color-button-tertiary-text: 17, 50, 75;
--color-button-tertiary-text-hover: 17, 50, 75;
--color-button-tertiary: 250, 245, 242;
--color-button-tertiary-hover: 242, 244, 244;

--color-overlay: 255, 255, 255;
--color-border-input: 242, 245, 252;
--color-border-input-hover: 245, 247, 252;
--color-background-input: 242, 245, 252;
--color-background-input-hover: 245, 247, 252;
--color-border: 226, 229, 232;
--color-accent: 242, 244, 244;

--color-badge-text: 14, 40, 60;
--color-badge-background: 242, 244, 244;
--color-blog-slider-heading-hover : var(--color-button-hover);
			}
		}
		
		[data-scheme=dark] .color-background-8 {
			
	--color-background: 23, 23, 23;
	--color-background-secondary: 31, 31, 31;
	--color-border-input: 27, 27, 27;
	--color-border-input-hover: 32, 32, 32;
	--color-background-input: 27, 27, 27;
	--color-background-input-hover: 32, 32, 32;


	--gradient-background: rgb(var(--color-background));

--color-blog-slider-heading-hover: 203, 211, 218;
--color-overlay: 31, 31, 31;
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 169, 169, 169;
--color-foreground-title: 255, 255, 255;
--color-border: 53, 53, 53;
--color-link: 229, 229, 229;
--alpha-link: 0.5;
--color-button: 53, 53, 53;
--color-button-hover: 60, 60, 60;
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button-secondary: 0, 0, 0;
--color-button-secondary-hover: 12, 12, 12;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;
--color-button-tertiary: 15, 15, 15;
--color-button-tertiary-hover: 53, 53, 53;
--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-social: 255, 255, 255;
--color-placeholder-input: 255, 255, 255;
--color-card-price-new: 229, 229, 229;
--color-card-price-old: 169, 169, 169;
--color-error-background: 0, 0, 0;
--color-title-text: 255, 255, 255;
--color-accent : 23, 23, 23;
--menu-shadow-color: 0,0,0;
--menu-shadow-alpha: 0.3;
--swiper-navigation-color: rgb(var(--color-foreground));
--swiper-pagination-color : rgb(var(--color-foreground));
		}
		@media (prefers-color-scheme: dark) {
			
			[data-scheme=auto] .color-background-8 {
				
	--color-background: 23, 23, 23;
	--color-background-secondary: 31, 31, 31;
	--color-border-input: 27, 27, 27;
	--color-border-input-hover: 32, 32, 32;
	--color-background-input: 27, 27, 27;
	--color-background-input-hover: 32, 32, 32;


	--gradient-background: rgb(var(--color-background));

--color-blog-slider-heading-hover: 203, 211, 218;
--color-overlay: 31, 31, 31;
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 169, 169, 169;
--color-foreground-title: 255, 255, 255;
--color-border: 53, 53, 53;
--color-link: 229, 229, 229;
--alpha-link: 0.5;
--color-button: 53, 53, 53;
--color-button-hover: 60, 60, 60;
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button-secondary: 0, 0, 0;
--color-button-secondary-hover: 12, 12, 12;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;
--color-button-tertiary: 15, 15, 15;
--color-button-tertiary-hover: 53, 53, 53;
--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-social: 255, 255, 255;
--color-placeholder-input: 255, 255, 255;
--color-card-price-new: 229, 229, 229;
--color-card-price-old: 169, 169, 169;
--color-error-background: 0, 0, 0;
--color-title-text: 255, 255, 255;
--color-accent : 23, 23, 23;
--menu-shadow-color: 0,0,0;
--menu-shadow-alpha: 0.3;
--swiper-navigation-color: rgb(var(--color-foreground));
--swiper-pagination-color : rgb(var(--color-foreground));
			}
		}

	
		
		[data-scheme=light] .color-background-9 {
			--color-background: 255,255,255;
--color-background-secondary: 242,244,244;

	--gradient-background: #ffffff;

--color-foreground: 14, 40, 60;
--color-foreground-secondary: 14, 40, 60;
--color-foreground-title: 14, 40, 60;
--menu-shadow-color: var(--color-foreground);
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button: 17, 50, 75;
--color-button-hover: 31, 62, 85;

--color-button-secondary: 225, 230, 236;
--color-button-secondary-hover: 231, 235, 240;
--color-button-secondary-text: 17, 50, 75;
--color-button-secondary-text-hover: 17, 50, 75;

--color-button-tertiary-text: 17, 50, 75;
--color-button-tertiary-text-hover: 17, 50, 75;
--color-button-tertiary: 250, 245, 242;
--color-button-tertiary-hover: 242, 244, 244;

--color-overlay: 255, 255, 255;
--color-border-input: 250, 245, 242;
--color-border-input-hover: 250, 245, 242;
--color-background-input: 250, 245, 242;
--color-background-input-hover: 250, 246, 244;
--color-border: 226, 229, 232;
--color-accent: 242, 244, 244;

--color-badge-text: 14, 40, 60;
--color-badge-background: 242, 244, 244;
--color-blog-slider-heading-hover : var(--color-button-hover);
		}
		@media (prefers-color-scheme: light) {
			
			[data-scheme=auto] .color-background-9 {
				--color-background: 255,255,255;
--color-background-secondary: 242,244,244;

	--gradient-background: #ffffff;

--color-foreground: 14, 40, 60;
--color-foreground-secondary: 14, 40, 60;
--color-foreground-title: 14, 40, 60;
--menu-shadow-color: var(--color-foreground);
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button: 17, 50, 75;
--color-button-hover: 31, 62, 85;

--color-button-secondary: 225, 230, 236;
--color-button-secondary-hover: 231, 235, 240;
--color-button-secondary-text: 17, 50, 75;
--color-button-secondary-text-hover: 17, 50, 75;

--color-button-tertiary-text: 17, 50, 75;
--color-button-tertiary-text-hover: 17, 50, 75;
--color-button-tertiary: 250, 245, 242;
--color-button-tertiary-hover: 242, 244, 244;

--color-overlay: 255, 255, 255;
--color-border-input: 250, 245, 242;
--color-border-input-hover: 250, 245, 242;
--color-background-input: 250, 245, 242;
--color-background-input-hover: 250, 246, 244;
--color-border: 226, 229, 232;
--color-accent: 242, 244, 244;

--color-badge-text: 14, 40, 60;
--color-badge-background: 242, 244, 244;
--color-blog-slider-heading-hover : var(--color-button-hover);
			}
		}
		
		[data-scheme=dark] .color-background-9 {
			
	--color-background: 23, 23, 23;
	--color-background-secondary: 31, 31, 31;
	--color-border-input: 27, 27, 27;
	--color-border-input-hover: 32, 32, 32;
	--color-background-input: 27, 27, 27;
	--color-background-input-hover: 32, 32, 32;


	--gradient-background: rgb(var(--color-background));

--color-blog-slider-heading-hover: 203, 211, 218;
--color-overlay: 31, 31, 31;
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 169, 169, 169;
--color-foreground-title: 255, 255, 255;
--color-border: 53, 53, 53;
--color-link: 229, 229, 229;
--alpha-link: 0.5;
--color-button: 53, 53, 53;
--color-button-hover: 60, 60, 60;
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button-secondary: 0, 0, 0;
--color-button-secondary-hover: 12, 12, 12;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;
--color-button-tertiary: 15, 15, 15;
--color-button-tertiary-hover: 53, 53, 53;
--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-social: 255, 255, 255;
--color-placeholder-input: 255, 255, 255;
--color-card-price-new: 229, 229, 229;
--color-card-price-old: 169, 169, 169;
--color-error-background: 0, 0, 0;
--color-title-text: 255, 255, 255;
--color-accent : 23, 23, 23;
--menu-shadow-color: 0,0,0;
--menu-shadow-alpha: 0.3;
--swiper-navigation-color: rgb(var(--color-foreground));
--swiper-pagination-color : rgb(var(--color-foreground));
		}
		@media (prefers-color-scheme: dark) {
			
			[data-scheme=auto] .color-background-9 {
				
	--color-background: 23, 23, 23;
	--color-background-secondary: 31, 31, 31;
	--color-border-input: 27, 27, 27;
	--color-border-input-hover: 32, 32, 32;
	--color-background-input: 27, 27, 27;
	--color-background-input-hover: 32, 32, 32;


	--gradient-background: rgb(var(--color-background));

--color-blog-slider-heading-hover: 203, 211, 218;
--color-overlay: 31, 31, 31;
--color-foreground: 255, 255, 255;
--color-foreground-secondary: 169, 169, 169;
--color-foreground-title: 255, 255, 255;
--color-border: 53, 53, 53;
--color-link: 229, 229, 229;
--alpha-link: 0.5;
--color-button: 53, 53, 53;
--color-button-hover: 60, 60, 60;
--color-button-text: 255, 255, 255;
--color-button-text-hover: 255, 255, 255;
--color-button-secondary: 0, 0, 0;
--color-button-secondary-hover: 12, 12, 12;
--color-button-secondary-text: 255, 255, 255;
--color-button-secondary-text-hover: 255, 255, 255;
--color-button-tertiary: 15, 15, 15;
--color-button-tertiary-hover: 53, 53, 53;
--color-button-tertiary-text: 255, 255, 255;
--color-button-tertiary-text-hover: 255, 255, 255;
--alpha-button-background: 1;
--alpha-button-border: 1;
--color-social: 255, 255, 255;
--color-placeholder-input: 255, 255, 255;
--color-card-price-new: 229, 229, 229;
--color-card-price-old: 169, 169, 169;
--color-error-background: 0, 0, 0;
--color-title-text: 255, 255, 255;
--color-accent : 23, 23, 23;
--menu-shadow-color: 0,0,0;
--menu-shadow-alpha: 0.3;
--swiper-navigation-color: rgb(var(--color-foreground));
--swiper-pagination-color : rgb(var(--color-foreground));
			}
		}

	

	body, .color-background-1, .color-background-2, .color-background-3, .color-background-4, .color-background-5, .color-background-6, .color-background-7, .color-background-8, .color-background-9 {
		color: rgba(var(--color-foreground));
		background-color: rgb(var(--color-background));
	}

	:root {
		--announcement-height: 0px;
		--header-height: 0px;
		--breadcrumbs-height: 0px;

		--spaced-section: 5rem;

		--font-body-family: "DM Sans", sans-serif;
		--font-body-style: normal;
		--font-body-weight: 400;

		--font-body-scale: 1.8;
		--font-body-line-height: 1.4;

		--font-heading-family: "DM Sans", sans-serif;
		--font-heading-style: normal;
		--font-heading-weight: 500;
		--font-heading-letter-spacing: -0.5em;
		--font-heading-line-height: 1.2;
		--font-heading-text-transform: capitalize;

		--font-subtitle-family: "DM Sans", sans-serif;
		--font-subtitle-style: normal;
		--font-subtitle-weight: 500;
		--font-subtitle-text-transform: capitalize;
		--font-subtitle-scale: 1.5;

		--font-heading-h1-scale: 1.28;
		--font-heading-h2-scale: 1.52;
		--font-heading-h3-scale: 1.2;
		--font-heading-h4-scale: 1.25;
		--font-heading-h5-scale: 1.33;
		--font-heading-h6-scale: 1.5;

		--font-heading-card-family: "DM Sans", sans-serif;
		--font-heading-card-style: normal;
		--font-heading-card-weight: 500;
		--font-text-card-family: "DM Sans", sans-serif;
		--font-text-card-style: normal;
		--font-text-card-weight: 500;

		--font-heading-card-scale: 1.0;
		--font-text-card-scale: 1.0;

		--font-button-family: "DM Sans", sans-serif;
		--font-button-style: normal;
		--font-button-weight: 700;
		--font-button-text-transform: capitalize;

		--font-button-family: "DM Sans", sans-serif;
		--font-button-style: normal;
		--font-button-weight: 700;
		--font-button-text-transform: capitalize;
		--font-button-letter-spacing: calc((var(--font-heading-letter-spacing) + 0.2em) * .1);
		--font-subtitle-letter-spacing: 0;

		--font-header-menu-family: "DM Sans", sans-serif;
		--font-header-menu-style: normal;
		--font-header-menu-weight: 500;
		--font-header-menu-link-scale: 1.8;
		--font-header-menu-text-transform: capitalize;

		--font-footer-menu-family: "DM Sans", sans-serif;
		--font-footer-menu-style: normal;
		--font-footer-menu-weight: 400;
		--font-footer-link-scale: 1.5;

		--font-popups-heading-family: "DM Sans", sans-serif;
		--font-popups-heading-style: normal;
		--font-popups-heading-weight: 500;
		--font-popups-text-family: "DM Sans", sans-serif;
		--font-popups-text-style: normal;
		--font-popups-text-weight: 400;
		--font-popup-heading-scale: 1.0;
		--font-popup-desc-scale: 1.0;
		--font-popup-text-scale: 1.07;
		--font-notification-heading-scale: 1.2;
		--font-notification-text-scale: 1.0;

		--border-radius-button: 60px;
		--payment-terms-background-color: ;
		--color-card-price-new: , , ;
		--color-card-price-old: , , ;

	}

	@media screen and (min-width: 990px) {
		:root {
			--spaced-section: 16rem;
		}
	}
	*,
	*::before,
	*::after {
		box-sizing: inherit;
	}

	html {
		box-sizing: border-box;
		font-size: 10px;
		height: 100%;
	}

	body {
		position: relative;
		display: grid;
		grid-template-rows: auto auto 1fr auto;
		grid-template-columns: 100%;
		min-height: 100%;
		margin: 0;
		font-size: 1.6rem;
		line-height: 1.5;
		font-family: var(--font-body-family);
		font-style: var(--font-body-style);
		font-weight: var(--font-body-weight);
		overflow-x: hidden;
	}
	@media screen and (min-width: 750px) {
		body {	
			font-size: calc(var(--font-body-scale) * 1rem);
		}
	}

@media screen and (min-width: 650px) {
    html { font-size: .5208333333vw !important; }
}

@media screen and (max-width: 649px) {
    html { font-size: 2.7777777777vw !important; }
}