/* File: automatic.css - Version: 4.0.0-dev-12 - Generated: 2025-10-03 13:39:53 */
/* Feat: Body, Heading, or Text Defaults */
html {
	font-size: var(--root-font-size) !important;
}

/* Feat: Body Defaults */
/* :where(body) {
  font-size: var(--default-font-size, var(--text-m));
  line-height: var(--text-line-height, calc(10px + 2ex));
  font-family: var(--text-font-family);
  color: var(--text-color);
  line-height: var(--text-line-height);
  font-weight: var(--text-font-weight);
  letter-spacing: var(--text-letter-spacing);
  text-wrap: var(--text-text-wrap);
  background-color: var(--body-bg-color, var(--base-ultra-dark));
} */
/* Feat: Link Defaults */
/* body a:where(:not([class*= btn--], header a, footer a, :is(.review-card a, .comparison-card a, .article-card a, .feature-card a, .feature-card-bravo a, .footer-cta a))) {
  color: var(--link-color, var(--primary));
  font-weight: var(--link-weight, inherit);
  -webkit-text-decoration: var(--link-decoration, underline);
  text-decoration: var(--link-decoration, underline);
  text-underline-offset: var(--link-underline-offset, 0.25em);
  text-decoration-thickness: var(--link-decoration-thickness);
  transition: var(--link-transition, var(--transition));
}
@media (hover: hover) and (pointer: fine) {
  body a:where(:not([class*= btn--], header a, footer a, :is(.review-card a, .comparison-card a, .article-card a, .feature-card a, .feature-card-bravo a, .footer-cta a))):hover {
    color: var(--link-color-hover, var(--primary-hover));
  }
} */
/* Feat: Heading Defaults */
/* h1, :where(.h1), h2, :where(.h2), h3, :where(.h3), h4, :where(.h4), h5, :where(.h5), h6, :where(.h6) {
  font-family: var(--heading-font-family);
  color: var(--heading-color);
  line-height: var(--heading-line-height);
  font-weight: var(--heading-font-weight);
  text-wrap: var(--heading-text-wrap);
}
h1 {
  font-size: var(--h1);
  font-weight: var(--h1-font-weight);
  max-width: var(--h1-max-width);
}
h2 {
  font-size: var(--h2);
}
h3 {
  font-size: var(--h3);
}
h4 {
  font-size: var(--h4);
  line-height: var(--h4-line-height);
}
h5 {
  font-size: var(--h5);
}
h6 {
  font-size: var(--h6);
} */
/* Feat: Smooth Scrolling */
html {
	scroll-behavior: smooth;
}

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



/* Feat: Reset */
:root {
	interpolate-size: allow-keywords;
}

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

body {
	min-block-size: 100vh;
}

input,
button,
textarea,
select {
	font: inherit;
}

:where(dd) {
	margin-inline-start: 0;
}

.clickable-parent:not(a) {
	position: static;
}

.clickable-parent:not(a) a {
	position: static;
}

.clickable-parent:not(a)>a::after {
	content: "";
	position: absolute;
	inset: 0;
	cursor: pointer !important;
	display: flex;
}

a.clickable-parent {
	position: static;
}

a.clickable-parent::after {
	content: "";
	position: absolute;
	inset: 0;
	cursor: pointer !important;
	display: flex;
}

.clickable-parent:not(a) {
	position: static;
}

.clickable-parent:not(a) a {
	position: static;
}

.clickable-parent:not(a)>a::after {
	content: "";
	position: absolute;
	inset: 0;
	cursor: pointer !important;
	display: flex;
	z-index: 1;
}

button.clickable-parent,
a.clickable-parent {
	position: static !important;
}

button.clickable-parent::after,
a.clickable-parent::after {
	content: "";
	position: absolute;
	inset: 0;
	cursor: pointer !important;
	display: flex;
	z-index: 1;
}

.bricks-area a.clickable-parent::after,
.bricks-area .clickable-parent>a::after {
	content: "";
	position: relative;
}

.focus-parent:focus-within:not(:has(:focus-visible)) {
	outline: none;
	outline-offset: 0;
}

.focus-parent:focus-within {
	outline: var(--focus-width) solid var(--focus-color);
	outline-offset: var(--focus-offset);
}

.focus-parent :focus {
	outline: none !important;
	box-shadow: none !important;
}

.focus-parent--shadow:focus-within:not(:has(:focus-visible)) {
	box-shadow: none;
}

.focus-parent--shadow:focus-within {
	box-shadow: 0 0 0 var(--focus-width) var(--focus-color);
}

.focus-parent--shadow :focus {
	outline: none !important;
	box-shadow: none !important;
}

.focus-parent--outline:focus-within:not(:has(:focus-visible)) {
	outline: none;
	outline-offset: 0;
}

.focus-parent--outline:focus-within {
	outline: var(--focus-width) solid var(--focus-color);
	outline-offset: var(--focus-offset);
}

.focus-parent--outline :focus {
	outline: none !important;
	box-shadow: none !important;
}

/* Feat: Focus Styles */
:focus {
	outline: none;
	box-shadow: none;
}

:focus-visible {
	outline-style: solid;
	outline-color: var(--focus-color);
	outline-width: var(--focus-width);
	outline-offset: var(--focus-offset);
}

@supports not selector(:focus-visible) {
	:focus {
		outline-style: solid;
		outline-color: var(--focus-color);
		outline-width: var(--focus-width);
		outline-offset: var(--focus-offset);
	}
}

*:focus.focus--primary {
	--focus-color: var(--primary);
}

.focus--primary *:focus,
.focus--primary:focus-within {
	--focus-color: var(--primary);
}

*:focus.focus--primary-hover {
	--focus-color: var(--primary-hover);
}

.focus--primary-hover *:focus,
.focus--primary-hover:focus-within {
	--focus-color: var(--primary-hover);
}

*:focus.focus--primary-ultra-light {
	--focus-color: var(--primary-ultra-light);
}

.focus--primary-ultra-light *:focus,
.focus--primary-ultra-light:focus-within {
	--focus-color: var(--primary-ultra-light);
}

*:focus.focus--primary-light {
	--focus-color: var(--primary-light);
}

.focus--primary-light *:focus,
.focus--primary-light:focus-within {
	--focus-color: var(--primary-light);
}

*:focus.focus--primary-semi-light {
	--focus-color: var(--primary-semi-light);
}

.focus--primary-semi-light *:focus,
.focus--primary-semi-light:focus-within {
	--focus-color: var(--primary-semi-light);
}

*:focus.focus--primary-semi-dark {
	--focus-color: var(--primary-semi-dark);
}

.focus--primary-semi-dark *:focus,
.focus--primary-semi-dark:focus-within {
	--focus-color: var(--primary-semi-dark);
}

*:focus.focus--primary-dark {
	--focus-color: var(--primary-dark);
}

.focus--primary-dark *:focus,
.focus--primary-dark:focus-within {
	--focus-color: var(--primary-dark);
}

*:focus.focus--primary-ultra-dark {
	--focus-color: var(--primary-ultra-dark);
}

.focus--primary-ultra-dark *:focus,
.focus--primary-ultra-dark:focus-within {
	--focus-color: var(--primary-ultra-dark);
}

*:focus.focus--accent {
	--focus-color: var(--accent);
}

.focus--accent *:focus,
.focus--accent:focus-within {
	--focus-color: var(--accent);
}

*:focus.focus--accent-hover {
	--focus-color: var(--accent-hover);
}

.focus--accent-hover *:focus,
.focus--accent-hover:focus-within {
	--focus-color: var(--accent-hover);
}

*:focus.focus--accent-ultra-light {
	--focus-color: var(--accent-ultra-light);
}

.focus--accent-ultra-light *:focus,
.focus--accent-ultra-light:focus-within {
	--focus-color: var(--accent-ultra-light);
}

*:focus.focus--accent-light {
	--focus-color: var(--accent-light);
}

.focus--accent-light *:focus,
.focus--accent-light:focus-within {
	--focus-color: var(--accent-light);
}

*:focus.focus--accent-semi-light {
	--focus-color: var(--accent-semi-light);
}

.focus--accent-semi-light *:focus,
.focus--accent-semi-light:focus-within {
	--focus-color: var(--accent-semi-light);
}

*:focus.focus--accent-semi-dark {
	--focus-color: var(--accent-semi-dark);
}

.focus--accent-semi-dark *:focus,
.focus--accent-semi-dark:focus-within {
	--focus-color: var(--accent-semi-dark);
}

*:focus.focus--accent-dark {
	--focus-color: var(--accent-dark);
}

.focus--accent-dark *:focus,
.focus--accent-dark:focus-within {
	--focus-color: var(--accent-dark);
}

*:focus.focus--accent-ultra-dark {
	--focus-color: var(--accent-ultra-dark);
}

.focus--accent-ultra-dark *:focus,
.focus--accent-ultra-dark:focus-within {
	--focus-color: var(--accent-ultra-dark);
}

*:focus.focus--base {
	--focus-color: var(--base);
}

.focus--base *:focus,
.focus--base:focus-within {
	--focus-color: var(--base);
}

*:focus.focus--base-hover {
	--focus-color: var(--base-hover);
}

.focus--base-hover *:focus,
.focus--base-hover:focus-within {
	--focus-color: var(--base-hover);
}

*:focus.focus--base-ultra-light {
	--focus-color: var(--base-ultra-light);
}

.focus--base-ultra-light *:focus,
.focus--base-ultra-light:focus-within {
	--focus-color: var(--base-ultra-light);
}

*:focus.focus--base-light {
	--focus-color: var(--base-light);
}

.focus--base-light *:focus,
.focus--base-light:focus-within {
	--focus-color: var(--base-light);
}

*:focus.focus--base-semi-light {
	--focus-color: var(--base-semi-light);
}

.focus--base-semi-light *:focus,
.focus--base-semi-light:focus-within {
	--focus-color: var(--base-semi-light);
}

*:focus.focus--base-semi-dark {
	--focus-color: var(--base-semi-dark);
}

.focus--base-semi-dark *:focus,
.focus--base-semi-dark:focus-within {
	--focus-color: var(--base-semi-dark);
}

*:focus.focus--base-dark {
	--focus-color: var(--base-dark);
}

.focus--base-dark *:focus,
.focus--base-dark:focus-within {
	--focus-color: var(--base-dark);
}

*:focus.focus--base-ultra-dark {
	--focus-color: var(--base-ultra-dark);
}

.focus--base-ultra-dark *:focus,
.focus--base-ultra-dark:focus-within {
	--focus-color: var(--base-ultra-dark);
}

*:focus.focus--neutral {
	--focus-color: var(--neutral);
}

.focus--neutral *:focus,
.focus--neutral:focus-within {
	--focus-color: var(--neutral);
}

*:focus.focus--neutral-hover {
	--focus-color: var(--neutral-hover);
}

.focus--neutral-hover *:focus,
.focus--neutral-hover:focus-within {
	--focus-color: var(--neutral-hover);
}

*:focus.focus--neutral-ultra-light {
	--focus-color: var(--neutral-ultra-light);
}

.focus--neutral-ultra-light *:focus,
.focus--neutral-ultra-light:focus-within {
	--focus-color: var(--neutral-ultra-light);
}

*:focus.focus--neutral-light {
	--focus-color: var(--neutral-light);
}

.focus--neutral-light *:focus,
.focus--neutral-light:focus-within {
	--focus-color: var(--neutral-light);
}

*:focus.focus--neutral-semi-light {
	--focus-color: var(--neutral-semi-light);
}

.focus--neutral-semi-light *:focus,
.focus--neutral-semi-light:focus-within {
	--focus-color: var(--neutral-semi-light);
}

*:focus.focus--neutral-semi-dark {
	--focus-color: var(--neutral-semi-dark);
}

.focus--neutral-semi-dark *:focus,
.focus--neutral-semi-dark:focus-within {
	--focus-color: var(--neutral-semi-dark);
}

*:focus.focus--neutral-dark {
	--focus-color: var(--neutral-dark);
}

.focus--neutral-dark *:focus,
.focus--neutral-dark:focus-within {
	--focus-color: var(--neutral-dark);
}

*:focus.focus--neutral-ultra-dark {
	--focus-color: var(--neutral-ultra-dark);
}

.focus--neutral-ultra-dark *:focus,
.focus--neutral-ultra-dark:focus-within {
	--focus-color: var(--neutral-ultra-dark);
}

*:focus.focus--white {
	--focus-color: var(--white);
}

.focus--white *:focus,
.focus--white:focus-within {
	--focus-color: var(--white);
}

*:focus.focus--black {
	--focus-color: var(--black);
}

.focus--black *:focus,
.focus--black:focus-within {
	--focus-color: var(--black);
}

.hidden-accessible {
	position: absolute !important;
	inline-size: 1px !important;
	block-size: 1px !important;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(100%);
	white-space: nowrap;
	/* added line */
	border: 0;
}

.bricks-area .hidden-accessible {
	position: relative !important;
	inline-size: 2ch !important;
	block-size: 2ch !important;
	margin: 0;
	line-height: 1;
	visibility: hidden;
}

.bricks-area .hidden-accessible::before {
	content: "A";
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: absolute;
	background: #111;
	color: #f5f5f5;
	font-size: max(60%, 13px);
	padding: 0.5em;
	inset-block-start: 0;
	inset-inline-start: 0;
	inline-size: 20px;
	block-size: 20px;
	visibility: visible;
	border-radius: 50%;
}

@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		-webkit-animation-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

.link--skip,
.skip-link {
	position: absolute;
	inset-block-start: 1rem;
	inset-inline-start: 1rem;
	transform: translateY(-250%);
	--btn-min-width: fit-content;
	z-index: 100;
	background: var(--btn-background);
	color: var(--btn-text-color);
	padding-block: var(--btn-padding-block);
	padding-inline: var(--btn-padding-inline);
	inline-size: var(--btn-width, auto);
	min-inline-size: var(--btn-min-width);
	line-height: var(--btn-line-height);
	font-size: var(--btn-font-size, var(--text-m));
	font-weight: var(--btn-font-weight);
	font-style: var(--btn-font-style);
	text-transform: var(--btn-text-transform);
	letter-spacing: var(--btn-letter-spacing);
	text-decoration: var(--btn-text-decoration);
	border-width: var(--btn-border-width);
	border-style: var(--btn-border-style);
	border-radius: var(--btn-border-radius);
	border-color: var(--btn-border-color);
	transition: var(--btn-transition, var(--transition));
	justify-content: var(--btn-justify-content, center);
	text-align: var(--btn-text-align, center);
	display: var(--btn-display, inline-flex);
	--btn-background: var(--primary);
	--btn-background-hover: var(--primary-hover);
	--btn-text-color: var(--base);
	--btn-text-color-hover: var(--base);
	--btn-border-color: var(--primary);
	--btn-border-color-hover: var(--primary-hover);
	--focus-color: var(--primary-light);
}

/* @media (hover: hover) and (pointer: fine) {

	.link--skip:hover,
	.skip-link:hover {
		background: var(--btn-background-hover);
		color: var(--btn-text-color-hover);
		border-color: var(--btn-border-color-hover);
		text-decoration: var(--btn-text-decoration-hover);
	}
}

.link--skip:focus,
.skip-link:focus {
	outline-style: solid;
	outline-color: var(--focus-color);
	outline-width: var(--focus-width);
	outline-offset: var(--focus-offset);
}

.link--skip:focus-visible,
.skip-link:focus-visible {
	transform: translateY(0);
} */

/* .review-card,
.comparison-card,
.article-card,
.feature-card,
.feature-card-bravo,
.footer-cta,
.builder-comparison-card {
	--concentric-radius: calc(var(--radius) + var(--card-padding) / 2);
	--card-background: var(--dark-card-background);
	--card-background-hover: var(--dark-card-background-hover);
	--card-heading-color: var(--dark-card-heading-color);
	--card-text-color: var(--dark-card-text-color);
	--card-link-color: var(--dark-card-link-color);
	--card-link-color-hover: var(--dark-card-link-color-hover);
	--card-button-style: var(--dark-card-button-style);
	--card-border-color: var(--dark-card-border-color);
	display: var(--card-display, flex) !important;
	flex-direction: var(--card-flex-direction, column);
	position: relative;
	overflow: var(--card-overflow, clip);
	background-clip: padding-box;
	transition: var(--card-transition, var(--transition));
	font-size: var(--card-text-size, var(--text-s));
	border-width: var(--card-border-width, var(--border-width));
	border-style: var(--card-border-style, var(--border-style));
	border-color: var(--card-border-color, transparent);
	border-radius: var(--card-radius, var(--radius, 0));
	padding: var(--card-padding, var(--space-m));
	gap: var(--card-gap, var(--content-gap));
	background: var(--card-background, var(--white));
	color: var(--card-text-color, var(--text-dark));
	line-height: var(--card-line-height, inherit);
} */

