/* comparison section */
.comparison-section .comparison-columns-mobile .comparison-mobile-column {
	border: 1px solid var(--color-border);
	border-radius: 0.5rem;
	box-shadow: var(--box-shadow-material);
	margin-bottom: 1.5rem;
	overflow: hidden;
}

.comparison-section .comparison-columns-mobile .comparison-mobile-column:last-of-type {
	margin-bottom: 0;
}

.comparison-section .comparison-columns-mobile .comparison-mobile-column-header {
	font-family: var(--font-header);
	font-size: var(--font-size-heading-3);
	font-weight: var(--font-weight-semibold);
	padding: 1rem;
	text-align: center;
}

.comparison-section .comparison-columns-mobile .comparison-mobile-row-group-header {
	border-bottom: 1px solid var(--color-border);
	border-top: 1px solid var(--color-border);
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-semibold);
	letter-spacing: calc(var(--tracking-basis) * 5);
	text-transform: uppercase;
	padding: 0.75rem 1rem;
}

.comparison-section .comparison-columns-mobile .comparison-mobile-column-emphasize .comparison-mobile-row-group-header {
	border-top-color: var(--color-border);
}

.comparison-section .comparison-columns-mobile .comparison-row {
	border-bottom: 1px solid var(--color-border);
	display: grid;
	grid-gap: 0;
	grid-template-columns: repeat(2,50%);
	justify-content: center;
	margin: 0;
}

.comparison-section .comparison-columns-mobile .comparison-row:nth-child(even) {
	background-color: var(--color-background-alternate);
}

.comparison-section .comparison-columns-mobile .comparison-row:last-of-type {
	border-bottom-width: 0;
}

.comparison-section .comparison-columns-mobile .comparison-mobile-row-group-header {
	background-color: var(--color-background-alternate);
	color: var(--color-gray-1);
}

.comparison-section .comparison-columns-mobile .comparison-row > div {
	padding: 0.75rem 1rem;
}

.comparison-section .comparison-columns-mobile .comparison-row > div:first-child {
	border-right: 1px solid var(--color-border);
}

.comparison-section .comparison-columns-mobile .comparison-row > div:last-child {
	align-self: center;
	font-weight: var(--font-weight-semibold);
	text-align: center;
}

.comparison-section .comparison-columns-mobile .comparison-row > div:last-child svg {
	display: block;
	height: 1.25rem;
	margin: 0 auto;
}

.comparison-section .comparison-columns-mobile .comparison-mobile-column-gray .comparison-mobile-column-header {
	background-color: var(--color-border);
	color: var(--color-foreground);
}

.comparison-section .comparison-columns-mobile .comparison-mobile-column-normal .comparison-mobile-column-header {
	background-color: var(--color-gray-3);
	color: var(--color-background-standard);
}

.comparison-section .comparison-columns-mobile .comparison-mobile-column-normal .comparison-row > div:last-child {
	color: var(--color-gray-1);
}

.comparison-section .comparison-columns-mobile .comparison-mobile-column-normal .comparison-row > div:last-child svg {
	fill: var(--color-gray-1);
}

.comparison-section .comparison-columns-mobile .comparison-mobile-column-emphasize div {
	background-blend-mode: multiply;
}

.comparison-section .comparison-columns-mobile .comparison-row-action, 
.comparison-section .comparison-columns-mobile .comparison-row-action:nth-child(even), 
.comparison-section .comparison-columns-mobile .comparison-row-action:nth-child(odd) {
	background-color: transparent;
	display: block;
	padding: 0 0 2.5rem 0;
	text-align: center;
}

.comparison-section .comparison-columns-mobile .comparison-row-action > a, 
.comparison-section .comparison-columns-mobile .comparison-row-action > a:visited {
	background-color: var(--color-link-normal);
	border-radius: 100vw;
	color: var(--color-background-standard);
	display: inline-flex;
	font-weight: var(--font-weight-semibold);
	padding: 0.75rem 1.5rem;
	text-align: center;
}

.comparison-section .comparison-columns-mobile .comparison-row-action > a:hover, 
.comparison-section .comparison-columns-mobile .comparison-row-action > a:focus, 
.comparison-section .comparison-columns-mobile .comparison-row-action > a:active {
	background-color: var(--color-link-hover);
	text-decoration: none;
}

.comparison-section .comparison-columns-desktop {
	display: none;
}

.comparison-section .comparison-columns-desktop .comparison-desktop-header {
	display: grid;
	grid-gap: 0;
}

