@layer reset {
	/**
	 * MARK: - Global
	 */
	*,
	:before,
	:after {
		box-sizing: border-box;
		background-repeat: no-repeat;
	}

	:before,
	:after {
		vertical-align: inherit;
		text-decoration: inherit;
	}

	/**
	 * MARK: - Document
	 */
	html {
		color-scheme: light dark;
		line-height: 1.5;
		font-family: system-ui, sans-serif;
		tab-size: 4;
		-webkit-font-smoothing: antialiased;
		-webkit-tap-highlight-color: transparent;
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%;
		hanging-punctuation: first allow-end last;
	}

	html.translated-rtl {
		direction: rtl;
	}

	@media (any-hover: none) {
		html {
			touch-action: manipulation;
		}
	}

	@media (prefers-reduced-motion: no-preference) {
		html {
			@view-transition {
				navigation: auto;
			}

			interpolate-size: allow-keywords;
		}

		html:focus-within {
			scroll-behavior: smooth;
		}
	}

	@media (prefers-reduced-motion: reduce) {
		:not(:where(.swiper) *) {
			&,
			&::before,
			&::after {
				animation-duration: 0.01ms !important;
				animation-delay: 0.01ms !important;
				animation-iteration-count: 1 !important;
				transition-delay: 0.01ms !important;
				transition-duration: 0.01ms !important;
			}
		}
	}

	/**
	 * MARK: - Body
	 */
	body {
		margin: 0;
		min-inline-size: 320px;
		min-block-size: 100svb;
	}

	/**
	 * MARK: - Typography
	 */
	:is(h1, .h1),
	:is(h2, .h2),
	:is(h3, .h3),
	:is(h4, .h4),
	:is(h5, .h5),
	:is(h6, .h6) {
		margin-block-end: 0.5lh;
		font-weight: bolder;
		line-height: 1.125;
		text-wrap: balance;
	}

	:is(h1, .h1) {
		font-size: 2em;
	}

	:is(h2, .h2) {
		font-size: 1.75em;
	}

	:is(h3, .h3) {
		font-size: 1.5em;
	}

	:is(h4, .h4) {
		font-size: 1.25em;
	}

	:is(h5, .h5) {
		font-size: 1.125em;
	}

	:is(h6, .h6) {
		font-size: 1em;
	}

	:is(h1, .h1),
	:is(h2, .h2),
	:is(h3, .h3),
	:is(h4, .h4),
	:is(h5, .h5),
	:is(h6, .h6),
	p,
	figure,
	blockquote,
	dl,
	dd {
		hyphens: auto;
		-webkit-hyphenate-limit-before: 3;
		-webkit-hyphenate-limit-after: 4;
		orphans: 3;
		margin-block: 0;
		hyphenate-limit-chars: auto 3 4;
		overflow-wrap: break-word;
		widows: 3;
	}

	blockquote {
		margin-inline-start: 2ch;
		border-inline-start: 2px solid;
		padding-inline-start: 1ch;
		padding-block: 0.25lh;
		text-align: start;
	}

	figure {
		margin-inline: 0;
	}

	figcaption {
		margin-inline: auto;
		margin-block-start: 0.5em;
		margin-block-end: 0.25em;
		padding: 1em;
		font-size: 0.8em;
		text-align: start;
	}

	blockquote,
	em,
	i {
		padding-inline-end: 0.1ch;
		font-style: italic;
	}

	p,
	dl,
	ol,
	ul {
		margin-block-start: 0;
		margin-block-end: 0.4lh;
	}

	p:last-child,
	dl:last-child,
	ol:last-child,
	ul:last-child {
		margin-block-end: 0;
	}

	p,
	li,
	figcaption,
	blockquote {
		text-wrap: pretty;
	}

	ul:is([role], [class]),
	ol:is([role], [class]) {
		padding-inline-start: 0;
		list-style: none;
	}

	ul:not([role], [class]),
	ol:not([role], [class]) {
		padding-inline-start: 1lh;
	}

	ul:not([role], [class]) > li:not(:last-child),
	ol:not([role], [class]) > li:not(:last-child) {
		margin-block-end: 0.4lh;
	}

	address {
		font-style: normal;
	}

	sup,
	sub {
		position: relative;
		vertical-align: baseline;
		font-size: 0.65em;
	}

	sup {
		inset-block-start: -0.5em;
	}

	sub {
		inset-block-end: -0.25em;
	}

	abbr[title] {
		cursor: help;
		text-decoration: underline dotted;
	}

	/**
	 * MARK: - Media
	 */
	img,
	svg,
	video,
	audio,
	canvas,
	iframe,
	embed,
	object {
		display: block;
		max-inline-size: 100%;
		block-size: auto;
	}

	img,
	picture,
	video {
		shape-margin: 0.8rem;
		font-style: italic;
	}

	img,
	video {
		object-fit: cover;
		object-position: center;
	}

	picture {
		display: contents;
	}

	picture > source {
		display: none;
	}

	svg {
		fill: currentColor;
	}

	:is(p, button, summary) svg {
		vertical-align: middle;
		inline-size: auto;
		block-size: 1em;
	}

	video {
		aspect-ratio: auto 16/9;
	}

	/**
	 * MARK: - Interactive
	 */
	button,
	label,
	input,
	select,
	textarea {
		margin-block: 0;
		max-inline-size: 100%;
		font-size: inherit;
		font-family: inherit;
	}

	textarea {
		resize: vertical;
	}

	textarea:not([rows]) {
		min-block-size: 5em;
		field-sizing: content;
	}

	form {
		hanging-punctuation: none;
	}

	label {
		display: block;
	}

	textarea,
	input:not([type="checkbox"], [type="radio"], [type="submit"], [type="button"], [type="reset"]) {
		inline-size: 100%;
	}

	button,
	input:is([type="submit"], [type="button"], [type="reset"]) {
		appearance: none;
		border: none;
		background-color: #0000;
		padding: 0;
		color: inherit;
	}

	button,
	input:is([type="checkbox"], [type="radio"], [type="submit"], [type="button"], [type="reset"]) {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		user-select: none;
	}

	:any-link,
	button,
	summary,
	select,
	label[for],
	input:is([type="checkbox"], [type="radio"], [type="submit"], [type="button"], [type="reset"]) {
		cursor: pointer;
		-webkit-user-select: none;
		user-select: none;
	}

	button,
	[role="button"],
	summary,
	input:is([type="button"], [type="reset"], [type="submit"]) {
		min-inline-size: 24px;
		min-block-size: 24px;
	}

	/**
	 * MARK: - Miscellaneous
	 */
	:target {
		scroll-margin-block: max(5svb, 5rlh);
	}

	:not(:defined) {
		display: block;
	}

	iframe {
		border: 0;
	}

	math,
	time,
	table {
		font-variant-numeric: tabular-nums lining-nums slashed-zero;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
		caption-side: bottom;
		text-align: start;
	}

	td,
	th {
		padding: 0;
	}

	td:not([align]),
	th:not([align]) {
		text-align: inherit;
	}

	details::details-content {
		transition:
			block-size 0.25s ease-out,
			content-visibility 0.25s allow-discrete;
		block-size: auto;
		overflow-y: clip;
	}

	details:not([open])::details-content {
		block-size: 0;
	}

	dialog::backdrop {
		background-color: oklch(0% 0 0/0.5);
	}

	dialog,
	dialog::backdrop {
		opacity: 0;
		transition:
			display 0.25s allow-discrete,
			overlay 0.25s allow-discrete,
			opacity 0.25s ease-out;
	}

	dialog[open],
	dialog[open]::backdrop {
		opacity: 1;
	}

	html:has(dialog[open]:modal) {
		overflow: clip;
		scrollbar-gutter: stable;
	}

	@starting-style {
		dialog[open],
		dialog[open]::backdrop {
			opacity: 0;
		}
	}

	[hidden]:not([hidden="until-found"]) {
		display: none !important;
	}
	
	/**
	 * MARK: - legal
	 */
	
	
	
}