/* .review-card:hover, .comparison-card:hover, .article-card:hover, .feature-card:hover, .feature-card-bravo:hover, .footer-cta:hover, .builder-comparison-card:hover {
  background: var(--card-background-hover, var(--card-background));
}
.review-card :where([class*="__media"]:not([class*="wrapper"])), .comparison-card :where([class*="__media"]:not([class*="wrapper"])), .article-card :where([class*="__media"]:not([class*="wrapper"])), .feature-card :where([class*="__media"]:not([class*="wrapper"])), .feature-card-bravo :where([class*="__media"]:not([class*="wrapper"])), .footer-cta :where([class*="__media"]:not([class*="wrapper"])), .builder-comparison-card :where([class*="__media"]:not([class*="wrapper"])) {
  border-radius: var(--card-media-radius, var(--radius, 0));
  aspect-ratio: var(--card-media-aspect-ratio, 16/9);
  object-fit: var(--card-media-object-fit, fill);
  overflow: clip;
  inline-size: 100%;
}
.review-card :where([class*="__media"]:not([class*="wrapper"])) img, .comparison-card :where([class*="__media"]:not([class*="wrapper"])) img, .article-card :where([class*="__media"]:not([class*="wrapper"])) img, .feature-card :where([class*="__media"]:not([class*="wrapper"])) img, .feature-card-bravo :where([class*="__media"]:not([class*="wrapper"])) img, .footer-cta :where([class*="__media"]:not([class*="wrapper"])) img, .builder-comparison-card :where([class*="__media"]:not([class*="wrapper"])) img {
  object-fit: var(--card-media-object-fit, fill);
}
.review-card :where(img[class*="__avatar"]:not([class*="wrapper"])), .review-card :where([class*="__avatar"] img), .comparison-card :where(img[class*="__avatar"]:not([class*="wrapper"])), .comparison-card :where([class*="__avatar"] img), .article-card :where(img[class*="__avatar"]:not([class*="wrapper"])), .article-card :where([class*="__avatar"] img), .feature-card :where(img[class*="__avatar"]:not([class*="wrapper"])), .feature-card :where([class*="__avatar"] img), .feature-card-bravo :where(img[class*="__avatar"]:not([class*="wrapper"])), .feature-card-bravo :where([class*="__avatar"] img), .footer-cta :where(img[class*="__avatar"]:not([class*="wrapper"])), .footer-cta :where([class*="__avatar"] img), .builder-comparison-card :where(img[class*="__avatar"]:not([class*="wrapper"])), .builder-comparison-card :where([class*="__avatar"] img) {
  border-radius: var(--card-avatar-radius, 50vw);
  border-width: var(--card-avatar-border-width, 0);
  border-style: var(--card-avatar-border-style, solid);
  border-color: var(--card-avatar-border-color, transparent);
  inline-size: var(--card-avatar-size, 48px);
  block-size: var(--card-avatar-size, 48px);
  align-self: center;
  aspect-ratio: 1;
  object-fit: cover;
  overflow: clip;
}
.review-card :where(img[class*="__avatar"]:not([class*="wrapper"])) img, .review-card :where([class*="__avatar"] img) img, .comparison-card :where(img[class*="__avatar"]:not([class*="wrapper"])) img, .comparison-card :where([class*="__avatar"] img) img, .article-card :where(img[class*="__avatar"]:not([class*="wrapper"])) img, .article-card :where([class*="__avatar"] img) img, .feature-card :where(img[class*="__avatar"]:not([class*="wrapper"])) img, .feature-card :where([class*="__avatar"] img) img, .feature-card-bravo :where(img[class*="__avatar"]:not([class*="wrapper"])) img, .feature-card-bravo :where([class*="__avatar"] img) img, .footer-cta :where(img[class*="__avatar"]:not([class*="wrapper"])) img, .footer-cta :where([class*="__avatar"] img) img, .builder-comparison-card :where(img[class*="__avatar"]:not([class*="wrapper"])) img, .builder-comparison-card :where([class*="__avatar"] img) img {
  object-fit: cover;
}
.review-card :is(h1, h2, h3, h4, h5, h6), .comparison-card :is(h1, h2, h3, h4, h5, h6), .article-card :is(h1, h2, h3, h4, h5, h6), .feature-card :is(h1, h2, h3, h4, h5, h6), .feature-card-bravo :is(h1, h2, h3, h4, h5, h6), .footer-cta :is(h1, h2, h3, h4, h5, h6), .builder-comparison-card :is(h1, h2, h3, h4, h5, h6) {
  font-size: var(--card-heading-size, var(--h3));
  color: var(--card-heading-color, var(--text-dark));
} */
/* .review-card :where(a):where(:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class*="btn--"], [data-icon])), .comparison-card :where(a):where(:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class*="btn--"], [data-icon])), .article-card :where(a):where(:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class*="btn--"], [data-icon])), .feature-card :where(a):where(:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class*="btn--"], [data-icon])), .feature-card-bravo :where(a):where(:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class*="btn--"], [data-icon])), .footer-cta :where(a):where(:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class*="btn--"], [data-icon])), .builder-comparison-card :where(a):where(:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class*="btn--"], [data-icon])) {
  color: var(--card-link-color, var(--primary));
}
.review-card :where(a):where(:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class*="btn--"], [data-icon])):hover, .comparison-card :where(a):where(:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class*="btn--"], [data-icon])):hover, .article-card :where(a):where(:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class*="btn--"], [data-icon])):hover, .feature-card :where(a):where(:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class*="btn--"], [data-icon])):hover, .feature-card-bravo :where(a):where(:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class*="btn--"], [data-icon])):hover, .footer-cta :where(a):where(:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class*="btn--"], [data-icon])):hover, .builder-comparison-card :where(a):where(:not(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class*="btn--"], [data-icon])):hover {
  color: var(--card-link-color-hover, var(--primary-hover));
}
.review-card :where([class*="__icon"]), .comparison-card :where([class*="__icon"]), .article-card :where([class*="__icon"]), .feature-card :where([class*="__icon"]), .feature-card-bravo :where([class*="__icon"]), .footer-cta :where([class*="__icon"]), .builder-comparison-card :where([class*="__icon"]) {
  --icon-radius: var(--card-icon-radius, var(--radius, 0));
  --icon-size: var(--card-icon-size, 48px);
} */
/* .review-card [class*="btn--"], .comparison-card [class*="btn--"], .article-card [class*="btn--"], .feature-card [class*="btn--"], .feature-card-bravo [class*="btn--"], .footer-cta [class*="btn--"], .builder-comparison-card [class*="btn--"] {
  --btn-font-size: var(--card-button-font-size, var(--text-s));
  --btn-background: var(--primary);
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--base);
  --btn-text-color-hover: var(--base);
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-light);
}
.review-card:where([class*="--alt"]), .comparison-card:where([class*="--alt"]), .article-card:where([class*="--alt"]), .feature-card:where([class*="--alt"]), .feature-card-bravo:where([class*="--alt"]), .footer-cta:where([class*="--alt"]), .builder-comparison-card:where([class*="--alt"]) {
  --concentric-radius: calc(var(--radius) + var(--card-padding) / 2);
  --card-background: var(--light-card-background);
  --card-background-hover: var(--light-card-background-hover);
  --card-heading-color: var(--light-card-heading-color);
  --card-text-color: var(--light-card-text-color);
  --card-link-color: var(--light-card-link-color);
  --card-link-color-hover: var(--light-card-link-color-hover);
  --card-button-style: var(--light-card-button-style);
  --card-border-color: var(--light-card-border-color);
}
.review-card:where([class*="--alt"]) :where([class*="__icon"]), .comparison-card:where([class*="--alt"]) :where([class*="__icon"]), .article-card:where([class*="--alt"]) :where([class*="__icon"]), .feature-card:where([class*="--alt"]) :where([class*="__icon"]), .feature-card-bravo:where([class*="--alt"]) :where([class*="__icon"]), .footer-cta:where([class*="--alt"]) :where([class*="__icon"]), .builder-comparison-card:where([class*="--alt"]) :where([class*="__icon"]) {
  --icon-radius: var(--card-icon-radius, var(--radius, 0));
  --icon-size: var(--card-icon-size, 48px);
  --icon-color: var(--primary-light);
  --icon-color-hover: var(--primary-ultra-light);
  --icon-background: var(--primary-dark);
  --icon-background-hover: var(--primary-ultra-dark);
  --icon-border-color: var(--primary-dark-trans-10);
  --icon-border-color-hover: var(--primary-dark-trans-10);
  --icon-shadow: ;
}
.review-card:where([class*="--alt"]) :where([class*="__icon"]):is(svg, i, a), .comparison-card:where([class*="--alt"]) :where([class*="__icon"]):is(svg, i, a), .article-card:where([class*="--alt"]) :where([class*="__icon"]):is(svg, i, a), .feature-card:where([class*="--alt"]) :where([class*="__icon"]):is(svg, i, a), .feature-card-bravo:where([class*="--alt"]) :where([class*="__icon"]):is(svg, i, a), .footer-cta:where([class*="--alt"]) :where([class*="__icon"]):is(svg, i, a), .builder-comparison-card:where([class*="--alt"]) :where([class*="__icon"]):is(svg, i, a) {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  color: var(--icon-color, var(--neutral-dark));
  font-size: var(--icon-size);
  height: var(--icon-height, var(--icon-size, 24px));
  width: var(--icon-width, var(--icon-size, 24px));
  transition: var(--icon-transition, var(--transition));
  padding: var(--icon-padding, 12px);
  border-width: var(--icon-border-width, 0);
  border-style: var(--icon-border-style, solid);
  border-radius: var(--icon-radius, var(--radius));
  background: var(--icon-background, var(--neutral-ultra-light));
  border-color: var(--icon-border-color, transparent);
  box-shadow: var(--icon-shadow, none);
  overflow: visible;
}
.review-card:where([class*="--alt"]) :where([class*="__icon"]):is(i)::before, .comparison-card:where([class*="--alt"]) :where([class*="__icon"]):is(i)::before, .article-card:where([class*="--alt"]) :where([class*="__icon"]):is(i)::before, .feature-card:where([class*="--alt"]) :where([class*="__icon"]):is(i)::before, .feature-card-bravo:where([class*="--alt"]) :where([class*="__icon"]):is(i)::before, .footer-cta:where([class*="--alt"]) :where([class*="__icon"]):is(i)::before, .builder-comparison-card:where([class*="--alt"]) :where([class*="__icon"]):is(i)::before {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: var(--icon-size);
}
.review-card:where([class*="--alt"]) :where([class*="__icon"]).brxe-icon, .comparison-card:where([class*="--alt"]) :where([class*="__icon"]).brxe-icon, .article-card:where([class*="--alt"]) :where([class*="__icon"]).brxe-icon, .feature-card:where([class*="--alt"]) :where([class*="__icon"]).brxe-icon, .feature-card-bravo:where([class*="--alt"]) :where([class*="__icon"]).brxe-icon, .footer-cta:where([class*="--alt"]) :where([class*="__icon"]).brxe-icon, .builder-comparison-card:where([class*="--alt"]) :where([class*="__icon"]).brxe-icon {
  font-size: var(--icon-size);
}
.review-card:where([class*="--alt"]) :where([class*="__icon"]) svg, .comparison-card:where([class*="--alt"]) :where([class*="__icon"]) svg, .article-card:where([class*="--alt"]) :where([class*="__icon"]) svg, .feature-card:where([class*="--alt"]) :where([class*="__icon"]) svg, .feature-card-bravo:where([class*="--alt"]) :where([class*="__icon"]) svg, .footer-cta:where([class*="--alt"]) :where([class*="__icon"]) svg, .builder-comparison-card:where([class*="--alt"]) :where([class*="__icon"]) svg {
  color: var(--icon-color);
}
.review-card:where([class*="--alt"]) :where([class*="__icon"]):is(a):hover, .review-card:where([class*="--alt"]) :where([class*="__icon"]) [data-icon-hover]:hover, .review-card:where([class*="--alt"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], .comparison-card:where([class*="--alt"]) :where([class*="__icon"]):is(a):hover, .comparison-card:where([class*="--alt"]) :where([class*="__icon"]) [data-icon-hover]:hover, .comparison-card:where([class*="--alt"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], .article-card:where([class*="--alt"]) :where([class*="__icon"]):is(a):hover, .article-card:where([class*="--alt"]) :where([class*="__icon"]) [data-icon-hover]:hover, .article-card:where([class*="--alt"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], .feature-card:where([class*="--alt"]) :where([class*="__icon"]):is(a):hover, .feature-card:where([class*="--alt"]) :where([class*="__icon"]) [data-icon-hover]:hover, .feature-card:where([class*="--alt"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], .feature-card-bravo:where([class*="--alt"]) :where([class*="__icon"]):is(a):hover, .feature-card-bravo:where([class*="--alt"]) :where([class*="__icon"]) [data-icon-hover]:hover, .feature-card-bravo:where([class*="--alt"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], .footer-cta:where([class*="--alt"]) :where([class*="__icon"]):is(a):hover, .footer-cta:where([class*="--alt"]) :where([class*="__icon"]) [data-icon-hover]:hover, .footer-cta:where([class*="--alt"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], .builder-comparison-card:where([class*="--alt"]) :where([class*="__icon"]):is(a):hover, .builder-comparison-card:where([class*="--alt"]) :where([class*="__icon"]) [data-icon-hover]:hover, .builder-comparison-card:where([class*="--alt"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon] {
  --icon-background: var(--icon-background-hover);
  --icon-color: var(--icon-color-hover);
  --icon-border-color: var(--icon-border-color-hover);
}
.review-card:where([class*="--alt"]) :where([data-icon]), .comparison-card:where([class*="--alt"]) :where([data-icon]), .article-card:where([class*="--alt"]) :where([data-icon]), .feature-card:where([class*="--alt"]) :where([data-icon]), .feature-card-bravo:where([class*="--alt"]) :where([data-icon]), .footer-cta:where([class*="--alt"]) :where([data-icon]), .builder-comparison-card:where([class*="--alt"]) :where([data-icon]) {
  --icon-color: var(--primary-light);
  --icon-color-hover: var(--primary-ultra-light);
  --icon-background: var(--primary-dark);
  --icon-background-hover: var(--primary-ultra-dark);
  --icon-border-color: var(--primary-dark-trans-10);
  --icon-border-color-hover: var(--primary-dark-trans-10);
  --icon-shadow: ;
}
.review-card:where([class*="--alt"]) :where([data-icon]):is(svg, i, a), .comparison-card:where([class*="--alt"]) :where([data-icon]):is(svg, i, a), .article-card:where([class*="--alt"]) :where([data-icon]):is(svg, i, a), .feature-card:where([class*="--alt"]) :where([data-icon]):is(svg, i, a), .feature-card-bravo:where([class*="--alt"]) :where([data-icon]):is(svg, i, a), .footer-cta:where([class*="--alt"]) :where([data-icon]):is(svg, i, a), .builder-comparison-card:where([class*="--alt"]) :where([data-icon]):is(svg, i, a) {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  color: var(--icon-color, var(--neutral-dark));
  font-size: var(--icon-size);
  height: var(--icon-height, var(--icon-size, 24px));
  width: var(--icon-width, var(--icon-size, 24px));
  transition: var(--icon-transition, var(--transition));
  padding: var(--icon-padding, 12px);
  border-width: var(--icon-border-width, 0);
  border-style: var(--icon-border-style, solid);
  border-radius: var(--icon-radius, var(--radius));
  background: var(--icon-background, var(--neutral-ultra-light));
  border-color: var(--icon-border-color, transparent);
  box-shadow: var(--icon-shadow, none);
  overflow: visible;
}
.review-card:where([class*="--alt"]) :where([data-icon]):is(i)::before, .comparison-card:where([class*="--alt"]) :where([data-icon]):is(i)::before, .article-card:where([class*="--alt"]) :where([data-icon]):is(i)::before, .feature-card:where([class*="--alt"]) :where([data-icon]):is(i)::before, .feature-card-bravo:where([class*="--alt"]) :where([data-icon]):is(i)::before, .footer-cta:where([class*="--alt"]) :where([data-icon]):is(i)::before, .builder-comparison-card:where([class*="--alt"]) :where([data-icon]):is(i)::before {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: var(--icon-size);
}
.review-card:where([class*="--alt"]) :where([data-icon]).brxe-icon, .comparison-card:where([class*="--alt"]) :where([data-icon]).brxe-icon, .article-card:where([class*="--alt"]) :where([data-icon]).brxe-icon, .feature-card:where([class*="--alt"]) :where([data-icon]).brxe-icon, .feature-card-bravo:where([class*="--alt"]) :where([data-icon]).brxe-icon, .footer-cta:where([class*="--alt"]) :where([data-icon]).brxe-icon, .builder-comparison-card:where([class*="--alt"]) :where([data-icon]).brxe-icon {
  font-size: var(--icon-size);
}
.review-card:where([class*="--alt"]) :where([data-icon]) svg, .comparison-card:where([class*="--alt"]) :where([data-icon]) svg, .article-card:where([class*="--alt"]) :where([data-icon]) svg, .feature-card:where([class*="--alt"]) :where([data-icon]) svg, .feature-card-bravo:where([class*="--alt"]) :where([data-icon]) svg, .footer-cta:where([class*="--alt"]) :where([data-icon]) svg, .builder-comparison-card:where([class*="--alt"]) :where([data-icon]) svg {
  color: var(--icon-color);
}
.review-card:where([class*="--alt"]) :where([data-icon]):is(a):hover, .review-card:where([class*="--alt"]) :where([data-icon]) [data-icon-hover]:hover, .review-card:where([class*="--alt"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], .comparison-card:where([class*="--alt"]) :where([data-icon]):is(a):hover, .comparison-card:where([class*="--alt"]) :where([data-icon]) [data-icon-hover]:hover, .comparison-card:where([class*="--alt"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], .article-card:where([class*="--alt"]) :where([data-icon]):is(a):hover, .article-card:where([class*="--alt"]) :where([data-icon]) [data-icon-hover]:hover, .article-card:where([class*="--alt"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], .feature-card:where([class*="--alt"]) :where([data-icon]):is(a):hover, .feature-card:where([class*="--alt"]) :where([data-icon]) [data-icon-hover]:hover, .feature-card:where([class*="--alt"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], .feature-card-bravo:where([class*="--alt"]) :where([data-icon]):is(a):hover, .feature-card-bravo:where([class*="--alt"]) :where([data-icon]) [data-icon-hover]:hover, .feature-card-bravo:where([class*="--alt"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], .footer-cta:where([class*="--alt"]) :where([data-icon]):is(a):hover, .footer-cta:where([class*="--alt"]) :where([data-icon]) [data-icon-hover]:hover, .footer-cta:where([class*="--alt"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], .builder-comparison-card:where([class*="--alt"]) :where([data-icon]):is(a):hover, .builder-comparison-card:where([class*="--alt"]) :where([data-icon]) [data-icon-hover]:hover, .builder-comparison-card:where([class*="--alt"]) :where([data-icon]) [data-icon-hover]:hover [data-icon] {
  --icon-background: var(--icon-background-hover);
  --icon-color: var(--icon-color-hover);
  --icon-border-color: var(--icon-border-color-hover);
}
.review-card:where([class*="--alt"]) [class*="btn--"], .comparison-card:where([class*="--alt"]) [class*="btn--"], .article-card:where([class*="--alt"]) [class*="btn--"], .feature-card:where([class*="--alt"]) [class*="btn--"], .feature-card-bravo:where([class*="--alt"]) [class*="btn--"], .footer-cta:where([class*="--alt"]) [class*="btn--"], .builder-comparison-card:where([class*="--alt"]) [class*="btn--"] {
  --btn-font-size: var(--card-button-font-size, var(--text-s));
  --btn-background: var(--primary);
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--base);
  --btn-text-color-hover: var(--base);
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-light);
}
.review-card:where([class*="--light"]), .comparison-card:where([class*="--light"]), .article-card:where([class*="--light"]), .feature-card:where([class*="--light"]), .feature-card-bravo:where([class*="--light"]), .footer-cta:where([class*="--light"]), .builder-comparison-card:where([class*="--light"]) {
  --concentric-radius: calc(var(--radius) + var(--card-padding) / 2);
  --card-background: var(--light-card-background);
  --card-background-hover: var(--light-card-background-hover);
  --card-heading-color: var(--light-card-heading-color);
  --card-text-color: var(--light-card-text-color);
  --card-link-color: var(--light-card-link-color);
  --card-link-color-hover: var(--light-card-link-color-hover);
  --card-button-style: var(--light-card-button-style);
  --card-border-color: var(--light-card-border-color);
}
.review-card:where([class*="--light"]) :where([class*="__icon"]), .comparison-card:where([class*="--light"]) :where([class*="__icon"]), .article-card:where([class*="--light"]) :where([class*="__icon"]), .feature-card:where([class*="--light"]) :where([class*="__icon"]), .feature-card-bravo:where([class*="--light"]) :where([class*="__icon"]), .footer-cta:where([class*="--light"]) :where([class*="__icon"]), .builder-comparison-card:where([class*="--light"]) :where([class*="__icon"]) {
  --icon-radius: var(--card-icon-radius, var(--radius, 0));
  --icon-size: var(--card-icon-size, 48px);
  --icon-color: var(--primary-light);
  --icon-color-hover: var(--primary-ultra-light);
  --icon-background: var(--primary-dark);
  --icon-background-hover: var(--primary-ultra-dark);
  --icon-border-color: var(--primary-dark-trans-10);
  --icon-border-color-hover: var(--primary-dark-trans-10);
  --icon-shadow: ;
}
.review-card:where([class*="--light"]) :where([class*="__icon"]):is(svg, i, a), .comparison-card:where([class*="--light"]) :where([class*="__icon"]):is(svg, i, a), .article-card:where([class*="--light"]) :where([class*="__icon"]):is(svg, i, a), .feature-card:where([class*="--light"]) :where([class*="__icon"]):is(svg, i, a), .feature-card-bravo:where([class*="--light"]) :where([class*="__icon"]):is(svg, i, a), .footer-cta:where([class*="--light"]) :where([class*="__icon"]):is(svg, i, a), .builder-comparison-card:where([class*="--light"]) :where([class*="__icon"]):is(svg, i, a) {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  color: var(--icon-color, var(--neutral-dark));
  font-size: var(--icon-size);
  height: var(--icon-height, var(--icon-size, 24px));
  width: var(--icon-width, var(--icon-size, 24px));
  transition: var(--icon-transition, var(--transition));
  padding: var(--icon-padding, 12px);
  border-width: var(--icon-border-width, 0);
  border-style: var(--icon-border-style, solid);
  border-radius: var(--icon-radius, var(--radius));
  background: var(--icon-background, var(--neutral-ultra-light));
  border-color: var(--icon-border-color, transparent);
  box-shadow: var(--icon-shadow, none);
  overflow: visible;
}
.review-card:where([class*="--light"]) :where([class*="__icon"]):is(i)::before, .comparison-card:where([class*="--light"]) :where([class*="__icon"]):is(i)::before, .article-card:where([class*="--light"]) :where([class*="__icon"]):is(i)::before, .feature-card:where([class*="--light"]) :where([class*="__icon"]):is(i)::before, .feature-card-bravo:where([class*="--light"]) :where([class*="__icon"]):is(i)::before, .footer-cta:where([class*="--light"]) :where([class*="__icon"]):is(i)::before, .builder-comparison-card:where([class*="--light"]) :where([class*="__icon"]):is(i)::before {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: var(--icon-size);
}
.review-card:where([class*="--light"]) :where([class*="__icon"]).brxe-icon, .comparison-card:where([class*="--light"]) :where([class*="__icon"]).brxe-icon, .article-card:where([class*="--light"]) :where([class*="__icon"]).brxe-icon, .feature-card:where([class*="--light"]) :where([class*="__icon"]).brxe-icon, .feature-card-bravo:where([class*="--light"]) :where([class*="__icon"]).brxe-icon, .footer-cta:where([class*="--light"]) :where([class*="__icon"]).brxe-icon, .builder-comparison-card:where([class*="--light"]) :where([class*="__icon"]).brxe-icon {
  font-size: var(--icon-size);
}
.review-card:where([class*="--light"]) :where([class*="__icon"]) svg, .comparison-card:where([class*="--light"]) :where([class*="__icon"]) svg, .article-card:where([class*="--light"]) :where([class*="__icon"]) svg, .feature-card:where([class*="--light"]) :where([class*="__icon"]) svg, .feature-card-bravo:where([class*="--light"]) :where([class*="__icon"]) svg, .footer-cta:where([class*="--light"]) :where([class*="__icon"]) svg, .builder-comparison-card:where([class*="--light"]) :where([class*="__icon"]) svg {
  color: var(--icon-color);
}
.review-card:where([class*="--light"]) :where([class*="__icon"]):is(a):hover, .review-card:where([class*="--light"]) :where([class*="__icon"]) [data-icon-hover]:hover, .review-card:where([class*="--light"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], .comparison-card:where([class*="--light"]) :where([class*="__icon"]):is(a):hover, .comparison-card:where([class*="--light"]) :where([class*="__icon"]) [data-icon-hover]:hover, .comparison-card:where([class*="--light"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], .article-card:where([class*="--light"]) :where([class*="__icon"]):is(a):hover, .article-card:where([class*="--light"]) :where([class*="__icon"]) [data-icon-hover]:hover, .article-card:where([class*="--light"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], .feature-card:where([class*="--light"]) :where([class*="__icon"]):is(a):hover, .feature-card:where([class*="--light"]) :where([class*="__icon"]) [data-icon-hover]:hover, .feature-card:where([class*="--light"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], .feature-card-bravo:where([class*="--light"]) :where([class*="__icon"]):is(a):hover, .feature-card-bravo:where([class*="--light"]) :where([class*="__icon"]) [data-icon-hover]:hover, .feature-card-bravo:where([class*="--light"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], .footer-cta:where([class*="--light"]) :where([class*="__icon"]):is(a):hover, .footer-cta:where([class*="--light"]) :where([class*="__icon"]) [data-icon-hover]:hover, .footer-cta:where([class*="--light"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], .builder-comparison-card:where([class*="--light"]) :where([class*="__icon"]):is(a):hover, .builder-comparison-card:where([class*="--light"]) :where([class*="__icon"]) [data-icon-hover]:hover, .builder-comparison-card:where([class*="--light"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon] {
  --icon-background: var(--icon-background-hover);
  --icon-color: var(--icon-color-hover);
  --icon-border-color: var(--icon-border-color-hover);
}
.review-card:where([class*="--light"]) :where([data-icon]), .comparison-card:where([class*="--light"]) :where([data-icon]), .article-card:where([class*="--light"]) :where([data-icon]), .feature-card:where([class*="--light"]) :where([data-icon]), .feature-card-bravo:where([class*="--light"]) :where([data-icon]), .footer-cta:where([class*="--light"]) :where([data-icon]), .builder-comparison-card:where([class*="--light"]) :where([data-icon]) {
  --icon-color: var(--primary-light);
  --icon-color-hover: var(--primary-ultra-light);
  --icon-background: var(--primary-dark);
  --icon-background-hover: var(--primary-ultra-dark);
  --icon-border-color: var(--primary-dark-trans-10);
  --icon-border-color-hover: var(--primary-dark-trans-10);
  --icon-shadow: ;
}
.review-card:where([class*="--light"]) :where([data-icon]):is(svg, i, a), .comparison-card:where([class*="--light"]) :where([data-icon]):is(svg, i, a), .article-card:where([class*="--light"]) :where([data-icon]):is(svg, i, a), .feature-card:where([class*="--light"]) :where([data-icon]):is(svg, i, a), .feature-card-bravo:where([class*="--light"]) :where([data-icon]):is(svg, i, a), .footer-cta:where([class*="--light"]) :where([data-icon]):is(svg, i, a), .builder-comparison-card:where([class*="--light"]) :where([data-icon]):is(svg, i, a) {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  color: var(--icon-color, var(--neutral-dark));
  font-size: var(--icon-size);
  height: var(--icon-height, var(--icon-size, 24px));
  width: var(--icon-width, var(--icon-size, 24px));
  transition: var(--icon-transition, var(--transition));
  padding: var(--icon-padding, 12px);
  border-width: var(--icon-border-width, 0);
  border-style: var(--icon-border-style, solid);
  border-radius: var(--icon-radius, var(--radius));
  background: var(--icon-background, var(--neutral-ultra-light));
  border-color: var(--icon-border-color, transparent);
  box-shadow: var(--icon-shadow, none);
  overflow: visible;
}
.review-card:where([class*="--light"]) :where([data-icon]):is(i)::before, .comparison-card:where([class*="--light"]) :where([data-icon]):is(i)::before, .article-card:where([class*="--light"]) :where([data-icon]):is(i)::before, .feature-card:where([class*="--light"]) :where([data-icon]):is(i)::before, .feature-card-bravo:where([class*="--light"]) :where([data-icon]):is(i)::before, .footer-cta:where([class*="--light"]) :where([data-icon]):is(i)::before, .builder-comparison-card:where([class*="--light"]) :where([data-icon]):is(i)::before {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: var(--icon-size);
}
.review-card:where([class*="--light"]) :where([data-icon]).brxe-icon, .comparison-card:where([class*="--light"]) :where([data-icon]).brxe-icon, .article-card:where([class*="--light"]) :where([data-icon]).brxe-icon, .feature-card:where([class*="--light"]) :where([data-icon]).brxe-icon, .feature-card-bravo:where([class*="--light"]) :where([data-icon]).brxe-icon, .footer-cta:where([class*="--light"]) :where([data-icon]).brxe-icon, .builder-comparison-card:where([class*="--light"]) :where([data-icon]).brxe-icon {
  font-size: var(--icon-size);
}
.review-card:where([class*="--light"]) :where([data-icon]) svg, .comparison-card:where([class*="--light"]) :where([data-icon]) svg, .article-card:where([class*="--light"]) :where([data-icon]) svg, .feature-card:where([class*="--light"]) :where([data-icon]) svg, .feature-card-bravo:where([class*="--light"]) :where([data-icon]) svg, .footer-cta:where([class*="--light"]) :where([data-icon]) svg, .builder-comparison-card:where([class*="--light"]) :where([data-icon]) svg {
  color: var(--icon-color);
}
.review-card:where([class*="--light"]) :where([data-icon]):is(a):hover, .review-card:where([class*="--light"]) :where([data-icon]) [data-icon-hover]:hover, .review-card:where([class*="--light"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], .comparison-card:where([class*="--light"]) :where([data-icon]):is(a):hover, .comparison-card:where([class*="--light"]) :where([data-icon]) [data-icon-hover]:hover, .comparison-card:where([class*="--light"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], .article-card:where([class*="--light"]) :where([data-icon]):is(a):hover, .article-card:where([class*="--light"]) :where([data-icon]) [data-icon-hover]:hover, .article-card:where([class*="--light"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], .feature-card:where([class*="--light"]) :where([data-icon]):is(a):hover, .feature-card:where([class*="--light"]) :where([data-icon]) [data-icon-hover]:hover, .feature-card:where([class*="--light"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], .feature-card-bravo:where([class*="--light"]) :where([data-icon]):is(a):hover, .feature-card-bravo:where([class*="--light"]) :where([data-icon]) [data-icon-hover]:hover, .feature-card-bravo:where([class*="--light"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], .footer-cta:where([class*="--light"]) :where([data-icon]):is(a):hover, .footer-cta:where([class*="--light"]) :where([data-icon]) [data-icon-hover]:hover, .footer-cta:where([class*="--light"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], .builder-comparison-card:where([class*="--light"]) :where([data-icon]):is(a):hover, .builder-comparison-card:where([class*="--light"]) :where([data-icon]) [data-icon-hover]:hover, .builder-comparison-card:where([class*="--light"]) :where([data-icon]) [data-icon-hover]:hover [data-icon] {
  --icon-background: var(--icon-background-hover);
  --icon-color: var(--icon-color-hover);
  --icon-border-color: var(--icon-border-color-hover);
}
.review-card:where([class*="--light"]) [class*="btn--"], .comparison-card:where([class*="--light"]) [class*="btn--"], .article-card:where([class*="--light"]) [class*="btn--"], .feature-card:where([class*="--light"]) [class*="btn--"], .feature-card-bravo:where([class*="--light"]) [class*="btn--"], .footer-cta:where([class*="--light"]) [class*="btn--"], .builder-comparison-card:where([class*="--light"]) [class*="btn--"] {
  --btn-font-size: var(--card-button-font-size, var(--text-s));
  --btn-background: var(--primary);
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--base);
  --btn-text-color-hover: var(--base);
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-light);
}
.review-card:where([class*="--dark"]), .comparison-card:where([class*="--dark"]), .article-card:where([class*="--dark"]), .feature-card:where([class*="--dark"]), .feature-card-bravo:where([class*="--dark"]), .footer-cta:where([class*="--dark"]), .builder-comparison-card:where([class*="--dark"]) {
  --concentric-radius: calc(var(--radius) + var(--card-padding) / 2);
  --card-background: var(--dark-card-background);
  --card-background-hover: var(--dark-card-background-hover);
  --card-heading-color: var(--dark-card-heading-color);
  --card-text-color: var(--dark-card-text-color);
  --card-link-color: var(--dark-card-link-color);
  --card-link-color-hover: var(--dark-card-link-color-hover);
  --card-button-style: var(--dark-card-button-style);
  --card-border-color: var(--dark-card-border-color);
}
.review-card:where([class*="--dark"]) :where([class*="__icon"]), .comparison-card:where([class*="--dark"]) :where([class*="__icon"]), .article-card:where([class*="--dark"]) :where([class*="__icon"]), .feature-card:where([class*="--dark"]) :where([class*="__icon"]), .feature-card-bravo:where([class*="--dark"]) :where([class*="__icon"]), .footer-cta:where([class*="--dark"]) :where([class*="__icon"]), .builder-comparison-card:where([class*="--dark"]) :where([class*="__icon"]) {
  --icon-radius: var(--card-icon-radius, var(--radius, 0));
  --icon-size: var(--card-icon-size, 48px);
  --icon-color: var(--primary-dark);
  --icon-color-hover: var(--primary-semi-dark);
  --icon-background: var(--primary-light);
  --icon-background-hover: var(--primary-ultra-light);
  --icon-border-color: var(--primary-dark-trans-10);
  --icon-border-color-hover: var(--primary-dark-trans-10);
  --icon-shadow: ;
}
.review-card:where([class*="--dark"]) :where([class*="__icon"]):is(svg, i, a), .comparison-card:where([class*="--dark"]) :where([class*="__icon"]):is(svg, i, a), .article-card:where([class*="--dark"]) :where([class*="__icon"]):is(svg, i, a), .feature-card:where([class*="--dark"]) :where([class*="__icon"]):is(svg, i, a), .feature-card-bravo:where([class*="--dark"]) :where([class*="__icon"]):is(svg, i, a), .footer-cta:where([class*="--dark"]) :where([class*="__icon"]):is(svg, i, a), .builder-comparison-card:where([class*="--dark"]) :where([class*="__icon"]):is(svg, i, a) {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  color: var(--icon-color, var(--neutral-dark));
  font-size: var(--icon-size);
  height: var(--icon-height, var(--icon-size, 24px));
  width: var(--icon-width, var(--icon-size, 24px));
  transition: var(--icon-transition, var(--transition));
  padding: var(--icon-padding, 12px);
  border-width: var(--icon-border-width, 0);
  border-style: var(--icon-border-style, solid);
  border-radius: var(--icon-radius, var(--radius));
  background: var(--icon-background, var(--neutral-ultra-light));
  border-color: var(--icon-border-color, transparent);
  box-shadow: var(--icon-shadow, none);
  overflow: visible;
}
.review-card:where([class*="--dark"]) :where([class*="__icon"]):is(i)::before, .comparison-card:where([class*="--dark"]) :where([class*="__icon"]):is(i)::before, .article-card:where([class*="--dark"]) :where([class*="__icon"]):is(i)::before, .feature-card:where([class*="--dark"]) :where([class*="__icon"]):is(i)::before, .feature-card-bravo:where([class*="--dark"]) :where([class*="__icon"]):is(i)::before, .footer-cta:where([class*="--dark"]) :where([class*="__icon"]):is(i)::before, .builder-comparison-card:where([class*="--dark"]) :where([class*="__icon"]):is(i)::before {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: var(--icon-size);
}
.review-card:where([class*="--dark"]) :where([class*="__icon"]).brxe-icon, .comparison-card:where([class*="--dark"]) :where([class*="__icon"]).brxe-icon, .article-card:where([class*="--dark"]) :where([class*="__icon"]).brxe-icon, .feature-card:where([class*="--dark"]) :where([class*="__icon"]).brxe-icon, .feature-card-bravo:where([class*="--dark"]) :where([class*="__icon"]).brxe-icon, .footer-cta:where([class*="--dark"]) :where([class*="__icon"]).brxe-icon, .builder-comparison-card:where([class*="--dark"]) :where([class*="__icon"]).brxe-icon {
  font-size: var(--icon-size);
}
.review-card:where([class*="--dark"]) :where([class*="__icon"]) svg, .comparison-card:where([class*="--dark"]) :where([class*="__icon"]) svg, .article-card:where([class*="--dark"]) :where([class*="__icon"]) svg, .feature-card:where([class*="--dark"]) :where([class*="__icon"]) svg, .feature-card-bravo:where([class*="--dark"]) :where([class*="__icon"]) svg, .footer-cta:where([class*="--dark"]) :where([class*="__icon"]) svg, .builder-comparison-card:where([class*="--dark"]) :where([class*="__icon"]) svg {
  color: var(--icon-color);
}
.review-card:where([class*="--dark"]) :where([class*="__icon"]):is(a):hover, .review-card:where([class*="--dark"]) :where([class*="__icon"]) [data-icon-hover]:hover, .review-card:where([class*="--dark"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], .comparison-card:where([class*="--dark"]) :where([class*="__icon"]):is(a):hover, .comparison-card:where([class*="--dark"]) :where([class*="__icon"]) [data-icon-hover]:hover, .comparison-card:where([class*="--dark"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], .article-card:where([class*="--dark"]) :where([class*="__icon"]):is(a):hover, .article-card:where([class*="--dark"]) :where([class*="__icon"]) [data-icon-hover]:hover, .article-card:where([class*="--dark"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], .feature-card:where([class*="--dark"]) :where([class*="__icon"]):is(a):hover, .feature-card:where([class*="--dark"]) :where([class*="__icon"]) [data-icon-hover]:hover, .feature-card:where([class*="--dark"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], .feature-card-bravo:where([class*="--dark"]) :where([class*="__icon"]):is(a):hover, .feature-card-bravo:where([class*="--dark"]) :where([class*="__icon"]) [data-icon-hover]:hover, .feature-card-bravo:where([class*="--dark"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], .footer-cta:where([class*="--dark"]) :where([class*="__icon"]):is(a):hover, .footer-cta:where([class*="--dark"]) :where([class*="__icon"]) [data-icon-hover]:hover, .footer-cta:where([class*="--dark"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon], .builder-comparison-card:where([class*="--dark"]) :where([class*="__icon"]):is(a):hover, .builder-comparison-card:where([class*="--dark"]) :where([class*="__icon"]) [data-icon-hover]:hover, .builder-comparison-card:where([class*="--dark"]) :where([class*="__icon"]) [data-icon-hover]:hover [data-icon] {
  --icon-background: var(--icon-background-hover);
  --icon-color: var(--icon-color-hover);
  --icon-border-color: var(--icon-border-color-hover);
}
.review-card:where([class*="--dark"]) :where([data-icon]), .comparison-card:where([class*="--dark"]) :where([data-icon]), .article-card:where([class*="--dark"]) :where([data-icon]), .feature-card:where([class*="--dark"]) :where([data-icon]), .feature-card-bravo:where([class*="--dark"]) :where([data-icon]), .footer-cta:where([class*="--dark"]) :where([data-icon]), .builder-comparison-card:where([class*="--dark"]) :where([data-icon]) {
  --icon-color: var(--primary-dark);
  --icon-color-hover: var(--primary-semi-dark);
  --icon-background: var(--primary-light);
  --icon-background-hover: var(--primary-ultra-light);
  --icon-border-color: var(--primary-dark-trans-10);
  --icon-border-color-hover: var(--primary-dark-trans-10);
  --icon-shadow: ;
}
.review-card:where([class*="--dark"]) :where([data-icon]):is(svg, i, a), .comparison-card:where([class*="--dark"]) :where([data-icon]):is(svg, i, a), .article-card:where([class*="--dark"]) :where([data-icon]):is(svg, i, a), .feature-card:where([class*="--dark"]) :where([data-icon]):is(svg, i, a), .feature-card-bravo:where([class*="--dark"]) :where([data-icon]):is(svg, i, a), .footer-cta:where([class*="--dark"]) :where([data-icon]):is(svg, i, a), .builder-comparison-card:where([class*="--dark"]) :where([data-icon]):is(svg, i, a) {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  color: var(--icon-color, var(--neutral-dark));
  font-size: var(--icon-size);
  height: var(--icon-height, var(--icon-size, 24px));
  width: var(--icon-width, var(--icon-size, 24px));
  transition: var(--icon-transition, var(--transition));
  padding: var(--icon-padding, 12px);
  border-width: var(--icon-border-width, 0);
  border-style: var(--icon-border-style, solid);
  border-radius: var(--icon-radius, var(--radius));
  background: var(--icon-background, var(--neutral-ultra-light));
  border-color: var(--icon-border-color, transparent);
  box-shadow: var(--icon-shadow, none);
  overflow: visible;
}
.review-card:where([class*="--dark"]) :where([data-icon]):is(i)::before, .comparison-card:where([class*="--dark"]) :where([data-icon]):is(i)::before, .article-card:where([class*="--dark"]) :where([data-icon]):is(i)::before, .feature-card:where([class*="--dark"]) :where([data-icon]):is(i)::before, .feature-card-bravo:where([class*="--dark"]) :where([data-icon]):is(i)::before, .footer-cta:where([class*="--dark"]) :where([data-icon]):is(i)::before, .builder-comparison-card:where([class*="--dark"]) :where([data-icon]):is(i)::before {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: var(--icon-size);
}
.review-card:where([class*="--dark"]) :where([data-icon]).brxe-icon, .comparison-card:where([class*="--dark"]) :where([data-icon]).brxe-icon, .article-card:where([class*="--dark"]) :where([data-icon]).brxe-icon, .feature-card:where([class*="--dark"]) :where([data-icon]).brxe-icon, .feature-card-bravo:where([class*="--dark"]) :where([data-icon]).brxe-icon, .footer-cta:where([class*="--dark"]) :where([data-icon]).brxe-icon, .builder-comparison-card:where([class*="--dark"]) :where([data-icon]).brxe-icon {
  font-size: var(--icon-size);
}
.review-card:where([class*="--dark"]) :where([data-icon]) svg, .comparison-card:where([class*="--dark"]) :where([data-icon]) svg, .article-card:where([class*="--dark"]) :where([data-icon]) svg, .feature-card:where([class*="--dark"]) :where([data-icon]) svg, .feature-card-bravo:where([class*="--dark"]) :where([data-icon]) svg, .footer-cta:where([class*="--dark"]) :where([data-icon]) svg, .builder-comparison-card:where([class*="--dark"]) :where([data-icon]) svg {
  color: var(--icon-color);
}
.review-card:where([class*="--dark"]) :where([data-icon]):is(a):hover, .review-card:where([class*="--dark"]) :where([data-icon]) [data-icon-hover]:hover, .review-card:where([class*="--dark"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], .comparison-card:where([class*="--dark"]) :where([data-icon]):is(a):hover, .comparison-card:where([class*="--dark"]) :where([data-icon]) [data-icon-hover]:hover, .comparison-card:where([class*="--dark"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], .article-card:where([class*="--dark"]) :where([data-icon]):is(a):hover, .article-card:where([class*="--dark"]) :where([data-icon]) [data-icon-hover]:hover, .article-card:where([class*="--dark"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], .feature-card:where([class*="--dark"]) :where([data-icon]):is(a):hover, .feature-card:where([class*="--dark"]) :where([data-icon]) [data-icon-hover]:hover, .feature-card:where([class*="--dark"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], .feature-card-bravo:where([class*="--dark"]) :where([data-icon]):is(a):hover, .feature-card-bravo:where([class*="--dark"]) :where([data-icon]) [data-icon-hover]:hover, .feature-card-bravo:where([class*="--dark"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], .footer-cta:where([class*="--dark"]) :where([data-icon]):is(a):hover, .footer-cta:where([class*="--dark"]) :where([data-icon]) [data-icon-hover]:hover, .footer-cta:where([class*="--dark"]) :where([data-icon]) [data-icon-hover]:hover [data-icon], .builder-comparison-card:where([class*="--dark"]) :where([data-icon]):is(a):hover, .builder-comparison-card:where([class*="--dark"]) :where([data-icon]) [data-icon-hover]:hover, .builder-comparison-card:where([class*="--dark"]) :where([data-icon]) [data-icon-hover]:hover [data-icon] {
  --icon-background: var(--icon-background-hover);
  --icon-color: var(--icon-color-hover);
  --icon-border-color: var(--icon-border-color-hover);
}
.review-card:where([class*="--dark"]) [class*="btn--"], .comparison-card:where([class*="--dark"]) [class*="btn--"], .article-card:where([class*="--dark"]) [class*="btn--"], .feature-card:where([class*="--dark"]) [class*="btn--"], .feature-card-bravo:where([class*="--dark"]) [class*="btn--"], .footer-cta:where([class*="--dark"]) [class*="btn--"], .builder-comparison-card:where([class*="--dark"]) [class*="btn--"] {
  --btn-font-size: var(--card-button-font-size, var(--text-s));
  --btn-background: var(--primary);
  --btn-background-hover: var(--primary-hover);
  --btn-text-color: var(--base);
  --btn-text-color-hover: var(--base);
  --btn-border-color: var(--primary);
  --btn-border-color-hover: var(--primary-hover);
  --focus-color: var(--primary-light);
} */
/* Feat: Default Section Styles */
:where(section:not(section section)) {
	display: flex;
	flex-direction: column;
	padding-block: var(--section-padding-block);
	padding-inline: var(--gutter);
}