.comparison-section .comparison-columns-desktop .comparison-desktop-header > div {
	font-family: var(--font-header);
	font-size: var(--font-size-heading-3);
	font-weight: var(--font-weight-semibold);
	line-height: 1.2;
	padding: 1rem;
	text-align: center;
}

.comparison-section .comparison-columns-desktop .comparison-desktop-header > div:nth-of-type(2) {
	border-top-left-radius: 0.5rem;
}

.comparison-section .comparison-columns-desktop .comparison-desktop-header > div:last-of-type {
	border-top-right-radius: 0.5rem;
}

.comparison-section .comparison-columns-desktop .comparison-desktop-header .column-header-gray {
	background-color: var(--color-border);
	color: var(--color-foreground);
}

.comparison-section .comparison-columns-desktop .comparison-desktop-group-header {
	border-top: 1px solid var(--color-border);
	display: grid;
	grid-gap: 0;
}

.section-standard .comparison-columns-desktop .comparison-desktop-group-header {
	background-color: var(--color-background-alternate);
}

.section-alternate .comparison-columns-desktop .comparison-desktop-group-header {
	background-color: var(--color-background-standard);
}

.comparison-section .comparison-columns-desktop .comparison-desktop-group-header > div {
	background-blend-mode: multiply;
	border-right: 1px solid var(--color-border);
	color: var(--color-gray-1);
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-semibold);
	letter-spacing: calc(var(--tracking-basis) * 5);
	padding: 0.75rem 1rem;
	text-transform: uppercase;
}

.comparison-section .comparison-columns-desktop .comparison-desktop-group-header > div:first-of-type {
	border-left: 1px solid var(--color-border);
}

.comparison-section .comparison-columns-desktop .comparison-rows .comparison-row {
	border-top: 1px solid var(--color-border);
	display: grid;
	grid-gap: 0;
}

.comparison-section .comparison-columns-desktop .comparison-rows .comparison-row:nth-child(even) {
	background-color: var(--color-background-alternate);
}

.comparison-section .comparison-columns-desktop .comparison-rows .comparison-row > div {
	background-blend-mode: multiply;
	border-right: 1px solid var(--color-border);
	padding: 0.75rem 1rem;
}

.comparison-section .comparison-columns-desktop .comparison-rows .comparison-row > div:first-child {
	border-left: 1px solid var(--color-border);
}

.comparison-section .comparison-columns-desktop .comparison-rows .comparison-row > div:nth-child(n+2) {
	align-self: stretch;
	font-weight: var(--font-weight-semibold);
	text-align: center;
}

.comparison-section .comparison-columns-desktop .comparison-rows .comparison-row > div:nth-child(n+2) svg {
	display: block;
	height: 1.25rem;
	margin: 0 auto;
}

.comparison-section .comparison-columns-desktop .comparison-rows .comparison-row > div.comparison-desktop-cell-gray svg {
	fill: var(--color-gray-2);
}

.comparison-section .comparison-columns-desktop .comparison-rows:last-child .comparison-row:last-child {
	border-bottom: 1px solid var(--color-border);
}

.comparison-section .comparison-columns-desktop .comparison-row-action {
	background-color: var(--color-border);
	display: grid;
	grid-gap: 0;
}

.comparison-section .comparison-columns-desktop .comparison-row-action > div {
	padding: 1rem;
}

.comparison-section .comparison-columns-desktop .comparison-row-action > div:first-child {
	font-weight: var(--font-weight-semibold);
	line-height: 1rem;
	padding-top: 1.8rem;
}

.comparison-section .comparison-columns-desktop .comparison-row-action > div:nth-child(n+2) {
	text-align: center;
}

.comparison-section .comparison-columns-desktop .comparison-row-action > div:nth-child(n+2) > a, 
.comparison-section .comparison-columns-desktop .comparison-row-action > div:nth-child(n+2) > a:visited {
	background-color: var(--color-link-normal);
	border-radius: 100vw;
	color: var(--color-background-standard);
	display: inline-flex;
	font-weight: 600;
	padding: 0.75rem 1.5rem;
	text-align: center;
}

.comparison-section .comparison-columns-desktop .comparison-row-action > div:nth-child(n+2) > a:hover, 
.comparison-section .comparison-columns-desktop .comparison-row-action > div:nth-child(n+2) > a:focus, 
.comparison-section .comparison-columns-desktop .comparison-row-action > div:nth-child(n+2) > a:active {
	background-color: var(--color-link-hover);
	text-decoration: none;
}

@media (min-width: 48rem) { /* 768 px */ 
    .comparison-section .comparison-columns-mobile {
        display: none;
    }			

    .comparison-section .comparison-columns-desktop {
        display: block;
    }
}