@charset "UTF-8";
@layer reset, vendor, theme, atoms, molecules, organisms, templates, pages, utility;
/* Global */
@layer reset {
		@supports (interpolate-size: allow-keywords) {
	:root {
			interpolate-size: allow-keywords;
	}
		}

	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}

	/* Root container setup for container query fallback to viewport */
	html {
		container: root layout / inline-size;
		-webkit-text-size-adjust: none;
		   -moz-text-size-adjust: none;
		        text-size-adjust: none;
	}

	/* Set smooth scroll behavior for e.g. anchor navigation */
	html,
	body {
		scroll-behavior: smooth;
	}

	/* Set body defaults */
	body {
		color: var(--s-body-color-default);
		font-weight: var(--s-body-font-weight-default);
		font-size: var(--s-body-font-size-default);
		line-height: var(--s-body-line-height-default);
		font-family: var(--s-body-font-family-default);
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	/* Remove default spacing in favour of better control in authored CSS */
	* {
		margin: 0;
		padding: 0;
	}

	/* Default display block for certain elements */
	img,
	svg,
	video,
	picture,
	figure,
	canvas,
	audio,
	iframe,
	embed,
	object {
		display: block;
	}

	/* Make images easier to work with */
	img,
	video,
	picture,
	figure,
	iframe {
		width: auto;
		max-width: 100%;
		height: auto;
		border: none;
	}

	/* Base styles for inputs and buttons */
	::-webkit-file-upload-button {
		border-radius: 0;
		background-color: transparent;
		color: inherit;
		font: inherit;
		font-variation-settings: inherit;
		font-feature-settings: inherit;
		letter-spacing: inherit;
		opacity: 1;
	}
	button,
	input,
	select,
	optgroup,
	textarea,
	::file-selector-button {
		border-radius: 0;
		background-color: transparent;
		color: inherit;
		font: inherit;
		font-variation-settings: inherit;
		font-feature-settings: inherit;
		letter-spacing: inherit;
		opacity: 1;
	}

	/* Ensure the hidden-attribute overwrites other styles */
	[hidden]:where(:not([hidden='until-found'])) {
		display: none !important;
	}

	/* Set default outline styles for interactive elements */
	button,
	input,
	select,
	textarea,
	summary,
	a {
		outline: transparent;
		outline-color: var(--p-outline-color);
		outline-offset: var(--p-outline-offset);
	}

		button:focus-visible {
			outline-style: var(--p-outline-style);
			outline-width: var(--p-outline-width);
		}

		input:focus-visible {
			outline-style: var(--p-outline-style);
			outline-width: var(--p-outline-width);
		}

		select:focus-visible {
			outline-style: var(--p-outline-style);
			outline-width: var(--p-outline-width);
		}

		textarea:focus-visible {
			outline-style: var(--p-outline-style);
			outline-width: var(--p-outline-width);
		}

		summary:focus-visible {
			outline-style: var(--p-outline-style);
			outline-width: var(--p-outline-width);
		}

		a:focus-visible {
			outline-style: var(--p-outline-style);
			outline-width: var(--p-outline-width);
		}

	/* Set default link styles */
	a {
		color: var(--s-link-color-default);
		-webkit-text-decoration: underline;
		text-decoration: underline;
		transition:
			color var(--p-duration-fast) var(--s-transition-timing-function-default), -webkit-text-decoration-color var(--p-duration-fast) var(--s-transition-timing-function-default);
		transition:
			color var(--p-duration-fast) var(--s-transition-timing-function-default), text-decoration-color var(--p-duration-fast) var(--s-transition-timing-function-default);
		transition:
			color var(--p-duration-fast) var(--s-transition-timing-function-default), text-decoration-color var(--p-duration-fast) var(--s-transition-timing-function-default), -webkit-text-decoration-color var(--p-duration-fast) var(--s-transition-timing-function-default);
	}

		a:focus-visible {
			color: var(--s-link-color-hover-default);
			-webkit-text-decoration-color: transparent;
			        text-decoration-color: transparent;
		}

		a:hover {
			color: var(--s-link-color-hover-default);
			-webkit-text-decoration-color: transparent;
			        text-decoration-color: transparent;
		}

		a:active {
			color: var(--s-link-color-active-default);
		}

	/* Reset fieldset styles */
	fieldset {
		margin: 0;
		padding: 0;
		border: none;
	}

	/* Reset inline block display for certain elements */
	input,
	textarea,
	select,
	label,
	legend {
		display: inline-block;
		vertical-align: top;
	}

	/* Reset checkbox and radio styles */
	input[type='checkbox'],
	input[type='radio'] {
		width: auto;
		padding: 0;
		border-radius: 0;
		background: none;
		box-shadow: none;
	}

	/* Reset placeholder styles */
	::placeholder {
		color: var(--s-form-placeholder-color);
	}

	/* Prevent resizing textareas horizontally by default. */
	textarea {
		resize: vertical;
	}

	/* Set default address style */
	address {
		font-style: normal;
	}

	/* Reset list styles that have non-default styling */
	[role='list'],
	[role='listbox'],
	[role='tablist'] {
		list-style: none;
	}

	/* Reduce animations and transitions according to user preference */
	@media (prefers-reduced-motion: reduce) {
		*,
		::before,
		::after {
			background-attachment: initial !important;
			animation-duration: 1ms !important;
			animation-delay: -1ms !important;
			animation-iteration-count: 1 !important;
			scroll-behavior: auto !important;
			transition-delay: -1ms !important;
			transition-duration: 1ms !important;
		}
	}
}
@layer theme {
	h1,
	.h1,
	h2,
	.h2,
	h3,
	.h3,
	h4,
	.h4,
	h5,
	.h5,
	h6,
	.h6,
	.display {
		display: block;
		color: var(--s-headings-color-default);
		font-weight: var(--s-headings-font-weight-default);
		font-family: var(--s-headings-font-family-default);
		text-wrap: balance;
	}

	h1,
	.h1 {
		font-size: var(--s-h1-font-size);
		line-height: var(--s-h1-line-height);
	}

	h2,
	.h2 {
		font-size: var(--s-h2-font-size);
		line-height: var(--s-h2-line-height);
	}

	h3,
	.h3 {
		font-size: var(--s-h3-font-size);
		line-height: var(--s-h3-line-height);
	}

	h4,
	.h4 {
		font-size: var(--s-h4-font-size);
		line-height: var(--s-h4-line-height);
	}

	h5,
	.h5 {
		font-size: var(--s-h5-font-size);
		line-height: var(--s-h5-line-height);
	}

	h6,
	.h6 {
		font-size: var(--s-h6-font-size);
		line-height: var(--s-h6-line-height);
	}

	.display {
		font-size: var(--s-display-font-size);
		line-height: var(--s-display-line-height);
	}

	.lead,
	.lead p {
		font-size: var(--s-lead-font-size);
	}

	p,
	li {
		text-wrap: pretty;
	}

	/* General normalizing */
	sup {
		position: relative;
		top: -0.52em;
		font-size: 0.6em;
		line-height: 1;
	}

	small {
		display: block;
		font-size: var(--s-sm-font-size);
	}
}
@layer utility {
	.sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		overflow: hidden;
		border: 0;
		white-space: nowrap;
		-webkit-clip-path: rect(1px 1px 1px 1px);
		        clip-path: rect(1px 1px 1px 1px);
	}
}
/* Atoms */
@layer atoms {
	.button {
		--button-font-weight: var(--c-button-font-weight, var(--p-font-weight-bold));
		--button-font-size: var(--c-button-font-size, 1rem);
		--button-underline-offset: var(--c-button-underline-offset, 0.25rem);
		--button-line-height: var(--c-button-line-height, 1.5);
		--button-border-radius: var(--c-button-border-radius, var(--s-default-radius));
		--button-outline-offset: 0;

		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: -webkit-fit-content;
		width: fit-content;
		padding: var(--button-padding-y) var(--button-padding-x);
		border: var(--button-border-width, 0) var(--button-border-style, none) var(--button-color-border, transparent);
		border-radius: var(--button-border-radius);
		outline: var(--button-outline-width) var(--button-outline-style) var(--button-outline-border-color);
		outline-offset: var(--button-outline-offset);
		background-color: var(--button-color-background);
		color: var(--button-color-foreground);
		font-weight: var(--button-font-weight);
		font-size: var(--button-font-size);
		line-height: var(--button-line-height);
		font-family: inherit;
		-webkit-text-decoration: none;
		text-decoration: none;
		text-underline-offset: var(--button-underline-offset);
		text-transform: uppercase;
		cursor: pointer;
		transition-duration: var(--s-transition-duration-default);
		transition-property: background-color, color, border-color;
		transition-timing-function: var(--s-transition-timing-function-default);
	}

		.button:hover:not(:disabled) {
			--button-color-background: var(--button-color-background-hover);
			--button-color-foreground: var(--button-color-foreground-hover);
		}

		.button:focus-visible {
			--button-outline-width: var(--c-button-outline-width, var(--s-outline-width));
			--button-outline-style: var(--c-button-outline-style, var(--s-outline-style));
			--button-outline-offset: var(--c-button-outline-offset, var(--s-outline-offset));
			--button-outline-border-color: var(--c-button-color-focus, var(--s-color-focus));
		}

		.button:disabled {
			cursor: not-allowed;
		}

		.button:active:not(:disabled) {
			--button-color-background: var(--button-color-background-active);
			--button-color-foreground: var(--button-color-foreground-active);
			--button-border-width: var(--button-border-width-active, 0);
		}

	.button--sm {
		--button-padding-x: var(--s-button-sm-padding-x);
		--button-padding-y: var(--s-button-sm-padding-y);
		--button-font-size: var(--s-button-sm-font-size);
	}

	.button--md {
		--button-padding-x: var(--s-button-md-padding-x);
		--button-padding-y: var(--s-button-md-padding-y);
		--button-font-size: var(--s-button-md-font-size);
	}

	.button--lg {
		--button-padding-x: var(--s-button-lg-padding-x);
		--button-padding-y: var(--s-button-lg-padding-y);
		--button-font-size: var(--s-button-lg-font-size);
	}
		.button--primary.button--dark {
			--button-color-background: var(--s-button-primary-dark-color-background);
			--button-color-background-hover: var(--s-button-primary-dark-color-background-hover);
			--button-color-background-active: var(--s-button-primary-dark-color-background-active);
			--button-color-foreground: var(--s-button-primary-dark-color-foreground);
			--button-color-foreground-hover: var(--s-button-primary-dark-color-foreground-hover);
			--button-color-foreground-active: var(--s-button-primary-dark-color-foreground-active);
		}

			.button--primary.button--dark:disabled {
				--button-color-background: var(--s-button-primary-dark-color-background-disabled);
				--button-color-foreground: var(--s-button-primary-dark-color-foreground-disabled);
			}

		.button--primary.button--light {
			--button-color-background: var(--s-button-primary-light-color-background);
			--button-color-background-hover: var(--s-button-primary-light-color-background-hover);
			--button-color-background-active: var(--s-button-primary-light-color-background-active);
			--button-color-foreground: var(--s-button-primary-light-color-foreground);
			--button-color-foreground-hover: var(--s-button-primary-light-color-foreground-hover);
			--button-color-foreground-active: var(--s-button-primary-light-color-foreground-active);
		}

			.button--primary.button--light:disabled {
				--button-color-background: var(--s-button-primary-light-color-background-disabled);
				--button-color-foreground: var(--s-button-primary-light-color-foreground-disabled);
			}

	.button--secondary {
		--button-border-width: var(--s-button-secondary-border-width);
		--button-border-width-active: var(--s-button-secondary-border-width-active);
		--button-border-style: var(--s-button-secondary-border-style);
	}

		.button--secondary.button--dark {
			--button-color-border: var(--s-button-secondary-dark-color-border);
			--button-color-background: var(--s-button-secondary-dark-color-background);
			--button-color-background-hover: var(--s-button-secondary-dark-color-background-hover);
			--button-color-background-active: var(--s-button-secondary-dark-color-background-active);
			--button-color-foreground: var(--s-button-secondary-dark-color-foreground);
			--button-color-foreground-hover: var(--s-button-secondary-dark-color-foreground-hover);
			--button-color-foreground-active: var(--s-button-secondary-dark-color-foreground-active);
		}

			.button--secondary.button--dark:disabled {
				--button-color-border: var(--s-button-secondary-dark-color-border-disabled);
				--button-color-background: var(--s-button-secondary-dark-color-background-disabled);
				--button-color-foreground: var(--s-button-secondary-dark-color-foreground-disabled);
			}

		.button--secondary.button--light {
			--button-color-border: var(--s-button-secondary-light-color-border);
			--button-color-background: var(--s-button-secondary-light-color-background);
			--button-color-background-hover: var(--s-button-secondary-light-color-background-hover);
			--button-color-background-active: var(--s-button-secondary-light-color-background-active);
			--button-color-foreground: var(--s-button-secondary-light-color-foreground);
			--button-color-foreground-hover: var(--s-button-secondary-light-color-foreground-hover);
			--button-color-foreground-active: var(--s-button-secondary-light-color-foreground-active);
		}

			.button--secondary.button--light:hover:not(:disabled) {
				--button-color-border: var(--s-button-secondary-light-color-border-hover);
			}

			.button--secondary.button--light:active {
				--button-color-border: var(--s-button-secondary-light-color-border-active);
			}

			.button--secondary.button--light:disabled {
				--button-color-border: var(--s-button-secondary-light-color-border-disabled);
				--button-color-background: var(--s-button-secondary-light-color-background-disabled);
				--button-color-foreground: var(--s-button-secondary-light-color-foreground-disabled);
			}

	.button--icon {
		--button-padding-x: var(--c-button-icon-padding-x, 0);
		--button-padding-y: var(--c-button-icon-padding-y, 0);
	}

	.button--link {
		--button-outline-offset: 0.5rem;
		--button-color-foreground: var(--button-link-color-foreground);

		position: relative;
		padding: 0;
		padding-bottom: 0.25rem;
		border-radius: 0;
		background-color: transparent;
		-webkit-text-decoration: none;
		text-decoration: none;
	}

		.button--link::after {
			position: absolute;
			width: 100%;
			height: 0.125rem;
			bottom: 0;
			left: 0;
			background-color: var(--button-link-color-border);
			content: "";
		}

		.button--link:hover {
			--button-color-foreground: var(--button-link-color-foreground-hover);
		}

			.button--link:hover::after {
				height: 0.25rem;
				--button-link-color-border: var(--button-link-color-border-hover);
			}

		.button--link:active {
			--button-color-foreground: var(--button-link-color-foreground-active);
		}

			.button--link:active::after {
				height: 0.25rem;
				--button-link-color-border: var(--button-link-color-border-active);
			}

		.button--link.button--dark {
			--button-link-color-foreground: var(--s-button-link-dark-color-foreground);
			--button-link-color-foreground-hover: var(--s-button-link-dark-color-foreground-hover);
			--button-link-color-foreground-active: var(--s-button-link-dark-color-foreground-active);
			--button-link-color-border: var(--s-button-link-dark-color-border);
			--button-link-color-border-hover: var(--s-button-link-dark-color-border-hover);
			--button-link-color-border-active: var(--s-button-link-dark-color-border-active);
		}

		.button--link.button--light {
			--button-link-color-foreground: var(--s-button-link-light-color-foreground);
			--button-link-color-foreground-hover: var(--s-button-link-light-color-foreground-hover);
			--button-link-color-foreground-active: var(--s-button-link-light-color-foreground-active);
			--button-link-color-border: var(--s-button-link-light-color-border);
			--button-link-color-border-hover: var(--s-button-link-light-color-border-hover);
			--button-link-color-border-active: var(--s-button-link-light-color-border-active);
		}
}
/* Molecules */
@layer molecules {
	/* TODO: Remove this file by moving styles to separate components */
	:root {
		--label-margin-block-end: var(--c-form-label-margin-block-end, var(--s-form-label-margin-block-end));

		--input-padding-block: var(--c-form-input-padding-block, var(--s-form-input-padding-block));
		--input-padding-inline: var(--c-form-input-padding-inline, var(--s-form-input-padding-inline));
		--input-border-color: var(--c-form-input-border-color, var(--s-form-input-border-color));
		--input-border-radius: var(--c-form-input-border-radius, var(--s-form-input-border-radius));

		--checkbox-size: var(--c-checkbox-size, var(--s-form-checkbox-size));
		--checkbox-background-color: var(--c-checkbox-background-color, var(--s-form-checkbox-background-color));
		--checkbox-checked-color: var(--c-checkbox-checked-color, var(--s-form-checkbox-checked-background-color));
		--checkbox-checked-icon: var(--c-checkbox-checked-icon, var(--s-form-checkbox-checked-icon));

		accent-color: var(--c-accent-color, var(--s-color-brand-primary));
	}
		form a {
			color: currentColor;
		}
		label:has( + input) {
			display: inline-block;
			margin-bottom: var(--label-margin-block-end);
		}

	input,
	textarea {
		outline-offset: var(--s-outline-offset);
	}

		input:focus-visible {
			outline: var(--s-outline-width) var(--s-outline-style) var(--s-color-focus);
		}

		textarea:focus-visible {
			outline: var(--s-outline-width) var(--s-outline-style) var(--s-color-focus);
		}

	input:not([type="checkbox"]):not([type="radio"]),
	textarea {
		width: 100%;
		padding-left: var(--input-padding-inline);
		padding-right: var(--input-padding-inline);
		padding-top: var(--input-padding-block);
		padding-bottom: var(--input-padding-block);
		border: var(--s-border-width-default) var(--s-border-style-default) var(--input-border-color);
		border-radius: var(--input-border-radius);
	}

	input[type="checkbox"] {
		width: var(--checkbox-size);
		height: var(--checkbox-size);
		border-radius: var(--input-border-radius);
		background-color: var(--checkbox-background-color);
	}

		input[type="checkbox"]:checked {
			background-image: var(--checkbox-checked-icon);
			background-color: var(--checkbox-checked-color);
		}

	.form-item {
		width: 100%;
	}

	.form-item-checkbox,
	.form-item-radio {
		display: flex;
		align-items: center;
	}
}
/* Vendor */
@layer vendor {
	/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

	/* FONT_START */
	@font-face {
		font-style: normal;
		font-weight: 400;
		src: url("data:application/font-woff;charset=utf-8;base64, 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");
		font-family: swiper-icons;
	}

	/* FONT_END */
	:root {
		--swiper-theme-color: #007aff;
		--swiper-navigation-size: 44px;

		/*
			--swiper-preloader-color: var(--swiper-theme-color);
			--swiper-wrapper-transition-timing-function: initial;

			--swiper-navigation-top-offset: 50%;
			--swiper-navigation-sides-offset: 10px;
			--swiper-navigation-color: var(--swiper-theme-color);

			--swiper-pagination-color: var(--swiper-theme-color);
			--swiper-pagination-left: auto;
			--swiper-pagination-right: 8px;
			--swiper-pagination-bottom: 8px;
			--swiper-pagination-top: auto;
			--swiper-pagination-fraction-color: inherit;
			--swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
			--swiper-pagination-progressbar-size: 4px;
			--swiper-pagination-bullet-size: 8px;
			--swiper-pagination-bullet-width: 8px;
			--swiper-pagination-bullet-height: 8px;
			--swiper-pagination-bullet-border-radius: 50%;
			--swiper-pagination-bullet-inactive-color: #000;
			--swiper-pagination-bullet-inactive-opacity: 0.2;
			--swiper-pagination-bullet-opacity: 1;
			--swiper-pagination-bullet-horizontal-gap: 4px;
			--swiper-pagination-bullet-vertical-gap: 6px;
  		*/
	}

	:host {
		display: block;
		z-index: 1;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}

	.swiper {
		display: block;

		/* Fix of Webkit flickering */
		z-index: 1;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		overflow: hidden;
		list-style: none;
	}

	.swiper-vertical > .swiper-wrapper {
		flex-direction: column;
	}

	.swiper-wrapper {
		box-sizing: content-box;
		display: flex;
		z-index: 1;
		position: relative;
		width: 100%;
		height: 100%;
		transition-property: transform;
		transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
	}

	.swiper-android .swiper-slide,
	.swiper-ios .swiper-slide,
	.swiper-wrapper {
		transform: translate3d(0, 0, 0);
	}

	.swiper-horizontal {
		touch-action: pan-y;
	}

	.swiper-vertical {
		touch-action: pan-x;
	}

	.swiper-slide {
		display: block;
		position: relative;
		flex-shrink: 0;
		width: 100%;
		height: 100%;
		transition-property: transform;
	}

	.swiper-slide-invisible-blank {
		visibility: hidden;
	}

	/* Auto Height */
	.swiper-autoheight,
	.swiper-autoheight .swiper-slide {
		height: auto;
	}

	.swiper-autoheight .swiper-wrapper {
		align-items: flex-start;
		transition-property: transform, height;
	}

	.swiper-backface-hidden .swiper-slide {
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
	}

	/* 3D Effects */
	.swiper-3d.swiper-css-mode .swiper-wrapper {
		perspective: 1200px;
	}

	.swiper-3d .swiper-wrapper {
		transform-style: preserve-3d;
	}

	.swiper-3d {
		perspective: 1200px;
	}

	.swiper-3d .swiper-slide,
	.swiper-3d .swiper-cube-shadow {
		transform-style: preserve-3d;
	}

	/* CSS Mode */
	.swiper-css-mode > .swiper-wrapper {
		overflow: auto;
		scrollbar-width: none;

		/* For Firefox */
		-ms-overflow-style: none;

		/* For Internet Explorer and Edge */
	}

	.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
		display: none;
	}

	.swiper-css-mode > .swiper-wrapper > .swiper-slide {
		scroll-snap-align: start start;
	}

	.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
		scroll-snap-type: x mandatory;
	}

	.swiper-css-mode.swiper-vertical > .swiper-wrapper {
		scroll-snap-type: y mandatory;
	}

	.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
		scroll-snap-type: none;
	}

	.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
		scroll-snap-align: none;
	}

	.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
		flex-shrink: 0;
		order: 9999;
		content: "";
	}

	.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
		scroll-snap-align: center center;
		scroll-snap-stop: always;
	}

	.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
		margin-left: var(--swiper-centered-offset-before);
	}

	.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
		width: var(--swiper-centered-offset-after);
		height: 100%;
		min-height: 1px;
	}

	.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
		margin-top: var(--swiper-centered-offset-before);
	}

	.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
		width: 100%;
		min-width: 1px;
		height: var(--swiper-centered-offset-after);
	}

	/* Slide styles start */

	/* 3D Shadows */
	.swiper-3d .swiper-slide-shadow,
	.swiper-3d .swiper-slide-shadow-left,
	.swiper-3d .swiper-slide-shadow-right,
	.swiper-3d .swiper-slide-shadow-top,
	.swiper-3d .swiper-slide-shadow-bottom {
		z-index: 10;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		pointer-events: none;
	}

	.swiper-3d .swiper-slide-shadow {
		background: rgba(0, 0, 0, 0.15);
	}

	.swiper-3d .swiper-slide-shadow-left {
		background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	}

	.swiper-3d .swiper-slide-shadow-right {
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	}

	.swiper-3d .swiper-slide-shadow-top {
		background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	}

	.swiper-3d .swiper-slide-shadow-bottom {
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	}

	.swiper-lazy-preloader {
		box-sizing: border-box;
		z-index: 10;
		position: absolute;
		width: 42px;
		height: 42px;
		margin-left: -21px;
		margin-top: -21px;
		top: 50%;
		left: 50%;
		transform-origin: 50%;
		border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
		border-radius: 50%;
		border-top-color: transparent;
	}

	.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
	.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
		animation: swiper-preloader-spin 1s infinite linear;
	}

	.swiper-lazy-preloader-white {
		--swiper-preloader-color: #fff;
	}

	.swiper-lazy-preloader-black {
		--swiper-preloader-color: #000;
	}
	@keyframes swiper-preloader-spin {
		0% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(360deg);
		}
	}

	.swiper-button-prev,
	.swiper-button-next {
		display: flex;
		z-index: 10;
		position: absolute;
		align-items: center;
		justify-content: center;
		width: calc(var(--swiper-navigation-size) / 44 * 27);
		height: var(--swiper-navigation-size);
		margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
		top: var(--swiper-navigation-top-offset, 50%);
		color: var(--swiper-navigation-color, var(--swiper-theme-color));
		cursor: pointer;
	}

	.swiper-button-prev.swiper-button-disabled,
	.swiper-button-next.swiper-button-disabled {
		cursor: auto;
		opacity: 0.35;
		pointer-events: none;
	}

	.swiper-button-prev.swiper-button-hidden,
	.swiper-button-next.swiper-button-hidden {
		cursor: auto;
		opacity: 0;
		pointer-events: none;
	}

	.swiper-navigation-disabled .swiper-button-prev,
	.swiper-navigation-disabled .swiper-button-next {
		display: none !important;
	}

	.swiper-button-prev svg,
	.swiper-button-next svg {
		width: 100%;
		height: 100%;
		object-fit: contain;
		transform-origin: center;
	}

	.swiper-rtl .swiper-button-prev svg,
	.swiper-rtl .swiper-button-next svg {
		transform: rotate(180deg);
	}

	.swiper-button-prev,
	.swiper-rtl .swiper-button-next {
		left: var(--swiper-navigation-sides-offset, 10px);
		right: auto;
	}

	.swiper-button-next,
	.swiper-rtl .swiper-button-prev {
		left: auto;
		right: var(--swiper-navigation-sides-offset, 10px);
	}

	.swiper-button-lock {
		display: none;
	}

	/* Navigation font start */
	.swiper-button-prev::after,
	.swiper-button-next::after {
		font-feature-settings: ;
		font-variant: initial;
		font-size: var(--swiper-navigation-size);
		line-height: 1;
		font-family: swiper-icons, sans-serif;
		letter-spacing: 0;
		text-transform: none !important;
	}

	.swiper-button-prev::after,
	.swiper-rtl .swiper-button-next::after {
		content: "prev";
	}

	.swiper-button-next::after,
	.swiper-rtl .swiper-button-prev::after {
		content: "next";
	}

	/* Navigation font end */
	.swiper-pagination {
		z-index: 10;
		position: absolute;
		transform: translate3d(0, 0, 0);
		text-align: center;
		transition: 300ms opacity;
	}

	.swiper-pagination.swiper-pagination-hidden {
		opacity: 0;
	}

	.swiper-pagination-disabled > .swiper-pagination,
	.swiper-pagination.swiper-pagination-disabled {
		display: none !important;
	}

	/* Common Styles */
	.swiper-pagination-fraction,
	.swiper-pagination-custom,
	.swiper-horizontal > .swiper-pagination-bullets,
	.swiper-pagination-bullets.swiper-pagination-horizontal {
		width: 100%;
		top: var(--swiper-pagination-top, auto);
		bottom: var(--swiper-pagination-bottom, 8px);
		left: 0;
	}

	/* Bullets */
	.swiper-pagination-bullets-dynamic {
		overflow: hidden;
		font-size: 0;
	}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
		position: relative;
		transform: scale(0.33);
	}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
		transform: scale(1);
	}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
		transform: scale(0.66);
	}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
		transform: scale(0.33);
	}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
		transform: scale(0.66);
	}

	.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
		transform: scale(0.33);
	}

	.swiper-pagination-bullet {
		display: inline-block;
		width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
		height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
		border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
		background: var(--swiper-pagination-bullet-inactive-color, #000);
		opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
	}

	button.swiper-pagination-bullet {
		-webkit-appearance: none;
		        appearance: none;
		margin: 0;
		padding: 0;
		border: none;
		box-shadow: none;
	}

	.swiper-pagination-clickable .swiper-pagination-bullet {
		cursor: pointer;
	}

	.swiper-pagination-bullet:only-child {
		display: none !important;
	}

	.swiper-pagination-bullet-active {
		background: var(--swiper-pagination-color, var(--swiper-theme-color));
		opacity: var(--swiper-pagination-bullet-opacity, 1);
	}

	.swiper-vertical > .swiper-pagination-bullets,
	.swiper-pagination-vertical.swiper-pagination-bullets {
		top: 50%;
		left: var(--swiper-pagination-left, auto);
		right: var(--swiper-pagination-right, 8px);
		transform: translate3d(0, -50%, 0);
	}

	.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
	.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
		display: block;
		margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	}

	.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
	.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
		width: 8px;
		top: 50%;
		transform: translateY(-50%);
	}

	.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
	.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
		display: inline-block;
		transition:
			200ms transform, 200ms top;
	}

	.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
	}

	.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
	.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
	}

	.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
	.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
		.swiper-pagination-bullet {
		transition:
			200ms transform, 200ms left;
	}

	.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
		transition:
			200ms transform, 200ms right;
	}

	/* Fraction */
	.swiper-pagination-fraction {
		color: var(--swiper-pagination-fraction-color, inherit);
	}

	/* Progress */
	.swiper-pagination-progressbar {
		position: absolute;
		background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
	}

	.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		transform: scale(0);
		transform-origin: left top;
		background: var(--swiper-pagination-color, var(--swiper-theme-color));
	}

	.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
		transform-origin: right top;
	}

	.swiper-horizontal > .swiper-pagination-progressbar,
	.swiper-pagination-progressbar.swiper-pagination-horizontal,
	.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
	.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
		width: 100%;
		height: var(--swiper-pagination-progressbar-size, 4px);
		top: 0;
		left: 0;
	}

	.swiper-vertical > .swiper-pagination-progressbar,
	.swiper-pagination-progressbar.swiper-pagination-vertical,
	.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
	.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
		width: var(--swiper-pagination-progressbar-size, 4px);
		height: 100%;
		top: 0;
		left: 0;
	}

	.swiper-pagination-lock {
		display: none;
	}
}
/* Theme tokens */
/*
Primitive tokens are theme specific variables that are used to define the theme specific values for the design system. 
These should never be used directly in the components. These should only be used to map to the semantic tokens.
*/
@layer theme {
	:root {
		/* Spacing */
		--p-spacing-1: 4px;
		--p-spacing-2: 8px;
		--p-spacing-3: 12px;
		--p-spacing-4: 16px;
		--p-spacing-5: 24px;
		--p-spacing-6: 32px;
		--p-spacing-7: 48px;
		--p-spacing-8: 64px;
		--p-spacing-9: 96px;
		--p-spacing-10: 128px;
		--p-spacing-11: 160px;
		--p-spacing-12: 192px;

		/* Colors -> system */
		--p-color-white: #fff;
		--p-color-white-rgb: 255 255 255;
		--p-color-black: #000;
		--p-color-black-rgb: 0 0 0;
		--p-color-focus: #0019ff;

		/* Colors -> primary */
		--p-color-primary-50: #eef0ff;
		--p-color-primary-100: #dbdfff;
		--p-color-primary-200: #bfc6fe;
		--p-color-primary-300: #7cb1ff;
		--p-color-primary-400: #4775ff;
		--p-color-primary-500: #364dfc;
		--p-color-primary-600: #00f;
		--p-color-primary-700: #0000d9;
		--p-color-primary-800: #000c66;
		--p-color-primary-900: #010732;
		--p-color-primary-950: #010523;

		--p-color-primary-system-focus: var(--p-color-focus);

		/* Colors -> neutral */
		--p-color-neutral-000: #ffffff;
		--p-color-neutral-50: #f5f5f5;
		--p-color-neutral-100: #e7e7e7;
		--p-color-neutral-200: #d2d4da;
		--p-color-neutral-300: #b4b5be;
		--p-color-neutral-400: #9396a0;
		--p-color-neutral-500: #737683;
		--p-color-neutral-600: #595d6d;
		--p-color-neutral-700: #404252;
		--p-color-neutral-800: #343643;
		--p-color-neutral-900: #222228;

		/* Colors -> notifications */
		--p-color-state-info-100: #e3efff;
		--p-color-state-info-200: #78c6ff;
		--p-color-state-info-300: #2a8ed7;
		--p-color-state-success-100: #d4f8de;
		--p-color-state-success-200: #66d575;
		--p-color-state-success-300: #2fa53f;
		--p-color-state-warning-100: #fef4d2;
		--p-color-state-warning-200: #eeac3b;
		--p-color-state-warning-300: #d58b0b;
		--p-color-state-error-100: #ffebe5;
		--p-color-state-error-200: #ea2424;
		--p-color-state-error-300: #9b0c0c;

		/* Radius */
		--p-radius-0: 0;
		--p-radius-1: 4px;
		--p-radius-2: 8px;
		--p-radius-3: 12px;
		--p-radius-4: 16px;
		--p-radius-5: 24px;
		--p-radius-6: 32px;

		/* Font weight */
		--p-font-weight-light: 300;
		--p-font-weight-regular: 400;
		--p-font-weight-medium: 500;
		--p-font-weight-semi-bold: 600;
		--p-font-weight-bold: 700;

		/* Font family */
		--p-font-family-default: "Inter", sans-serif;
		--p-font-family-headings: "Montserrat", sans-serif;

		/* Gutters */
		--p-gutter: var(--p-spacing-6);
		--p-gutter-md: var(--p-spacing-5);
		--p-gutter-sm: var(--p-spacing-4);

		/* Interactive outlines */
		--p-outline-width: 0.125rem;
		--p-outline-offset: 0.125rem;
		--p-outline-style: solid;
		--p-outline-color: var(--p-color-focus);

		/* Animation duration */
		--p-duration-perceptive-instant: 85ms;
		--p-duration-fast: 150ms;
		--p-duration-normal: 250ms;
		--p-duration-slow: 500ms;
		--p-duration-user-flow: 5000ms;
		--p-duration-attention-span: 12000ms;

		/* Animation easing */
		--p-easing-swift-alt: cubic-bezier(0.55, 0, 0.1, 1);
		--p-easing-swift-move: cubic-bezier(0.4, 0, 0.2, 1);
		--p-easing-swifter-move: cubic-bezier(0.4, 0, 0, 1);
		--p-easing-heavy-move: cubic-bezier(0.7, 0, 0.6, 1);
		--p-easing-swift-out: cubic-bezier(0, 0, 0.2, 1);
		--p-easing-swift-in: cubic-bezier(0.4, 0, 1, 1);
		/* Colors */
		--s-body-color-default: var(--p-color-neutral-700);
		--s-headings-color-default: var(--p-color-neutral-800);
		--s-link-color-default: var(--p-color-neutral-600);
		--s-link-color-hover-default: var(--p-color-neutral-500);
		--s-link-color-active-default: var(--p-color-neutral-700);

		/* Font weight */
		--s-font-weight-light: var(--p-font-weight-light);
		--s-font-weight-regular: var(--p-font-weight-regular);
		--s-font-weight-medium: var(--p-font-weight-medium);
		--s-font-weight-semi-bold: var(--p-font-weight-semi-bold);
		--s-font-weight-bold: var(--p-font-weight-bold);

		/* Typography */
		--s-headings-font-weight-default: var(--p-font-weight-bold);
		--s-headings-font-family-default: var(--p-font-family-heading);
		--s-body-font-family-default: var(--p-font-family-default);
		--s-body-font-size-default: 1rem;
		--s-body-font-weight-default: var(--p-font-weight-regular);
		--s-body-line-height-default: 1.5;

		--s-display-font-size: clamp(3rem, 5.3dvi + 0.75rem, 4rem);
		--s-display-line-height: 1.2;

		--s-h1-font-size: clamp(2.5rem, 3.8dvi + 0.75rem, 3rem);
		--s-h1-line-height: 1.2;

		--s-h2-font-size: clamp(2rem, 2.5dvi + 0.75rem, 2.5rem);
		--s-h2-line-height: 1.2;

		--s-h3-font-size: clamp(1.75rem, 2dvi + 0.75rem, 2rem);
		--s-h3-line-height: 1.2;

		--s-h4-font-size: clamp(1.25rem, 1.56dvi + 0.5rem, 1.5rem);
		--s-h4-line-height: 1.25;

		--s-h5-font-size: clamp(1.125rem, 1.3dvi + 0.5rem, 1.375rem);
		--s-h5-line-height: 1.3;

		--s-h6-font-size: clamp(1rem, 1.04dvi + 0.5rem, 1.25rem);
		--s-h6-line-height: 1.4;

		--s-lead-font-size: 1.125rem;
		--s-paragraph-font-size: var(--s-body-font-size-default);
		--s-sm-font-size: 0.875rem;
		--s-xs-font-size: 0.75rem;

		/* Gaps */
		--s-gap-xxxs: var(--p-spacing-1);
		--s-gap-xxs: var(--p-spacing-2);
		--s-gap-xs: var(--p-spacing-3);
		--s-gap-sm: var(--p-spacing-4);
		--s-gap-md: var(--p-spacing-5);
		--s-gap-lg: var(--p-spacing-6);
		--s-gap-xl: var(--p-spacing-7);
		--s-gap-xxl: var(--p-spacing-8);
		--s-gap-xxxl: var(--p-spacing-9);

		/* Spacing */
		--s-spacing-1: var(--p-spacing-1);
		--s-spacing-2: var(--p-spacing-2);
		--s-spacing-3: var(--p-spacing-3);
		--s-spacing-4: var(--p-spacing-4);
		--s-spacing-5: var(--p-spacing-5);
		--s-spacing-6: var(--p-spacing-6);
		--s-spacing-7: var(--p-spacing-7);
		--s-spacing-8: var(--p-spacing-8);
		--s-spacing-9: var(--p-spacing-9);

		/* Layout */
		--s-layout-padding-inline: max(var(--p-spacing-4), min(4.16dvi, var(--p-spacing-8)));
		--s-layout-content-width: 1440px;

		/* Outline */
		--s-outline-default: var(--p-outline-width) var(--p-outline-style) var(--p-outline-color);

		/* Border */
		--s-border-width-default: 0.0625rem;
		--s-border-style-default: solid;
		--s-border-color-default: var(--p-color-neutral-300);

		/* Border radius */
		--s-border-radius-default: var(--p-radius-1);

		/* Animation */
		--s-transition-duration-default: var(--p-duration-normal);
		--s-transition-timing-function-default: var(--p-easing-swift-move);

		/* Paragraph */
		--s-paragraph-color: var(--s-body-color);
		--s-paragraph-line-height: var(--s-body-line-height);
		--s-paragraph-padding-block-end: var(--p-spacing-4);
	}
}
@layer theme {

		@media (min-width: 540px) {
	:root {
			--s-paragraph-padding-block-end: var(--p-spacing-5);
	}
		}
	:root {

		/* List */
		--s-list-padding-block-end: var(--p-spacing-4);
	}

		@media (min-width: 540px) {
	:root {
			--s-list-padding-block-end: var(--p-spacing-5);
	}
		}
	:root {

		/* Outline */
		--s-outline-default: var(--p-outline-width) var(--p-outline-style) var(--p-outline-color);

		/* Buttons -> sizes */
		--s-button-sm-padding-x: var(--p-spacing-4);
		--s-button-sm-padding-y: var(--p-spacing-3);

		--s-button-md-padding-x: var(--p-spacing-5);
		--s-button-md-padding-y: var(--p-spacing-4);

		--s-button-lg-padding-x: var(--p-spacing-6);
		--s-button-lg-padding-y: var(--p-spacing-5);

		/* Buttons -> border radius */
		--s-button-border-radius: var(--s-default-radius);

		/* Buttons -> font-sizes */
		--s-button-sm-font-size: 0.75rem;
		--s-button-md-font-size: 0.875rem;
		--s-button-lg-font-size: 1rem;

		/* Buttons -> margin block end */
		--s-button-margin-block-end: var(--p-spacing-4);
	}

		@media (min-width: 540px) {
	:root {
			--s-button-padding-block-end: var(--p-spacing-5);
	}
		}
	:root {

		/* Gutters */
		--s-content-gutter: var(--p-gutter-sm);
	}

		@media (min-width: 540px) {
	:root {
			--s-content-gutter: var(--p-gutter-md);
	}
		}

		@media (min-width: 768px) {
	:root {
			--s-content-gutter: var(--p-gutter);
	}
		}
	:root {

		/* Title padding bottom */
		--s-title-padding-block-end: var(--p-spacing-2);
	}

		@media (min-width: 768px) {
	:root {
			--s-title-padding-block-end: var(--p-spacing-4);
	}
		}
	:root {

		/* Content padding */
		--s-content-padding: var(--p-spacing-4);
	}

		@media (min-width: 540px) {
	:root {
			--s-content-padding: var(--p-spacing-7);
	}
		}

		@media (min-width: 768px) {
	:root {
			--s-content-padding: var(--p-spacing-8);
	}
		}
	:root {

		/* Outlines */
		--s-outline-width: 0.125rem;
		--s-outline-style: solid;
		--s-outline-offset: 0.25rem;
		--s-color-focus: var(--p-color-primary-system-focus);

		/* Icon */
		--s-icon-color-default: var(--p-color-neutral-600);

		/* UI */
		--s-ui-icon-button-width: 3rem;
		--s-ui-icon-button-height: 3rem;

		/* Foreground color */
		--s-color-default-foreground-hover: var(--p-color-neutral-500);
		--s-color-default-foreground-active: var(--p-color-neutral-600);

		/* Background color */
		--s-color-default-background: var(--p-color-neutral-000);

		--s-color-default-dark-foreground: var(--p-color-neutral-000);
		--s-color-default-dark-background: var(--p-color-neutral-600);

		--s-color-neutral-background: var(--p-color-neutral-100);

		/* Backdrop */
		--s-backdrop-background-color: rgb(var(--p-color-black-rgb) / 50%);

		/* Brand colors */
		--s-color-brand-primary: var(--p-color-primary-600);

		/* System colors */
		--s-color-system-foreground: var(--p-color-neutral-900);

		/* State colors */
		--s-color-state-info-background: var(--p-color-state-info-100);
		--s-color-state-info-foreground: var(--p-color-state-info-300);
		--s-color-state-success-background: var(--p-color-state-success-100);
		--s-color-state-success-foreground: var(--p-color-state-success-300);
		--s-color-state-warning-background: var(--p-color-state-warning-100);
		--s-color-state-warning-foreground: var(--p-color-state-warning-300);
		--s-color-state-error-background: var(--p-color-state-error-300);
		--s-color-state-error-foreground: var(--p-color-state-error-100);

		/* Button primary -> dark */
		--s-button-primary-dark-color-background: var(--p-color-neutral-600);
		--s-button-primary-dark-color-background-hover: var(--p-color-neutral-500);
		--s-button-primary-dark-color-background-active: var(--p-color-neutral-700);
		--s-button-primary-dark-color-background-disabled: var(--p-color-neutral-300);

		--s-button-primary-dark-color-foreground: var(--p-color-neutral-100);
		--s-button-primary-dark-color-foreground-hover: var(--p-color-neutral-000);
		--s-button-primary-dark-color-foreground-active: var(--p-color-neutral-000);
		--s-button-primary-dark-color-foreground-disabled: var(--p-color-neutral-200);

		/* Button primary -> light */
		--s-button-primary-light-color-background: var(--p-color-neutral-000);
		--s-button-primary-light-color-background-hover: var(--p-color-neutral-200);
		--s-button-primary-light-color-background-active: var(--p-color-neutral-300);
		--s-button-primary-light-color-background-disabled: #ffffff30; /* TODO @Gilles*/

		--s-button-primary-light-color-foreground: var(--p-color-neutral-700);
		--s-button-primary-light-color-foreground-hover: var(--p-color-neutral-700);
		--s-button-primary-light-color-foreground-active: var(--p-color-neutral-700);
		--s-button-primary-light-color-foreground-disabled: var(--p-color-neutral-400);

		/* Button secondary */
		--s-button-secondary-border-width: 0.125rem;
		--s-button-secondary-border-style: solid;
		--s-button-secondary-border-width-active: 0.1875rem;

		/* Button secondary -> dark */
		--s-button-secondary-dark-color-border: var(--p-color-neutral-600);
		--s-button-secondary-dark-color-border-disabled: var(--p-color-neutral-300);

		--s-button-secondary-dark-color-background: transparent;
		--s-button-secondary-dark-color-background-hover: var(--p-color-neutral-100);
		--s-button-secondary-dark-color-background-active: var(--p-color-neutral-200);
		--s-button-secondary-dark-color-background-disabled: transparent;

		--s-button-secondary-dark-color-foreground: var(--p-color-neutral-600);
		--s-button-secondary-dark-color-foreground-hover: var(--p-color-neutral-700);
		--s-button-secondary-dark-color-foreground-active: var(--p-color-neutral-700);
		--s-button-secondary-dark-color-foreground-disabled: var(--p-color-neutral-200);

		/* Button secondary -> light */
		--s-button-secondary-light-color-border: var(--p-color-neutral-000);
		--s-button-secondary-light-color-border-disabled: #ffffff30; /* TODO @Gilles */

		--s-button-secondary-light-color-background: transparent;
		--s-button-secondary-light-color-background-hover: #ffffff10; /* TODO @Gilles */
		--s-button-secondary-light-color-background-active: #ffffff30; /* TODO @Gilles */
		--s-button-secondary-light-color-background-disabled: transparent;

		--s-button-secondary-light-color-foreground: var(--p-color-neutral-000);
		--s-button-secondary-light-color-foreground-hover: var(--p-color-neutral-000);
		--s-button-secondary-light-color-foreground-active: var(--p-color-neutral-000);
		--s-button-secondary-light-color-foreground-disabled: #ffffff30;

		/* Button Link -> dark */
		--s-button-link-dark-color-foreground: var(--p-color-neutral-700);
		--s-button-link-dark-color-foreground-hover: var(--p-color-neutral-600);
		--s-button-link-dark-color-foreground-active: var(--p-color-neutral-700);

		--s-button-link-dark-color-border: var(--p-color-neutral-600);
		--s-button-link-dark-color-border-hover: var(--p-color-neutral-500);
		--s-button-link-dark-color-border-active: var(--p-color-neutral-600);

		/* Button Link -> light */
		--s-button-link-light-color-foreground: var(--p-color-neutral-000);
		--s-button-link-light-color-foreground-hover: var(--p-color-neutral-200);
		--s-button-link-light-color-foreground-active: var(--p-color-neutral-300);

		--s-button-link-light-color-border: var(--p-color-neutral-000);
		--s-button-link-light-color-border-hover: var(--p-color-neutral-600);
		--s-button-link-light-color-border-active: var(--p-color-neutral-600);

		/* Table */
		--s-table-background: var(--s-color-neutral-background);
		--s-table-border-color: var(--s-border-color-default);
		--s-table-heading-padding: var(--p-spacing-2);
		--s-table-row-padding: var(--p-spacing-2);
		--s-table-margin-block-start: 1rem;
		--s-table-margin-block-end: 1rem;

		/* Form */
		--s-form-label-margin-block-end: var(--p-spacing-2);

		--s-form-input-padding-block: var(--p-spacing-4);
		--s-form-input-padding-inline: var(--p-spacing-4);
		--s-form-input-border-radius: var(--p-radius-1);
		--s-form-input-border-color: var(--p-color-neutral-400);

		--s-form-checkbox-size: 1.5rem;
		--s-form-checkbox-background-color: var(--p-color-neutral-100);
		--s-form-checkbox-checked-background-color: var(--p-color-neutral-500);
		--s-form-checkbox-checked-icon: url('data:image/svg+xml,<svg width="17" height="12" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.982 1.58994L6.29257 11.2793C6.20818 11.364 6.1079 11.4312 5.99749 11.4771C5.88707 11.5229 5.76869 11.5465 5.64914 11.5465C5.52958 11.5465 5.4112 11.5229 5.30078 11.4771C5.19037 11.4312 5.09009 11.364 5.0057 11.2793L0.766582 7.04023C0.682084 6.95573 0.615057 6.85542 0.569327 6.74502C0.523598 6.63462 0.500061 6.51629 0.500061 6.39679C0.500061 6.2773 0.523598 6.15897 0.569327 6.04857C0.615057 5.93817 0.682084 5.83785 0.766582 5.75336C0.851079 5.66886 0.951392 5.60183 1.06179 5.5561C1.17219 5.51037 1.29052 5.48683 1.41002 5.48683C1.52952 5.48683 1.64784 5.51037 1.75824 5.5561C1.86865 5.60183 1.96896 5.66886 2.05346 5.75336L5.64989 9.34979L14.6966 0.304576C14.8673 0.133926 15.0987 0.0380554 15.3401 0.0380554C15.5814 0.0380554 15.8128 0.133926 15.9835 0.304576C16.1541 0.475226 16.25 0.706678 16.25 0.948013C16.25 1.18935 16.1541 1.4208 15.9835 1.59145L15.982 1.58994Z" fill="white"/></svg>');

		--s-form-label-color: var(--p-color-black);
		--s-form-label-font-weight: var(--s-body-font-weight-default);
		--s-form-error-color: var(--p-color-state-error-200);
		--s-form-placeholder-color: var(--p-color-neutral-400);
		--s-form-input-width: 100%;
		--s-form-input-border: none;
		--s-form-input-border-width: 1px;
		--s-form-input-border-color: var(--p-color-neutral-400);
		--s-form-input-border-radius: var(--s-border-radius-default);
		--s-form-input-background-color: var(--p-color-white);
		--s-form-input-font-size: var(--s-body-font-size-default);
		--s-form-input-line-height: var(--s-body-line-height-default);
		--s-form-input-padding: var(--p-spacing-3) var(--p-spacing-4);

		/* Footer */
		--s-footer-border-color: var(--p-color-neutral-200);
		--s-footer-background-color: var(--p-color-neutral-100);
		--s-footer-color: var(--p-color-neutral-700);
		--s-footer-heading-font-size: 1rem;

		/* Header */
		--s-header-top-background-color: var(--p-color-neutral-100);
		--s-header-top-foreground-color: var(--p-color-neutral-700);
		--s-header-main-foreground-color: var(--p-color-neutral-600);
		--s-dropdown-color-background: var(--p-color-neutral-000);

		/* Form */
		--s-form-field-padding: var(--p-spacing-4);
		--s-form-field-border: var(--p-color-neutral-500);

		/* Pagination */
		--s-pagination-button-background-color: transparent;
		--s-pagination-button-background-color-active: var(--p-color-neutral-600);
		--s-pagination-button-foreground-color: var(--p-color-neutral-700);
		--s-pagination-button-foreground-color-active: var(--p-color-neutral-100);
		--s-pagination-button-foreground-color-disabled: var(--p-color-neutral-200);

		--s-default-radius: var(--p-radius-1);
		--s-default-grid-margin: var(--p-grid-margin);
		--s-default-grid-gap: var(--p-grid-gutter);
		--c-hero-overlay: var(--p-color-neutral-900);
		--c-hero-height: 31.25rem;
	}
}
@layer theme {

		@media (min-width: 540px) {
	:root {
			--c-hero-height: 36rem;
	}
		}

		@media (min-width: 768px) {
	:root {
			--c-hero-height: 50.625rem;
	}
		}
	:root {

		--c-card-horizontal-title-font-size: var(--s-h3-font-size);
	}
}