/* Feat: Smart Spacing */
/* body :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li) {
  margin-block: 0;
} */
/* .smart-spacing-normalize :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li) {
  margin-block: 0;
}
.smart-spacing > * + * {
  margin-block-start: var(--flow-spacing, initial);
  margin-block-end: 0;
}
.smart-spacing > * + :where(h1, h2, h3, h4, h5, h6) {
  margin-block-start: var(--heading-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h2) {
  margin-block-start: var(--h2-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h3) {
  margin-block-start: var(--h3-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h4) {
  margin-block-start: var(--h4-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h5) {
  margin-block-start: var(--h5-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > :where(* + h6) {
  margin-block-start: var(--h6-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
.smart-spacing > * + p {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing > :is(* + ul, * + ol) {
  margin-block: var(--list-spacing, var(--flow-spacing, initial));
}
.smart-spacing > :is(ul, ol) {
  padding-inline-start: var(--list-indent-spacing, var(--flow-spacing, initial));
}
.smart-spacing > ul * + li, .smart-spacing > ol * + li {
  margin-block-start: var(--list-item-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing > ul ul, .smart-spacing > ol ol, .smart-spacing > ul ol, .smart-spacing > ol ul {
  margin-block: var(--nested-list-spacing, var(--list-item-spacing, initial));
  padding-inline-start: var(--nested-list-indent-spacing, initial);
}
.smart-spacing > :is(ul, ol) :is(ul, ol) li {
  margin-block-start: var(--nested-list-item-spacing, var(--list-item-spacing, initial));
}
.smart-spacing > * + figure, .smart-spacing > * + picture {
  margin-block: var(--figure-spacing, var(--flow-spacing, initial));
}
.smart-spacing figcaption {
  margin-block: var(--figcaption-spacing, var(--flow-spacing, initial));
}
.smart-spacing > * + blockquote:where(:not(figure > blockquote)) {
  margin-block: var(--blockquote-spacing, var(--flow-spacing, initial));
}
.smart-spacing > blockquote * + * {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
.smart-spacing > :is(figure, blockquote, ul, ol):where(:not(:first-child)) + * {
  --paragraph-spacing: 0;
  --flow-spacing: 0;
} */
/* :is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > * + * {
  margin-block-start: var(--flow-spacing, initial);
  margin-block-end: 0;
}
:is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > * + :where(h1, h2, h3, h4, h5, h6) {
  margin-block-start: var(--heading-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
:is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > :where(* + h2) {
  margin-block-start: var(--h2-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
:is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > :where(* + h3) {
  margin-block-start: var(--h3-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
:is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > :where(* + h4) {
  margin-block-start: var(--h4-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
:is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > :where(* + h5) {
  margin-block-start: var(--h5-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
:is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > :where(* + h6) {
  margin-block-start: var(--h6-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
:is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > * + p {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
:is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > :is(* + ul, * + ol) {
  margin-block: var(--list-spacing, var(--flow-spacing, initial));
}
:is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > :is(ul, ol) {
  padding-inline-start: var(--list-indent-spacing, var(--flow-spacing, initial));
}
:is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > ul * + li, :is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > ol * + li {
  margin-block-start: var(--list-item-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
:is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > ul ul, :is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > ol ol, :is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > ul ol, :is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > ol ul {
  margin-block: var(--nested-list-spacing, var(--list-item-spacing, initial));
  padding-inline-start: var(--nested-list-indent-spacing, initial);
}
:is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > :is(ul, ol) :is(ul, ol) li {
  margin-block-start: var(--nested-list-item-spacing, var(--list-item-spacing, initial));
}
:is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > * + figure, :is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > * + picture {
  margin-block: var(--figure-spacing, var(--flow-spacing, initial));
}
:is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) figcaption {
  margin-block: var(--figcaption-spacing, var(--flow-spacing, initial));
}
:is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > * + blockquote:where(:not(figure > blockquote)) {
  margin-block: var(--blockquote-spacing, var(--flow-spacing, initial));
}
:is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > blockquote * + * {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
:is(.single-blog-article, .details__content-wrapper, #policy article, .post-type-blog) > :is(figure, blockquote, ul, ol):where(:not(:first-child)) + * {
  --paragraph-spacing: 0;
  --flow-spacing: 0;
}
.smart-spacing--off.smart-spacing--off :where(p, h1, h2, h3, h4, h5, h6, ul, ol, li) {
  margin-block: 0;
} */
/* :not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + * {
  margin-block-start: var(--flow-spacing, initial);
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + :where(h1, h2, h3, h4, h5, h6) {
  margin-block-start: var(--heading-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h2) {
  margin-block-start: var(--h2-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h3) {
  margin-block-start: var(--h3-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h4) {
  margin-block-start: var(--h4-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h5) {
  margin-block-start: var(--h5-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :where(* + h6) {
  margin-block-start: var(--h6-spacing, var(--heading-spacing));
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + p {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :is(* + ul, * + ol) {
  margin-block: var(--list-spacing, var(--flow-spacing, initial));
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :is(ul, ol) {
  padding-inline-start: var(--list-indent-spacing, var(--flow-spacing, initial));
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > ul * + li, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > ol * + li {
  margin-block-start: var(--list-item-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > ul ul, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > ol ol, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > ul ol, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > ol ul {
  margin-block: var(--nested-list-spacing, var(--list-item-spacing, initial));
  padding-inline-start: var(--nested-list-indent-spacing, initial);
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :is(ul, ol) :is(ul, ol) li {
  margin-block-start: var(--nested-list-item-spacing, var(--list-item-spacing, initial));
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + figure, :not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + picture {
  margin-block: var(--figure-spacing, var(--flow-spacing, initial));
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p figcaption {
  margin-block: var(--figcaption-spacing, var(--flow-spacing, initial));
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > * + blockquote:where(:not(figure > blockquote)) {
  margin-block: var(--blockquote-spacing, var(--flow-spacing, initial));
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > blockquote * + * {
  margin-block-start: var(--paragraph-spacing, var(--flow-spacing, initial));
  margin-block-end: 0;
}
:not(.woocommerce-checkout) [class*="woocommerce"] * + p > :is(figure, blockquote, ul, ol):where(:not(:first-child)) + * {
  --paragraph-spacing: 0;
  --flow-spacing: 0;
} */


/* :is(*, img, figure, picture).is-bg {
	position: var(--bg-position, absolute);
	inset: var(--bg-inset, 0);
	inline-size: var(--bg-width, 100%);
	block-size: var(--bg-height, 100%);
	border-radius: var(--bg-radius, 0);
	object-fit: var(--bg-object-fit, cover);
	object-position: var(--bg-object-position, center);
	z-index: var(--bg-z-index, -2);
	border-radius: var(--bg-radius, 0);
	pointer-events: none;
}

:is(*, img, figure, picture).is-bg>img {
	object-fit: var(--bg-object-fit, cover);
	object-position: var(--bg-object-position, center);
}

.content-grid> :is(*, img, figure, picture).is-bg {
	grid-column: full;
}

.texture-dots,
.texture-1 {
	background-color: var(--texture-background-color, var(--texture-1-background-color));
	background-image: var(--texture-asset, var(--texture-1-asset));
	background-position: var(--texture-position, var(--texture-1-position, center center));
	background-attachment: var(--texture-attachment, var(--texture-1-attachment));
	background-repeat: var(--texture-repeat, var(--texture-1-repeat));
	background-size: var(--texture-size, var(--texture-1-size));
	border-image: fill 1 var(--texture-overlay, var(--texture-1-overlay, none));
	animation: var(--texture-animation, var(--texture-1-animation, none));
}

.overlay-dots,
.overlay-1 {
	--overlay-background: var(--texture-1-asset);
	position: relative;
	z-index: 0;
	isolation: isolate;
}

.overlay-dots::before,
.overlay-1::before {
	content: "";
	background: var(--overlay-background);
	background-position: var(--background-position, var(--texture-1-position, center center));
	background-repeat: var(--texture-repeat, var(--texture-1-repeat));
	background-size: var(--texture-size, var(--texture-1-size));
	border-image: fill 1 var(--overlay, var(--texture-1-overlay-overlay, none));
	mix-blend-mode: var(--blend-mode, var(--texture-1-blend-mode, normal));
	position: absolute;
	inset: var(--overlay-inset, 0);
	z-index: var(--overlay-z-index, -1);
	opacity: var(--overlay-opacity, var(--texture-1-overlay-opacity, 1));
}

:where(figure, picture):is(.overlay-dots, .overlay-1) {
	--overlay-z-index: 1;
	overflow: hidden;
	border-radius: var(--radius);
}

:where(figure, picture):is(.overlay-dots, .overlay-1) img {
	border-radius: 0;
} */

.btn--primary {
	--btn-background: var(--primary);
	--btn-background-hover: var(--primary-hover);
	--btn-text-color: var(--base);
	--btn-text-color-hover: var(--base);
	--btn-border-color: var(--primary);
	--btn-border-color-hover: var(--primary-hover);
	--focus-color: var(--primary-light);
}

.btn--primary.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--primary-hover);
	--btn-text-color: var(--primary);
	--btn-text-color-hover: var(--primary-ultra-dark);
	--btn-border-width: 1px;
	--btn-border-color: var(--primary);
	--btn-border-color-hover: var(--primary-hover);
	--focus-color: var(--primary-light);
}

.btn--primary-light.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--primary-light);
	--btn-text-color: var(--primary-light);
	--btn-text-color-hover: var(--primary-dark);
	--btn-border-width: 1px;
	--btn-border-color: var(--primary-light);
	--btn-border-color-hover: var(--primary-light);
	--focus-color: var(--primary-light);
}

.btn--neutral {
	--btn-background: var(--base-dark);
	--btn-background-hover: var(--base-semi-dark);
	--btn-text-color: var(--neutral-ultra-light);
	--btn-text-color-hover: var(--neutral-ultra-light);
	--btn-border-color: var(--neutral);
	--btn-border-color-hover: var(--neutral-dark);
	--focus-color: var(--primary);
}

.btn--neutral-dark {
	--btn-background: var(--neutral-dark);
	--btn-background-hover: var(--neutral-ultra-dark);
	--btn-text-color: var(--neutral-ultra-light);
	--btn-text-color-hover: var(--neutral-ultra-light);
	--btn-border-color: var(--neutral-dark);
	--btn-border-color-hover: var(--neutral-ultra-dark);
	--focus-color: var(--neutral-semi-dark);
}

.btn--neutral-light {
	--btn-background: var(--neutral-ultra-light);
	--btn-background-hover: var(--neutral-light);
	--btn-text-color: var(--neutral);
	--btn-text-color-hover: var(--neutral-ultra-dark);
	--btn-border-color: var(--neutral-ultra-light);
	--btn-border-color-hover: var(--neutral-light);
	--focus-color: var(--neutral-light);
}

.btn--neutral.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--neutral-hover);
	--btn-text-color: var(--neutral-ultra-light);
	--btn-text-color-hover: var(--neutral-ultra-light);
	--btn-border-width: 1px;
	--btn-border-color: var(--border-color-light);
	--btn-border-color-hover: var(--neutral-hover);
	--focus-color: var(--neutral-semi-light);
}

.btn--neutral-dark.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--neutral-dark);
	--btn-text-color: var(--neutral-dark);
	--btn-text-color-hover: var(--neutral-ultra-light);
	--btn-border-width: 1px;
	--btn-border-color: var(--neutral-dark);
	--btn-border-color-hover: var(--neutral-dark);
	--focus-color: var(--neutral-semi-dark);
}

.btn--neutral-light.btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--neutral-light);
	--btn-text-color: var(--neutral-light);
	--btn-text-color-hover: var(--neutral-dark);
	--btn-border-width: 1px;
	--btn-border-color: var(--neutral-light);
	--btn-border-color-hover: var(--neutral-light);
	--focus-color: var(--neutral-light);
}

[class*="btn--"]:where(:not(.btn--none, .wp-block-button)),
[class*="btn--"].wp-block-button>.wp-block-button__link {
	background: var(--btn-background);
	color: var(--btn-text-color);
	padding-block: var(--btn-padding-block);
	padding-inline: var(--btn-padding-inline);
	inline-size: var(--btn-width, auto);
	min-inline-size: var(--btn-min-width);
	line-height: var(--btn-line-height);
	font-size: var(--btn-font-size, var(--text-m));
	font-weight: var(--btn-font-weight);
	font-style: var(--btn-font-style);
	text-transform: var(--btn-text-transform);
	letter-spacing: var(--btn-letter-spacing);
	text-decoration: var(--btn-text-decoration);
	border-width: var(--btn-border-width);
	border-style: var(--btn-border-style);
	border-radius: var(--btn-border-radius);
	border-color: var(--btn-border-color);
	transition: var(--btn-transition, var(--transition));
	justify-content: var(--btn-justify-content, center);
	text-align: var(--btn-text-align, center);
	display: var(--btn-display, inline-flex);
}

@media (hover: hover) and (pointer: fine) {

	[class*="btn--"]:where(:not(.btn--none, .wp-block-button)):hover,
	[class*="btn--"].wp-block-button>.wp-block-button__link:hover {
		background: var(--btn-background-hover);
		color: var(--btn-text-color-hover);
		border-color: var(--btn-border-color-hover);
		text-decoration: var(--btn-text-decoration-hover);
	}
}

[class*="btn--"]:where(:not(.btn--none, .wp-block-button)):focus,
[class*="btn--"].wp-block-button>.wp-block-button__link:focus {
	outline-style: solid;
	outline-color: var(--focus-color);
	outline-width: var(--focus-width);
	outline-offset: var(--focus-offset);
}

@media (max-width: 768px) {

	[class*="btn--"]:where(:not(.btn--none, .wp-block-button)),
	[class*="btn--"].wp-block-button>.wp-block-button__link {
		--btn-width: 100%;
		--btn-min-width: 100%;
	}
}

.btn--xs {
	font-size: var(--text-xs);
}

.btn--s {
	font-size: var(--text-s);
}

.btn--m {
	font-size: var(--text-m);
}

.btn--l {
	font-size: var(--text-l);
}

.btn--xl {
	font-size: var(--text-xl);
}

.btn--xxl {
	font-size: var(--text-xxl);
}

.btn--clear.btn--clear,
.btn--none.btn--none {
	background: none;
	border: none;
}

/* .bg--ultra-light {
	background-color: var(--bg-ultra-light);
}

.bg--light {
	background-color: var(--bg-light);
}

.bg--dark {
	background-color: var(--bg-dark);
}

.bg--ultra-dark {
	background-color: var(--bg-ultra-dark);
}

.text--light.text--light,
.text--light.text--light :where(:is(h1, h2, h3, h4, h5, h6)) {
	color: var(--text-light);
}

.text--light-muted.text--light-muted,
.text--light-muted.text--light-muted :where(:is(h1, h2, h3, h4, h5, h6)) {
	color: var(--text-light-muted);
}

.text--dark.text--dark,
.text--dark.text--dark :where(:is(h1, h2, h3, h4, h5, h6)) {
	color: var(--text-dark);
}

.text--dark-muted.text--dark-muted,
.text--dark-muted.text--dark-muted :where(:is(h1, h2, h3, h4, h5, h6)) {
	color: var(--text-dark-muted);
} */

/* Feat: Content Grid */
:where(.content-grid) {
	--full: minmax(var(--gutter), 1fr);
	padding-inline: 0;
	column-gap: 0 !important;
	display: grid !important;
	grid-template-columns: [full-start] var(--full) [feature-max-start] minmax(0, var(--feature-max-width, 100px)) [feature-start] minmax(0, var(--feature-width, 50px)) [content-start] min(var(--wp--style--global--content-size), 100% - var(--gutter) * 2) [content-end] minmax(0, var(--feature-width, 50px)) [feature-end] minmax(0, var(--feature-max-width, 100px)) [feature-max-end] var(--full) [full-end];
}

:where(.content-grid)> :not(.content--feature, .content--feature-max, .content--full, .content--full-safe) {
	width: 100%;
	max-width: 100%;
}

:where(.content-grid)> :where(:not(.content--feature, .content--feature-max, .content--full, .content--full-safe)) {
	grid-column: content;
}

.content--feature {
	grid-column: feature;
}

.content--feature-max {
	grid-column: feature-max;
}

.content--full {
	grid-column: full;
}

.content--full-safe {
	grid-column: full;
	padding-inline: var(--gutter);
}

.content-grid:where(.content--full-safe) {
	padding-inline: var(--gutter);
}

:is(.content--feature, .content--feature-max, .content--full, .content--full-safe):not(.content-grid--off :is(.content--feature, .content--feature-max, .content--full, .content--full-safe)) {
	width: 100% !important;
	max-width: 100%;
}

:is(.content--feature, .content--feature-max, .content--full, .content--full-safe) :is(figure img, picture img) {
	width: 100%;
}

.content-grid:is([class*="padding--"], [class*="section--"], [class*="header--"]) {
	padding-inline: 0;
}





/* .bg--ultra-light [class*="btn--"]:not(.unrelate) {
	--btn-background: var(--primary);
	--btn-background-hover: var(--primary-hover);
	--btn-text-color: var(--base);
	--btn-text-color-hover: var(--base);
	--btn-border-color: var(--primary);
	--btn-border-color-hover: var(--primary-hover);
	--focus-color: var(--primary-light);
}

.bg--ultra-light [class*="btn--"]:not(.unrelate).btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--primary-hover);
	--btn-text-color: var(--primary);
	--btn-text-color-hover: var(--primary-ultra-dark);
	--btn-border-width: 1px;
	--btn-border-color: var(--primary);
	--btn-border-color-hover: var(--primary-hover);
	--focus-color: var(--primary-light);
}

.bg--light [class*="btn--"]:not(.unrelate) {
	--btn-background: var(--primary);
	--btn-background-hover: var(--primary-hover);
	--btn-text-color: var(--base);
	--btn-text-color-hover: var(--base);
	--btn-border-color: var(--primary);
	--btn-border-color-hover: var(--primary-hover);
	--focus-color: var(--primary-light);
}

.bg--light [class*="btn--"]:not(.unrelate).btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--primary-hover);
	--btn-text-color: var(--primary);
	--btn-text-color-hover: var(--primary-ultra-dark);
	--btn-border-width: 1px;
	--btn-border-color: var(--primary);
	--btn-border-color-hover: var(--primary-hover);
	--focus-color: var(--primary-light);
}

.bg--dark [class*="btn--"]:not(.unrelate) {
	--btn-background: var(--primary);
	--btn-background-hover: var(--primary-hover);
	--btn-text-color: var(--base);
	--btn-text-color-hover: var(--base);
	--btn-border-color: var(--primary);
	--btn-border-color-hover: var(--primary-hover);
	--focus-color: var(--primary-light);
}

.bg--dark [class*="btn--"]:not(.unrelate).btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--primary-hover);
	--btn-text-color: var(--primary);
	--btn-text-color-hover: var(--primary-ultra-dark);
	--btn-border-width: 1px;
	--btn-border-color: var(--primary);
	--btn-border-color-hover: var(--primary-hover);
	--focus-color: var(--primary-light);
}

.bg--ultra-dark [class*="btn--"]:not(.unrelate) {
	--btn-background: var(--primary);
	--btn-background-hover: var(--primary-hover);
	--btn-text-color: var(--base);
	--btn-text-color-hover: var(--base);
	--btn-border-color: var(--primary);
	--btn-border-color-hover: var(--primary-hover);
	--focus-color: var(--primary-light);
}

.bg--ultra-dark [class*="btn--"]:not(.unrelate).btn--outline {
	--btn-background: transparent;
	--btn-background-hover: var(--primary-hover);
	--btn-text-color: var(--primary);
	--btn-text-color-hover: var(--primary-ultra-dark);
	--btn-border-width: 1px;
	--btn-border-color: var(--primary);
	--btn-border-color-hover: var(--primary-hover);
	--focus-color: var(--primary-light);
} */

/* Feat: Section Padding */
.section--xs {
	padding-block: var(--section-space-xs);
	padding-inline: var(--gutter);
}

.section--s {
	padding-block: var(--section-space-s);
	padding-inline: var(--gutter);
}

.section--m {
	padding-block: var(--section-space-m);
	padding-inline: var(--gutter);
}

.section--l {
	padding-block: var(--section-space-l);
	padding-inline: var(--gutter);
}

.section--xl {
	padding-block: var(--section-space-xl);
	padding-inline: var(--gutter);
}

.section--xxl {
	padding-block: var(--section-space-xxl);
	padding-inline: var(--gutter);
}

.section--none {
	padding-block: 0;
	padding-inline: var(--gutter);
}

@media (max-width: 1366px) {
	.section--xl-xs {
		padding-block: var(--section-space-xs);
		padding-inline: var(--gutter);
	}

	.section--xl-s {
		padding-block: var(--section-space-s);
		padding-inline: var(--gutter);
	}

	.section--xl-m {
		padding-block: var(--section-space-m);
		padding-inline: var(--gutter);
	}

	.section--xl-l {
		padding-block: var(--section-space-l);
		padding-inline: var(--gutter);
	}

	.section--xl-xl {
		padding-block: var(--section-space-xl);
		padding-inline: var(--gutter);
	}

	.section--xl-xxl {
		padding-block: var(--section-space-xxl);
		padding-inline: var(--gutter);
	}

	.section--xl-none {
		padding-inline: 0 var(--gutter);
	}
}

@media (max-width: 992px) {
	.section--l-xs {
		padding-block: var(--section-space-xs);
		padding-inline: var(--gutter);
	}

	.section--l-s {
		padding-block: var(--section-space-s);
		padding-inline: var(--gutter);
	}

	.section--l-m {
		padding-block: var(--section-space-m);
		padding-inline: var(--gutter);
	}

	.section--l-l {
		padding-block: var(--section-space-l);
		padding-inline: var(--gutter);
	}

	.section--l-xl {
		padding-block: var(--section-space-xl);
		padding-inline: var(--gutter);
	}

	.section--l-xxl {
		padding-block: var(--section-space-xxl);
		padding-inline: var(--gutter);
	}

	.section--l-none {
		padding-inline: 0 var(--gutter);
	}
}

@media (max-width: 768px) {
	.section--m-xs {
		padding-block: var(--section-space-xs);
		padding-inline: var(--gutter);
	}

	.section--m-s {
		padding-block: var(--section-space-s);
		padding-inline: var(--gutter);
	}

	.section--m-m {
		padding-block: var(--section-space-m);
		padding-inline: var(--gutter);
	}

	.section--m-l {
		padding-block: var(--section-space-l);
		padding-inline: var(--gutter);
	}

	.section--m-xl {
		padding-block: var(--section-space-xl);
		padding-inline: var(--gutter);
	}

	.section--m-xxl {
		padding-block: var(--section-space-xxl);
		padding-inline: var(--gutter);
	}

	.section--m-none {
		padding-inline: 0 var(--gutter);
	}
}

@media (max-width: 480px) {
	.section--s-xs {
		padding-block: var(--section-space-xs);
		padding-inline: var(--gutter);
	}

	.section--s-s {
		padding-block: var(--section-space-s);
		padding-inline: var(--gutter);
	}

	.section--s-m {
		padding-block: var(--section-space-m);
		padding-inline: var(--gutter);
	}

	.section--s-l {
		padding-block: var(--section-space-l);
		padding-inline: var(--gutter);
	}

	.section--s-xl {
		padding-block: var(--section-space-xl);
		padding-inline: var(--gutter);
	}

	.section--s-xxl {
		padding-block: var(--section-space-xxl);
		padding-inline: var(--gutter);
	}

	.section--s-none {
		padding-inline: 0 var(--gutter);
	}
}


/* Feat: Grid */
/* .grid--1 {
	display: grid !important;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--1>* {
	grid-column: 1 !important;
}

.grid--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid--3 {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--4 {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--5 {
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--6 {
	display: grid !important;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--7 {
	display: grid !important;
	grid-template-columns: repeat(7, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--8 {
	display: grid !important;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--9 {
	display: grid !important;
	grid-template-columns: repeat(9, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--10 {
	display: grid !important;
	grid-template-columns: repeat(10, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--11 {
	display: grid !important;
	grid-template-columns: repeat(11, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--12 {
	display: grid !important;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	inline-size: 100%;
}

.grid--1-2 {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	inline-size: 100%;
}

.grid--1-3 {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
	inline-size: 100%;
}

.grid--2-1 {
	display: grid !important;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	inline-size: 100%;
}

.grid--2-3 {
	display: grid !important;
	grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
	inline-size: 100%;
}

.grid--3-1 {
	display: grid !important;
	grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
	inline-size: 100%;
}

.grid--3-2 {
	display: grid !important;
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	inline-size: 100%;
}

.grid-rows--1 {
	grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows--2 {
	grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows--3 {
	grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows--4 {
	grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-rows--5 {
	grid-template-rows: repeat(5, minmax(0, 1fr));
}

.grid-rows--6 {
	grid-template-rows: repeat(6, minmax(0, 1fr));
}

.grid-rows--7 {
	grid-template-rows: repeat(7, minmax(0, 1fr));
}

.grid-rows--8 {
	grid-template-rows: repeat(8, minmax(0, 1fr));
}

.grid-rows--9 {
	grid-template-rows: repeat(9, minmax(0, 1fr));
}

.grid-rows--10 {
	grid-template-rows: repeat(10, minmax(0, 1fr));
}

.grid-rows--11 {
	grid-template-rows: repeat(11, minmax(0, 1fr));
}

.grid-rows--12 {
	grid-template-rows: repeat(12, minmax(0, 1fr));
}

@media (max-width: 1366px) {
	.grid--xl-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.grid--xl-1>* {
		grid-column: 1 !important;
	}

	.grid--xl-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.grid--xl-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.grid--xl-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.grid--xl-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.grid--xl-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.grid--xl-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}

	.grid--xl-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}

	.grid--xl-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr));
	}

	.grid--xl-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}

	.grid--xl-11 {
		grid-template-columns: repeat(11, minmax(0, 1fr));
	}

	.grid--xl-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.grid-rows--xl-1 {
		grid-template-rows: repeat(1, minmax(0, 1fr));
	}

	.grid-rows--xl-2 {
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}

	.grid-rows--xl-3 {
		grid-template-rows: repeat(3, minmax(0, 1fr));
	}

	.grid-rows--xl-4 {
		grid-template-rows: repeat(4, minmax(0, 1fr));
	}

	.grid-rows--xl-5 {
		grid-template-rows: repeat(5, minmax(0, 1fr));
	}

	.grid-rows--xl-6 {
		grid-template-rows: repeat(6, minmax(0, 1fr));
	}

	.grid-rows--xl-7 {
		grid-template-rows: repeat(7, minmax(0, 1fr));
	}

	.grid-rows--xl-8 {
		grid-template-rows: repeat(8, minmax(0, 1fr));
	}

	.grid-rows--xl-9 {
		grid-template-rows: repeat(9, minmax(0, 1fr));
	}

	.grid-rows--xl-10 {
		grid-template-rows: repeat(10, minmax(0, 1fr));
	}

	.grid-rows--xl-11 {
		grid-template-rows: repeat(11, minmax(0, 1fr));
	}

	.grid-rows--xl-12 {
		grid-template-rows: repeat(12, minmax(0, 1fr));
	}
}

@media (max-width: 992px) {
	.grid--l-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.grid--l-1>* {
		grid-column: 1 !important;
	}

	.grid--l-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.grid--l-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.grid--l-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.grid--l-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.grid--l-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.grid--l-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}

	.grid--l-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}

	.grid--l-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr));
	}

	.grid--l-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}

	.grid--l-11 {
		grid-template-columns: repeat(11, minmax(0, 1fr));
	}

	.grid--l-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.grid-rows--l-1 {
		grid-template-rows: repeat(1, minmax(0, 1fr));
	}

	.grid-rows--l-2 {
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}

	.grid-rows--l-3 {
		grid-template-rows: repeat(3, minmax(0, 1fr));
	}

	.grid-rows--l-4 {
		grid-template-rows: repeat(4, minmax(0, 1fr));
	}

	.grid-rows--l-5 {
		grid-template-rows: repeat(5, minmax(0, 1fr));
	}

	.grid-rows--l-6 {
		grid-template-rows: repeat(6, minmax(0, 1fr));
	}

	.grid-rows--l-7 {
		grid-template-rows: repeat(7, minmax(0, 1fr));
	}

	.grid-rows--l-8 {
		grid-template-rows: repeat(8, minmax(0, 1fr));
	}

	.grid-rows--l-9 {
		grid-template-rows: repeat(9, minmax(0, 1fr));
	}

	.grid-rows--l-10 {
		grid-template-rows: repeat(10, minmax(0, 1fr));
	}

	.grid-rows--l-11 {
		grid-template-rows: repeat(11, minmax(0, 1fr));
	}

	.grid-rows--l-12 {
		grid-template-rows: repeat(12, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.grid--m-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.grid--m-1>* {
		grid-column: 1 !important;
	}

	.grid--m-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.grid--m-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.grid--m-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.grid--m-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.grid--m-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.grid--m-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}

	.grid--m-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}

	.grid--m-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr));
	}

	.grid--m-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}

	.grid--m-11 {
		grid-template-columns: repeat(11, minmax(0, 1fr));
	}

	.grid--m-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.grid-rows--m-1 {
		grid-template-rows: repeat(1, minmax(0, 1fr));
	}

	.grid-rows--m-2 {
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}

	.grid-rows--m-3 {
		grid-template-rows: repeat(3, minmax(0, 1fr));
	}

	.grid-rows--m-4 {
		grid-template-rows: repeat(4, minmax(0, 1fr));
	}

	.grid-rows--m-5 {
		grid-template-rows: repeat(5, minmax(0, 1fr));
	}

	.grid-rows--m-6 {
		grid-template-rows: repeat(6, minmax(0, 1fr));
	}

	.grid-rows--m-7 {
		grid-template-rows: repeat(7, minmax(0, 1fr));
	}

	.grid-rows--m-8 {
		grid-template-rows: repeat(8, minmax(0, 1fr));
	}

	.grid-rows--m-9 {
		grid-template-rows: repeat(9, minmax(0, 1fr));
	}

	.grid-rows--m-10 {
		grid-template-rows: repeat(10, minmax(0, 1fr));
	}

	.grid-rows--m-11 {
		grid-template-rows: repeat(11, minmax(0, 1fr));
	}

	.grid-rows--m-12 {
		grid-template-rows: repeat(12, minmax(0, 1fr));
	}
} */

/* @media (max-width: 480px) {
	.grid--s-1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.grid--s-1>* {
		grid-column: 1 !important;
	}

	.grid--s-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.grid--s-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.grid--s-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.grid--s-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.grid--s-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	.grid--s-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}

	.grid--s-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}

	.grid--s-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr));
	}

	.grid--s-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}

	.grid--s-11 {
		grid-template-columns: repeat(11, minmax(0, 1fr));
	}

	.grid--s-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.grid-rows--s-1 {
		grid-template-rows: repeat(1, minmax(0, 1fr));
	}

	.grid-rows--s-2 {
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}

	.grid-rows--s-3 {
		grid-template-rows: repeat(3, minmax(0, 1fr));
	}

	.grid-rows--s-4 {
		grid-template-rows: repeat(4, minmax(0, 1fr));
	}

	.grid-rows--s-5 {
		grid-template-rows: repeat(5, minmax(0, 1fr));
	}

	.grid-rows--s-6 {
		grid-template-rows: repeat(6, minmax(0, 1fr));
	}

	.grid-rows--s-7 {
		grid-template-rows: repeat(7, minmax(0, 1fr));
	}

	.grid-rows--s-8 {
		grid-template-rows: repeat(8, minmax(0, 1fr));
	}

	.grid-rows--s-9 {
		grid-template-rows: repeat(9, minmax(0, 1fr));
	}

	.grid-rows--s-10 {
		grid-template-rows: repeat(10, minmax(0, 1fr));
	}

	.grid-rows--s-11 {
		grid-template-rows: repeat(11, minmax(0, 1fr));
	}

	.grid-rows--s-12 {
		grid-template-rows: repeat(12, minmax(0, 1fr));
	}
} */

/* .grid--auto-rows {
	grid-auto-rows: minmax(-webkit-min-content, 1fr);
	grid-auto-rows: minmax(min-content, 1fr);
} */

/* Feat: Grid Spans & Starts */
.row-span--1 {
	grid-row-end: span 1;
}

.col-span--1 {
	grid-column-end: span 1;
}

.row-start--1 {
	grid-row-start: 1;
}

.row-end--1 {
	grid-row-end: 1;
}

.col-start--1 {
	grid-column-start: 1;
}

.col-end--1 {
	grid-column-end: 1;
}

.row-span--2 {
	grid-row-end: span 2;
}

.col-span--2 {
	grid-column-end: span 2;
}

.row-start--2 {
	grid-row-start: 2;
}

.row-end--2 {
	grid-row-end: 2;
}

.col-start--2 {
	grid-column-start: 2;
}

.col-end--2 {
	grid-column-end: 2;
}

.row-span--3 {
	grid-row-end: span 3;
}

.col-span--3 {
	grid-column-end: span 3;
}

.row-start--3 {
	grid-row-start: 3;
}

.row-end--3 {
	grid-row-end: 3;
}

.col-start--3 {
	grid-column-start: 3;
}

.col-end--3 {
	grid-column-end: 3;
}

.row-span--4 {
	grid-row-end: span 4;
}

.col-span--4 {
	grid-column-end: span 4;
}

.row-start--4 {
	grid-row-start: 4;
}

.row-end--4 {
	grid-row-end: 4;
}

.col-start--4 {
	grid-column-start: 4;
}

.col-end--4 {
	grid-column-end: 4;
}

.row-span--5 {
	grid-row-end: span 5;
}

.col-span--5 {
	grid-column-end: span 5;
}

.row-start--5 {
	grid-row-start: 5;
}

.row-end--5 {
	grid-row-end: 5;
}

.col-start--5 {
	grid-column-start: 5;
}

.col-end--5 {
	grid-column-end: 5;
}

.row-span--6 {
	grid-row-end: span 6;
}

.col-span--6 {
	grid-column-end: span 6;
}

.row-start--6 {
	grid-row-start: 6;
}

.row-end--6 {
	grid-row-end: 6;
}

.col-start--6 {
	grid-column-start: 6;
}

.col-end--6 {
	grid-column-end: 6;
}

.row-span--7 {
	grid-row-end: span 7;
}

.col-span--7 {
	grid-column-end: span 7;
}

.row-start--7 {
	grid-row-start: 7;
}

.row-end--7 {
	grid-row-end: 7;
}

.col-start--7 {
	grid-column-start: 7;
}

.col-end--7 {
	grid-column-end: 7;
}

.row-span--8 {
	grid-row-end: span 8;
}

.col-span--8 {
	grid-column-end: span 8;
}

.row-start--8 {
	grid-row-start: 8;
}

.row-end--8 {
	grid-row-end: 8;
}

.col-start--8 {
	grid-column-start: 8;
}

.col-end--8 {
	grid-column-end: 8;
}

.row-span--9 {
	grid-row-end: span 9;
}

.col-span--9 {
	grid-column-end: span 9;
}

.row-start--9 {
	grid-row-start: 9;
}

.row-end--9 {
	grid-row-end: 9;
}

.col-start--9 {
	grid-column-start: 9;
}

.col-end--9 {
	grid-column-end: 9;
}

.row-span--10 {
	grid-row-end: span 10;
}

.col-span--10 {
	grid-column-end: span 10;
}

.row-start--10 {
	grid-row-start: 10;
}

.row-end--10 {
	grid-row-end: 10;
}

.col-start--10 {
	grid-column-start: 10;
}

.col-end--10 {
	grid-column-end: 10;
}

.row-span--11 {
	grid-row-end: span 11;
}

.col-span--11 {
	grid-column-end: span 11;
}

.row-start--11 {
	grid-row-start: 11;
}

.row-end--11 {
	grid-row-end: 11;
}

.col-start--11 {
	grid-column-start: 11;
}

.col-end--11 {
	grid-column-end: 11;
}

.row-span--12 {
	grid-row-end: span 12;
}

.col-span--12 {
	grid-column-end: span 12;
}

.row-start--12 {
	grid-row-start: 12;
}

.row-end--12 {
	grid-row-end: 12;
}

.col-start--12 {
	grid-column-start: 12;
}

.col-end--12 {
	grid-column-end: 12;
}

@media (max-width: 1366px) {
	.row-span--xl-1 {
		grid-row: span 1;
	}

	.col-span--xl-1 {
		grid-column: span 1;
	}

	.row-start--xl-1 {
		grid-row-start: 1;
	}

	.row-end--xl-1 {
		grid-row-end: 1;
	}

	.col-start--xl-1 {
		grid-column-start: 1;
	}

	.col-end--xl-1 {
		grid-column-end: 1;
	}

	.row-span--xl-2 {
		grid-row: span 2;
	}

	.col-span--xl-2 {
		grid-column: span 2;
	}

	.row-start--xl-2 {
		grid-row-start: 2;
	}

	.row-end--xl-2 {
		grid-row-end: 2;
	}

	.col-start--xl-2 {
		grid-column-start: 2;
	}

	.col-end--xl-2 {
		grid-column-end: 2;
	}

	.row-span--xl-3 {
		grid-row: span 3;
	}

	.col-span--xl-3 {
		grid-column: span 3;
	}

	.row-start--xl-3 {
		grid-row-start: 3;
	}

	.row-end--xl-3 {
		grid-row-end: 3;
	}

	.col-start--xl-3 {
		grid-column-start: 3;
	}

	.col-end--xl-3 {
		grid-column-end: 3;
	}

	.row-span--xl-4 {
		grid-row: span 4;
	}

	.col-span--xl-4 {
		grid-column: span 4;
	}

	.row-start--xl-4 {
		grid-row-start: 4;
	}

	.row-end--xl-4 {
		grid-row-end: 4;
	}

	.col-start--xl-4 {
		grid-column-start: 4;
	}

	.col-end--xl-4 {
		grid-column-end: 4;
	}

	.row-span--xl-5 {
		grid-row: span 5;
	}

	.col-span--xl-5 {
		grid-column: span 5;
	}

	.row-start--xl-5 {
		grid-row-start: 5;
	}

	.row-end--xl-5 {
		grid-row-end: 5;
	}

	.col-start--xl-5 {
		grid-column-start: 5;
	}

	.col-end--xl-5 {
		grid-column-end: 5;
	}

	.row-span--xl-6 {
		grid-row: span 6;
	}

	.col-span--xl-6 {
		grid-column: span 6;
	}

	.row-start--xl-6 {
		grid-row-start: 6;
	}

	.row-end--xl-6 {
		grid-row-end: 6;
	}

	.col-start--xl-6 {
		grid-column-start: 6;
	}

	.col-end--xl-6 {
		grid-column-end: 6;
	}

	.row-span--xl-7 {
		grid-row: span 7;
	}

	.col-span--xl-7 {
		grid-column: span 7;
	}

	.row-start--xl-7 {
		grid-row-start: 7;
	}

	.row-end--xl-7 {
		grid-row-end: 7;
	}

	.col-start--xl-7 {
		grid-column-start: 7;
	}

	.col-end--xl-7 {
		grid-column-end: 7;
	}

	.row-span--xl-8 {
		grid-row: span 8;
	}

	.col-span--xl-8 {
		grid-column: span 8;
	}

	.row-start--xl-8 {
		grid-row-start: 8;
	}

	.row-end--xl-8 {
		grid-row-end: 8;
	}

	.col-start--xl-8 {
		grid-column-start: 8;
	}

	.col-end--xl-8 {
		grid-column-end: 8;
	}

	.row-span--xl-9 {
		grid-row: span 9;
	}

	.col-span--xl-9 {
		grid-column: span 9;
	}

	.row-start--xl-9 {
		grid-row-start: 9;
	}

	.row-end--xl-9 {
		grid-row-end: 9;
	}

	.col-start--xl-9 {
		grid-column-start: 9;
	}

	.col-end--xl-9 {
		grid-column-end: 9;
	}

	.row-span--xl-10 {
		grid-row: span 10;
	}

	.col-span--xl-10 {
		grid-column: span 10;
	}

	.row-start--xl-10 {
		grid-row-start: 10;
	}

	.row-end--xl-10 {
		grid-row-end: 10;
	}

	.col-start--xl-10 {
		grid-column-start: 10;
	}

	.col-end--xl-10 {
		grid-column-end: 10;
	}

	.row-span--xl-11 {
		grid-row: span 11;
	}

	.col-span--xl-11 {
		grid-column: span 11;
	}

	.row-start--xl-11 {
		grid-row-start: 11;
	}

	.row-end--xl-11 {
		grid-row-end: 11;
	}

	.col-start--xl-11 {
		grid-column-start: 11;
	}

	.col-end--xl-11 {
		grid-column-end: 11;
	}

	.row-span--xl-12 {
		grid-row: span 12;
	}

	.col-span--xl-12 {
		grid-column: span 12;
	}

	.row-start--xl-12 {
		grid-row-start: 12;
	}

	.row-end--xl-12 {
		grid-row-end: 12;
	}

	.col-start--xl-12 {
		grid-column-start: 12;
	}

	.col-end--xl-12 {
		grid-column-end: 12;
	}
}

@media (max-width: 992px) {
	.row-span--l-1 {
		grid-row: span 1;
	}

	.col-span--l-1 {
		grid-column: span 1;
	}

	.row-start--l-1 {
		grid-row-start: 1;
	}

	.row-end--l-1 {
		grid-row-end: 1;
	}

	.col-start--l-1 {
		grid-column-start: 1;
	}

	.col-end--l-1 {
		grid-column-end: 1;
	}

	.row-span--l-2 {
		grid-row: span 2;
	}

	.col-span--l-2 {
		grid-column: span 2;
	}

	.row-start--l-2 {
		grid-row-start: 2;
	}

	.row-end--l-2 {
		grid-row-end: 2;
	}

	.col-start--l-2 {
		grid-column-start: 2;
	}

	.col-end--l-2 {
		grid-column-end: 2;
	}

	.row-span--l-3 {
		grid-row: span 3;
	}

	.col-span--l-3 {
		grid-column: span 3;
	}

	.row-start--l-3 {
		grid-row-start: 3;
	}

	.row-end--l-3 {
		grid-row-end: 3;
	}

	.col-start--l-3 {
		grid-column-start: 3;
	}

	.col-end--l-3 {
		grid-column-end: 3;
	}

	.row-span--l-4 {
		grid-row: span 4;
	}

	.col-span--l-4 {
		grid-column: span 4;
	}

	.row-start--l-4 {
		grid-row-start: 4;
	}

	.row-end--l-4 {
		grid-row-end: 4;
	}

	.col-start--l-4 {
		grid-column-start: 4;
	}

	.col-end--l-4 {
		grid-column-end: 4;
	}

	.row-span--l-5 {
		grid-row: span 5;
	}

	.col-span--l-5 {
		grid-column: span 5;
	}

	.row-start--l-5 {
		grid-row-start: 5;
	}

	.row-end--l-5 {
		grid-row-end: 5;
	}

	.col-start--l-5 {
		grid-column-start: 5;
	}

	.col-end--l-5 {
		grid-column-end: 5;
	}

	.row-span--l-6 {
		grid-row: span 6;
	}

	.col-span--l-6 {
		grid-column: span 6;
	}

	.row-start--l-6 {
		grid-row-start: 6;
	}

	.row-end--l-6 {
		grid-row-end: 6;
	}

	.col-start--l-6 {
		grid-column-start: 6;
	}

	.col-end--l-6 {
		grid-column-end: 6;
	}

	.row-span--l-7 {
		grid-row: span 7;
	}

	.col-span--l-7 {
		grid-column: span 7;
	}

	.row-start--l-7 {
		grid-row-start: 7;
	}

	.row-end--l-7 {
		grid-row-end: 7;
	}

	.col-start--l-7 {
		grid-column-start: 7;
	}

	.col-end--l-7 {
		grid-column-end: 7;
	}

	.row-span--l-8 {
		grid-row: span 8;
	}

	.col-span--l-8 {
		grid-column: span 8;
	}

	.row-start--l-8 {
		grid-row-start: 8;
	}

	.row-end--l-8 {
		grid-row-end: 8;
	}

	.col-start--l-8 {
		grid-column-start: 8;
	}

	.col-end--l-8 {
		grid-column-end: 8;
	}

	.row-span--l-9 {
		grid-row: span 9;
	}

	.col-span--l-9 {
		grid-column: span 9;
	}

	.row-start--l-9 {
		grid-row-start: 9;
	}

	.row-end--l-9 {
		grid-row-end: 9;
	}

	.col-start--l-9 {
		grid-column-start: 9;
	}

	.col-end--l-9 {
		grid-column-end: 9;
	}

	.row-span--l-10 {
		grid-row: span 10;
	}

	.col-span--l-10 {
		grid-column: span 10;
	}

	.row-start--l-10 {
		grid-row-start: 10;
	}

	.row-end--l-10 {
		grid-row-end: 10;
	}

	.col-start--l-10 {
		grid-column-start: 10;
	}

	.col-end--l-10 {
		grid-column-end: 10;
	}

	.row-span--l-11 {
		grid-row: span 11;
	}

	.col-span--l-11 {
		grid-column: span 11;
	}

	.row-start--l-11 {
		grid-row-start: 11;
	}

	.row-end--l-11 {
		grid-row-end: 11;
	}

	.col-start--l-11 {
		grid-column-start: 11;
	}

	.col-end--l-11 {
		grid-column-end: 11;
	}

	.row-span--l-12 {
		grid-row: span 12;
	}

	.col-span--l-12 {
		grid-column: span 12;
	}

	.row-start--l-12 {
		grid-row-start: 12;
	}

	.row-end--l-12 {
		grid-row-end: 12;
	}

	.col-start--l-12 {
		grid-column-start: 12;
	}

	.col-end--l-12 {
		grid-column-end: 12;
	}
}

@media (max-width: 768px) {
	.row-span--m-1 {
		grid-row: span 1;
	}

	.col-span--m-1 {
		grid-column: span 1;
	}

	.row-start--m-1 {
		grid-row-start: 1;
	}

	.row-end--m-1 {
		grid-row-end: 1;
	}

	.col-start--m-1 {
		grid-column-start: 1;
	}

	.col-end--m-1 {
		grid-column-end: 1;
	}

	.row-span--m-2 {
		grid-row: span 2;
	}

	.col-span--m-2 {
		grid-column: span 2;
	}

	.row-start--m-2 {
		grid-row-start: 2;
	}

	.row-end--m-2 {
		grid-row-end: 2;
	}

	.col-start--m-2 {
		grid-column-start: 2;
	}

	.col-end--m-2 {
		grid-column-end: 2;
	}

	.row-span--m-3 {
		grid-row: span 3;
	}

	.col-span--m-3 {
		grid-column: span 3;
	}

	.row-start--m-3 {
		grid-row-start: 3;
	}

	.row-end--m-3 {
		grid-row-end: 3;
	}

	.col-start--m-3 {
		grid-column-start: 3;
	}

	.col-end--m-3 {
		grid-column-end: 3;
	}

	.row-span--m-4 {
		grid-row: span 4;
	}

	.col-span--m-4 {
		grid-column: span 4;
	}

	.row-start--m-4 {
		grid-row-start: 4;
	}

	.row-end--m-4 {
		grid-row-end: 4;
	}

	.col-start--m-4 {
		grid-column-start: 4;
	}

	.col-end--m-4 {
		grid-column-end: 4;
	}

	.row-span--m-5 {
		grid-row: span 5;
	}

	.col-span--m-5 {
		grid-column: span 5;
	}

	.row-start--m-5 {
		grid-row-start: 5;
	}

	.row-end--m-5 {
		grid-row-end: 5;
	}

	.col-start--m-5 {
		grid-column-start: 5;
	}

	.col-end--m-5 {
		grid-column-end: 5;
	}

	.row-span--m-6 {
		grid-row: span 6;
	}

	.col-span--m-6 {
		grid-column: span 6;
	}

	.row-start--m-6 {
		grid-row-start: 6;
	}

	.row-end--m-6 {
		grid-row-end: 6;
	}

	.col-start--m-6 {
		grid-column-start: 6;
	}

	.col-end--m-6 {
		grid-column-end: 6;
	}

	.row-span--m-7 {
		grid-row: span 7;
	}

	.col-span--m-7 {
		grid-column: span 7;
	}

	.row-start--m-7 {
		grid-row-start: 7;
	}

	.row-end--m-7 {
		grid-row-end: 7;
	}

	.col-start--m-7 {
		grid-column-start: 7;
	}

	.col-end--m-7 {
		grid-column-end: 7;
	}

	.row-span--m-8 {
		grid-row: span 8;
	}

	.col-span--m-8 {
		grid-column: span 8;
	}

	.row-start--m-8 {
		grid-row-start: 8;
	}

	.row-end--m-8 {
		grid-row-end: 8;
	}

	.col-start--m-8 {
		grid-column-start: 8;
	}

	.col-end--m-8 {
		grid-column-end: 8;
	}

	.row-span--m-9 {
		grid-row: span 9;
	}

	.col-span--m-9 {
		grid-column: span 9;
	}

	.row-start--m-9 {
		grid-row-start: 9;
	}

	.row-end--m-9 {
		grid-row-end: 9;
	}

	.col-start--m-9 {
		grid-column-start: 9;
	}

	.col-end--m-9 {
		grid-column-end: 9;
	}

	.row-span--m-10 {
		grid-row: span 10;
	}

	.col-span--m-10 {
		grid-column: span 10;
	}

	.row-start--m-10 {
		grid-row-start: 10;
	}

	.row-end--m-10 {
		grid-row-end: 10;
	}

	.col-start--m-10 {
		grid-column-start: 10;
	}

	.col-end--m-10 {
		grid-column-end: 10;
	}

	.row-span--m-11 {
		grid-row: span 11;
	}

	.col-span--m-11 {
		grid-column: span 11;
	}

	.row-start--m-11 {
		grid-row-start: 11;
	}

	.row-end--m-11 {
		grid-row-end: 11;
	}

	.col-start--m-11 {
		grid-column-start: 11;
	}

	.col-end--m-11 {
		grid-column-end: 11;
	}

	.row-span--m-12 {
		grid-row: span 12;
	}

	.col-span--m-12 {
		grid-column: span 12;
	}

	.row-start--m-12 {
		grid-row-start: 12;
	}

	.row-end--m-12 {
		grid-row-end: 12;
	}

	.col-start--m-12 {
		grid-column-start: 12;
	}

	.col-end--m-12 {
		grid-column-end: 12;
	}
}

@media (max-width: 480px) {
	.row-span--s-1 {
		grid-row: span 1;
	}

	.col-span--s-1 {
		grid-column: span 1;
	}

	.row-start--s-1 {
		grid-row-start: 1;
	}

	.row-end--s-1 {
		grid-row-end: 1;
	}

	.col-start--s-1 {
		grid-column-start: 1;
	}

	.col-end--s-1 {
		grid-column-end: 1;
	}

	.row-span--s-2 {
		grid-row: span 2;
	}

	.col-span--s-2 {
		grid-column: span 2;
	}

	.row-start--s-2 {
		grid-row-start: 2;
	}

	.row-end--s-2 {
		grid-row-end: 2;
	}

	.col-start--s-2 {
		grid-column-start: 2;
	}

	.col-end--s-2 {
		grid-column-end: 2;
	}

	.row-span--s-3 {
		grid-row: span 3;
	}

	.col-span--s-3 {
		grid-column: span 3;
	}

	.row-start--s-3 {
		grid-row-start: 3;
	}

	.row-end--s-3 {
		grid-row-end: 3;
	}

	.col-start--s-3 {
		grid-column-start: 3;
	}

	.col-end--s-3 {
		grid-column-end: 3;
	}

	.row-span--s-4 {
		grid-row: span 4;
	}

	.col-span--s-4 {
		grid-column: span 4;
	}

	.row-start--s-4 {
		grid-row-start: 4;
	}

	.row-end--s-4 {
		grid-row-end: 4;
	}

	.col-start--s-4 {
		grid-column-start: 4;
	}

	.col-end--s-4 {
		grid-column-end: 4;
	}

	.row-span--s-5 {
		grid-row: span 5;
	}

	.col-span--s-5 {
		grid-column: span 5;
	}

	.row-start--s-5 {
		grid-row-start: 5;
	}

	.row-end--s-5 {
		grid-row-end: 5;
	}

	.col-start--s-5 {
		grid-column-start: 5;
	}

	.col-end--s-5 {
		grid-column-end: 5;
	}

	.row-span--s-6 {
		grid-row: span 6;
	}

	.col-span--s-6 {
		grid-column: span 6;
	}

	.row-start--s-6 {
		grid-row-start: 6;
	}

	.row-end--s-6 {
		grid-row-end: 6;
	}

	.col-start--s-6 {
		grid-column-start: 6;
	}

	.col-end--s-6 {
		grid-column-end: 6;
	}

	.row-span--s-7 {
		grid-row: span 7;
	}

	.col-span--s-7 {
		grid-column: span 7;
	}

	.row-start--s-7 {
		grid-row-start: 7;
	}

	.row-end--s-7 {
		grid-row-end: 7;
	}

	.col-start--s-7 {
		grid-column-start: 7;
	}

	.col-end--s-7 {
		grid-column-end: 7;
	}

	.row-span--s-8 {
		grid-row: span 8;
	}

	.col-span--s-8 {
		grid-column: span 8;
	}

	.row-start--s-8 {
		grid-row-start: 8;
	}

	.row-end--s-8 {
		grid-row-end: 8;
	}

	.col-start--s-8 {
		grid-column-start: 8;
	}

	.col-end--s-8 {
		grid-column-end: 8;
	}

	.row-span--s-9 {
		grid-row: span 9;
	}

	.col-span--s-9 {
		grid-column: span 9;
	}

	.row-start--s-9 {
		grid-row-start: 9;
	}

	.row-end--s-9 {
		grid-row-end: 9;
	}

	.col-start--s-9 {
		grid-column-start: 9;
	}

	.col-end--s-9 {
		grid-column-end: 9;
	}

	.row-span--s-10 {
		grid-row: span 10;
	}

	.col-span--s-10 {
		grid-column: span 10;
	}

	.row-start--s-10 {
		grid-row-start: 10;
	}

	.row-end--s-10 {
		grid-row-end: 10;
	}

	.col-start--s-10 {
		grid-column-start: 10;
	}

	.col-end--s-10 {
		grid-column-end: 10;
	}

	.row-span--s-11 {
		grid-row: span 11;
	}

	.col-span--s-11 {
		grid-column: span 11;
	}

	.row-start--s-11 {
		grid-row-start: 11;
	}

	.row-end--s-11 {
		grid-row-end: 11;
	}

	.col-start--s-11 {
		grid-column-start: 11;
	}

	.col-end--s-11 {
		grid-column-end: 11;
	}

	.row-span--s-12 {
		grid-row: span 12;
	}

	.col-span--s-12 {
		grid-column: span 12;
	}

	.row-start--s-12 {
		grid-row-start: 12;
	}

	.row-end--s-12 {
		grid-row-end: 12;
	}

	.col-start--s-12 {
		grid-column-start: 12;
	}

	.col-end--s-12 {
		grid-column-end: 12;
	}
}

.col-span--all {
	grid-column: 1 / -1;
}

@media (max-width: 1366px) {
	.col-span--xl-all {
		grid-column: 1 / -1;
	}
}

@media (max-width: 992px) {
	.col-span--l-all {
		grid-column: 1 / -1;
	}
}

@media (max-width: 768px) {
	.col-span--m-all {
		grid-column: 1 / -1;
	}
}

@media (max-width: 480px) {
	.col-span--s-all {
		grid-column: 1 / -1;
	}
}

/* Feat: Auto Alternating Grids */
@media (min-width: 1367px) {
	.grid--alternate-xl>.grid--2:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-xl>.grid--1-2:nth-of-type(even) {
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	}

	.grid--alternate-xl>.grid--1-2:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-xl>.grid--1-3:nth-of-type(even) {
		grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
	}

	.grid--alternate-xl>.grid--1-3:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-xl>.grid--2-1:nth-of-type(even) {
		grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	}

	.grid--alternate-xl>.grid--2-1:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-xl>.grid--2-3:nth-of-type(even) {
		grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	}

	.grid--alternate-xl>.grid--2-3:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-xl>.grid--3-1:nth-of-type(even) {
		grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
	}

	.grid--alternate-xl>.grid--3-1:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-xl>.grid--3-2:nth-of-type(even) {
		grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
	}

	.grid--alternate-xl>.grid--3-2:nth-of-type(even)>*:last-child {
		order: -1;
	}
}

@media (min-width: 993px) {
	.grid--alternate-l>.grid--2:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-l>.grid--1-2:nth-of-type(even) {
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	}

	.grid--alternate-l>.grid--1-2:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-l>.grid--1-3:nth-of-type(even) {
		grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
	}

	.grid--alternate-l>.grid--1-3:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-l>.grid--2-1:nth-of-type(even) {
		grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	}

	.grid--alternate-l>.grid--2-1:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-l>.grid--2-3:nth-of-type(even) {
		grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	}

	.grid--alternate-l>.grid--2-3:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-l>.grid--3-1:nth-of-type(even) {
		grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
	}

	.grid--alternate-l>.grid--3-1:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-l>.grid--3-2:nth-of-type(even) {
		grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
	}

	.grid--alternate-l>.grid--3-2:nth-of-type(even)>*:last-child {
		order: -1;
	}
}

@media (min-width: 769px) {
	.grid--alternate-m>.grid--2:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-m>.grid--1-2:nth-of-type(even) {
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	}

	.grid--alternate-m>.grid--1-2:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-m>.grid--1-3:nth-of-type(even) {
		grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
	}

	.grid--alternate-m>.grid--1-3:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-m>.grid--2-1:nth-of-type(even) {
		grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	}

	.grid--alternate-m>.grid--2-1:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-m>.grid--2-3:nth-of-type(even) {
		grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	}

	.grid--alternate-m>.grid--2-3:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-m>.grid--3-1:nth-of-type(even) {
		grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
	}

	.grid--alternate-m>.grid--3-1:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-m>.grid--3-2:nth-of-type(even) {
		grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
	}

	.grid--alternate-m>.grid--3-2:nth-of-type(even)>*:last-child {
		order: -1;
	}
}

@media (min-width: 481px) {
	.grid--alternate-s>.grid--2:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-s>.grid--1-2:nth-of-type(even) {
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	}

	.grid--alternate-s>.grid--1-2:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-s>.grid--1-3:nth-of-type(even) {
		grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
	}

	.grid--alternate-s>.grid--1-3:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-s>.grid--2-1:nth-of-type(even) {
		grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	}

	.grid--alternate-s>.grid--2-1:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-s>.grid--2-3:nth-of-type(even) {
		grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
	}

	.grid--alternate-s>.grid--2-3:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-s>.grid--3-1:nth-of-type(even) {
		grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
	}

	.grid--alternate-s>.grid--3-1:nth-of-type(even)>*:last-child {
		order: -1;
	}

	.grid--alternate-s>.grid--3-2:nth-of-type(even) {
		grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
	}

	.grid--alternate-s>.grid--3-2:nth-of-type(even)>*:last-child {
		order: -1;
	}
}






/* Feat: Flexbox Alignments */
.justify-content--start {
	justify-content: flex-start;
}

.justify-content--end {
	justify-content: flex-end;
}

.justify-content--center {
	justify-content: center;
}

.justify-content--between {
	justify-content: space-between;
}

.justify-content--around {
	justify-content: space-around;
}

.justify-content--stretch {
	justify-content: stretch;
}

.align-content--start {
	align-content: flex-start;
}

.align-content--end {
	align-content: flex-end;
}

.align-content--center {
	align-content: center;
}

.align-content--baseline {
	align-content: baseline;
}

.align-content--stretch {
	align-content: stretch;
}

.justify-items--start {
	justify-items: flex-start;
}

.justify-items--center {
	justify-items: center;
}

.justify-items--end {
	justify-items: flex-end;
}

.justify-items--stretch {
	justify-items: stretch;
}

.align-items--start {
	align-items: flex-start;
}

.align-items--end {
	align-items: flex-end;
}

.align-items--center {
	align-items: center;
}

.align-items--baseline {
	align-items: baseline;
}

.align-items--stretch {
	align-items: stretch;
}

.self--start {
	align-self: flex-start;
}

.self--end {
	align-self: flex-end;
}

.self--stretch {
	align-self: stretch;
}

.self--center {
	align-self: center;
}

@media (max-width: 1366px) {
	.justify-content--start-xl {
		justify-content: flex-start;
	}

	.justify-content--end-xl {
		justify-content: flex-end;
	}

	.justify-content--center-xl {
		justify-content: center;
	}

	.justify-content--between-xl {
		justify-content: space-between;
	}

	.justify-content--around-xl {
		justify-content: space-around;
	}

	.justify-content--stretch-xl {
		justify-content: stretch;
	}

	.align-content--start-xl {
		align-content: flex-start;
	}

	.align-content--end-xl {
		align-content: flex-end;
	}

	.align-content--center-xl {
		align-content: center;
	}

	.align-content--baseline-xl {
		align-content: baseline;
	}

	.align-content--stretch-xl {
		align-content: stretch;
	}

	.justify-items--start-xl {
		justify-items: flex-start;
	}

	.justify-items--center-xl {
		justify-items: center;
	}

	.justify-items--end-xl {
		justify-items: flex-end;
	}

	.justify-items--stretch-xl {
		justify-items: stretch;
	}

	.align-items--start-xl {
		align-items: flex-start;
	}

	.align-items--end-xl {
		align-items: flex-end;
	}

	.align-items--center-xl {
		align-items: center;
	}

	.align-items--baseline-xl {
		align-items: baseline;
	}

	.align-items--stretch-xl {
		align-items: stretch;
	}

	.self--start-xl {
		align-self: flex-start;
	}

	.self--end-xl {
		align-self: flex-end;
	}

	.self--stretch-xl {
		align-self: stretch;
	}

	.self--center-xl {
		align-self: center;
	}
}

.stretch {
	align-content: stretch;
	align-items: stretch;
	justify-content: stretch;
	justify-items: stretch;
}

@media (max-width: 992px) {
	.justify-content--start-l {
		justify-content: flex-start;
	}

	.justify-content--end-l {
		justify-content: flex-end;
	}

	.justify-content--center-l {
		justify-content: center;
	}

	.justify-content--between-l {
		justify-content: space-between;
	}

	.justify-content--around-l {
		justify-content: space-around;
	}

	.justify-content--stretch-l {
		justify-content: stretch;
	}

	.align-content--start-l {
		align-content: flex-start;
	}

	.align-content--end-l {
		align-content: flex-end;
	}

	.align-content--center-l {
		align-content: center;
	}

	.align-content--baseline-l {
		align-content: baseline;
	}

	.align-content--stretch-l {
		align-content: stretch;
	}

	.justify-items--start-l {
		justify-items: flex-start;
	}

	.justify-items--center-l {
		justify-items: center;
	}

	.justify-items--end-l {
		justify-items: flex-end;
	}

	.justify-items--stretch-l {
		justify-items: stretch;
	}

	.align-items--start-l {
		align-items: flex-start;
	}

	.align-items--end-l {
		align-items: flex-end;
	}

	.align-items--center-l {
		align-items: center;
	}

	.align-items--baseline-l {
		align-items: baseline;
	}

	.align-items--stretch-l {
		align-items: stretch;
	}

	.self--start-l {
		align-self: flex-start;
	}

	.self--end-l {
		align-self: flex-end;
	}

	.self--stretch-l {
		align-self: stretch;
	}

	.self--center-l {
		align-self: center;
	}
}

.stretch {
	align-content: stretch;
	align-items: stretch;
	justify-content: stretch;
	justify-items: stretch;
}

@media (max-width: 768px) {
	.justify-content--start-m {
		justify-content: flex-start;
	}

	.justify-content--end-m {
		justify-content: flex-end;
	}

	.justify-content--center-m {
		justify-content: center;
	}

	.justify-content--between-m {
		justify-content: space-between;
	}

	.justify-content--around-m {
		justify-content: space-around;
	}

	.justify-content--stretch-m {
		justify-content: stretch;
	}

	.align-content--start-m {
		align-content: flex-start;
	}

	.align-content--end-m {
		align-content: flex-end;
	}

	.align-content--center-m {
		align-content: center;
	}

	.align-content--baseline-m {
		align-content: baseline;
	}

	.align-content--stretch-m {
		align-content: stretch;
	}

	.justify-items--start-m {
		justify-items: flex-start;
	}

	.justify-items--center-m {
		justify-items: center;
	}

	.justify-items--end-m {
		justify-items: flex-end;
	}

	.justify-items--stretch-m {
		justify-items: stretch;
	}

	.align-items--start-m {
		align-items: flex-start;
	}

	.align-items--end-m {
		align-items: flex-end;
	}

	.align-items--center-m {
		align-items: center;
	}

	.align-items--baseline-m {
		align-items: baseline;
	}

	.align-items--stretch-m {
		align-items: stretch;
	}

	.self--start-m {
		align-self: flex-start;
	}

	.self--end-m {
		align-self: flex-end;
	}

	.self--stretch-m {
		align-self: stretch;
	}

	.self--center-m {
		align-self: center;
	}
}

.stretch {
	align-content: stretch;
	align-items: stretch;
	justify-content: stretch;
	justify-items: stretch;
}

@media (max-width: 480px) {
	.justify-content--start-s {
		justify-content: flex-start;
	}

	.justify-content--end-s {
		justify-content: flex-end;
	}

	.justify-content--center-s {
		justify-content: center;
	}

	.justify-content--between-s {
		justify-content: space-between;
	}

	.justify-content--around-s {
		justify-content: space-around;
	}

	.justify-content--stretch-s {
		justify-content: stretch;
	}

	.align-content--start-s {
		align-content: flex-start;
	}

	.align-content--end-s {
		align-content: flex-end;
	}

	.align-content--center-s {
		align-content: center;
	}

	.align-content--baseline-s {
		align-content: baseline;
	}

	.align-content--stretch-s {
		align-content: stretch;
	}

	.justify-items--start-s {
		justify-items: flex-start;
	}

	.justify-items--center-s {
		justify-items: center;
	}

	.justify-items--end-s {
		justify-items: flex-end;
	}

	.justify-items--stretch-s {
		justify-items: stretch;
	}

	.align-items--start-s {
		align-items: flex-start;
	}

	.align-items--end-s {
		align-items: flex-end;
	}

	.align-items--center-s {
		align-items: center;
	}

	.align-items--baseline-s {
		align-items: baseline;
	}

	.align-items--stretch-s {
		align-items: stretch;
	}

	.self--start-s {
		align-self: flex-start;
	}

	.self--end-s {
		align-self: flex-end;
	}

	.self--stretch-s {
		align-self: stretch;
	}

	.self--center-s {
		align-self: center;
	}
}

.stretch {
	align-content: stretch;
	align-items: stretch;
	justify-content: stretch;
	justify-items: stretch;
}

/* Feat: Order */
.order--first {
	order: -1;
}

.order--last {
	order: 999;
}

.col-end--last {
	grid-column-end: -1;
}

@media (max-width: 1366px) {
	.order--first-xl {
		order: -1;
	}

	.order--last-xl {
		order: 999;
	}

	.col-end--xl-last {
		grid-column-end: -1;
	}
}

@media (max-width: 992px) {
	.order--first-l {
		order: -1;
	}

	.order--last-l {
		order: 999;
	}

	.col-end--l-last {
		grid-column-end: -1;
	}
}

@media (max-width: 768px) {
	.order--first-m {
		order: -1;
	}

	.order--last-m {
		order: 999;
	}

	.col-end--m-last {
		grid-column-end: -1;
	}
}

@media (max-width: 480px) {
	.order--first-s {
		order: -1;
	}

	.order--last-s {
		order: 999;
	}

	.col-end--s-last {
		grid-column-end: -1;
	}
}

/* Feat: Lists & Markers */
.marker--primary li::marker {
	color: var(--primary);
}

.marker--primary-hover li::marker {
	color: var(--primary-hover);
}

.marker--primary-ultra-light li::marker {
	color: var(--primary-ultra-light);
}

.marker--primary-light li::marker {
	color: var(--primary-light);
}

.marker--primary-semi-light li::marker {
	color: var(--primary-semi-light);
}

.marker--primary-semi-dark li::marker {
	color: var(--primary-semi-dark);
}

.marker--primary-dark li::marker {
	color: var(--primary-dark);
}

.marker--primary-ultra-dark li::marker {
	color: var(--primary-ultra-dark);
}

.marker--accent li::marker {
	color: var(--accent);
}

.marker--accent-hover li::marker {
	color: var(--accent-hover);
}

.marker--accent-ultra-light li::marker {
	color: var(--accent-ultra-light);
}

.marker--accent-light li::marker {
	color: var(--accent-light);
}

.marker--accent-semi-light li::marker {
	color: var(--accent-semi-light);
}

.marker--accent-semi-dark li::marker {
	color: var(--accent-semi-dark);
}

.marker--accent-dark li::marker {
	color: var(--accent-dark);
}

.marker--accent-ultra-dark li::marker {
	color: var(--accent-ultra-dark);
}

.marker--base li::marker {
	color: var(--base);
}

.marker--base-hover li::marker {
	color: var(--base-hover);
}

.marker--base-ultra-light li::marker {
	color: var(--base-ultra-light);
}

.marker--base-light li::marker {
	color: var(--base-light);
}

.marker--base-semi-light li::marker {
	color: var(--base-semi-light);
}

.marker--base-semi-dark li::marker {
	color: var(--base-semi-dark);
}

.marker--base-dark li::marker {
	color: var(--base-dark);
}

.marker--base-ultra-dark li::marker {
	color: var(--base-ultra-dark);
}

.marker--neutral li::marker {
	color: var(--neutral);
}

.marker--neutral-hover li::marker {
	color: var(--neutral-hover);
}

.marker--neutral-ultra-light li::marker {
	color: var(--neutral-ultra-light);
}

.marker--neutral-light li::marker {
	color: var(--neutral-light);
}

.marker--neutral-semi-light li::marker {
	color: var(--neutral-semi-light);
}

.marker--neutral-semi-dark li::marker {
	color: var(--neutral-semi-dark);
}

.marker--neutral-dark li::marker {
	color: var(--neutral-dark);
}

.marker--neutral-ultra-dark li::marker {
	color: var(--neutral-ultra-dark);
}

.marker--white li::marker {
	color: var(--white);
}

.marker--black li::marker {
	color: var(--black);
}

ul.list--none,
ol.list--none,
.list--none>ul,
.list--none>ol {
	list-style: none;
	padding-inline-start: 0;
	list-style-type: none;
	-webkit-margin-before: 0em;
	margin-block-start: 0em;
	margin-block-end: 0;
}

/* Feat: Granular Gap Classes */
.col-gap--xs.col-gap--xs {
	column-gap: var(--space-xs);
	--col-gap: var(--space-xs);
}

.col-gap--s.col-gap--s {
	column-gap: var(--space-s);
	--col-gap: var(--space-s);
}

.col-gap--m.col-gap--m {
	column-gap: var(--space-m);
	--col-gap: var(--space-m);
}

.col-gap--l.col-gap--l {
	column-gap: var(--space-l);
	--col-gap: var(--space-l);
}

.col-gap--xl.col-gap--xl {
	column-gap: var(--space-xl);
	--col-gap: var(--space-xl);
}

.col-gap--xxl.col-gap--xxl {
	column-gap: var(--space-xxl);
	--col-gap: var(--space-xxl);
}

@media (max-width: 1366px) {
	.col-gap--xl-xs.col-gap--xl-xs {
		column-gap: var(--space-xs);
		--col-gap: var(--space-xs);
	}

	.col-gap--xl-s.col-gap--xl-s {
		column-gap: var(--space-s);
		--col-gap: var(--space-s);
	}

	.col-gap--xl-m.col-gap--xl-m {
		column-gap: var(--space-m);
		--col-gap: var(--space-m);
	}

	.col-gap--xl-l.col-gap--xl-l {
		column-gap: var(--space-l);
		--col-gap: var(--space-l);
	}

	.col-gap--xl-xl.col-gap--xl-xl {
		column-gap: var(--space-xl);
		--col-gap: var(--space-xl);
	}

	.col-gap--xl-xxl.col-gap--xl-xxl {
		column-gap: var(--space-xxl);
		--col-gap: var(--space-xxl);
	}
}

@media (max-width: 992px) {
	.col-gap--l-xs.col-gap--l-xs {
		column-gap: var(--space-xs);
		--col-gap: var(--space-xs);
	}

	.col-gap--l-s.col-gap--l-s {
		column-gap: var(--space-s);
		--col-gap: var(--space-s);
	}

	.col-gap--l-m.col-gap--l-m {
		column-gap: var(--space-m);
		--col-gap: var(--space-m);
	}

	.col-gap--l-l.col-gap--l-l {
		column-gap: var(--space-l);
		--col-gap: var(--space-l);
	}

	.col-gap--l-xl.col-gap--l-xl {
		column-gap: var(--space-xl);
		--col-gap: var(--space-xl);
	}

	.col-gap--l-xxl.col-gap--l-xxl {
		column-gap: var(--space-xxl);
		--col-gap: var(--space-xxl);
	}
}

@media (max-width: 768px) {
	.col-gap--m-xs.col-gap--m-xs {
		column-gap: var(--space-xs);
		--col-gap: var(--space-xs);
	}

	.col-gap--m-s.col-gap--m-s {
		column-gap: var(--space-s);
		--col-gap: var(--space-s);
	}

	.col-gap--m-m.col-gap--m-m {
		column-gap: var(--space-m);
		--col-gap: var(--space-m);
	}

	.col-gap--m-l.col-gap--m-l {
		column-gap: var(--space-l);
		--col-gap: var(--space-l);
	}

	.col-gap--m-xl.col-gap--m-xl {
		column-gap: var(--space-xl);
		--col-gap: var(--space-xl);
	}

	.col-gap--m-xxl.col-gap--m-xxl {
		column-gap: var(--space-xxl);
		--col-gap: var(--space-xxl);
	}
}

@media (max-width: 480px) {
	.col-gap--s-xs.col-gap--s-xs {
		column-gap: var(--space-xs);
		--col-gap: var(--space-xs);
	}

	.col-gap--s-s.col-gap--s-s {
		column-gap: var(--space-s);
		--col-gap: var(--space-s);
	}

	.col-gap--s-m.col-gap--s-m {
		column-gap: var(--space-m);
		--col-gap: var(--space-m);
	}

	.col-gap--s-l.col-gap--s-l {
		column-gap: var(--space-l);
		--col-gap: var(--space-l);
	}

	.col-gap--s-xl.col-gap--s-xl {
		column-gap: var(--space-xl);
		--col-gap: var(--space-xl);
	}

	.col-gap--s-xxl.col-gap--s-xxl {
		column-gap: var(--space-xxl);
		--col-gap: var(--space-xxl);
	}
}

.row-gap--xs.row-gap--xs {
	row-gap: var(--space-xs);
	--row-gap: var(--space-xs);
}

.row-gap--s.row-gap--s {
	row-gap: var(--space-s);
	--row-gap: var(--space-s);
}

.row-gap--m.row-gap--m {
	row-gap: var(--space-m);
	--row-gap: var(--space-m);
}

.row-gap--l.row-gap--l {
	row-gap: var(--space-l);
	--row-gap: var(--space-l);
}

.row-gap--xl.row-gap--xl {
	row-gap: var(--space-xl);
	--row-gap: var(--space-xl);
}

.row-gap--xxl.row-gap--xxl {
	row-gap: var(--space-xxl);
	--row-gap: var(--space-xxl);
}

@media (max-width: 1366px) {
	.row-gap--xl-xs.row-gap--xl-xs {
		row-gap: var(--space-xs);
		--row-gap: var(--space-xs);
	}

	.row-gap--xl-s.row-gap--xl-s {
		row-gap: var(--space-s);
		--row-gap: var(--space-s);
	}

	.row-gap--xl-m.row-gap--xl-m {
		row-gap: var(--space-m);
		--row-gap: var(--space-m);
	}

	.row-gap--xl-l.row-gap--xl-l {
		row-gap: var(--space-l);
		--row-gap: var(--space-l);
	}

	.row-gap--xl-xl.row-gap--xl-xl {
		row-gap: var(--space-xl);
		--row-gap: var(--space-xl);
	}

	.row-gap--xl-xxl.row-gap--xl-xxl {
		row-gap: var(--space-xxl);
		--row-gap: var(--space-xxl);
	}
}

@media (max-width: 992px) {
	.row-gap--l-xs.row-gap--l-xs {
		row-gap: var(--space-xs);
		--row-gap: var(--space-xs);
	}

	.row-gap--l-s.row-gap--l-s {
		row-gap: var(--space-s);
		--row-gap: var(--space-s);
	}

	.row-gap--l-m.row-gap--l-m {
		row-gap: var(--space-m);
		--row-gap: var(--space-m);
	}

	.row-gap--l-l.row-gap--l-l {
		row-gap: var(--space-l);
		--row-gap: var(--space-l);
	}

	.row-gap--l-xl.row-gap--l-xl {
		row-gap: var(--space-xl);
		--row-gap: var(--space-xl);
	}

	.row-gap--l-xxl.row-gap--l-xxl {
		row-gap: var(--space-xxl);
		--row-gap: var(--space-xxl);
	}
}

@media (max-width: 768px) {
	.row-gap--m-xs.row-gap--m-xs {
		row-gap: var(--space-xs);
		--row-gap: var(--space-xs);
	}

	.row-gap--m-s.row-gap--m-s {
		row-gap: var(--space-s);
		--row-gap: var(--space-s);
	}

	.row-gap--m-m.row-gap--m-m {
		row-gap: var(--space-m);
		--row-gap: var(--space-m);
	}

	.row-gap--m-l.row-gap--m-l {
		row-gap: var(--space-l);
		--row-gap: var(--space-l);
	}

	.row-gap--m-xl.row-gap--m-xl {
		row-gap: var(--space-xl);
		--row-gap: var(--space-xl);
	}

	.row-gap--m-xxl.row-gap--m-xxl {
		row-gap: var(--space-xxl);
		--row-gap: var(--space-xxl);
	}
}

@media (max-width: 480px) {
	.row-gap--s-xs.row-gap--s-xs {
		row-gap: var(--space-xs);
		--row-gap: var(--space-xs);
	}

	.row-gap--s-s.row-gap--s-s {
		row-gap: var(--space-s);
		--row-gap: var(--space-s);
	}

	.row-gap--s-m.row-gap--s-m {
		row-gap: var(--space-m);
		--row-gap: var(--space-m);
	}

	.row-gap--s-l.row-gap--s-l {
		row-gap: var(--space-l);
		--row-gap: var(--space-l);
	}

	.row-gap--s-xl.row-gap--s-xl {
		row-gap: var(--space-xl);
		--row-gap: var(--space-xl);
	}

	.row-gap--s-xxl.row-gap--s-xxl {
		row-gap: var(--space-xxl);
		--row-gap: var(--space-xxl);
	}
}

/* Feat: Auto Container Gap */
:where(section:not(section section)) {
	gap: var(--container-gap);
}

/* Feat: Auto Content Gap */
:where(section:not(section section))> :where(div, ul, ol) {
	gap: var(--content-gap);
}

/* Feat: Auto Container Gap */
:where([data-etch-element="flex-div"]:not(main)) {
	gap: var(--content-gap);
}

/* Feat: Auto Grid Gap */
section>div:where([class*="grid--"]),
:where([class*="grid--"]) {
	gap: var(--wp--style--block-gap);
}



/* Feat: Default Section Styles */
#shadow-host-companion {
	padding: 0;
}

/* :where(img):not(header img), :where(figure:not(figure:has(img))) {
  border-radius: var(--radius);
} */
[data-icon]:is(svg, i, a) {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	box-sizing: content-box;
	color: var(--icon-color, var(--neutral-dark));
	font-size: var(--icon-size);
	height: var(--icon-height, var(--icon-size, 24px));
	width: var(--icon-width, var(--icon-size, 24px));
	transition: var(--icon-transition, var(--transition));
	padding: var(--icon-padding, 12px);
	border-width: var(--icon-border-width, 0);
	border-style: var(--icon-border-style, solid);
	border-radius: var(--icon-radius, var(--radius));
	background: var(--icon-background, var(--neutral-ultra-light));
	border-color: var(--icon-border-color, transparent);
	box-shadow: var(--icon-shadow, none);
	overflow: visible;
}

[data-icon]:is(i)::before {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: var(--icon-size);
}

[data-icon].brxe-icon {
	font-size: var(--icon-size);
}

[data-icon] svg {
	color: var(--icon-color);
}

[data-icon]:is(a):hover,
[data-icon] [data-icon-hover]:hover,
[data-icon] [data-icon-hover]:hover [data-icon] {
	--icon-background: var(--icon-background-hover);
	--icon-color: var(--icon-color-hover);
	--icon-border-color: var(--icon-border-color-hover);
}

.icon--s,
[data-icon-size="s"] {
	--icon-size: var(--icon-size-s);
	--icon-padding: var(--icon-padding-s);
}

.icon--m,
[data-icon-size="m"] {
	--icon-size: var(--icon-size-m);
	--icon-padding: var(--icon-padding-m);
}

.icon--l,
[data-icon-size="l"] {
	--icon-size: var(--icon-size-l);
	--icon-padding: var(--icon-padding-l);
}

.icon--light,
[data-icon-theme="light"] {
	--icon-color: var(--primary-light);
	--icon-color-hover: var(--primary-ultra-light);
	--icon-background: var(--primary-dark);
	--icon-background-hover: var(--primary-ultra-dark);
	--icon-border-color: var(--primary-dark-trans-10);
	--icon-border-color-hover: var(--primary-dark-trans-10);
	--icon-shadow: ;
}

.icon--dark,
[data-icon-theme="dark"] {
	--icon-color: var(--primary-dark);
	--icon-color-hover: var(--primary-semi-dark);
	--icon-background: var(--primary-light);
	--icon-background-hover: var(--primary-ultra-light);
	--icon-border-color: var(--primary-dark-trans-10);
	--icon-border-color-hover: var(--primary-dark-trans-10);
	--icon-shadow: ;
}

.icon--boxed,
[data-icon-style="boxed"] {
	padding: var(--icon-padding, 12px);
	border-width: var(--icon-border-width, 0);
	border-style: var(--icon-border-style, solid);
	border-radius: var(--icon-radius, var(--radius));
	background: var(--icon-background, var(--neutral-ultra-light));
	border-color: var(--icon-border-color, transparent);
}

.icon--naked,
[data-icon-style="naked"] {
	--icon-background: transparent;
	--icon-border-width: 0;
	--icon-padding: 0;
}

:is([data-icon-list], .icon-list) {
	display: flex;
	flex-direction: column;
	gap: var(--icon-list-gap, 1em);
}

:is([data-icon-list], .icon-list) :where(svg, i) {
	--icon-size: var(--icon-list-icon-size, 1em);
	position: relative;
	translate: var(--icon-inline-offset, 0) var(--icon-block-offset, 0);
	flex-shrink: 0;
}

:is([data-icon-list], .icon-list) :where(svg, i):is(svg, i, a) {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	box-sizing: content-box;
	color: var(--icon-color, var(--neutral-dark));
	font-size: var(--icon-size);
	height: var(--icon-height, var(--icon-size, 24px));
	width: var(--icon-width, var(--icon-size, 24px));
	transition: var(--icon-transition, var(--transition));
	box-shadow: var(--icon-shadow, none);
	overflow: visible;
}

:is([data-icon-list], .icon-list) :where(svg, i):is(i)::before {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: var(--icon-size);
}

:is([data-icon-list], .icon-list) :where(svg, i).brxe-icon {
	font-size: var(--icon-size);
}

:is([data-icon-list], .icon-list) :where(svg, i) svg {
	color: var(--icon-color);
}

:is([data-icon-list], .icon-list) :where(svg, i):is(a):hover,
:is([data-icon-list], .icon-list) :where(svg, i) [data-icon-hover]:hover,
:is([data-icon-list], .icon-list) :where(svg, i) [data-icon-hover]:hover [data-icon] {
	--icon-background: var(--icon-background-hover);
	--icon-color: var(--icon-color-hover);
	--icon-border-color: var(--icon-border-color-hover);
}

:is([data-icon-list], .icon-list) a:hover {
	--icon-color: var(--icon-color-hover, var(--primary));
	--icon-background: var(--icon-background-hover, var(--primary-hover));
}

:where(a:has(> svg, > i)):hover {
	--icon-color: var(--icon-color-hover, var(--primary));
	--icon-background: var(--icon-background-hover, var(--primary-hover));
}

/* Feat: Gradient Fades */
/* .fade--block {
  --fade-amount: 25%;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black var(--fade-amount), black calc(100% - var(--fade-amount)), transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, black var(--fade-amount), black calc(100% - var(--fade-amount)), transparent 100%);
}
.fade--inline {
  --fade-amount: 25%;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black var(--fade-amount), black calc(100% - var(--fade-amount)), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black var(--fade-amount), black calc(100% - var(--fade-amount)), transparent 100%);
}
.fade--top {
  --fade-amount: 25%;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black var(--fade-amount));
  mask-image: linear-gradient(to bottom, transparent 0%, black var(--fade-amount));
}
.fade--right {
  --fade-amount: 25%;
  -webkit-mask-image: linear-gradient(to left, transparent 0%, black var(--fade-amount));
  mask-image: linear-gradient(to left, transparent 0%, black var(--fade-amount));
}
.fade--bottom {
  --fade-amount: 25%;
  -webkit-mask-image: linear-gradient(to top, transparent 0%, black var(--fade-amount));
  mask-image: linear-gradient(to top, transparent 0%, black var(--fade-amount));
}
.fade--left {
  --fade-amount: 25%;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black var(--fade-amount));
  mask-image: linear-gradient(to right, transparent 0%, black var(--fade-amount));
} */