@charset "UTF-8";

@layer avigilon {
	.leadinModal .leadinModal-content .leadin-preview-wrapper .advance-wrapper .leadin-button-primary {
		padding: .75rem 1.5rem !important;
		border-radius: 25px
	}

	.leadinModal {
		padding-top: 17vh !important
	}

	.leadinModal .leadinModal-content {
		width: 76vw !important
	}

	.leadinModal .leadinModal-content .leadin-preview-wrapper {
		padding: 3rem !important;
		display: flex !important;
		flex-direction: column
	}

	.leadinModal .leadinModal-content .leadin-preview-wrapper .dyno-image {
		width: unset !important;
		min-width: 100px;
		margin-right: 0 !important
	}

	.leadinModal .leadinModal-content .leadin-preview-wrapper .dyno-image .dyno-image-inner img {
		max-width: 174px !important;
		min-height: 110px !important;
		height: auto !important;
		border-radius: 6px !important
	}

	.leadinModal .leadinModal-content .leadin-preview-wrapper h4,
	.leadinModal .leadinModal-content .leadin-preview-wrapper p,
	.leadinModal .leadinModal-content .leadin-preview-wrapper ul {
		margin-left: unset !important;
		margin-right: unset !important;
		margin-bottom: unset !important
	}

	.leadinModal .leadinModal-content .leadin-preview-wrapper .advance-wrapper {
		margin-left: unset !important
	}

	.leadinModal .leadinModal-content .leadin-preview-wrapper .advance-wrapper .leadin-button {
		width: 100% !important
	}

	.leadinModal-description-body ul li {
		list-style-type: disc
	}

	.leadinModal.leadinModal-v3 .dyno-image img {
		margin: 0 auto 2rem !important
	}

	@media (min-width: 769px) {
		.leadinModal-content {
			width: 72vw !important;
			max-width: 42rem !important
		}

		.leadinModal .leadinModal-content .leadin-preview-wrapper {
			display: block !important
		}

		.leadinModal .leadinModal-content .leadin-preview-wrapper h4 {
			margin-bottom: 1rem !important
		}

		.leadinModal .leadinModal-content .leadin-preview-wrapper p,
		.leadinModal .leadinModal-content .leadin-preview-wrapper ul {
			margin-bottom: .5rem !important
		}

		.leadinModal .leadinModal-content .leadin-preview-wrapper .dyno-image {
			margin-right: 24px !important
		}

		.leadinModal .leadinModal-content .leadin-preview-wrapper .advance-wrapper .leadin-button {
			width: auto !important
		}
	}

	

	@keyframes plyr-progress {
		to {
			background-position: 25px 0;
			background-position: var(--plyr-progress-loading-size, 25px) 0
		}
	}

	@keyframes plyr-popup {
		0% {
			opacity: .5;
			transform: translateY(10px)
		}

		to {
			opacity: 1;
			transform: translateY(0)
		}
	}

	@keyframes plyr-fade-in {
		0% {
			opacity: 0
		}

		to {
			opacity: 1
		}
	}

	.plyr {
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		align-items: center;
		direction: ltr;
		display: flex;
		flex-direction: column;
		font-family: inherit;
		font-family: var(--plyr-font-family, inherit);
		font-variant-numeric: tabular-nums;
		font-weight: 400;
		font-weight: var(--plyr-font-weight-regular, 400);
		line-height: 1.7;
		line-height: var(--plyr-line-height, 1.7);
		max-width: 100%;
		min-width: 200px;
		position: relative;
		text-shadow: none;
		transition: box-shadow .3s ease;
		z-index: 0
	}

	.plyr audio,
	.plyr iframe,
	.plyr video {
		display: block;
		height: 100%;
		width: 100%
	}

	.plyr button {
		font: inherit;
		line-height: inherit;
		width: auto
	}

	.plyr:focus {
		outline: 0
	}

	.plyr--full-ui {
		box-sizing: border-box
	}

	.plyr--full-ui *,
	.plyr--full-ui :after,
	.plyr--full-ui :before {
		box-sizing: inherit
	}

	.plyr--full-ui a,
	.plyr--full-ui button,
	.plyr--full-ui input,
	.plyr--full-ui label {
		touch-action: manipulation
	}

	.plyr__badge {
		background: #4a5464;
		background: var(--plyr-badge-background, #4a5464);
		border-radius: 2px;
		border-radius: var(--plyr-badge-border-radius, 2px);
		color: #fff;
		color: var(--plyr-badge-text-color, #fff);
		font-size: 9px;
		font-size: var(--plyr-font-size-badge, 9px);
		line-height: 1;
		padding: 3px 4px
	}

	.plyr--full-ui ::-webkit-media-text-track-container {
		display: none
	}

	.plyr__captions {
		animation: plyr-fade-in .3s ease;
		bottom: 0;
		display: none;
		font-size: 13px;
		font-size: var(--plyr-font-size-small, 13px);
		left: 0;
		padding: 10px;
		padding: var(--plyr-control-spacing, 10px);
		position: absolute;
		text-align: center;
		transition: transform .4s ease-in-out;
		width: 100%
	}

	.plyr__captions span:empty {
		display: none
	}

	@media (min-width:480px) {
		.plyr__captions {
			font-size: 15px;
			font-size: var(--plyr-font-size-base, 15px);
			padding: 20px;
			padding: calc(var(--plyr-control-spacing, 10px)*2)
		}
	}

	@media (min-width:768px) {
		.plyr__captions {
			font-size: 18px;
			font-size: var(--plyr-font-size-large, 18px)
		}
	}

	.plyr--captions-active .plyr__captions {
		display: block
	}

	.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
		transform: translateY(-40px);
		transform: translateY(calc(var(--plyr-control-spacing, 10px)*-4))
	}

	.plyr__caption {
		background: rgba(0, 0, 0, .8);
		background: var(--plyr-captions-background, rgba(0, 0, 0, .8));
		border-radius: 2px;
		-webkit-box-decoration-break: clone;
		box-decoration-break: clone;
		color: #fff;
		color: var(--plyr-captions-text-color, #fff);
		line-height: 185%;
		padding: .2em .5em;
		white-space: pre-wrap
	}

	.plyr__caption div {
		display: inline
	}

	.plyr__control {
		background: transparent;
		border: 0;
		border-radius: 3px;
		border-radius: var(--plyr-control-radius, 3px);
		color: inherit;
		cursor: pointer;
		flex-shrink: 0;
		overflow: visible;
		padding: 7px;
		padding: calc(var(--plyr-control-spacing, 10px)*.7);
		position: relative;
		transition: all .3s ease
	}

	.plyr__control svg {
		fill: currentColor;
		display: block;
		height: 18px;
		height: var(--plyr-control-icon-size, 18px);
		pointer-events: none;
		width: 18px;
		width: var(--plyr-control-icon-size, 18px)
	}

	.plyr__control:focus {
		outline: 0
	}

	.plyr__control.plyr__tab-focus {
		outline: 3px dotted #00b2ff;
		outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
		outline-offset: 2px
	}

	a.plyr__control {
		text-decoration: none
	}

	.plyr__control.plyr__control--pressed .icon--not-pressed,
	.plyr__control.plyr__control--pressed .label--not-pressed,
	.plyr__control:not(.plyr__control--pressed) .icon--pressed,
	.plyr__control:not(.plyr__control--pressed) .label--pressed,
	a.plyr__control:after,
	a.plyr__control:before {
		display: none
	}

	.plyr--full-ui ::-webkit-media-controls {
		display: none
	}

	.plyr__controls {
		align-items: center;
		display: flex;
		justify-content: flex-end;
		text-align: center
	}

	.plyr__controls .plyr__progress__container {
		flex: 1;
		min-width: 0
	}

	.plyr__controls .plyr__controls__item {
		margin-left: 2.5px;
		margin-left: calc(var(--plyr-control-spacing, 10px)/4)
	}

	.plyr__controls .plyr__controls__item:first-child {
		margin-left: 0;
		margin-right: auto
	}

	.plyr__controls .plyr__controls__item.plyr__progress__container {
		padding-left: 2.5px;
		padding-left: calc(var(--plyr-control-spacing, 10px)/4)
	}

	.plyr__controls .plyr__controls__item.plyr__time {
		padding: 0 5px;
		padding: 0 calc(var(--plyr-control-spacing, 10px)/2)
	}

	.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
	.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
	.plyr__controls .plyr__controls__item.plyr__time:first-child {
		padding-left: 0
	}

	.plyr [data-plyr=airplay],
	.plyr [data-plyr=captions],
	.plyr [data-plyr=fullscreen],
	.plyr [data-plyr=pip],
	.plyr__controls:empty {
		display: none
	}

	.plyr--airplay-supported [data-plyr=airplay],
	.plyr--captions-enabled [data-plyr=captions],
	.plyr--fullscreen-enabled [data-plyr=fullscreen],
	.plyr--pip-supported [data-plyr=pip] {
		display: inline-block
	}

	.plyr__menu {
		display: flex;
		position: relative
	}

	.plyr__menu .plyr__control svg {
		transition: transform .3s ease
	}

	.plyr__menu .plyr__control[aria-expanded=true] svg {
		transform: rotate(90deg)
	}

	.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
		display: none
	}

	.plyr__menu__container {
		animation: plyr-popup .2s ease;
		background: hsla(0, 0%, 100%, .9);
		background: var(--plyr-menu-background, hsla(0, 0%, 100%, .9));
		border-radius: 4px;
		bottom: 100%;
		box-shadow: 0 1px 2px #00000026;
		box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, .15));
		color: #4a5464;
		color: var(--plyr-menu-color, #4a5464);
		font-size: 15px;
		font-size: var(--plyr-font-size-base, 15px);
		margin-bottom: 10px;
		position: absolute;
		right: -3px;
		text-align: left;
		white-space: nowrap;
		z-index: 3
	}

	.plyr__menu__container>div {
		overflow: hidden;
		transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
	}

	.plyr__menu__container:after {
		border: 4px solid transparent;
		border-top-color: #ffffffe6;
		border: var(--plyr-menu-arrow-size, 4px) solid transparent;
		border-top-color: var(--plyr-menu-background, hsla(0, 0%, 100%, .9));
		content: "";
		height: 0;
		position: absolute;
		right: 14px;
		right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);
		top: 100%;
		width: 0
	}

	.plyr__menu__container [role=menu] {
		padding: 7px;
		padding: calc(var(--plyr-control-spacing, 10px)*.7)
	}

	.plyr__menu__container [role=menuitem],
	.plyr__menu__container [role=menuitemradio] {
		margin-top: 2px
	}

	.plyr__menu__container [role=menuitem]:first-child,
	.plyr__menu__container [role=menuitemradio]:first-child {
		margin-top: 0
	}

	.plyr__menu__container .plyr__control {
		align-items: center;
		color: #4a5464;
		color: var(--plyr-menu-color, #4a5464);
		display: flex;
		font-size: 13px;
		font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
		padding: 4.66667px 10.5px;
		padding: calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
		width: 100%
	}

	.plyr__menu__container .plyr__control>span {
		align-items: inherit;
		display: flex;
		width: 100%
	}

	.plyr__menu__container .plyr__control:after {
		border: 4px solid transparent;
		border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
		content: "";
		position: absolute;
		top: 50%;
		transform: translateY(-50%)
	}

	.plyr__menu__container .plyr__control--forward {
		padding-right: 28px;
		padding-right: calc(var(--plyr-control-spacing, 10px)*.7*4)
	}

	.plyr__menu__container .plyr__control--forward:after {
		border-left-color: #728197;
		border-left-color: var(--plyr-menu-arrow-color, #728197);
		right: 6.5px;
		right: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
	}

	.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,
	.plyr__menu__container .plyr__control--forward:hover:after {
		border-left-color: currentColor
	}

	.plyr__menu__container .plyr__control--back {
		font-weight: 400;
		font-weight: var(--plyr-font-weight-regular, 400);
		margin: 7px;
		margin: calc(var(--plyr-control-spacing, 10px)*.7);
		margin-bottom: 3.5px;
		margin-bottom: calc(var(--plyr-control-spacing, 10px)*.7/2);
		padding-left: 28px;
		padding-left: calc(var(--plyr-control-spacing, 10px)*.7*4);
		position: relative;
		width: calc(100% - 14px);
		width: calc(100% - var(--plyr-control-spacing, 10px)*.7*2)
	}

	.plyr__menu__container .plyr__control--back:after {
		border-right-color: #728197;
		border-right-color: var(--plyr-menu-arrow-color, #728197);
		left: 6.5px;
		left: calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))
	}

	.plyr__menu__container .plyr__control--back:before {
		background: #dcdfe5;
		background: var(--plyr-menu-back-border-color, #dcdfe5);
		box-shadow: 0 1px #fff;
		box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
		content: "";
		height: 1px;
		left: 0;
		margin-top: 3.5px;
		margin-top: calc(var(--plyr-control-spacing, 10px)*.7/2);
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 100%
	}

	.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,
	.plyr__menu__container .plyr__control--back:hover:after {
		border-right-color: currentColor
	}

	.plyr__menu__container .plyr__control[role=menuitemradio] {
		padding-left: 7px;
		padding-left: calc(var(--plyr-control-spacing, 10px)*.7)
	}

	.plyr__menu__container .plyr__control[role=menuitemradio]:after,
	.plyr__menu__container .plyr__control[role=menuitemradio]:before {
		border-radius: 100%
	}

	.plyr__menu__container .plyr__control[role=menuitemradio]:before {
		background: rgba(0, 0, 0, .1);
		content: "";
		display: block;
		flex-shrink: 0;
		height: 16px;
		margin-right: 10px;
		margin-right: var(--plyr-control-spacing, 10px);
		transition: all .3s ease;
		width: 16px
	}

	.plyr__menu__container .plyr__control[role=menuitemradio]:after {
		background: #fff;
		border: 0;
		height: 6px;
		left: 12px;
		opacity: 0;
		top: 50%;
		transform: translateY(-50%) scale(0);
		transition: transform .3s ease, opacity .3s ease;
		width: 6px
	}

	.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
		background: #00b2ff;
		background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)))
	}

	.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
		opacity: 1;
		transform: translateY(-50%) scale(1)
	}

	.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus:before,
	.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
		background: rgba(35, 40, 47, .1)
	}

	.plyr__menu__container .plyr__menu__value {
		align-items: center;
		display: flex;
		margin-left: auto;
		margin-right: calc(-7px + 2);
		margin-right: calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2);
		overflow: hidden;
		padding-left: 24.5px;
		padding-left: calc(var(--plyr-control-spacing, 10px)*.7*3.5);
		pointer-events: none
	}

	.plyr--full-ui input[type=range] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: transparent;
		border: 0;
		border-radius: 26px;
		border-radius: calc(var(--plyr-range-thumb-height, 13px)*2);
		color: #00b2ff;
		color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
		display: block;
		height: 19px;
		height: calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));
		margin: 0;
		min-width: 0;
		padding: 0;
		transition: box-shadow .3s ease;
		width: 100%
	}

	.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
		background: transparent;
		background-image: linear-gradient(90deg, currentColor 0, transparent 0);
		background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
		border: 0;
		border-radius: 2.5px;
		border-radius: calc(var(--plyr-range-track-height, 5px)/2);
		height: 5px;
		height: var(--plyr-range-track-height, 5px);
		-webkit-transition: box-shadow .3s ease;
		transition: box-shadow .3s ease;
		-webkit-user-select: none;
		user-select: none
	}

	.plyr--full-ui input[type=range]::-webkit-slider-thumb {
		-webkit-appearance: none;
		appearance: none;
		background: #fff;
		background: var(--plyr-range-thumb-background, #fff);
		border: 0;
		border-radius: 100%;
		box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
		box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
		height: 13px;
		height: var(--plyr-range-thumb-height, 13px);
		margin-top: -4px;
		margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);
		position: relative;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
		width: 13px;
		width: var(--plyr-range-thumb-height, 13px)
	}

	.plyr--full-ui input[type=range]::-moz-range-track {
		background: transparent;
		border: 0;
		border-radius: 2.5px;
		border-radius: calc(var(--plyr-range-track-height, 5px)/2);
		height: 5px;
		height: var(--plyr-range-track-height, 5px);
		-moz-transition: box-shadow .3s ease;
		transition: box-shadow .3s ease;
		-moz-user-select: none;
		user-select: none
	}

	.plyr--full-ui input[type=range]::-moz-range-thumb {
		background: #fff;
		background: var(--plyr-range-thumb-background, #fff);
		border: 0;
		border-radius: 100%;
		box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
		box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
		height: 13px;
		height: var(--plyr-range-thumb-height, 13px);
		position: relative;
		-moz-transition: all .2s ease;
		transition: all .2s ease;
		width: 13px;
		width: var(--plyr-range-thumb-height, 13px)
	}

	.plyr--full-ui input[type=range]::-moz-range-progress {
		background: currentColor;
		border-radius: 2.5px;
		border-radius: calc(var(--plyr-range-track-height, 5px)/2);
		height: 5px;
		height: var(--plyr-range-track-height, 5px)
	}

	.plyr--full-ui input[type=range]::-ms-track {
		color: transparent
	}

	.plyr--full-ui input[type=range]::-ms-fill-upper,
	.plyr--full-ui input[type=range]::-ms-track {
		background: transparent;
		border: 0;
		border-radius: 2.5px;
		border-radius: calc(var(--plyr-range-track-height, 5px)/2);
		height: 5px;
		height: var(--plyr-range-track-height, 5px);
		-ms-transition: box-shadow .3s ease;
		transition: box-shadow .3s ease;
		user-select: none
	}

	.plyr--full-ui input[type=range]::-ms-fill-lower {
		background: transparent;
		background: currentColor;
		border: 0;
		border-radius: 2.5px;
		border-radius: calc(var(--plyr-range-track-height, 5px)/2);
		height: 5px;
		height: var(--plyr-range-track-height, 5px);
		-ms-transition: box-shadow .3s ease;
		transition: box-shadow .3s ease;
		user-select: none
	}

	.plyr--full-ui input[type=range]::-ms-thumb {
		background: #fff;
		background: var(--plyr-range-thumb-background, #fff);
		border: 0;
		border-radius: 100%;
		box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
		box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
		height: 13px;
		height: var(--plyr-range-thumb-height, 13px);
		margin-top: 0;
		position: relative;
		-ms-transition: all .2s ease;
		transition: all .2s ease;
		width: 13px;
		width: var(--plyr-range-thumb-height, 13px)
	}

	.plyr--full-ui input[type=range]::-ms-tooltip {
		display: none
	}

	.plyr--full-ui input[type=range]::-moz-focus-outer {
		border: 0
	}

	.plyr--full-ui input[type=range]:focus {
		outline: 0
	}

	.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
		outline: 3px dotted #00b2ff;
		outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
		outline-offset: 2px
	}

	.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
		outline: 3px dotted #00b2ff;
		outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
		outline-offset: 2px
	}

	.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
		outline: 3px dotted #00b2ff;
		outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
		outline-offset: 2px
	}

	.plyr__poster {
		background-color: #000;
		background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: contain;
		height: 100%;
		left: 0;
		opacity: 0;
		position: absolute;
		top: 0;
		transition: opacity .2s ease;
		width: 100%;
		z-index: 1
	}

	.plyr--stopped.plyr__poster-enabled .plyr__poster {
		opacity: 1
	}

	.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
		display: none
	}

	.plyr__time {
		font-size: 13px;
		font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
	}

	.plyr__time+.plyr__time:before {
		content: "\2044";
		margin-right: 10px;
		margin-right: var(--plyr-control-spacing, 10px)
	}

	@media (max-width:767px) {
		.plyr__time+.plyr__time {
			display: none
		}
	}

	.plyr__tooltip {
		background: hsla(0, 0%, 100%, .9);
		background: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
		border-radius: 5px;
		border-radius: var(--plyr-tooltip-radius, 5px);
		bottom: 100%;
		box-shadow: 0 1px 2px #00000026;
		box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
		color: #4a5464;
		color: var(--plyr-tooltip-color, #4a5464);
		font-size: 13px;
		font-size: var(--plyr-font-size-small, 13px);
		font-weight: 400;
		font-weight: var(--plyr-font-weight-regular, 400);
		left: 50%;
		line-height: 1.3;
		margin-bottom: 10px;
		margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
		opacity: 0;
		padding: 5px 7.5px;
		padding: calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);
		pointer-events: none;
		position: absolute;
		transform: translate(-50%, 10px) scale(.8);
		transform-origin: 50% 100%;
		transition: transform .2s ease .1s, opacity .2s ease .1s;
		white-space: nowrap;
		z-index: 2
	}

	.plyr__tooltip:before {
		border-left: 4px solid transparent;
		border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
		border-right: 4px solid transparent;
		border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
		border-top: 4px solid hsla(0, 0%, 100%, .9);
		border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
		bottom: -4px;
		bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
		content: "";
		height: 0;
		left: 50%;
		position: absolute;
		transform: translate(-50%);
		width: 0;
		z-index: 2
	}

	.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
	.plyr .plyr__control:hover .plyr__tooltip,
	.plyr__tooltip--visible {
		opacity: 1;
		transform: translate(-50%) scale(1)
	}

	.plyr .plyr__control:hover .plyr__tooltip {
		z-index: 3
	}

	.plyr__controls>.plyr__control:first-child .plyr__tooltip,
	.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
		left: 0;
		transform: translateY(10px) scale(.8);
		transform-origin: 0 100%
	}

	.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,
	.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before {
		left: 16px;
		left: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)
	}

	.plyr__controls>.plyr__control:last-child .plyr__tooltip {
		left: auto;
		right: 0;
		transform: translateY(10px) scale(.8);
		transform-origin: 100% 100%
	}

	.plyr__controls>.plyr__control:last-child .plyr__tooltip:before {
		left: auto;
		right: 16px;
		right: calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);
		transform: translate(50%)
	}

	.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,
	.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,
	.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,
	.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
	.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
	.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
	.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,
	.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
	.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
		transform: translate(0) scale(1)
	}

	.plyr__progress {
		left: 6.5px;
		left: calc(var(--plyr-range-thumb-height, 13px)*.5);
		margin-right: 13px;
		margin-right: var(--plyr-range-thumb-height, 13px);
		position: relative
	}

	.plyr__progress input[type=range],
	.plyr__progress__buffer {
		margin-left: -6.5px;
		margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
		margin-right: -6.5px;
		margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
		width: calc(100% + 13px);
		width: calc(100% + var(--plyr-range-thumb-height, 13px))
	}

	.plyr__progress input[type=range] {
		position: relative;
		z-index: 2
	}

	.plyr__progress .plyr__tooltip {
		left: 0;
		max-width: 120px;
		overflow-wrap: break-word;
		white-space: normal
	}

	.plyr__progress__buffer {
		-webkit-appearance: none;
		background: transparent;
		border: 0;
		border-radius: 100px;
		height: 5px;
		height: var(--plyr-range-track-height, 5px);
		left: 0;
		margin-top: -2.5px;
		margin-top: calc((var(--plyr-range-track-height, 5px)/2)*-1);
		padding: 0;
		position: absolute;
		top: 50%
	}

	.plyr__progress__buffer::-webkit-progress-bar {
		background: transparent
	}

	.plyr__progress__buffer::-webkit-progress-value {
		background: currentColor;
		border-radius: 100px;
		min-width: 5px;
		min-width: var(--plyr-range-track-height, 5px);
		-webkit-transition: width .2s ease;
		transition: width .2s ease
	}

	.plyr__progress__buffer::-moz-progress-bar {
		background: currentColor;
		border-radius: 100px;
		min-width: 5px;
		min-width: var(--plyr-range-track-height, 5px);
		-moz-transition: width .2s ease;
		transition: width .2s ease
	}

	.plyr__progress__buffer::-ms-fill {
		border-radius: 100px;
		-ms-transition: width .2s ease;
		transition: width .2s ease
	}

	.plyr--loading .plyr__progress__buffer {
		animation: plyr-progress 1s linear infinite;
		background-image: linear-gradient(-45deg, rgba(35, 40, 47, .6) 25%, transparent 0, transparent 50%, rgba(35, 40, 47, .6) 0, rgba(35, 40, 47, .6) 75%, transparent 0, transparent);
		background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 75%, transparent 75%, transparent);
		background-repeat: repeat-x;
		background-size: 25px 25px;
		background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
		color: transparent
	}

	.plyr--video.plyr--loading .plyr__progress__buffer {
		background-color: #ffffff40;
		background-color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25))
	}

	.plyr--audio.plyr--loading .plyr__progress__buffer {
		background-color: #c1c8d199;
		background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
	}

	.plyr__progress__marker {
		background-color: #fff;
		background-color: var(--plyr-progress-marker-background, #fff);
		border-radius: 1px;
		height: 5px;
		height: var(--plyr-range-track-height, 5px);
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 3px;
		width: var(--plyr-progress-marker-width, 3px);
		z-index: 3
	}

	.plyr__volume {
		align-items: center;
		display: flex;
		max-width: 110px;
		min-width: 80px;
		position: relative;
		width: 20%
	}

	.plyr__volume input[type=range] {
		margin-left: 5px;
		margin-left: calc(var(--plyr-control-spacing, 10px)/2);
		margin-right: 5px;
		margin-right: calc(var(--plyr-control-spacing, 10px)/2);
		position: relative;
		z-index: 2
	}

	.plyr--is-ios .plyr__volume {
		min-width: 0;
		width: auto
	}

	.plyr--audio {
		display: block
	}

	.plyr--audio .plyr__controls {
		background: #fff;
		background: var(--plyr-audio-controls-background, #fff);
		border-radius: inherit;
		color: #4a5464;
		color: var(--plyr-audio-control-color, #4a5464);
		padding: 10px;
		padding: var(--plyr-control-spacing, 10px)
	}

	.plyr--audio .plyr__control.plyr__tab-focus,
	.plyr--audio .plyr__control:hover,
	.plyr--audio .plyr__control[aria-expanded=true] {
		background: #00b2ff;
		background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
		color: #fff;
		color: var(--plyr-audio-control-color-hover, #fff)
	}

	.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
		background-color: #c1c8d199;
		background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
	}

	.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
		background-color: #c1c8d199;
		background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
	}

	.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
		background-color: #c1c8d199;
		background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6)))
	}

	.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
		box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
		box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
	}

	.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
		box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
		box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
	}

	.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
		box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
		box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, .1))
	}

	.plyr--audio .plyr__progress__buffer {
		color: #c1c8d199;
		color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, .6))
	}

	.plyr--video {
		background: #000;
		background: var(--plyr-video-background, var(--plyr-video-background, #000));
		overflow: hidden
	}

	.plyr--video.plyr--menu-open {
		overflow: visible
	}

	.plyr__video-wrapper {
		background: #000;
		background: var(--plyr-video-background, var(--plyr-video-background, #000));
		height: 100%;
		margin: auto;
		overflow: hidden;
		position: relative;
		width: 100%
	}

	.plyr__video-embed,
	.plyr__video-wrapper--fixed-ratio {
		aspect-ratio: 16/9
	}

	@supports not (aspect-ratio:16/9) {

		.plyr__video-embed,
		.plyr__video-wrapper--fixed-ratio {
			height: 0;
			padding-bottom: 56.25%;
			position: relative
		}
	}

	.plyr__video-embed iframe,
	.plyr__video-wrapper--fixed-ratio video {
		border: 0;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%
	}

	.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
		padding-bottom: 240%;
		position: relative;
		transform: translateY(-38.28125%)
	}

	.plyr--video .plyr__controls {
		background: linear-gradient(transparent, rgba(0, 0, 0, .75));
		background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, .75)));
		border-bottom-left-radius: inherit;
		border-bottom-right-radius: inherit;
		bottom: 0;
		color: #fff;
		color: var(--plyr-video-control-color, #fff);
		left: 0;
		padding: 5px;
		padding: calc(var(--plyr-control-spacing, 10px)/2);
		padding-top: 20px;
		padding-top: calc(var(--plyr-control-spacing, 10px)*2);
		position: absolute;
		right: 0;
		transition: opacity .4s ease-in-out, transform .4s ease-in-out;
		z-index: 3
	}

	@media (min-width:480px) {
		.plyr--video .plyr__controls {
			padding: 10px;
			padding: var(--plyr-control-spacing, 10px);
			padding-top: 35px;
			padding-top: calc(var(--plyr-control-spacing, 10px)*3.5)
		}
	}

	.plyr--video.plyr--hide-controls .plyr__controls {
		opacity: 0;
		pointer-events: none;
		transform: translateY(100%)
	}

	.plyr--video .plyr__control.plyr__tab-focus,
	.plyr--video .plyr__control:hover,
	.plyr--video .plyr__control[aria-expanded=true] {
		background: #00b2ff;
		background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
		color: #fff;
		color: var(--plyr-video-control-color-hover, #fff)
	}

	.plyr__control--overlaid {
		background: #00b2ff;
		background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
		border: 0;
		border-radius: 100%;
		color: #fff;
		color: var(--plyr-video-control-color, #fff);
		display: none;
		left: 50%;
		opacity: .9;
		padding: 15px;
		padding: calc(var(--plyr-control-spacing, 10px)*1.5);
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		transition: .3s;
		z-index: 2
	}

	.plyr__control--overlaid svg {
		left: 2px;
		position: relative
	}

	.plyr__control--overlaid:focus,
	.plyr__control--overlaid:hover {
		opacity: 1
	}

	.plyr--playing .plyr__control--overlaid {
		opacity: 0;
		visibility: hidden
	}

	.plyr--full-ui.plyr--video .plyr__control--overlaid {
		display: block
	}

	.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
		background-color: #ffffff40;
		background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
	}

	.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
		background-color: #ffffff40;
		background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
	}

	.plyr--full-ui.plyr--video input[type=range]::-ms-track {
		background-color: #ffffff40;
		background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25)))
	}

	.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
		box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
		box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
	}

	.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
		box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
		box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
	}

	.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
		box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
		box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0, 0%, 100%, .5))
	}

	.plyr--video .plyr__progress__buffer {
		color: #ffffff40;
		color: var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, .25))
	}

	.plyr:fullscreen {
		background: #000;
		border-radius: 0 !important;
		height: 100%;
		margin: 0;
		width: 100%
	}

	.plyr:fullscreen video {
		height: 100%
	}

	.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
		display: block
	}

	.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
		display: none
	}

	.plyr:fullscreen.plyr--hide-controls {
		cursor: none
	}

	@media (min-width:1024px) {
		.plyr:fullscreen .plyr__captions {
			font-size: 21px;
			font-size: var(--plyr-font-size-xlarge, 21px)
		}
	}

	.plyr--fullscreen-fallback {
		background: #000;
		border-radius: 0 !important;
		bottom: 0;
		display: block;
		height: 100%;
		left: 0;
		margin: 0;
		position: fixed;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 10000000
	}

	.plyr--fullscreen-fallback video {
		height: 100%
	}

	.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
		display: block
	}

	.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
		display: none
	}

	.plyr--fullscreen-fallback.plyr--hide-controls {
		cursor: none
	}

	@media (min-width:1024px) {
		.plyr--fullscreen-fallback .plyr__captions {
			font-size: 21px;
			font-size: var(--plyr-font-size-xlarge, 21px)
		}
	}

	.plyr__ads {
		border-radius: inherit;
		bottom: 0;
		cursor: pointer;
		left: 0;
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 0;
		z-index: -1
	}

	.plyr__ads>div,
	.plyr__ads>div iframe {
		height: 100%;
		position: absolute;
		width: 100%
	}

	.plyr__ads:after {
		background: #23282f;
		border-radius: 2px;
		bottom: 10px;
		bottom: var(--plyr-control-spacing, 10px);
		color: #fff;
		content: attr(data-badge-text);
		font-size: 11px;
		padding: 2px 6px;
		pointer-events: none;
		position: absolute;
		right: 10px;
		right: var(--plyr-control-spacing, 10px);
		z-index: 3
	}

	.plyr__ads:empty:after {
		display: none
	}

	.plyr__cues {
		background: currentColor;
		display: block;
		height: 5px;
		height: var(--plyr-range-track-height, 5px);
		left: 0;
		opacity: .8;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 3px;
		z-index: 3
	}

	.plyr__preview-thumb {
		background-color: #ffffffe6;
		background-color: var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
		border-radius: 5px;
		border-radius: var(--plyr-tooltip-radius, 5px);
		bottom: 100%;
		box-shadow: 0 1px 2px #00000026;
		box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
		margin-bottom: 10px;
		margin-bottom: calc(var(--plyr-control-spacing, 10px)/2*2);
		opacity: 0;
		padding: 3px;
		pointer-events: none;
		position: absolute;
		transform: translateY(10px) scale(.8);
		transform-origin: 50% 100%;
		transition: transform .2s ease .1s, opacity .2s ease .1s;
		z-index: 2
	}

	.plyr__preview-thumb--is-shown {
		opacity: 1;
		transform: translate(0) scale(1)
	}

	.plyr__preview-thumb:before {
		border-left: 4px solid transparent;
		border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
		border-right: 4px solid transparent;
		border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
		border-top: 4px solid hsla(0, 0%, 100%, .9);
		border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0, 0%, 100%, .9));
		bottom: -4px;
		bottom: calc(var(--plyr-tooltip-arrow-size, 4px)*-1);
		content: "";
		height: 0;
		left: calc(50% + var(--preview-arrow-offset));
		position: absolute;
		transform: translate(-50%);
		width: 0;
		z-index: 2
	}

	.plyr__preview-thumb__image-container {
		background: #c1c8d1;
		border-radius: 4px;
		border-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
		overflow: hidden;
		position: relative;
		z-index: 0
	}

	.plyr__preview-thumb__image-container img,
	.plyr__preview-thumb__image-container:after {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%
	}

	.plyr__preview-thumb__image-container:after {
		border-radius: inherit;
		box-shadow: inset 0 0 0 1px #00000026;
		content: "";
		pointer-events: none
	}

	.plyr__preview-thumb__image-container img {
		max-height: none;
		max-width: none
	}

	.plyr__preview-thumb__time-container {
		background: linear-gradient(transparent, rgba(0, 0, 0, .75));
		background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, .75)));
		border-bottom-left-radius: 4px;
		border-bottom-left-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
		border-bottom-right-radius: 4px;
		border-bottom-right-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
		bottom: 0;
		left: 0;
		line-height: 1.1;
		padding: 20px 6px 6px;
		position: absolute;
		right: 0;
		z-index: 3
	}

	.plyr__preview-thumb__time-container span {
		color: #fff;
		font-size: 13px;
		font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
	}

	.plyr__preview-scrubbing {
		bottom: 0;
		filter: blur(1px);
		height: 100%;
		left: 0;
		margin: auto;
		opacity: 0;
		overflow: hidden;
		pointer-events: none;
		position: absolute;
		right: 0;
		top: 0;
		transition: opacity .3s ease;
		width: 100%;
		z-index: 1
	}

	.plyr__preview-scrubbing--is-shown {
		opacity: 1
	}

	.plyr__preview-scrubbing img {
		height: 100%;
		left: 0;
		max-height: none;
		max-width: none;
		-o-object-fit: contain;
		object-fit: contain;
		position: absolute;
		top: 0;
		width: 100%
	}

	.plyr--no-transition {
		transition: none !important
	}

	.plyr__sr-only {
		clip: rect(1px, 1px, 1px, 1px);
		border: 0 !important;
		height: 1px !important;
		overflow: hidden;
		padding: 0 !important;
		position: absolute !important;
		width: 1px !important
	}

	.plyr [hidden] {
		display: none !important
	}

	.comparisonCardItem {
		margin-bottom: .75rem;
		display: flex;
		flex-direction: column;
		gap: .75rem
	}

	.comparisonCardItem__item {
		display: flex;
		flex-direction: row;
		align-items: flex-start
	}

	:is([dir="ltr"] .comparisonCardItem__icon) {
		margin-right: .75rem
	}

	:is([dir="rtl"] .comparisonCardItem__icon) {
		margin-left: .75rem
	}

	.comparisonCardItem__icon svg {
		height: 2rem;
		width: 2rem
	}

	.comparisonCardItem__copy {
		margin-top: .25rem
	}

	.comparisonCard {
		margin-bottom: 3rem
	}

	@media (min-width: 768px) {
		.comparisonCard {
			margin-bottom: 4rem
		}
	}

	.comparisonCard__header {
		margin-bottom: 3rem;
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: center;
		justify-content: center
	}

	@media (min-width: 768px) {
		.comparisonCard__header {
			margin-bottom: 4rem
		}
	}

	.accordion-with-image__heading .comparisonCard__header--headline {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.stats--highlighted .stats__heading--headline .comparisonCard__header--headline {
		margin-bottom: 1.25rem;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 1024px) {
		.stats--highlighted .stats__heading--headline .comparisonCard__header--headline {
			margin-bottom: 0
		}
	}

	.tabsSlider__text-content .comparisonCard__header--headline {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.comparisonCard__header--headline {
		margin-bottom: 1rem;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 400;
		font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
	}

	.comparisonCard__header--subheadline {
		max-width: 48rem;
		text-align: center
	}

	@media (min-width: 768px) {
		.comparisonCard__cards {
			overflow-x: scroll
		}
	}

	@media (min-width: 1024px) {
		.comparisonCard__cards {
			overflow: hidden
		}
	}

	.comparisonCard__cards {
		padding-top: .75rem
	}

	@media (min-width: 768px) {
		.comparisonCard__cards {
			padding-bottom: 1rem
		}
	}

	@media (min-width: 1024px) {
		.comparisonCard__cards {
			padding-bottom: 0
		}
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.comparisonCard__cards--inner {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.comparisonCard__cards--inner {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.comparisonCard__cards--inner {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.comparisonCard__cards--inner {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.comparisonCard__cards--inner {
		animation: menu-fade .18s ease-in-out 1
	}

	.comparisonCard__cards--inner {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 2rem
	}

	@media (min-width: 768px) {
		.comparisonCard__cards--inner {
			grid-template-columns: repeat(2, minmax(0, 1fr))
		}
	}

	.comparisonCard__cards--inner {
		padding-left: .25rem;
		padding-right: .25rem;
		padding-bottom: .25rem
	}

	@media (min-width: 768px) {
		.comparisonCard__cards--inner {
			min-width: 892px
		}
	}

	.button--text:hover .comparisonCard__card--wrapper,
	.button--text-small:hover .comparisonCard__card--wrapper {
		background-size: 100% 100%
	}

	.button--text-small .comparisonCard__card--wrapper {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .comparisonCard__card--wrapper {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .comparisonCard__card--wrapper) {
		background-position: right
	}

	.button--text .comparisonCard__card--wrapper {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .comparisonCard__card--wrapper {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .comparisonCard__card--wrapper,
	.sticky-navigation__anchor.active .comparisonCard__card--wrapper {
		background-size: 100% 100%
	}

	.comparisonCard__card--wrapper {
		position: relative;
		width: 100%
	}

	.comparisonCard__card {
		z-index: 3
	}

	.button--text:hover .comparisonCard__card,
	.button--text-small:hover .comparisonCard__card {
		background-size: 100% 100%
	}

	.button--text-small .comparisonCard__card {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .comparisonCard__card {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .comparisonCard__card) {
		background-position: right
	}

	.button--text .comparisonCard__card {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .comparisonCard__card {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .comparisonCard__card,
	.sticky-navigation__anchor.active .comparisonCard__card {
		background-size: 100% 100%
	}

	.comparisonCard__card {
		position: relative;
		border-radius: .75rem;
		border-width: 1px;
		border-top-width: 0px;
		border-color: transparent;
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		padding: 2rem;
		height: 100%
	}

	@media (min-width: 768px) {
		.comparisonCard__card {
			min-width: 426px
		}
	}

	@media (min-width: 1024px) {
		.comparisonCard__card {
			min-width: unset
		}
	}

	.comparisonCard__card {
		display: flex;
		flex-direction: column;
		justify-content: space-between
	}

	.accordion-with-image__heading .comparisonCard__card--headline {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.stats--highlighted .stats__heading--headline .comparisonCard__card--headline {
		margin-bottom: 1.25rem;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 1024px) {
		.stats--highlighted .stats__heading--headline .comparisonCard__card--headline {
			margin-bottom: 0
		}
	}

	.tabsSlider__text-content .comparisonCard__card--headline {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.comparisonCard__card--headline {
		margin-bottom: 1rem;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 400;
		font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
	}

	.accordion-with-image__heading .media-with-text__cards .comparisonCard__card--subheadline {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.stats--highlighted .stats__heading--headline .media-with-text__cards .comparisonCard__card--subheadline {
		margin-bottom: 1.25rem;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 1024px) {
		.stats--highlighted .stats__heading--headline .media-with-text__cards .comparisonCard__card--subheadline {
			margin-bottom: 0
		}
	}

	.tabsSlider__text-content .media-with-text__cards .comparisonCard__card--subheadline {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.media-with-text__cards .comparisonCard__card--subheadline {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 400;
		font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
	}

	.comparisonCard__card--subheadline {
		margin-bottom: 1rem;
		font-size: 1.25rem;
		line-height: 1.15;
		font-weight: 700;
		letter-spacing: .5px;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.comparisonCard__card--subheadline {
			font-size: 1.437rem;
			line-height: 1.25
		}
	}

	.comparisonCard__card--copy {
		margin-bottom: 1rem
	}

	.comparisonCard__card--asset {
		margin-top: 2rem;
		width: 100%;
		border-radius: .75rem;
		border-width: 1px;
		border-color: transparent
	}

	.comparisonCard__card--asset img {
		width: 100%;
		border-radius: .75rem;
		-o-object-fit: cover;
		object-fit: cover
	}

	.comparisonCard__card--cta {
		margin-top: 2rem
	}

	.comparisonCard__option--alta:before {
		position: absolute;
		top: -12px;
		left: 0px;
		display: block;
		height: 1.25rem;
		width: 100%;
		border-top-left-radius: 1.5rem;
		border-top-right-radius: 1.5rem;
		border-top-width: 1px;
		border-color: transparent;
		--tw-content: "";
		content: var(--tw-content);
		background: linear-gradient(to right, #005eb8 0%, #b7bf10 50%);
		z-index: 2
	}

	.comparisonCard__option--unity:before {
		position: absolute;
		top: -12px;
		left: 0px;
		display: block;
		height: 1.25rem;
		width: 100%;
		border-top-left-radius: 1.5rem;
		border-top-right-radius: 1.5rem;
		border-top-width: 1px;
		border-color: transparent;
		--tw-content: "";
		content: var(--tw-content);
		background: linear-gradient(to right, #005eb8 0%, #00a3e0f2 50%);
		z-index: 2
	}

	.comparisonCard__option--border:before {
		position: absolute;
		top: -12px;
		display: block;
		border-top-left-radius: 1.5rem;
		border-top-right-radius: 1.5rem;
		border-top-width: 1px;
		border-color: transparent;
		--tw-content: "";
		content: var(--tw-content);
		right: -1px;
		bottom: -1px;
		left: -1px;
		border-bottom-right-radius: 13px;
		border-bottom-left-radius: 13px;
		background: linear-gradient(to bottom, #fff 0%, #000 20%);
		z-index: 1
	}

	@keyframes fill-animation {
		0% {
			width: 0%
		}

		to {
			width: 100%
		}
	}

	@keyframes left {
		0% {
			-webkit-transform: rotate(0deg)
		}

		to {
			transform: rotate(180deg)
		}
	}

	@keyframes right {
		0% {
			-webkit-transform: rotate(0deg)
		}

		to {
			transform: rotate(180deg)
		}
	}

	@keyframes fadein {
		0% {
			opacity: 0
		}

		to {
			opacity: 1
		}
	}

	/*! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com
 */
	*,
	:before,
	:after {
		box-sizing: border-box;
		border-width: 0;
		border-style: solid;
		border-color: rgb(var(--color-gray-200))
	}

	:before,
	:after {
		--tw-content: ""
	}

	html {
		line-height: 1.5;
		-webkit-text-size-adjust: 100%;
		-moz-tab-size: 4;
		-o-tab-size: 4;
		tab-size: 4;
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-feature-settings: normal;
		font-variation-settings: normal
	}

	body {
		margin: 0;
		line-height: inherit
	}

	hr {
		height: 0;
		color: inherit;
		border-top-width: 1px
	}

	abbr:where([title]) {
		-webkit-text-decoration: underline dotted;
		text-decoration: underline dotted
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size: inherit;
		font-weight: inherit
	}

	a {
		color: inherit;
		text-decoration: inherit
	}

	b,
	strong {
		font-weight: bolder
	}

	code,
	kbd,
	samp,
	pre {
		font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
		font-size: 1em
	}

	small {
		font-size: 80%
	}

	sub,
	sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline
	}

	sub {
		bottom: -.25em
	}

	sup {
		top: -.5em
	}

	table {
		text-indent: 0;
		border-color: inherit;
		border-collapse: collapse
	}

	button,
	input,
	optgroup,
	select,
	textarea {
		font-family: inherit;
		font-feature-settings: inherit;
		font-variation-settings: inherit;
		font-size: 100%;
		font-weight: inherit;
		line-height: inherit;
		color: inherit;
		margin: 0;
		padding: 0
	}

	button,
	select {
		text-transform: none
	}

	button,
	[type=button],
	[type=reset],
	[type=submit] {
		-webkit-appearance: button;
		background-color: transparent;
		background-image: none
	}

	:-moz-focusring {
		outline: auto
	}

	:-moz-ui-invalid {
		box-shadow: none
	}

	progress {
		vertical-align: baseline
	}

	::-webkit-inner-spin-button,
	::-webkit-outer-spin-button {
		height: auto
	}

	[type=search] {
		-webkit-appearance: textfield;
		outline-offset: -2px
	}

	::-webkit-search-decoration {
		-webkit-appearance: none
	}

	::-webkit-file-upload-button {
		-webkit-appearance: button;
		font: inherit
	}

	summary {
		display: list-item
	}

	blockquote,
	dl,
	dd,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	hr,
	figure,
	p,
	pre {
		margin: 0
	}

	fieldset {
		margin: 0;
		padding: 0
	}

	legend {
		padding: 0
	}

	ol,
	ul,
	menu {
		list-style: none;
		margin: 0;
		padding: 0
	}

	dialog {
		padding: 0
	}

	textarea {
		resize: vertical
	}

	input::-moz-placeholder,
	textarea::-moz-placeholder {
		opacity: 1;
		color: rgb(var(--color-gray-400))
	}

	input::placeholder,
	textarea::placeholder {
		opacity: 1;
		color: rgb(var(--color-gray-400))
	}

	button,
	[role=button] {
		cursor: pointer
	}

	:disabled {
		cursor: default
	}

	img,
	svg,
	video,
	canvas,
	audio,
	iframe,
	embed,
	object {
		display: block;
		vertical-align: middle
	}

	img,
	video {
		max-width: 100%;
		height: auto
	}

	[hidden] {
		display: none
	}

	:root {
		--color-brand-400: 0, 163, 224;
		--color-brand-500: 0, 94, 184;
		--color-brand-700: 0, 66, 129;
		--color-brand-nav: 247, 247, 248;
		--color-gray-50: 252, 252, 252;
		--color-gray-100: 247, 247, 248;
		--color-gray-200: 242, 242, 242;
		--color-gray-300: 230, 230, 230;
		--color-gray-500: 107, 114, 128;
		--color-gray-700: 77, 77, 77;
		--color-gray-800: 50, 49, 49;
		--color-green-500: 0, 120, 72
	}

	dialog {
		overflow: visible;
		border-radius: 3px;
		padding: 0;
		--padding-h: 5rem;
		--padding-v: 5rem;
		max-width: calc(100% - var(--padding));
		max-height: calc(100% - var(--padding));
		background-color: transparent
	}

	dialog>button {
		position: absolute;
		left: 100%;
		bottom: 100%;
		padding: .5rem;
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity));
		height: 2.5rem;
		width: 2.5rem
	}

	dialog:has(.form--vertical)>button {
		cursor: pointer;
		border-radius: .375rem;
		--tw-text-opacity: 1;
		color: rgba(var(--color-gray-900), var(--tw-text-opacity))
	}

	dialog:has(.form--vertical)>button:hover {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	dialog:has(.form--vertical)>button {
		left: auto;
		bottom: auto;
		right: .75rem;
		top: .75rem
	}

	dialog>div {
		overflow: auto;
		overscroll-behavior: contain;
		max-width: calc(100vw - var(--padding-h));
		max-height: calc(100vh - var(--padding-v))
	}

	dialog>div.aspect-16\/9 {
		height: auto;
		width: min(calc(100vw - var(--padding-h)), calc((100vh - var(--padding-v)) * 16 / 9))
	}

	@media (min-width: 1024px) {
		dialog>div.aspect-16\/9 {
			width: min(calc(75vw - var(--padding-h)), calc((100vh - var(--padding-v)) * 16 / 9))
		}
	}

	@supports (aspect-ratio: 16 / 9) {
		dialog>div.aspect-16\/9 {
			aspect-ratio: 16 / 9
		}
	}

	@supports not (aspect-ratio: 16 / 9) {
		dialog>div.aspect-16\/9 {
			padding-top: 56.25%
		}

		.button--text:hover dialog>div.aspect-16\/9 {
			background-size: 100% 100%
		}

		.button--text-small:hover dialog>div.aspect-16\/9 {
			background-size: 100% 100%
		}

		.button--text-small dialog>div.aspect-16\/9 {
			background-size: 0 100%;
			background-repeat: no-repeat;
			padding-bottom: .25rem;
			transition: background-size .6s ease;
			background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
		}

		.button--text dialog>div.aspect-16\/9 {
			background-size: 0 100%;
			background-repeat: no-repeat;
			padding-bottom: .25rem
		}

		:is([dir="rtl"] .button--text dialog > div.aspect-16\/9) {
			background-position: right
		}

		.button--text dialog>div.aspect-16\/9 {
			transition: background-size .6s ease;
			background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
		}

		.button--with-icon dialog>div.aspect-16\/9 {
			margin-top: .25rem
		}

		.sticky-navigation__anchor:hover dialog>div.aspect-16\/9,
		.sticky-navigation__anchor.active dialog>div.aspect-16\/9 {
			background-size: 100% 100%
		}

		dialog>div.aspect-16\/9 {
			position: relative
		}
	}

	dialog>div.aspect-16\/9>* {
		height: 100%;
		width: 100%
	}

	@supports not (aspect-ratio: 16 / 9) {
		dialog>div.aspect-16\/9>* {
			position: absolute;
			inset: 0px
		}
	}

	dialog::backdrop {
		background-color: #0009
	}

	dialog+.backdrop {
		background-color: #0009
	}

	.modal__inner {
		border-radius: 3px;
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity))
	}

	:root {
		scroll-padding-top: calc(var(--header-height) - 20px);
		scroll-behavior: smooth
	}

	html {
		background-color: transparent !important
	}

	body {
		display: flex;
		min-height: 100vh;
		flex-direction: column;
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 1rem;
		line-height: 1.6;
		--tw-text-opacity: 1;
		color: rgba(var(--color-gray-700), var(--tw-text-opacity));
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}

	main {
		flex-grow: 1
	}

	.is-active {
		overflow: hidden
	}

	.container.rounded-container {
		border-radius: 1.5rem
	}

	@media (min-width: 1024px) {
		.container.rounded-container {
			border-radius: 50px
		}
	}

	section:has(.card-block.card-block__offsetCarousel) {
		overflow: hidden
	}

	a:focus,
	button:focus,
	input:focus {
		outline: 2px solid transparent;
		outline-offset: 2px
	}

	a:focus-visible,
	button:focus-visible,
	input:focus-visible {
		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
	}

	button:not([disabled]) {
		cursor: default
	}

	details summary {
		cursor: pointer;
		display: block
	}

	details summary::-webkit-details-marker {
		display: none
	}

	.main-nav {
		position: sticky;
		top: 0px;
		z-index: 30;
		transition-property: transform;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .5s;
		transition-timing-function: cubic-bezier(.47, .42, 0, .99)
	}

	.back-to-top {
		visibility: hidden;
		position: fixed;
		bottom: 16px;
		left: 16px;
		z-index: 50;
		height: 38px;
		width: 38px;
		--tw-text-opacity: 1;
		color: rgba(var(--color-gray-300), var(--tw-text-opacity));
		opacity: 0;
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .5s
	}

	.back-to-top:hover {
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.back-to-top {
			bottom: 25px
		}
	}

	@keyframes spin {
		to {
			transform: rotate(360deg)
		}
	}

	.back-to-top:hover .back-to-top__svg {
		animation: spin 1s linear infinite;
		animation-duration: 5s
	}

	.button--text:hover .back-to-top__arrow,
	.button--text-small:hover .back-to-top__arrow {
		background-size: 100% 100%
	}

	.button--text-small .back-to-top__arrow {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .back-to-top__arrow {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .back-to-top__arrow) {
		background-position: right
	}

	.button--text .back-to-top__arrow {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .back-to-top__arrow {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .back-to-top__arrow,
	.sticky-navigation__anchor.active .back-to-top__arrow {
		background-size: 100% 100%
	}

	.back-to-top__arrow {
		position: relative;
		z-index: 10;
		display: flex;
		height: 100%;
		align-items: center;
		justify-content: center
	}

	.back-to-top__svg {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		border-radius: 9999px;
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity));
		fill: none;
		stroke: currentColor;
		stroke-width: 1;
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity));
		stroke-linecap: round;
		stroke-dasharray: .1%, 11.4%;
		stroke-width: 2px
	}

	[data-show-back-to-top=true] .back-to-top {
		visibility: visible;
		opacity: 1
	}

	[data-show-sticky-navigation=true][data-scroll-direction=down] .main-nav {
		--tw-translate-y: -100%;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	[data-show-sticky-navigation=true][data-scroll-direction=down] .sticky-navigation {
		--tw-translate-y: calc(var(--header-height) * -1);
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	[data-show-sticky-navigation=true] .sticky-navigation {
		pointer-events: auto;
		opacity: 1
	}

	[data-show-sticky-navigation=true] .nav {
		--tw-shadow: 0 0 #0000;
		--tw-shadow-colored: 0 0 #0000;
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	#truste-consent-text a {
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	p:lang(pt-PT),
	p:lang(pt-BR) {
		hyphens: none
	}

	.embeddedServiceHelpButton .helpButton .uiButton.helpButtonEnabled,
	.embeddedServiceHelpButton .helpButton .uiButton.helpButtonDisabled {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-brand-700), var(--tw-bg-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
	}

	.embeddedServiceHelpButton .helpButton .uiButton.helpButtonEnabled:focus,
	.embeddedServiceHelpButton .helpButton .uiButton.helpButtonDisabled:focus {
		outline-style: solid;
		outline-width: 1px;
		outline-color: rgb(var(--color-brand-700))
	}

	#hubspot-messages-iframe-container {
		z-index: 50 !important
	}

	*,
	:before,
	:after {
		--tw-border-spacing-x: 0;
		--tw-border-spacing-y: 0;
		--tw-translate-x: 0;
		--tw-translate-y: 0;
		--tw-rotate: 0;
		--tw-skew-x: 0;
		--tw-skew-y: 0;
		--tw-scale-x: 1;
		--tw-scale-y: 1;
		--tw-pan-x: ;
		--tw-pan-y: ;
		--tw-pinch-zoom: ;
		--tw-scroll-snap-strictness: proximity;
		--tw-gradient-from-position: ;
		--tw-gradient-via-position: ;
		--tw-gradient-to-position: ;
		--tw-ordinal: ;
		--tw-slashed-zero: ;
		--tw-numeric-figure: ;
		--tw-numeric-spacing: ;
		--tw-numeric-fraction: ;
		--tw-ring-inset: ;
		--tw-ring-offset-width: 0px;
		--tw-ring-offset-color: #fff;
		--tw-ring-color: rgb(59 130 246 / .5);
		--tw-ring-offset-shadow: 0 0 #0000;
		--tw-ring-shadow: 0 0 #0000;
		--tw-shadow: 0 0 #0000;
		--tw-shadow-colored: 0 0 #0000;
		--tw-blur: ;
		--tw-brightness: ;
		--tw-contrast: ;
		--tw-grayscale: ;
		--tw-hue-rotate: ;
		--tw-invert: ;
		--tw-saturate: ;
		--tw-sepia: ;
		--tw-drop-shadow: ;
		--tw-backdrop-blur: ;
		--tw-backdrop-brightness: ;
		--tw-backdrop-contrast: ;
		--tw-backdrop-grayscale: ;
		--tw-backdrop-hue-rotate: ;
		--tw-backdrop-invert: ;
		--tw-backdrop-opacity: ;
		--tw-backdrop-saturate: ;
		--tw-backdrop-sepia:
	}

	::backdrop {
		--tw-border-spacing-x: 0;
		--tw-border-spacing-y: 0;
		--tw-translate-x: 0;
		--tw-translate-y: 0;
		--tw-rotate: 0;
		--tw-skew-x: 0;
		--tw-skew-y: 0;
		--tw-scale-x: 1;
		--tw-scale-y: 1;
		--tw-pan-x: ;
		--tw-pan-y: ;
		--tw-pinch-zoom: ;
		--tw-scroll-snap-strictness: proximity;
		--tw-gradient-from-position: ;
		--tw-gradient-via-position: ;
		--tw-gradient-to-position: ;
		--tw-ordinal: ;
		--tw-slashed-zero: ;
		--tw-numeric-figure: ;
		--tw-numeric-spacing: ;
		--tw-numeric-fraction: ;
		--tw-ring-inset: ;
		--tw-ring-offset-width: 0px;
		--tw-ring-offset-color: #fff;
		--tw-ring-color: rgb(59 130 246 / .5);
		--tw-ring-offset-shadow: 0 0 #0000;
		--tw-ring-shadow: 0 0 #0000;
		--tw-shadow: 0 0 #0000;
		--tw-shadow-colored: 0 0 #0000;
		--tw-blur: ;
		--tw-brightness: ;
		--tw-contrast: ;
		--tw-grayscale: ;
		--tw-hue-rotate: ;
		--tw-invert: ;
		--tw-saturate: ;
		--tw-sepia: ;
		--tw-drop-shadow: ;
		--tw-backdrop-blur: ;
		--tw-backdrop-brightness: ;
		--tw-backdrop-contrast: ;
		--tw-backdrop-grayscale: ;
		--tw-backdrop-hue-rotate: ;
		--tw-backdrop-invert: ;
		--tw-backdrop-opacity: ;
		--tw-backdrop-saturate: ;
		--tw-backdrop-sepia:
	}

	.container {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding-right: 1rem;
		padding-left: 1rem
	}

	@media (min-width: 350px) {
		.container {
			max-width: 350px
		}
	}

	@media (min-width: 520px) {
		.container {
			max-width: 520px
		}
	}

	@media (min-width: 768px) {
		.container {
			max-width: 768px;
			padding-right: 2rem;
			padding-left: 2rem
		}
	}

	@media (min-width: 1024px) {
		.container {
			max-width: 1024px
		}
	}

	@media (min-width: 1160px) {
		.container {
			max-width: 1160px
		}
	}

	@media (min-width: 1280px) {
		.container {
			max-width: 1280px
		}
	}

	@media (min-width: 1408px) {
		.container {
			max-width: 1408px
		}
	}

	@media (min-width: 1536px) {
		.container {
			max-width: 1536px
		}
	}

	@media (min-width: 1728px) {
		.container {
			max-width: 1728px
		}
	}

	@media (min-width: 1920px) {
		.container {
			max-width: 1920px
		}
	}

	@media (min-width: 2560px) {
		.container {
			max-width: 2560px
		}
	}

	.container {
		max-width: 100%
	}

	@media (min-width: 640px) {
		.container {
			max-width: 640px
		}
	}

	@media (min-width: 768px) {
		.container {
			max-width: 768px
		}
	}

	@media (min-width: 900px) {
		.container {
			max-width: 900px
		}
	}

	@media (min-width: 1024px) {
		.container {
			max-width: 1244px
		}
	}

	@media (min-width: 1280px) {
		.container {
			max-width: 1244px
		}
	}

	@media (min-width: 1536px) {
		.container {
			max-width: 1244px
		}
	}

	:is([dir="ltr"] .accordion-with-image__heading) {
		text-align: left
	}

	:is([dir="rtl"] .accordion-with-image__heading) {
		text-align: right
	}

	.accordion-with-image__heading {
		margin-bottom: 2rem;
		display: flex;
		flex-direction: column
	}

	.accordion-with-image__heading .headline-2 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.accordion-with-image__items {
		width: 100%
	}

	@media (min-width: 1024px) {
		.accordion-with-image__items {
			width: 50%
		}
	}

	.button--text:hover .accordion-with-image__items-image,
	.button--text-small:hover .accordion-with-image__items-image {
		background-size: 100% 100%
	}

	.button--text-small .accordion-with-image__items-image {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .accordion-with-image__items-image {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .accordion-with-image__items-image) {
		background-position: right
	}

	.button--text .accordion-with-image__items-image {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .accordion-with-image__items-image {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .accordion-with-image__items-image,
	.sticky-navigation__anchor.active .accordion-with-image__items-image {
		background-size: 100% 100%
	}

	.accordion-with-image__items-image {
		position: relative;
		display: none;
		width: 100%;
		align-items: center;
		overflow: hidden
	}

	@media (min-width: 1024px) {
		.accordion-with-image__items-image {
			display: flex;
			width: 50%
		}
	}

	.accordion-with-image__items-image img,
	.accordion-with-image__items-image video {
		height: auto;
		width: 100%;
		border-radius: 10px
	}

	.accordion-with-image__items-image video {
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity))
	}

	.industry-hero__media.with-video-main.accordion-with-image__items-image.asset-ratio-square video {
		aspect-ratio: 1/1
	}

	.accordion-with-image__items-image.asset-ratio-square video {
		aspect-ratio: 1 / 1
	}

	.accordion-with-image__items-image.asset-ratio-landscape video {
		aspect-ratio: 4/3
	}

	.accordion-with-image__items-image.asset-ratio-portrait video {
		aspect-ratio: 3/4
	}

	.accordion-with-image__items-image.asset-ratio-natural video {
		aspect-ratio: auto
	}

	.accordion-with-image__items-image.asset-ratio-default video {
		aspect-ratio: 4/3
	}

	.accordion-with-image__container {
		display: flex;
		flex-direction: column;
		gap: 2rem
	}

	@media (min-width: 1024px) {
		.accordion-with-image__container {
			flex-direction: row
		}
	}

	.accordion-with-image__container.bg-default .accordion-with-image__item:has(button[aria-expanded="true"]) {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity))
	}

	.accordion-with-image__item-wrapper {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem
	}

	.accordion-with-image__items {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		row-gap: .5rem
	}

	.accordion-with-image__item {
		border-radius: 10px;
		border-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-gray-500), var(--tw-border-opacity));
		--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
		--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.accordion-with-image__item:has(button[aria-expanded="true"]) {
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-brand-500), var(--tw-border-opacity));
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity))
	}

	.button--text:hover .accordion-with-image__item button,
	.button--text-small:hover .accordion-with-image__item button {
		background-size: 100% 100%
	}

	.button--text-small .accordion-with-image__item button {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .accordion-with-image__item button {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .accordion-with-image__item button) {
		background-position: right
	}

	.button--text .accordion-with-image__item button {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .accordion-with-image__item button {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .accordion-with-image__item button,
	.sticky-navigation__anchor.active .accordion-with-image__item button {
		background-size: 100% 100%
	}

	.accordion-with-image__item button {
		position: relative;
		display: block;
		width: 100%;
		padding-left: .75rem;
		padding-right: .75rem
	}

	:is([dir="ltr"] .accordion-with-image__item button) {
		padding-right: 2rem;
		padding-left: .75rem
	}

	:is([dir="rtl"] .accordion-with-image__item button) {
		padding-left: 2rem;
		padding-right: .75rem
	}

	.accordion-with-image__item button {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	:is([dir="ltr"] .accordion-with-image__item button) {
		text-align: left
	}

	:is([dir="rtl"] .accordion-with-image__item button) {
		text-align: right
	}

	.accordion-with-image__item button {
		font-weight: 600
	}

	.accordion-with-image__item button:hover,
	.accordion-with-image__item button:focus {
		cursor: pointer;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.accordion-with-image__item button .accordion-with-image__item--icon-wrapper {
		display: flex;
		align-items: center;
		gap: 1rem
	}

	.accordion-with-image__item button .accordion-with-image__item--headline {
		flex: 1 1 0%;
		font-size: 1.125rem;
		line-height: 1.39
	}

	:is([dir="ltr"] .accordion-with-image__item button .accordion-with-image__item--headline) {
		padding-left: 0
	}

	:is([dir="rtl"] .accordion-with-image__item button .accordion-with-image__item--headline) {
		padding-right: 0
	}

	@media (min-width: 1024px) {
		:is([dir="ltr"] .accordion-with-image__item button .accordion-with-image__item--headline) {
			padding-right: 2.5rem
		}

		:is([dir="rtl"] .accordion-with-image__item button .accordion-with-image__item--headline) {
			padding-left: 2.5rem
		}
	}

	.accordion-with-image__item button .accordion-with-image__item--icon {
		display: inline-block;
		height: 3rem;
		width: 3rem
	}

	.accordion-with-image__item button .accordionIcon {
		position: absolute;
		display: inline-block;
		top: 50%;
		height: 10px;
		width: 10px;
		--tw-translate-y: -50%;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	:is([dir="ltr"] .accordion-with-image__item button .accordionIcon) {
		right: 20px
	}

	:is([dir="rtl"] .accordion-with-image__item button .accordionIcon) {
		left: 20px
	}

	.accordion-with-image__item button .accordionIcon {
		border-right-width: 2px;
		border-bottom-width: 2px;
		border-color: currentColor;
		--tw-rotate: 45deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
		transition-property: transform;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .2s
	}

	.accordion-with-image__item button[aria-expanded=true] {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .2s;
		transition-timing-function: cubic-bezier(.4, 0, 1, 1)
	}

	.accordion-with-image__item button[aria-expanded=true] .accordion-with-image__item--icon svg path {
		stroke: rgb(var(--color-brand-500))
	}

	.accordion-with-image__item button[aria-expanded=true] .accordionIcon {
		--tw-rotate: -135deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.accordion-with-image__item button[aria-expanded=true]+.accordion-with-image__item--content {
		opacity: 1;
		max-height: none;
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .2s;
		transition-timing-function: linear
	}

	.accordion-with-image__item button[aria-expanded=false] {
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .2s;
		transition-timing-function: cubic-bezier(.4, 0, 1, 1)
	}

	.accordion-with-image__item--content {
		overflow: hidden;
		opacity: 0
	}

	:is([dir="ltr"] .accordion-with-image__item--content) {
		padding-left: 1rem;
		padding-right: 2rem
	}

	:is([dir="rtl"] .accordion-with-image__item--content) {
		padding-right: 1rem;
		padding-left: 2rem
	}

	@media (min-width: 1024px) {
		:is([dir="ltr"] .accordion-with-image__item--content) {
			margin-left: 3rem;
			padding-left: 1.75rem
		}

		:is([dir="rtl"] .accordion-with-image__item--content) {
			margin-right: 3rem;
			padding-right: 1.75rem
		}
	}

	.accordion-with-image__item--content {
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .2s;
		transition-timing-function: linear;
		max-height: 0px
	}

	.accordion-with-image__item--content__cta.button {
		width: 50%;
		white-space: normal !important;
		font-weight: 600 !important;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	:is([dir="ltr"] .accordion-with-image__item--content__cta.button) {
		padding-left: 0
	}

	:is([dir="rtl"] .accordion-with-image__item--content__cta.button) {
		padding-right: 0
	}

	.accordion {
		margin-left: auto;
		margin-right: auto;
		max-width: 1044px;
		padding-left: 0;
		padding-right: 0
	}

	@media (min-width: 1024px) {
		.accordion {
			padding-left: 1rem;
			padding-right: 1rem
		}
	}

	.accordion__heading {
		margin-left: auto;
		margin-right: auto;
		max-width: 980px;
		padding-left: 2rem;
		padding-right: 2rem;
		text-align: center;
		margin-bottom: 1rem
	}

	@media (min-width: 768px) {
		.accordion__heading {
			margin-bottom: 1.5rem
		}
	}

	.accordion__items .carousel__slide {
		display: flex;
		flex-direction: column;
		row-gap: .5rem;
		padding: .5rem
	}

	.accordion__items .carousel__nav button {
		cursor: pointer
	}

	.accordion__item {
		border-radius: 3px;
		--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
		--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.button--text:hover .accordion__item button,
	.button--text-small:hover .accordion__item button {
		background-size: 100% 100%
	}

	.button--text-small .accordion__item button {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .accordion__item button {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .accordion__item button) {
		background-position: right
	}

	.button--text .accordion__item button {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .accordion__item button {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .accordion__item button,
	.sticky-navigation__anchor.active .accordion__item button {
		background-size: 100% 100%
	}

	.accordion__item button {
		position: relative;
		display: block;
		width: 100%;
		padding: 2rem 1.5rem;
		--tw-text-opacity: 1;
		color: rgb(128 128 128 / var(--tw-text-opacity))
	}

	:is([dir="ltr"] .accordion__item button) {
		text-align: left
	}

	:is([dir="rtl"] .accordion__item button) {
		text-align: right
	}

	.accordion__item button {
		font-weight: 600
	}

	.accordion__item button:hover,
	.accordion__item button:focus {
		cursor: pointer;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	:is([dir="ltr"] .accordion__item button .accordion__item--headline) {
		padding-right: 2.5rem
	}

	:is([dir="rtl"] .accordion__item button .accordion__item--headline) {
		padding-left: 2.5rem
	}

	.accordion__item button .accordionIcon {
		position: absolute;
		display: inline-block;
		top: 34px;
		height: 16px;
		width: 16px
	}

	:is([dir="ltr"] .accordion__item button .accordionIcon) {
		right: 26px
	}

	:is([dir="rtl"] .accordion__item button .accordionIcon) {
		left: 26px
	}

	.accordion__item button .accordionIcon:before {
		position: absolute;
		display: block;
		--tw-content: "";
		content: var(--tw-content);
		top: 9px;
		left: 2px;
		height: 2px;
		width: 16px;
		background-color: currentColor
	}

	.accordion__item button .accordionIcon:after {
		position: absolute;
		display: block;
		--tw-content: "";
		content: var(--tw-content);
		top: 2px;
		left: 9px;
		height: 16px;
		width: 2px;
		background-color: currentColor
	}

	.accordion__item button[aria-expanded=true] {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .2s;
		transition-timing-function: cubic-bezier(.4, 0, 1, 1)
	}

	.accordion__item button[aria-expanded=true] .accordionIcon:after {
		width: 0px;
		--tw-rotate: 90deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .2s
	}

	.accordion__item button[aria-expanded=true] .accordionIcon:before {
		--tw-rotate: 180deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .2s
	}

	.accordion__item button[aria-expanded=true]+.accordion__item--content {
		opacity: 1;
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .2s;
		transition-timing-function: linear
	}

	.accordion__item button[aria-expanded=false] {
		--tw-text-opacity: 1;
		color: rgb(128 128 128 / var(--tw-text-opacity));
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .2s;
		transition-timing-function: cubic-bezier(.4, 0, 1, 1)
	}

	.accordion__item--content {
		max-height: 0px;
		overflow: hidden;
		opacity: 0;
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .2s;
		transition-timing-function: linear
	}

	.accordion__item--content__copy p {
		padding-left: 1.5rem;
		padding-right: 1.5rem
	}

	.accordion__item--content__cta {
		width: 100%;
		white-space: normal !important;
		font-weight: 600 !important;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity));
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
		padding-bottom: 1.5rem !important
	}

	.background-banner {
		position: relative;
		overflow: hidden;
		border-radius: 10px;
		border-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgb(0 0 0 / var(--tw-border-opacity));
		--tw-shadow: 0 4px 20px rgb(0 0 0 / .3);
		--tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat
	}

	.button--text:hover .background-banner,
	.button--text-small:hover .background-banner {
		background-size: 100% 100%
	}

	.button--text-small .background-banner {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .background-banner {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .background-banner) {
		background-position: right
	}

	.button--text .background-banner {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .background-banner {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .background-banner,
	.sticky-navigation__anchor.active .background-banner {
		background-size: 100% 100%
	}

	.background-banner {
		position: relative;
		width: 100%;
		display: flex;
		margin-bottom: 1rem
	}

	.background-banner__container {
		display: flex;
		flex-direction: column-reverse;
		height: 100%;
		width: 100%;
		padding: 2rem
	}

	@media (min-width: 768px) {
		.background-banner__container {
			padding: 2rem
		}
	}

	.background-banner__content {
		display: flex;
		width: 100%;
		flex-direction: column;
		z-index: 3;
		height: 100%;
		justify-content: center
	}

	.background-banner__headline {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity));
		margin-bottom: 1.5rem;
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 3rem;
		line-height: 1.1875;
		text-transform: none;
		font-size: clamp(2.2rem, 3vw, 3.2rem)
	}

	.background-banner__copy {
		margin-bottom: 1.5rem;
		font-size: 1.125rem;
		line-height: 1.39;
		font-weight: 500;
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.background-banner__list-copy {
		margin-bottom: 1.5rem;
		font-size: 1rem;
		line-height: 1.6;
		font-weight: 500;
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.background-banner__list-copy.prose ul.icon-list.checked li:before {
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 11L10.2857 14.5714L16 7.42857M11 21C9.68678 21 8.38642 20.7413 7.17317 20.2388C5.95991 19.7362 4.85752 18.9997 3.92893 18.0711C3.00035 17.1425 2.26375 16.0401 1.7612 14.8268C1.25866 13.6136 1 12.3132 1 11C1 9.68678 1.25866 8.38642 1.7612 7.17317C2.26375 5.95991 3.00035 4.85752 3.92893 3.92893C4.85752 3.00035 5.95991 2.26375 7.17317 1.7612C8.38642 1.25866 9.68678 1 11 1C13.6522 1 16.1957 2.05357 18.0711 3.92893C19.9464 5.8043 21 8.34784 21 11C21 13.6522 19.9464 16.1957 18.0711 18.0711C16.1957 19.9464 13.6522 21 11 21Z' stroke='white'/%3E%3C/svg%3E")
	}

	.background-banner__ctas {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		-moz-column-gap: 1.5rem;
		column-gap: 1.5rem;
		row-gap: 1rem
	}

	@media (min-width: 1024px) {
		.background-banner__ctas {
			margin-bottom: 1rem;
			flex-direction: row
		}
	}

	.background-banner__ctas .button {
		width: -moz-fit-content;
		width: fit-content;
		padding: .625rem 2.5rem
	}

	.background-banner__ctas .button--primary {
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.background-banner__ctas .button--primary:hover {
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.background-banner__product {
		height: 100%;
		min-height: 300px;
		flex-direction: column-reverse
	}

	@media (min-width: 768px) {
		.background-banner__product {
			display: flex;
			flex-direction: row;
			align-items: center
		}
	}

	.background-banner__product .background-banner__container {
		display: flex;
		height: 100%;
		width: 100%;
		flex-direction: column;
		justify-content: center;
		padding-top: 0
	}

	@media (min-width: 768px) {
		.background-banner__product .background-banner__container {
			padding-top: 1.5rem;
			padding-bottom: 1.5rem;
			width: 60%
		}
	}

	@media (min-width: 1024px) {
		.background-banner__product .background-banner__container {
			width: 80%
		}
	}

	@media (min-width: 1280px) {
		.background-banner__product .background-banner__container {
			width: 85%
		}
	}

	@media (min-width: 768px) {
		.background-banner__product.background-banner__type-left {
			display: flex;
			flex-direction: row;
			justify-content: space-between
		}
	}

	.background-banner__product-image {
		width: 100%
	}

	@media (min-width: 768px) {
		.background-banner__product-image {
			width: 50%
		}
	}

	@media (min-width: 900px) {
		.background-banner__product-image {
			width: 32%
		}
	}

	@media (min-width: 1024px) {
		.background-banner__product-image {
			width: 55%
		}
	}

	@media (min-width: 1160px) {
		.background-banner__product-image {
			width: 50%
		}
	}

	@media (min-width: 1408px) {
		.background-banner__product-image {
			width: 45%
		}
	}

	.background-banner__product-image {
		z-index: 2
	}

	@media (min-width: 768px) {
		.background-banner__product-image {
			justify-content: flex-end
		}
	}

	.background-banner__product-image {
		display: flex;
		flex-direction: row;
		justify-content: center;
		padding-top: 1rem
	}

	@media (min-width: 768px) {
		.background-banner__product-image {
			padding-top: 0
		}
	}

	.industry-hero__media.with-video-main.background-banner__product-image img {
		aspect-ratio: 1/1
	}

	.background-banner__product-image img {
		aspect-ratio: 1 / 1;
		width: 70%;
		-o-object-fit: contain;
		object-fit: contain
	}

	@media (min-width: 768px) {
		.background-banner__product-image img {
			width: 100%;
			margin-top: 1rem;
			margin-bottom: 1rem
		}
	}

	@media (min-width: 1280px) {
		.background-banner__product-image img {
			margin-top: 1.5rem;
			margin-bottom: 1.5rem
		}
	}

	@media (min-width: 768px) {
		.background-banner__type-left .background-banner__container {
			flex-direction: row
		}

		.background-banner__type-left .background-banner__list-copy {
			margin-bottom: 1.5rem
		}
	}

	.background-banner__type-left .background-banner__list-copy .icon-list.checked {
		margin-top: 0
	}

	.background-banner__type-center .background-banner__content {
		-moz-column-gap: 1.5rem;
		column-gap: 1.5rem
	}

	@media (min-width: 768px) {
		.background-banner__type-center .background-banner__content {
			display: flex;
			flex-direction: row;
			padding-top: .5rem
		}

		.background-banner__type-center .background-banner__content-primary {
			width: 100%
		}
	}

	.background-banner__type-center .background-banner__content-primary {
		display: flex;
		flex-direction: row;
		justify-content: flex-start
	}

	@media (min-width: 768px) {
		.background-banner__type-center .background-banner__content-primary {
			justify-content: center
		}
	}

	.background-banner__type-center .background-banner__content-primary-inner {
		display: flex;
		flex-direction: column
	}

	.background-banner__type-center .background-banner__content-primary .background-banner__headline,
	.background-banner__type-center .background-banner__content-primary .background-banner__copy {
		width: -moz-fit-content;
		width: fit-content
	}

	@media (min-width: 768px) {
		.background-banner__type-center .background-banner__content-secondary {
			width: -moz-fit-content;
			width: fit-content;
			max-width: 210px
		}
	}

	.background-banner__type-center .background-banner__content-secondary {
		display: flex;
		flex-direction: column
	}

	@media (min-width: 768px) {
		.background-banner__type-center .background-banner__content-secondary {
			flex-direction: column-reverse;
			justify-content: flex-end
		}
	}

	.background-banner__type-center .background-banner__content-secondary .background-banner__list-copy {
		margin-bottom: 1rem
	}

	@media (min-width: 768px) {
		.background-banner__type-center .background-banner__content-secondary .background-banner__list-copy {
			margin-bottom: 0
		}
	}

	.background-banner__type-center .background-banner__content-secondary .background-banner__list-copy .icon-list.checked {
		margin-top: 0
	}

	@media (min-width: 768px) {
		.background-banner__type-center .background-banner__content-secondary .background-banner__list-copy .icon-list.checked {
			margin-top: 1rem
		}
	}

	@media (min-width: 1024px) {
		.background-banner__type-center .background-banner__content-secondary .background-banner__list-copy .icon-list.checked {
			margin-top: 1.5rem
		}
	}

	.background-banner__type-center .background-banner__content-secondary .background-banner__list-copy .icon-list.checked {
		margin-bottom: 0
	}

	.background-banner__type-center .background-banner__content-secondary .background-banner__list-copy .icon-list.checked li:last-child {
		margin-bottom: 0
	}

	@media (min-width: 768px) {
		.background-banner__type-center .background-banner__content-secondary .background-banner__ctas {
			margin-bottom: .5rem
		}

		.table-of-contents.altLayout .background-banner__product .background-banner__container {
			width: 60%
		}
	}

	@media (min-width: 1536px) {
		.table-of-contents.altLayout .background-banner__product .background-banner__container {
			width: 65%
		}
	}

	.banner {
		overflow: hidden;
		border-radius: 3px;
		text-align: center
	}

	.banner__media {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat
	}

	.banner__type-dark {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-300), var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.banner__type-dark .banner__overlay {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-300), var(--tw-bg-opacity))
	}

	.banner__type-dark .banner__copy {
		--tw-text-opacity: 1;
		color: rgba(var(--color-gray-700), var(--tw-text-opacity))
	}

	.banner__type-light,
	.banner__type-light .banner__overlay {
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.banner__overlay {
		position: absolute;
		top: 0px;
		z-index: 10;
		height: 100%;
		width: 100%
	}

	.banner__align-left {
		text-align: left
	}

	.banner__align-left.banner__type-light .banner__overlay {
		background-color: transparent;
		background-image: linear-gradient(90deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, 0) 100%);
		opacity: 1
	}

	.banner__align-left.banner__type-dark .banner__overlay {
		background-color: transparent;
		background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .6) 55%, rgba(255, 255, 255, 0) 100%);
		opacity: 1
	}

	.banner__align-left .banner__content {
		margin: 0;
		width: 100%;
		max-width: 600px
	}

	.banner__align-left .banner__ctas {
		justify-content: normal
	}

	.button--text:hover .banner__content,
	.button--text-small:hover .banner__content {
		background-size: 100% 100%
	}

	.button--text-small .banner__content {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .banner__content {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .banner__content) {
		background-position: right
	}

	.button--text .banner__content {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .banner__content {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .banner__content,
	.sticky-navigation__anchor.active .banner__content {
		background-size: 100% 100%
	}

	.banner__content {
		position: relative;
		z-index: 20;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		padding-top: 5rem;
		padding-bottom: 5rem
	}

	@media (min-width: 768px) {
		.banner__content {
			width: 66.666667%;
			padding-top: 6rem;
			padding-bottom: 6rem
		}
	}

	.banner__ctas {
		display: flex;
		flex-direction: column;
		justify-content: center;
		-moz-column-gap: 1.5rem;
		column-gap: 1.5rem;
		row-gap: 1rem
	}

	@media (min-width: 1024px) {
		.banner__ctas {
			flex-direction: row
		}
	}

	.banner__headline {
		margin-bottom: 1rem;
		font-weight: 400;
		line-height: 1rem
	}

	@media (min-width: 1024px) {
		.banner__headline {
			margin-bottom: 2.5rem
		}
	}

	.banner__copy {
		margin-bottom: 1.5rem;
		line-height: 1.25rem
	}

	@media (min-width: 768px) {
		.banner__copy {
			line-height: 1.75rem
		}
	}

	@media (min-width: 1024px) {
		.banner__copy {
			margin-bottom: 3rem;
			font-size: 1.25rem;
			line-height: 1.15;
			line-height: 2rem
		}
	}

	.banner__copy a {
		font-size: 1rem;
		line-height: 1.6;
		font-weight: 400;
		line-height: 1.25rem;
		text-decoration-line: underline
	}

	@media (min-width: 768px) {
		.banner__copy a {
			line-height: 1.75rem
		}
	}

	@media (min-width: 1024px) {
		.banner__copy a {
			font-size: 1.437rem;
			line-height: 2;
			line-height: 2rem
		}
	}

	.blog-listing__filters {
		margin-bottom: 2rem;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity));
		padding-top: 1rem;
		padding-bottom: 1rem
	}

	@media (min-width: 768px) {
		@media (min-width: 1280px) {
			details>.nav__children-menu>.blog-listing__filters .filters {
				visibility: hidden
			}
		}

		details[open].slide-in>.nav__children-menu>.blog-listing__filters .filters {
			visibility: visible
		}

		@keyframes menu-slide {
			0% {
				transform: translate(-10px);
				opacity: 0
			}

			to {
				transform: translate(0);
				opacity: 1
			}
		}

		details[open].slide-in>.nav__children-menu>.blog-listing__filters .filters {
			animation: menu-slide .18s ease-in-out 1
		}

		details[open].fade-in>.nav__children-menu>.blog-listing__filters .filters {
			visibility: visible
		}

		@keyframes menu-fade {
			0% {
				transform: translateY(-10px);
				opacity: 0
			}

			to {
				transform: translateY(0);
				opacity: 1
			}
		}

		details[open].fade-in>.nav__children-menu>.blog-listing__filters .filters {
			animation: menu-fade .18s ease-in-out 1
		}

		.blog-listing__filters .filters {
			display: grid
		}
	}

	@media (min-width: 1024px) {
		.blog-listing__filters .filters {
			grid-template-columns: repeat(2, minmax(0, 1fr))
		}
	}

	@media (min-width: 1280px) {
		.blog-listing__filters .filters {
			grid-template-columns: repeat(4, minmax(0, 1fr))
		}

		details>.nav__children-menu>.blog-listing__grid {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.blog-listing__grid {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.blog-listing__grid {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.blog-listing__grid {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.blog-listing__grid {
		animation: menu-fade .18s ease-in-out 1
	}

	.blog-listing__grid {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 2rem
	}

	@media (min-width: 768px) {
		.blog-listing__grid {
			grid-template-columns: repeat(2, minmax(0, 1fr))
		}
	}

	@media (min-width: 1024px) {
		.blog-listing__grid {
			grid-template-columns: repeat(3, minmax(0, 1fr))
		}
	}

	.blog-listing__grid .image-card .image-card__label {
		display: none
	}

	.blog-listing__skeleton-label {
		margin-bottom: .5rem;
		height: 1rem;
		width: 60px;
		border-radius: .25rem;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	.blog-listing__skeleton-image {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	.blog-listing__skeleton-title {
		margin-bottom: .75rem;
		height: 1.5rem;
		width: 80%;
		border-radius: .25rem;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	.blog-listing__skeleton-copy {
		min-height: 72px
	}

	.blog-listing__skeleton-copy:before {
		display: block;
		height: 1rem;
		width: 100%;
		border-radius: .25rem;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
		--tw-content: "";
		content: var(--tw-content)
	}

	.blog-listing__skeleton-copy:after {
		margin-top: .5rem;
		display: block;
		height: 1rem;
		width: 70%;
		border-radius: .25rem;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
		--tw-content: "";
		content: var(--tw-content)
	}

	.blog-listing__skeleton-button {
		height: 2rem;
		width: 100px;
		border-radius: .25rem;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	.blog-listing__skeleton-content {
		width: 100%
	}

	.blog-hero {
		display: flex;
		height: 100%;
		flex-wrap: wrap;
		justify-content: center;
		overflow: hidden
	}

	@media (min-width: 768px) {
		.blog-hero.full-width .blog-hero__container {
			flex-direction: column;
			justify-content: flex-start
		}

		.blog-hero.full-width .blog-hero__media {
			margin-bottom: 1rem;
			width: 100%
		}

		.blog-hero.full-width .blog-hero__media-inner div video,
		.blog-hero.full-width .blog-hero__media-inner div img {
			aspect-ratio: 3/1;
			-o-object-fit: cover;
			object-fit: cover
		}
	}

	.blog-hero__container.rounded-container {
		border-radius: 1.5rem
	}

	@media (min-width: 1024px) {
		.blog-hero__container.rounded-container {
			border-radius: 50px
		}
	}

	.blog-hero__container {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding-right: 1rem;
		padding-left: 1rem
	}

	@media (min-width: 350px) {
		.blog-hero__container {
			max-width: 350px
		}
	}

	@media (min-width: 520px) {
		.blog-hero__container {
			max-width: 520px
		}
	}

	@media (min-width: 768px) {
		.blog-hero__container {
			max-width: 768px;
			padding-right: 2rem;
			padding-left: 2rem
		}
	}

	@media (min-width: 1024px) {
		.blog-hero__container {
			max-width: 1024px
		}
	}

	@media (min-width: 1160px) {
		.blog-hero__container {
			max-width: 1160px
		}
	}

	@media (min-width: 1280px) {
		.blog-hero__container {
			max-width: 1280px
		}
	}

	@media (min-width: 1408px) {
		.blog-hero__container {
			max-width: 1408px
		}
	}

	@media (min-width: 1536px) {
		.blog-hero__container {
			max-width: 1536px
		}
	}

	@media (min-width: 1728px) {
		.blog-hero__container {
			max-width: 1728px
		}
	}

	@media (min-width: 1920px) {
		.blog-hero__container {
			max-width: 1920px
		}
	}

	@media (min-width: 2560px) {
		.blog-hero__container {
			max-width: 2560px
		}
	}

	.blog-hero__container {
		max-width: 100%
	}

	@media (min-width: 640px) {
		.blog-hero__container {
			max-width: 640px
		}
	}

	@media (min-width: 768px) {
		.blog-hero__container {
			max-width: 768px
		}
	}

	@media (min-width: 900px) {
		.blog-hero__container {
			max-width: 900px
		}
	}

	@media (min-width: 1024px) {
		.blog-hero__container {
			max-width: 1244px
		}
	}

	@media (min-width: 1280px) {
		.blog-hero__container {
			max-width: 1244px
		}
	}

	@media (min-width: 1536px) {
		.blog-hero__container {
			max-width: 1244px
		}
	}

	dialog .blog-hero__container:has(.form) {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	.table-of-contents.altLayout .table-of-contents__content .blog-hero__container:last-child {
		margin-bottom: 0
	}

	@media (min-width: 1024px) {
		.table-of-contents__content .blog-hero__container {
			padding-left: 1rem;
			padding-right: 1rem
		}

		.table-of-contents__content .blog-hero__container .container .media-with-text {
			padding-left: .75rem;
			padding-right: .75rem
		}
	}

	@media (min-width: 1024px) {
		.tabsSlider__content .blog-hero__container {
			padding-top: 2.5rem;
			padding-bottom: 2.5rem
		}
	}

	.tabsSlider__content .blog-hero__container {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem
	}

	@media (min-width: 768px) {
		.tabsSlider__content .blog-hero__container {
			padding-left: 3rem;
			padding-right: 3rem
		}
	}

	@media (min-width: 1024px) {
		.tabsSlider__content .blog-hero__container {
			padding-top: 3rem;
			padding-bottom: 3rem
		}
	}

	.blog-hero__container {
		display: flex;
		flex-direction: column;
		justify-content: flex-start
	}

	@media (min-width: 768px) {
		.blog-hero__container {
			flex-direction: row;
			justify-content: space-between
		}
	}

	.blog-hero__content {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		padding-top: 1rem
	}

	@media (min-width: 768px) {
		.blog-hero__content {
			padding-top: 0
		}
	}

	.blog-hero__content {
		height: -moz-fit-content;
		height: fit-content;
		width: 100%
	}

	.blog-hero__content .breadcrumbs--hero {
		margin-top: 0;
		margin-bottom: 1rem
	}

	@media (min-width: 768px) {
		.blog-hero__content .breadcrumbs--hero {
			margin-bottom: 2rem
		}
	}

	.blog-hero__content .breadcrumbs {
		justify-content: flex-start
	}

	@media (min-width: 768px) {
		.blog-hero__content.media-with-content {
			height: 100%;
			width: 50%
		}

		.blog-hero__content.media-with-content .blog-hero__content-inner {
			justify-content: flex-start
		}
	}

	.blog-hero__content-inner {
		display: flex;
		height: 100%;
		flex-direction: column;
		justify-content: flex-start
	}

	@media (min-width: 768px) {
		.blog-hero__content-inner.nocrumbs {
			justify-content: center !important
		}
	}

	.blog-hero__headline {
		margin-bottom: 3rem;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 3rem;
		line-height: 1.1875;
		font-weight: 700;
		text-transform: none;
		font-size: clamp(2.1875rem, 2.8vw, 3rem)
	}

	.blog-hero__cta-wrapper {
		margin-bottom: 2rem;
		display: flex;
		flex-wrap: wrap;
		gap: 1rem
	}

	.blog-hero__media {
		width: 100%;
		overflow: hidden;
		border-radius: 10px
	}

	@media (min-width: 768px) {
		.blog-hero__media {
			width: 45%;
			padding-top: 1rem
		}
	}

	.blog-hero__media {
		height: -moz-fit-content;
		height: fit-content
	}

	@media (min-width: 768px) {
		.blog-hero__media {
			height: 100%
		}
	}

	.blog-hero__media {
		display: flex;
		flex-direction: column;
		justify-content: center
	}

	.blog-hero__media-inner {
		overflow: hidden;
		border-radius: 10px
	}

	.blog-hero__media-inner div {
		height: 100%;
		width: 100%
	}

	.blog-hero__media-inner div video,
	.blog-hero__media-inner div img {
		height: 100%;
		width: 100%;
		aspect-ratio: 3/2;
		-o-object-fit: cover;
		object-fit: cover
	}

	.breadcrumbs {
		margin-top: .5rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: center
	}

	@media (min-width: 768px) {
		.breadcrumbs {
			margin-top: 1.5rem;
			justify-content: flex-start
		}
	}

	.breadcrumbs__item {
		display: flex;
		align-items: center;
		opacity: .6
	}

	.breadcrumbs__item:hover {
		opacity: 1
	}

	.breadcrumbs__item {
		transition-property: opacity;
		transition-duration: .2s;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1)
	}

	.breadcrumbs__item:last-child {
		opacity: .95
	}

	.breadcrumbs__text {
		font-size: .75rem;
		line-height: 1.8;
		font-weight: 400
	}

	.breadcrumbs__link {
		color: currentColor
	}

	.breadcrumbs__separator {
		margin-left: .75rem;
		margin-right: .75rem
	}

	:is([dir="ltr"] .breadcrumbs__separator) {
		--tw-rotate: -90deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	:is([dir="rtl"] .breadcrumbs__separator) {
		--tw-rotate: 90deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.breadcrumbs--hero {
		margin-bottom: 1.5rem;
		padding-left: 0;
		padding-right: 0
	}

	@media (min-width: 1280px) {
		.breadcrumbs--hero {
			margin-bottom: 4rem;
			margin-top: -4rem
		}
	}

	.button {
		display: inline-block;
		border-radius: 9999px;
		padding: .625rem 1.5rem;
		font-size: .875rem;
		line-height: 1.828;
		font-weight: 700;
		text-transform: uppercase
	}

	@media (min-width: 1280px) {
		.button {
			padding-left: 2rem;
			padding-right: 2rem
		}
	}

	.button {
		white-space: nowrap;
		transition-duration: .3s;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1)
	}

	.button:hover {
		text-decoration-line: none
	}

	.button,
	.button.js-open-modal {
		cursor: pointer
	}

	.button.js-open-modal span {
		pointer-events: none
	}

	.button--primary {
		border-width: 1px;
		border-color: transparent;
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.button--primary:hover {
		background-color: #000000b3
	}

	.button--primary-small {
		padding: .25rem 1rem;
		font-size: .75rem;
		line-height: 1.8
	}

	@media (min-width: 768px) {
		.button--primary-small {
			padding-left: 1.25rem;
			padding-right: 1.25rem
		}
	}

	.button--primary-medium {
		padding: .5rem 1rem;
		font-size: 13px
	}

	@media (min-width: 768px) {
		.button--primary-medium {
			padding-left: 1.75rem;
			padding-right: 1.75rem
		}
	}

	.button--primary.button--light {
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.button--primary.button--light:hover {
		background-color: #ffffffb3
	}

	.button--secondary {
		border-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgb(0 0 0 / var(--tw-border-opacity));
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.button--secondary:hover {
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.button--secondary-small {
		padding: .25rem 1rem;
		font-size: .75rem;
		line-height: 1.8
	}

	@media (min-width: 768px) {
		.button--secondary-small {
			padding-left: 1.25rem;
			padding-right: 1.25rem
		}
	}

	.button--secondary-medium {
		padding: .5rem 1rem;
		font-size: 13px
	}

	@media (min-width: 768px) {
		.button--secondary-medium {
			padding-left: 1.75rem;
			padding-right: 1.75rem
		}
	}

	.button--secondary.button--light {
		--tw-border-opacity: 1;
		border-color: rgb(255 255 255 / var(--tw-border-opacity));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.button--secondary.button--light:hover {
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.button--tertiary {
		border-width: 1px;
		border-color: transparent;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-green-500), var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.button--tertiary:hover {
		background-color: rgba(var(--color-green-500), .7)
	}

	.button--tertiary-small {
		padding: .25rem 1rem;
		font-size: .75rem;
		line-height: 1.8
	}

	@media (min-width: 768px) {
		.button--tertiary-small {
			padding-left: 1.25rem;
			padding-right: 1.25rem
		}
	}

	.button--tertiary-medium {
		padding: .5rem 1rem;
		font-size: 13px
	}

	@media (min-width: 768px) {
		.button--tertiary-medium {
			padding-left: 1.75rem;
			padding-right: 1.75rem
		}
	}

	.button--tertiary.button--light {
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgba(var(--color-green-500), var(--tw-text-opacity))
	}

	.button--tertiary.button--light:hover {
		background-color: #ffffffb3
	}

	.button--text {
		font-size: 1rem;
		line-height: 1.6;
		font-weight: 400;
		text-transform: none;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	.button--text:hover .relative {
		background-size: 100% 100%
	}

	.button--text-small {
		font-size: .875rem;
		line-height: 1.828
	}

	.button--text-small:hover .relative {
		background-size: 100% 100%
	}

	.button--text-small .relative {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .relative {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .relative) {
		background-position: right
	}

	.button--text .relative {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text-arrow {
		font-size: 1rem;
		line-height: 1.6;
		font-weight: 400;
		text-transform: none;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	.button--text-arrow svg {
		display: inline-block;
		height: 12px;
		--tw-translate-y: -1px;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	:is([dir="ltr"] .button--text-arrow svg) {
		margin-left: .75rem;
		margin-right: -1.25rem
	}

	:is([dir="rtl"] .button--text-arrow svg) {
		margin-left: -1.25rem;
		margin-right: .75rem;
		--tw-rotate: -180deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.button--text-arrow svg path:nth-of-type(1) {
		--tw-translate-x: -35px;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .3s
	}

	.button--text-arrow-small {
		padding: 0;
		font-size: .875rem;
		line-height: 1.828
	}

	.button--text-arrow:hover svg path:nth-of-type(1) {
		--tw-translate-x: -25px;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.button--transparent {
		border-width: 2px;
		--tw-border-opacity: 1;
		border-color: rgb(255 255 255 / var(--tw-border-opacity));
		--tw-bg-opacity: 0;
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.button--transparent:hover {
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-brand-500), var(--tw-border-opacity));
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	.button--with-icon {
		display: flex;
		align-items: center;
		gap: .5rem
	}

	.button--with-icon svg {
		margin-top: auto;
		margin-bottom: auto;
		height: 24px;
		width: 24px
	}

	@media (min-width: 768px) {
		.button--with-icon svg {
			height: 33px;
			width: 33px
		}
	}

	.button--with-icon .relative {
		margin-top: .25rem
	}

	.button--clear {
		border-radius: 3px;
		border-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-gray-200), var(--tw-border-opacity));
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.button--clear:hover {
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.button--clear:not([disabled]) {
		cursor: pointer
	}

	.filters--product-listing .button--clear {
		border-color: #00000040
	}

	.button--clear.button--light {
		--tw-border-opacity: 1;
		border-color: rgb(255 255 255 / var(--tw-border-opacity));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.button--clear.button--light:hover {
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.camera-comparison-tool__header {
		--tw-bg-opacity: 1;
		background-color: rgb(247 247 248 / var(--tw-bg-opacity));
		padding-top: 2.5rem;
		padding-bottom: 2.5rem
	}

	@media (min-width: 768px) {
		.camera-comparison-tool__header {
			padding-top: 5rem;
			padding-bottom: 4rem
		}
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.camera-comparison-tool__filters .filters {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.camera-comparison-tool__filters .filters {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.camera-comparison-tool__filters .filters {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.camera-comparison-tool__filters .filters {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.camera-comparison-tool__filters .filters {
		animation: menu-fade .18s ease-in-out 1
	}

	.camera-comparison-tool__filters .filters {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 2rem
	}

	@media (min-width: 768px) {
		.camera-comparison-tool__filters .filters {
			grid-template-columns: repeat(3, minmax(0, 1fr))
		}
	}

	.camera-comparison-tool__cameras--wrapper {
		display: flex;
		flex-wrap: nowrap;
		gap: 1.25rem;
		overflow-x: auto;
		padding: 2.5rem
	}

	@media (min-width: 1024px) {
		.camera-comparison-tool__cameras--wrapper {
			gap: 2.5rem;
			padding-left: calc(50vw - 635px)
		}
	}

	.camera-comparison-tool__cameras--wrapper::-webkit-scrollbar {
		display: none;
		height: 0px
	}

	.camera-comparison-tool__cameras--scrollbar.rounded-container {
		border-radius: 1.5rem
	}

	@media (min-width: 1024px) {
		.camera-comparison-tool__cameras--scrollbar.rounded-container {
			border-radius: 50px
		}
	}

	.camera-comparison-tool__cameras--scrollbar {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding-right: 1rem;
		padding-left: 1rem
	}

	@media (min-width: 350px) {
		.camera-comparison-tool__cameras--scrollbar {
			max-width: 350px
		}
	}

	@media (min-width: 520px) {
		.camera-comparison-tool__cameras--scrollbar {
			max-width: 520px
		}
	}

	@media (min-width: 768px) {
		.camera-comparison-tool__cameras--scrollbar {
			max-width: 768px;
			padding-right: 2rem;
			padding-left: 2rem
		}
	}

	@media (min-width: 1024px) {
		.camera-comparison-tool__cameras--scrollbar {
			max-width: 1024px
		}
	}

	@media (min-width: 1160px) {
		.camera-comparison-tool__cameras--scrollbar {
			max-width: 1160px
		}
	}

	@media (min-width: 1280px) {
		.camera-comparison-tool__cameras--scrollbar {
			max-width: 1280px
		}
	}

	@media (min-width: 1408px) {
		.camera-comparison-tool__cameras--scrollbar {
			max-width: 1408px
		}
	}

	@media (min-width: 1536px) {
		.camera-comparison-tool__cameras--scrollbar {
			max-width: 1536px
		}
	}

	@media (min-width: 1728px) {
		.camera-comparison-tool__cameras--scrollbar {
			max-width: 1728px
		}
	}

	@media (min-width: 1920px) {
		.camera-comparison-tool__cameras--scrollbar {
			max-width: 1920px
		}
	}

	@media (min-width: 2560px) {
		.camera-comparison-tool__cameras--scrollbar {
			max-width: 2560px
		}
	}

	.camera-comparison-tool__cameras--scrollbar {
		max-width: 100%
	}

	@media (min-width: 640px) {
		.camera-comparison-tool__cameras--scrollbar {
			max-width: 640px
		}
	}

	@media (min-width: 768px) {
		.camera-comparison-tool__cameras--scrollbar {
			max-width: 768px
		}
	}

	@media (min-width: 900px) {
		.camera-comparison-tool__cameras--scrollbar {
			max-width: 900px
		}
	}

	@media (min-width: 1024px) {
		.camera-comparison-tool__cameras--scrollbar {
			max-width: 1244px
		}
	}

	@media (min-width: 1280px) {
		.camera-comparison-tool__cameras--scrollbar {
			max-width: 1244px
		}
	}

	@media (min-width: 1536px) {
		.camera-comparison-tool__cameras--scrollbar {
			max-width: 1244px
		}
	}

	dialog .camera-comparison-tool__cameras--scrollbar:has(.form) {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	.table-of-contents.altLayout .table-of-contents__content .camera-comparison-tool__cameras--scrollbar:last-child {
		margin-bottom: 0
	}

	@media (min-width: 1024px) {
		.table-of-contents__content .camera-comparison-tool__cameras--scrollbar {
			padding-left: 1rem;
			padding-right: 1rem
		}

		.table-of-contents__content .camera-comparison-tool__cameras--scrollbar .container .media-with-text {
			padding-left: .75rem;
			padding-right: .75rem
		}
	}

	@media (min-width: 1024px) {
		.tabsSlider__content .camera-comparison-tool__cameras--scrollbar {
			padding-top: 2.5rem;
			padding-bottom: 2.5rem
		}
	}

	.tabsSlider__content .camera-comparison-tool__cameras--scrollbar {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem
	}

	@media (min-width: 768px) {
		.tabsSlider__content .camera-comparison-tool__cameras--scrollbar {
			padding-left: 3rem;
			padding-right: 3rem
		}
	}

	@media (min-width: 1024px) {
		.tabsSlider__content .camera-comparison-tool__cameras--scrollbar {
			padding-top: 3rem;
			padding-bottom: 3rem
		}
	}

	.camera-comparison-tool__cameras--scrollbar {
		margin-left: auto;
		margin-right: auto;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
		padding-bottom: 3rem
	}

	.camera-comparison-tool__cameras--scrollbar--inner {
		border-radius: .75rem;
		--tw-bg-opacity: 1;
		background-color: rgb(230 230 230 / var(--tw-bg-opacity))
	}

	.camera-comparison-tool__cameras--scrollbar--thumb {
		height: 6px;
		cursor: grab;
		border-radius: .75rem;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-brand-500), var(--tw-bg-opacity))
	}

	@media (min-width: 768px) {
		.camera-comparison-tool__cameras--scrollbar--thumb {
			height: 8px
		}
	}

	.camera-comparison-tool__features {
		margin-top: -6px;
		display: flex
	}

	.camera-comparison-tool__features--container {
		line-height: 1rem
	}

	@media (min-width: 768px) {
		.camera-comparison-tool__features--container {
			line-height: 1.5rem
		}
	}

	.camera-comparison-tool__features--feature {
		font-size: 10px;
		line-height: 1.25rem
	}

	@media (min-width: 1024px) {
		.camera-comparison-tool__features--feature {
			font-size: .875rem;
			line-height: 1.828
		}
	}

	.camera-comparison-tool__camera {
		display: flex;
		width: 140px;
		flex-shrink: 0;
		flex-direction: column;
		align-items: center;
		gap: 1rem;
		text-align: center
	}

	@media (min-width: 1024px) {
		.camera-comparison-tool__camera {
			width: 242px
		}
	}

	.camera-comparison-tool__camera--container {
		width: 100%;
		border-radius: .75rem;
		border-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgb(247 247 248 / var(--tw-border-opacity))
	}

	.camera-comparison-tool__camera--container:hover {
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-brand-500), var(--tw-border-opacity));
		transition-duration: .5s;
		background-color: #005eb808
	}

	.camera-comparison-tool__camera.disabled {
		pointer-events: none;
		opacity: .6;
		--tw-grayscale: grayscale(100%);
		filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
	}

	.camera-comparison-tool__camera .active {
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-brand-500), var(--tw-border-opacity));
		background-color: #005eb808
	}

	.camera-comparison-tool__camera--image {
		margin-left: auto;
		margin-right: auto;
		width: 100%
	}

	.camera-comparison-tool__camera--title {
		font-size: .875rem;
		line-height: 1.828;
		font-weight: 500;
		--tw-text-opacity: 1;
		color: rgb(51 51 51 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.camera-comparison-tool__camera--title {
			font-size: 1.125rem;
			line-height: 1.39
		}
	}

	.camera-comparison-tool__camera .button {
		margin-top: auto;
		display: flex;
		cursor: pointer
	}

	.camera-comparison-tool__camera .button--compare {
		border-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-brand-500), var(--tw-border-opacity));
		background-color: transparent;
		line-height: 1.5rem;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	.camera-comparison-tool__camera .button--compare:hover {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-brand-500), var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.camera-comparison-tool__camera .button--compare.active {
		border-radius: 9999px;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-brand-500), var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.camera-comparison-tool__camera .button--compare svg {
		margin-right: .25rem
	}

	.camera-comparison-tool__table.active .camera-comparison-tool__table__header--cell--placeholder {
		display: block
	}

	.camera-comparison-tool__table {
		margin-top: 2.5rem;
		margin-bottom: 2.5rem;
		display: flex;
		flex-direction: column;
		overflow-x: auto
	}

	@media (min-width: 1280px) {

		details>.nav__children-menu>.camera-comparison-tool__table__header,
		details>.nav__children-menu>.camera-comparison-tool__table__row {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.camera-comparison-tool__table__header,
	details[open].slide-in>.nav__children-menu>.camera-comparison-tool__table__row {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.camera-comparison-tool__table__header,
	details[open].slide-in>.nav__children-menu>.camera-comparison-tool__table__row {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.camera-comparison-tool__table__header,
	details[open].fade-in>.nav__children-menu>.camera-comparison-tool__table__row {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.camera-comparison-tool__table__header,
	details[open].fade-in>.nav__children-menu>.camera-comparison-tool__table__row {
		animation: menu-fade .18s ease-in-out 1
	}

	.camera-comparison-tool__table__header,
	.camera-comparison-tool__table__row {
		display: grid;
		width: 700px;
		grid-template-columns: repeat(4, minmax(0, 1fr))
	}

	@media (min-width: 768px) {

		.camera-comparison-tool__table__header,
		.camera-comparison-tool__table__row {
			width: 100%
		}
	}

	.camera-comparison-tool__table__header--image,
	.camera-comparison-tool__table__select-placeholder {
		margin-left: .5rem;
		margin-right: .5rem;
		display: flex;
		height: 170px;
		align-items: center;
		border-radius: 1rem;
		font-size: .75rem;
		line-height: 1.8
	}

	@media (min-width: 1024px) {

		.camera-comparison-tool__table__header--image,
		.camera-comparison-tool__table__select-placeholder {
			font-size: 1.125rem;
			line-height: 1.39
		}
	}

	.camera-comparison-tool__table__header {
		gap: .5rem;
		padding-bottom: 2rem;
		text-align: center;
		font-size: .75rem;
		line-height: 1.8;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.camera-comparison-tool__table__header {
			font-size: 1.125rem;
			line-height: 1.39
		}
	}

	.camera-comparison-tool__table__header--close {
		position: absolute;
		top: .5rem;
		right: .5rem;
		cursor: pointer !important;
		border-radius: 9999px;
		border-width: 1px;
		border-color: #00000080;
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		padding: .25rem;
		color: #00000080
	}

	@media (min-width: 768px) {
		.camera-comparison-tool__table__header--close {
			padding: .5rem
		}
	}

	.button--text:hover .camera-comparison-tool__table__header--image,
	.button--text-small:hover .camera-comparison-tool__table__header--image {
		background-size: 100% 100%
	}

	.button--text-small .camera-comparison-tool__table__header--image {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .camera-comparison-tool__table__header--image {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .camera-comparison-tool__table__header--image) {
		background-position: right
	}

	.button--text .camera-comparison-tool__table__header--image {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .camera-comparison-tool__table__header--image {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .camera-comparison-tool__table__header--image,
	.sticky-navigation__anchor.active .camera-comparison-tool__table__header--image {
		background-size: 100% 100%
	}

	.camera-comparison-tool__table__header--image {
		position: relative;
		margin-bottom: .75rem;
		border-radius: .75rem;
		background-color: rgba(var(--color-brand-500), var(--tw-bg-opacity));
		--tw-bg-opacity: .03;
		padding: 1rem
	}

	@media not all and (min-width: 768px) {
		.camera-comparison-tool__table__header--cell--placeholder {
			display: none
		}
	}

	.camera-comparison-tool__table__row--cell {
		display: flex;
		min-height: 63px;
		align-items: center;
		justify-content: center;
		border-bottom-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgb(230 230 230 / var(--tw-border-opacity));
		padding: 1rem .5rem;
		text-align: center
	}

	.camera-comparison-tool__table__row--cell:nth-child(odd) {
		--tw-bg-opacity: 1;
		background-color: rgb(247 247 248 / var(--tw-bg-opacity))
	}

	@media (min-width: 768px) {
		.camera-comparison-tool__table__row--cell {
			min-height: 103px
		}
	}

	.camera-comparison-tool__table__row--cell--bottom {
		display: flex;
		flex-direction: column
	}

	.camera-comparison-tool__table__row--cell--bottom>:not([hidden])~:not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
	}

	.camera-comparison-tool__table__row--cell--bottom {
		border-width: 0px;
		background-color: transparent !important
	}

	.camera-comparison-tool__table__row--cell--bottom .button--text-arrow {
		padding-right: 0
	}

	.camera-comparison-tool__table__row--value {
		font-size: .75rem;
		line-height: 1.8;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.camera-comparison-tool__table__row--value {
			font-size: 1rem;
			line-height: 1.6
		}
	}

	.camera-comparison-tool__table__row--label {
		justify-content: flex-start;
		background-color: transparent !important;
		font-size: .75rem;
		line-height: 1.8
	}

	@media (min-width: 768px) {
		.camera-comparison-tool__table__row--label {
			font-size: 1rem;
			line-height: 1.6
		}
	}

	.camera-comparison-tool__table__select-placeholder {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: .5rem;
		padding-left: .5rem;
		padding-right: .5rem;
		color: #00000080;
		background-color: #005eb808
	}

	.camera-comparison-tool__placeholder--container {
		pointer-events: none;
		position: absolute;
		top: 0px;
		left: 0px;
		display: flex;
		height: 100%;
		width: 700px;
		flex-direction: row-reverse;
		gap: .5rem
	}

	@media (min-width: 768px) {
		.camera-comparison-tool__placeholder--container {
			width: 100%
		}
	}

	.button--text:hover .camera-comparison-tool__thumbs-arrow-container,
	.button--text-small:hover .camera-comparison-tool__thumbs-arrow-container {
		background-size: 100% 100%
	}

	.button--text-small .camera-comparison-tool__thumbs-arrow-container {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .camera-comparison-tool__thumbs-arrow-container {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .camera-comparison-tool__thumbs-arrow-container) {
		background-position: right
	}

	.button--text .camera-comparison-tool__thumbs-arrow-container {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .camera-comparison-tool__thumbs-arrow-container {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .camera-comparison-tool__thumbs-arrow-container,
	.sticky-navigation__anchor.active .camera-comparison-tool__thumbs-arrow-container {
		background-size: 100% 100%
	}

	.camera-comparison-tool__thumbs-arrow-container {
		pointer-events: none;
		position: relative;
		z-index: 10;
		margin-top: 1.25rem;
		display: flex;
		align-items: center;
		justify-content: flex-end
	}

	.button--text:hover .camera-comparison-tool__thumbs-arrow-container .arrows,
	.button--text-small:hover .camera-comparison-tool__thumbs-arrow-container .arrows {
		background-size: 100% 100%
	}

	.button--text-small .camera-comparison-tool__thumbs-arrow-container .arrows {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .camera-comparison-tool__thumbs-arrow-container .arrows {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .camera-comparison-tool__thumbs-arrow-container .arrows) {
		background-position: right
	}

	.button--text .camera-comparison-tool__thumbs-arrow-container .arrows {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .camera-comparison-tool__thumbs-arrow-container .arrows {
		margin-top: .25rem
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.camera-comparison-tool__thumbs-arrow-container .arrows {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.camera-comparison-tool__thumbs-arrow-container .arrows {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.camera-comparison-tool__thumbs-arrow-container .arrows {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.camera-comparison-tool__thumbs-arrow-container .arrows {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.camera-comparison-tool__thumbs-arrow-container .arrows {
		animation: menu-fade .18s ease-in-out 1
	}

	.sticky-navigation__anchor:hover .camera-comparison-tool__thumbs-arrow-container .arrows,
	.sticky-navigation__anchor.active .camera-comparison-tool__thumbs-arrow-container .arrows {
		background-size: 100% 100%
	}

	.camera-comparison-tool__thumbs-arrow-container .arrows {
		position: relative;
		display: grid;
		height: 28px;
		width: 28px;
		cursor: pointer;
		place-content: center;
		border-radius: 5px;
		padding: 0;
		border-width: 2px;
		border-style: solid;
		border-color: #00000040;
		--tw-bg-opacity: .7
	}

	.camera-comparison-tool__thumbs-arrow-container .arrows:focus {
		outline-style: dotted;
		outline-width: 1px
	}

	.camera-comparison-tool__thumbs-arrow-container svg {
		pointer-events: auto;
		height: 15px;
		width: 16px
	}

	.camera-comparison-tool__thumbs-arrow-container svg rect {
		fill: none
	}

	.camera-comparison-tool__thumbs-arrow-container svg path {
		stroke: #000
	}

	.camera-comparison-tool__thumbs-arrow-container .carousel__arrow-button {
		cursor: pointer;
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity));
		outline: 2px solid transparent;
		outline-offset: 2px
	}

	#main.scrolling {
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none
	}

	.card-background {
		padding-top: 1rem;
		padding-bottom: 7rem
	}

	.card-background__header {
		margin-bottom: 3.5rem;
		text-align: center;
		line-height: 1.5rem
	}

	.card-background__header h2 {
		margin-bottom: 1.25rem;
		font-size: 1.437rem;
		line-height: 2;
		font-weight: 400;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.accordion-with-image__heading .card-background__header h2 {
			font-weight: 700;
			--tw-text-opacity: 1;
			color: rgb(0 0 0 / var(--tw-text-opacity))
		}

		.stats--highlighted .stats__heading--headline .card-background__header h2 {
			margin-bottom: 1.25rem;
			font-weight: 700;
			--tw-text-opacity: 1;
			color: rgb(0 0 0 / var(--tw-text-opacity))
		}

		@media (min-width: 1024px) {
			.stats--highlighted .stats__heading--headline .card-background__header h2 {
				margin-bottom: 0
			}
		}

		.tabsSlider__text-content .card-background__header h2 {
			font-weight: 700;
			--tw-text-opacity: 1;
			color: rgb(0 0 0 / var(--tw-text-opacity))
		}

		.card-background__header h2 {
			font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
			font-size: 2.1875rem;
			line-height: 1.285;
			font-weight: 400;
			font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
		}
	}

	.card-background__header p {
		margin-left: auto;
		margin-right: auto;
		width: 100%
	}

	@media (min-width: 768px) {
		.card-background__header p {
			width: 75%
		}
	}

	.button--text:hover .card-background__card,
	.button--text-small:hover .card-background__card {
		background-size: 100% 100%
	}

	.button--text-small .card-background__card {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .card-background__card {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .card-background__card) {
		background-position: right
	}

	.button--text .card-background__card {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .card-background__card {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .card-background__card,
	.sticky-navigation__anchor.active .card-background__card {
		background-size: 100% 100%
	}

	.card-background__card {
		position: relative;
		display: flex;
		height: 100%;
		width: 100%;
		overflow: hidden;
		border-radius: 3px;
		background-size: cover;
		background-position: center;
		padding: 3rem 1.75rem
	}

	@media (min-width: 768px) {
		.card-background__card {
			padding: 3.5rem
		}

		.card-background__card.colspan-2 {
			padding: 2.25rem
		}

		.card-background__card.colspan-6 {
			padding: 5rem
		}
	}

	.card-background__card.colspan-6 .card-background__button {
		margin-top: 1rem
	}

	.card-background .rowspan-1,
	.card-background .rowspan-2 {
		grid-row: span 1 / span 1
	}

	@media (min-width: 1024px) {
		.card-background .rowspan-2 {
			grid-row: span 2 / span 2
		}
	}

	.card-background .rowspan-3 {
		grid-row: span 3 / span 3
	}

	.card-background .colspan-1 {
		grid-column: span 1 / span 1
	}

	.card-background .colspan-1 .card-background__content {
		width: 100%
	}

	.card-background .colspan-2 {
		grid-column: span 1 / span 1
	}

	@media (min-width: 1024px) {
		.card-background .colspan-2 {
			grid-column: span 2 / span 2
		}
	}

	.card-background .colspan-2 .card-background__content {
		width: 100%
	}

	.card-background .colspan-2 .card-background__button {
		margin-top: auto
	}

	.card-background .colspan-3 {
		grid-column: span 1 / span 1
	}

	@media (min-width: 1024px) {
		.card-background .colspan-3 {
			grid-column: span 3 / span 3
		}
	}

	.card-background .colspan-4 {
		grid-column: span 1 / span 1
	}

	@media (min-width: 1024px) {
		.card-background .colspan-4 {
			grid-column: span 4 / span 4
		}
	}

	.card-background .colspan-5 {
		grid-column: span 1 / span 1
	}

	@media (min-width: 1024px) {
		.card-background .colspan-5 {
			grid-column: span 5 / span 5
		}
	}

	.card-background .colspan-6 {
		grid-column: span 1 / span 1
	}

	@media (min-width: 1024px) {
		.card-background .colspan-6 {
			grid-column: span 6 / span 6
		}
	}

	.card-background__inner {
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		z-index: 10;
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.card-background__content {
		width: 100%
	}

	@media (min-width: 768px) {
		.card-background__content {
			width: 60%
		}
	}

	.card-background__content-left {
		align-items: flex-start
	}

	:is([dir="ltr"] .card-background__content-left div) {
		text-align: left
	}

	:is([dir="rtl"] .card-background__content-left div) {
		text-align: right
	}

	.card-background__content-center {
		align-items: center
	}

	.card-background__content-center div {
		text-align: center
	}

	.card-background__content-right {
		align-items: flex-end
	}

	.card-background__content-right div {
		text-align: right
	}

	.card-background__title {
		margin-bottom: 1.25rem;
		font-size: 1.25rem;
		line-height: 1.15;
		font-weight: 700;
		line-height: 1.75rem
	}

	@media (min-width: 768px) {
		.card-background__title {
			font-size: 23px
		}
	}

	.card-background__copy {
		margin-bottom: 1.25rem;
		font-size: 1rem;
		line-height: 1.6;
		line-height: 1.5rem
	}

	.card-background__overlay {
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 0;
		height: 100%;
		width: 100%;
		background-size: cover
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.card-background__grid {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.card-background__grid {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.card-background__grid {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.card-background__grid {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.card-background__grid {
		animation: menu-fade .18s ease-in-out 1
	}

	.card-background__grid {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 1rem
	}

	@media (min-width: 1024px) {
		.card-background__grid {
			grid-template-columns: repeat(6, minmax(0, 1fr));
			row-gap: 1.5rem
		}
	}

	.card-background__bg,
	.card-background__bg>* {
		position: absolute;
		inset: 0px;
		z-index: -10
	}

	.card-background__bg>* {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	.card-block__header {
		margin-bottom: 2rem;
		text-align: center
	}

	@media (min-width: 768px) {
		.card-block__header {
			margin-bottom: 3.5rem
		}
	}

	.card-block__header:not(.image-card__success-card) {
		margin-bottom: 1rem
	}

	.card-block__header {
		display: flex;
		flex-direction: column;
		gap: 1.25rem;
		margin-left: auto;
		margin-right: auto;
		max-width: 94ch
	}

	.card-block__grid {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: center;
		gap: 2rem;
		padding-top: 1rem;
		padding-bottom: 1rem
	}

	@media (min-width: 768px) {

		.card-block__grid:has(.image-card__directory-card),
		.card-block__grid:has(.image-card__plain-card) {
			row-gap: 2rem
		}
	}

	.card-block__grid.card-block__listCard {
		justify-content: flex-start
	}

	@media (min-width: 1024px) {
		.card-block__grid.card-block__listCard {
			justify-content: center
		}
	}

	.card-block__grid.card-block__listCard {
		gap: 0px
	}

	@media (min-width: 768px) {
		.card-block__grid.card-block__listCard {
			-moz-column-gap: 2rem;
			column-gap: 2rem;
			row-gap: .5rem
		}
	}

	@media (min-width: 1024px) {
		.card-block__grid.card-block__listCard {
			-moz-column-gap: 2rem;
			column-gap: 2rem
		}
	}

	.card-block__grid .image-card {
		height: auto;
		width: 100%
	}

	.card-block__grid .image-card__svg-type {
		flex: 0 0 calc(50% - 16px)
	}

	.card-block__grid .organization-card {
		height: auto;
		width: 100%
	}

	@media (min-width: 520px) {
		.card-block__grid .organization-card__svg-type {
			flex: 0 0 calc(50% - 16px)
		}
	}

	.card-block__listCard .image-card__svg-type {
		flex: 0 0 100%
	}

	@media (min-width: 1024px) {

		.card-block__2-column .image-card,
		.card-block__2-column .organization-card {
			flex: 0 0 calc(50% - 24px)
		}
	}

	@media (min-width: 768px) {

		.card-block__3-column .image-card,
		.card-block__3-column .organization-card {
			flex: 0 0 calc(50% - 24px)
		}
	}

	@media (min-width: 1024px) {

		.card-block__3-column .image-card,
		.card-block__3-column .organization-card {
			flex: 0 0 calc(33.33% - 24px)
		}
	}

	.card-block__3-column .image-card__success-card,
	.card-block__3-column .organization-card__success-card {
		align-self: flex-start
	}

	@media (min-width: 768px) {

		.card-block__3-column .image-card__success-card,
		.card-block__3-column .organization-card__success-card {
			align-self: auto
		}

		.card-block__4-column {
			gap: 1.5rem
		}

		.card-block__4-column .image-card,
		.card-block__4-column .organization-card {
			flex: 0 0 calc(50% - 24px)
		}
	}

	@media (min-width: 1024px) {

		.card-block__4-column .image-card,
		.card-block__4-column .organization-card {
			flex: 0 0 calc(25% - 24px)
		}
	}

	.card-block__carousel .carousel__slide>div {
		height: 100%
	}

	.card-block__carousel .carousel__nav button.is-current div {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-400), var(--tw-bg-opacity))
	}

	.card-block__carousel .carousel__nav button div {
		border-width: 1px;
		border-color: #00000047;
		background-color: transparent
	}

	.card-block__carousel .carousel__nav {
		bottom: -2rem
	}

	.card-block__carousel .card-block__grid {
		padding: 1rem 1rem 2.5rem
	}

	.card-block__carousel-xl {
		display: none
	}

	@media (min-width: 1280px) {
		.card-block__carousel-xl {
			display: block
		}
	}

	.card-block__carousel-md {
		display: none
	}

	@media (min-width: 768px) {
		.card-block__carousel-md {
			display: block
		}
	}

	@media (min-width: 1280px) {
		.card-block__carousel-md {
			display: none
		}
	}

	.card-block__carousel-sm {
		display: block
	}

	@media (min-width: 768px) {
		.card-block__carousel-sm {
			display: none
		}
	}

	@media (min-width: 1280px) {
		.card-block__carousel-sm {
			display: none
		}

		details>.nav__children-menu>.card-block.card-block__offsetCarousel {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.card-block.card-block__offsetCarousel {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.card-block.card-block__offsetCarousel {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.card-block.card-block__offsetCarousel {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.card-block.card-block__offsetCarousel {
		animation: menu-fade .18s ease-in-out 1
	}

	.card-block.card-block__offsetCarousel {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 1.25rem;
		padding-bottom: 2.5rem
	}

	@media (min-width: 768px) {
		.card-block.card-block__offsetCarousel {
			grid-template-columns: 8fr 2fr
		}
	}

	@media (min-width: 1024px) {
		.card-block.card-block__offsetCarousel {
			grid-template-columns: 7fr 3fr
		}
	}

	.card-block.card-block__offsetCarousel .card-block__header {
		grid-column: span 2 / span 2
	}

	@media (min-width: 768px) {
		.card-block.card-block__offsetCarousel .card-block__header {
			grid-column: span 1 / span 1
		}
	}

	.card-block.card-block__offsetCarousel .card-block__header {
		margin: 0;
		max-width: none;
		text-align: start
	}

	.card-block.card-block__offsetCarousel .card-block__header h2 {
		font-weight: 700
	}

	.card-block.card-block__offsetCarousel .carousel-full__arrow-container {
		grid-column: span 2 / span 2
	}

	@media (min-width: 768px) {
		.card-block.card-block__offsetCarousel .carousel-full__arrow-container {
			grid-column: span 1 / span 1
		}
	}

	.card-block.card-block__offsetCarousel .carousel-full__arrow-container {
		margin: 0;
		display: flex;
		justify-content: flex-end;
		padding-left: 0;
		padding-right: 0
	}

	.card-block.card-block__offsetCarousel .carousel-full__arrow-container .is-disabled {
		pointer-events: none;
		cursor: not-allowed;
		opacity: .3
	}

	.card-block.card-block__offsetCarousel .card-block__carousel-container {
		grid-column: span 2 / span 2
	}

	.card-block__cta {
		margin-top: 2rem;
		display: flex;
		justify-content: center
	}

	@media (min-width: 768px) {
		.card-block.card-block__load-more .card-block__grid {
			row-gap: 1rem
		}
	}

	.card-block__more-button {
		margin-top: 2rem;
		display: flex;
		width: 100%;
		justify-content: center
	}

	.button--text:hover .carousel-full,
	.button--text-small:hover .carousel-full {
		background-size: 100% 100%
	}

	.button--text-small .carousel-full {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .carousel-full {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .carousel-full) {
		background-position: right
	}

	.button--text .carousel-full {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .carousel-full {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .carousel-full,
	.sticky-navigation__anchor.active .carousel-full {
		background-size: 100% 100%
	}

	.carousel-full {
		position: relative;
		overflow: visible
	}

	.carousel-full__slides {
		display: flex;
		gap: 1.25rem;
		overflow: visible;
		transition: transform .5s ease-out
	}

	.carousel-full__slide {
		height: auto;
		width: 100%;
		flex: none
	}

	@media (min-width: 768px) {
		.carousel-full__slide {
			width: 49%
		}
	}

	.carousel-full__slide .image-card__offsetCarousel {
		overflow: visible
	}

	.carousel-full__slide .image-card__offsetCarousel .image-card__inner {
		overflow: hidden;
		border-radius: 10px;
		border-top-width: 3px;
		border-style: solid;
		--tw-border-opacity: 1;
		border-color: rgb(0 0 0 / var(--tw-border-opacity));
		--tw-shadow: 0 10px 20px rgb(35 35 35 / 8%);
		--tw-shadow-colored: 0 10px 20px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .3s
	}

	.carousel-full__slide .image-card__offsetCarousel .image-card__inner .image-card__content {
		margin-top: 1.5rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem
	}

	@media (min-width: 768px) {
		.carousel-full__slide .image-card__offsetCarousel .image-card__inner .image-card__content {
			margin-top: 2.5rem;
			padding-left: 2.5rem;
			padding-right: 2.5rem
		}
	}

	.carousel-full__slide .image-card__offsetCarousel .image-card__inner .image-card__content .image-card__title,
	.carousel-full__slide .image-card__offsetCarousel .image-card__inner .image-card__content .image-card__copy {
		text-align: start
	}

	.carousel-full__slide .image-card__offsetCarousel .image-card__inner .image-card__button {
		padding-left: 1.5rem;
		padding-right: 1.5rem
	}

	@media (min-width: 768px) {
		.carousel-full__slide .image-card__offsetCarousel .image-card__inner .image-card__button {
			padding-left: 2.5rem;
			padding-right: 2.5rem
		}
	}

	.carousel-full__slide .image-card__offsetCarousel .image-card__inner .image-card__button {
		width: 100%
	}

	.carousel-full__slide .image-card__offsetCarousel .image-card__inner .image-card__button .button,
	.carousel-full__slide .image-card__offsetCarousel .image-card__icon {
		padding: 0
	}

	.carousel-full__slide .image-card__offsetCarousel.image-card__border-card:not(.image-card__svg-type) .image-card__image-ratio {
		margin-bottom: 0;
		aspect-ratio: 4/3;
		max-height: 250px;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity))
	}

	@media (min-width: 768px) {
		.carousel-full__slide .image-card__offsetCarousel.image-card__border-card:not(.image-card__svg-type) .image-card__image-ratio {
			max-height: 350px
		}
	}

	.carousel-full__slide .image-card__offsetCarousel.image-card__border-card:not(.image-card__svg-type) .image-card__image-ratio img {
		max-height: 250px
	}

	@media (min-width: 768px) {
		.carousel-full__slide .image-card__offsetCarousel.image-card__border-card:not(.image-card__svg-type) .image-card__image-ratio img {
			max-height: 350px
		}
	}

	.carousel-full__slide.is-current {
		pointer-events: auto;
		opacity: 1
	}

	.carousel-full__slide.is-current .image-card__offsetCarousel .image-card__inner {
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-brand-500), var(--tw-border-opacity));
		opacity: 1
	}

	.carousel-full__slide.deactivate {
		opacity: 0;
		transition-property: opacity;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .5s
	}

	.button--text:hover .carousel-full__arrow-container,
	.button--text-small:hover .carousel-full__arrow-container {
		background-size: 100% 100%
	}

	.button--text-small .carousel-full__arrow-container {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .carousel-full__arrow-container {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .carousel-full__arrow-container) {
		background-position: right
	}

	.button--text .carousel-full__arrow-container {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .carousel-full__arrow-container {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .carousel-full__arrow-container,
	.sticky-navigation__anchor.active .carousel-full__arrow-container {
		background-size: 100% 100%
	}

	.carousel-full__arrow-container {
		pointer-events: none;
		position: relative;
		z-index: 10;
		margin-left: 1.25rem;
		margin-right: 1.25rem;
		margin-top: 2.5rem;
		display: flex;
		align-items: center;
		justify-content: flex-end
	}

	@media (min-width: 1024px) {
		.carousel-full__arrow-container {
			padding-left: 1.25rem;
			padding-right: 1.25rem
		}
	}

	.button--text:hover .carousel-full__arrow-container .arrows,
	.button--text-small:hover .carousel-full__arrow-container .arrows {
		background-size: 100% 100%
	}

	.button--text-small .carousel-full__arrow-container .arrows {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .carousel-full__arrow-container .arrows {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .carousel-full__arrow-container .arrows) {
		background-position: right
	}

	.button--text .carousel-full__arrow-container .arrows {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .carousel-full__arrow-container .arrows {
		margin-top: .25rem
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.carousel-full__arrow-container .arrows {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.carousel-full__arrow-container .arrows {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.carousel-full__arrow-container .arrows {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.carousel-full__arrow-container .arrows {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.carousel-full__arrow-container .arrows {
		animation: menu-fade .18s ease-in-out 1
	}

	.sticky-navigation__anchor:hover .carousel-full__arrow-container .arrows,
	.sticky-navigation__anchor.active .carousel-full__arrow-container .arrows {
		background-size: 100% 100%
	}

	.carousel-full__arrow-container .arrows {
		pointer-events: auto;
		position: relative;
		display: grid;
		height: 28px;
		width: 28px;
		cursor: pointer;
		place-content: center;
		border-radius: 9999px;
		padding: 0
	}

	@media (min-width: 768px) {
		.carousel-full__arrow-container .arrows {
			height: 38px;
			width: 38px
		}
	}

	.carousel-full__arrow-container .arrows {
		border-width: 1px;
		border-style: solid;
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-brand-500), var(--tw-border-opacity));
		--tw-bg-opacity: .7
	}

	.carousel-full__arrow-container .arrows:focus {
		outline-style: dotted;
		outline-width: 1px
	}

	:is([dir="ltr"] .carousel-full__arrow-container .arrows) {
		--tw-rotate: 0deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	:is([dir="rtl"] .carousel-full__arrow-container .arrows) {
		--tw-rotate: 180deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.carousel-full__arrow-container .is-disabled {
		pointer-events: none;
		cursor: not-allowed;
		opacity: .3
	}

	.carousel-full__arrow-container svg {
		pointer-events: auto;
		height: 15px;
		width: 16px
	}

	.carousel-full__arrow-container svg rect {
		fill: none
	}

	.carousel-full__arrow-container svg path {
		stroke: rgb(var(--color-brand-500))
	}

	.carousel-full__arrow-button {
		width: 28px;
		cursor: pointer;
		outline: 2px solid transparent;
		outline-offset: 2px
	}

	@keyframes bounce-down {
		0% {
			transform: translate(0) skew(0)
		}

		50% {
			transform: translateY(-3%) skew(0)
		}

		to {
			transform: translate(0) skew(0)
		}
	}

	.hero-carousel__slide.is-current.direction-down>.js-transform-scroll,
	.hero-carousel__slide.is-current.direction-down>.hero-slider__image {
		animation: bounce-down .8s ease-in-out 1
	}

	@keyframes bounce-up {
		0% {
			transform: translate(0) skew(0)
		}

		50% {
			transform: translateY(3%) skew(0)
		}

		to {
			transform: translate(0) skew(0)
		}
	}

	.hero-carousel__slide.is-current.direction-up>.js-transform-scroll,
	.hero-carousel__slide.is-current.direction-up>.hero-slider__image {
		animation: bounce-up .8s ease-in-out 1
	}

	.hero-carousel__nav-wrapper {
		display: flex;
		width: 100%;
		justify-content: center
	}

	@media (min-width: 768px) {
		.hero-carousel__nav-wrapper {
			justify-content: flex-start
		}
	}

	.hero-carousel__nav-wrapper {
		position: absolute;
		bottom: 0px;
		left: 0px;
		z-index: 20
	}

	@media (min-width: 768px) {

		.button--text:hover .hero-carousel__nav-wrapper,
		.button--text-small:hover .hero-carousel__nav-wrapper {
			background-size: 100% 100%
		}

		.button--text-small .hero-carousel__nav-wrapper {
			background-size: 0 100%;
			background-repeat: no-repeat;
			padding-bottom: .25rem;
			transition: background-size .6s ease;
			background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
		}

		.button--text .hero-carousel__nav-wrapper {
			background-size: 0 100%;
			background-repeat: no-repeat;
			padding-bottom: .25rem
		}

		:is([dir="rtl"] .button--text .hero-carousel__nav-wrapper) {
			background-position: right
		}

		.button--text .hero-carousel__nav-wrapper {
			transition: background-size .6s ease;
			background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
		}

		.button--with-icon .hero-carousel__nav-wrapper {
			margin-top: .25rem
		}

		.sticky-navigation__anchor:hover .hero-carousel__nav-wrapper,
		.sticky-navigation__anchor.active .hero-carousel__nav-wrapper {
			background-size: 100% 100%
		}

		.hero-carousel__nav-wrapper {
			position: relative
		}
	}

	.hero-carousel__nav {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between
	}

	.button--text:hover .hero-carousel__nav button,
	.button--text-small:hover .hero-carousel__nav button {
		background-size: 100% 100%
	}

	.button--text-small .hero-carousel__nav button {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .hero-carousel__nav button {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .hero-carousel__nav button) {
		background-position: right
	}

	.button--text .hero-carousel__nav button {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .hero-carousel__nav button {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .hero-carousel__nav button,
	.sticky-navigation__anchor.active .hero-carousel__nav button {
		background-size: 100% 100%
	}

	.hero-carousel__nav button {
		position: relative;
		margin-left: .25rem;
		margin-right: .25rem;
		padding: .25rem
	}

	.hero-carousel__nav button .circle-gradient {
		height: 18px;
		width: 18px;
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		--tw-translate-x: -50%;
		--tw-translate-y: -50%;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
		opacity: 0;
		transition: opacity .1s linear
	}

	.hero-carousel__nav button .circle-gradient svg {
		display: block;
		height: 100%;
		width: 100%;
		overflow: visible;
		transform-origin: center;
		transform: rotate(-112deg);
		will-change: transform
	}

	.hero-carousel__nav button.is-current .carousel-heroSlider__pips--circle {
		position: absolute;
		top: 0px;
		left: 0px;
		display: block;
		width: 100%;
		--tw-rotate: 90deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.hero-carousel.sliderProductImage {
		contain: layout paint
	}

	.hero-carousel.sliderProductImage .hero-carousel__slides {
		height: 100%
	}

	.hero-carousel.sliderProductImage .hero-carousel__slide {
		height: 100%;
		opacity: 0;
		transition-property: opacity;
		transition-duration: 1s;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1)
	}

	.hero-carousel.sliderProductImage .hero-carousel__slide.is-current {
		opacity: 1
	}

	.hero-carousel.sliderProductImage .hero-carousel__slide .hero-slider__product-image {
		transition-property: opacity;
		transition-duration: 1s;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1)
	}

	.hero-carousel.sliderProductImage .hero-carousel__slide .hero-carousel__slide {
		height: 100%
	}

	.hero-carousel.sliderBackground .hero-carousel__slides {
		display: flex;
		height: 100%;
		flex-direction: row;
		overflow: hidden
	}

	.hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide {
		height: 100%
	}

	.button--text:hover .hero-carousel__slides,
	.button--text-small:hover .hero-carousel__slides {
		background-size: 100% 100%
	}

	.button--text-small .hero-carousel__slides {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .hero-carousel__slides {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .hero-carousel__slides) {
		background-position: right
	}

	.button--text .hero-carousel__slides {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .hero-carousel__slides {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .hero-carousel__slides,
	.sticky-navigation__anchor.active .hero-carousel__slides {
		background-size: 100% 100%
	}

	.hero-carousel__slides {
		position: relative;
		display: flex;
		width: 100%;
		flex-direction: row;
		overflow: hidden
	}

	@media (min-width: 768px) {
		.hero-carousel__slides {
			flex-direction: column
		}
	}

	.hero-carousel__slides {
		scrollbar-width: none
	}

	.hero-carousel__slides::-webkit-scrollbar {
		display: none
	}

	.hero-carousel__slide {
		height: auto;
		width: 100%;
		flex: none
	}

	.hero-carousel__slide.is-current>* {
		transition-property: opacity;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .7s
	}

	.button--text:hover .hero-carousel.sliderNav .hero-carousel__slides,
	.button--text-small:hover .hero-carousel.sliderNav .hero-carousel__slides {
		background-size: 100% 100%
	}

	.button--text-small .hero-carousel.sliderNav .hero-carousel__slides {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .hero-carousel.sliderNav .hero-carousel__slides {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .hero-carousel.sliderNav .hero-carousel__slides) {
		background-position: right
	}

	.button--text .hero-carousel.sliderNav .hero-carousel__slides {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .hero-carousel.sliderNav .hero-carousel__slides {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .hero-carousel.sliderNav .hero-carousel__slides,
	.sticky-navigation__anchor.active .hero-carousel.sliderNav .hero-carousel__slides {
		background-size: 100% 100%
	}

	.hero-carousel.sliderNav .hero-carousel__slides {
		position: relative
	}

	@media (min-width: 768px) {
		.hero-carousel.sliderBackground {
			height: var(--aspect-ratio-fullMedia-height)
		}
	}

	.hero-carousel.sliderBackground {
		max-height: 740px;
		overflow: hidden
	}

	.hero-carousel.sliderBackground .hero-carousel__slides {
		display: flex;
		flex-direction: row;
		overflow: hidden
	}

	.hero-carousel__nav {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center
	}

	.hero-carousel__nav ul {
		display: flex;
		align-items: center;
		justify-content: center
	}

	.hero-carousel__nav ul li {
		align-self: center
	}

	.hero-carousel__nav button.is-current .hero-carousel__pips--circle {
		display: none
	}

	.hero-carousel__arrow-container {
		cursor: pointer;
		align-self: flex-start;
		display: none
	}

	@media (min-width: 1024px) {
		.hero-carousel__arrow-container {
			display: flex;
			position: absolute;
			top: -260px
		}
	}

	@media (min-width: 1160px) {
		.hero-carousel__arrow-container {
			top: -290px
		}
	}

	@media (min-width: 1280px) {
		.hero-carousel__arrow-container {
			top: -320px
		}
	}

	@media (min-width: 1536px) {
		.hero-carousel__arrow-container {
			top: -350px
		}
	}

	.hero-carousel__arrow-container svg {
		height: 2.25rem;
		width: 2.25rem;
		border-radius: 9999px;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-300), var(--tw-bg-opacity))
	}

	.hero-carousel__arrow-container.prev-arrow {
		left: 0px
	}

	@media (min-width: 1280px) {
		.hero-carousel__arrow-container.prev-arrow {
			left: 1rem
		}
	}

	@media (min-width: 1408px) {
		.hero-carousel__arrow-container.prev-arrow {
			left: calc((100vw - 1244px)/2 - 60px)
		}
	}

	.hero-carousel__arrow-container.next-arrow {
		right: 0px
	}

	@media (min-width: 1280px) {
		.hero-carousel__arrow-container.next-arrow {
			right: 1rem
		}
	}

	@media (min-width: 1408px) {
		.hero-carousel__arrow-container.next-arrow {
			right: calc((100vw - 1244px)/2 - 60px)
		}
	}

	.button--text:hover .carousel-option2,
	.button--text-small:hover .carousel-option2 {
		background-size: 100% 100%
	}

	.button--text-small .carousel-option2 {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .carousel-option2 {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .carousel-option2) {
		background-position: right
	}

	.button--text .carousel-option2 {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .carousel-option2 {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .carousel-option2,
	.sticky-navigation__anchor.active .carousel-option2 {
		background-size: 100% 100%
	}

	.carousel-option2 {
		position: relative;
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none
	}

	.button--text:hover .carousel-option2__slides,
	.button--text:hover .carousel-option2__thumb-nav,
	.button--text-small:hover .carousel-option2__slides,
	.button--text-small:hover .carousel-option2__thumb-nav {
		background-size: 100% 100%
	}

	.button--text-small .carousel-option2__slides,
	.button--text-small .carousel-option2__thumb-nav {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .carousel-option2__slides,
	.button--text .carousel-option2__thumb-nav {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .carousel-option2__slides),
	:is([dir="rtl"] .button--text .carousel-option2__thumb-nav) {
		background-position: right
	}

	.button--text .carousel-option2__slides,
	.button--text .carousel-option2__thumb-nav {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .carousel-option2__slides,
	.button--with-icon .carousel-option2__thumb-nav {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .carousel-option2__slides,
	.sticky-navigation__anchor.active .carousel-option2__slides,
	.sticky-navigation__anchor:hover .carousel-option2__thumb-nav,
	.sticky-navigation__anchor.active .carousel-option2__thumb-nav {
		background-size: 100% 100%
	}

	.carousel-option2__slides,
	.carousel-option2__thumb-nav {
		position: relative;
		display: flex;
		width: 100%;
		scroll-snap-type: x var(--tw-scroll-snap-strictness);
		--tw-scroll-snap-strictness: mandatory;
		overflow-x: scroll;
		scrollbar-width: none
	}

	.carousel-option2__slides {
		border-radius: 1rem;
		border: 1px solid #e6e6e6
	}

	.carousel-option2__slides::-webkit-scrollbar {
		display: none
	}

	.carousel-option2__slides {
		scrollbar-width: none;
		-ms-overflow-style: none
	}

	.carousel-option2__slide {
		scroll-snap-align: center;
		height: auto;
		width: 100%;
		flex: none;
		opacity: 1;
		transition-property: opacity;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .5s;
		overflow: hidden;
		border-radius: 1rem;
		--tw-bg-opacity: 1;
		background-color: rgb(247 247 247 / var(--tw-bg-opacity))
	}

	.carousel-option2__slide .video-container-option2,
	.carousel-option2__slide .plyr__video-wrapper,
	.carousel-option2__slide .plyr__overlay,
	.carousel-option2__slide .plyr__video-embed,
	.carousel-option2__slide .plyr__video-embed:focus,
	.carousel-option2__slide .plyr__video-embed *:focus {
		outline: none;
		border: none;
		background-color: #f7f7f7
	}

	.carousel-option2__slide .video-container-option2 {
		width: 95%;
		overflow: hidden;
		border-radius: 1rem
	}

	.carousel-option2__slide .video-container-option2 .plyr__video-wrapper {
		aspect-ratio: 16 / 9
	}

	.carousel-option2__slide .video-container-option2 .plyr--video {
		background-color: #f7f7f7
	}

	.carousel-option2__slide .video-container-option2 .plyr__video-embed {
		aspect-ratio: 16 / 9
	}

	.carousel-option2__slide .video-container-option2 .plyr__overlay {
		display: none
	}

	.carousel-option2__slide>div {
		display: flex;
		height: 100%;
		align-items: center;
		justify-content: center
	}

	.carousel-option2__slide img {
		max-height: 500px
	}

	.carousel-option2__slide img.option2 {
		max-height: none
	}

	.carousel-option2__slide.deactivate {
		opacity: 0;
		transition-property: opacity;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .5s
	}

	.carousel-option2__nav {
		margin-left: auto;
		margin-right: auto;
		margin-top: 2rem;
		display: flex;
		width: 225px;
		align-items: center;
		gap: 1rem
	}

	@media (min-width: 350px) {
		.carousel-option2__nav {
			width: 313px
		}
	}

	@media (min-width: 520px) {
		.carousel-option2__nav {
			width: 400px
		}
	}

	@media (min-width: 640px) {
		.carousel-option2__nav {
			width: 470px
		}
	}

	@media (min-width: 768px) {
		.carousel-option2__nav {
			width: 560px
		}
	}

	@media (min-width: 1024px) {
		.carousel-option2__nav {
			width: 470px
		}
	}

	@media (min-width: 1280px) {
		.carousel-option2__nav {
			width: 560px
		}
	}

	.carousel-option2__nav.no-video {
		width: 235px
	}

	@media (min-width: 350px) {
		.carousel-option2__nav.no-video {
			width: 315px
		}
	}

	@media (min-width: 520px) {
		.carousel-option2__nav.no-video {
			width: 390px
		}
	}

	@media (min-width: 640px) {
		.carousel-option2__nav.no-video {
			width: 470px
		}
	}

	@media (min-width: 768px) {
		.carousel-option2__nav.no-video {
			width: 560px
		}
	}

	@media (min-width: 1024px) {
		.carousel-option2__nav.no-video {
			width: 470px
		}
	}

	@media (min-width: 1280px) {
		.carousel-option2__nav.no-video {
			width: 560px
		}
	}

	.carousel-option2__nav .carousel-option2__thumb-nav {
		height: 4rem;
		width: 100%;
		display: flex;
		gap: 1rem;
		scroll-snap-type: x mandatory;
		scrollbar-width: none
	}

	.carousel-option2__nav .carousel-option2__thumb-nav::-webkit-scrollbar {
		display: none
	}

	.industry-hero__media.with-video-main.carousel-option2__nav .carousel-option2__thumb-nav .carousel-option2__thumbs {
		aspect-ratio: 1/1
	}

	.carousel-option2__nav .carousel-option2__thumb-nav .carousel-option2__thumbs {
		aspect-ratio: 1 / 1;
		height: 4rem;
		width: 4rem;
		align-content: center;
		border-radius: .5rem;
		--tw-bg-opacity: 1;
		background-color: rgb(238 238 239 / var(--tw-bg-opacity));
		scroll-snap-align: center;
		box-sizing: border-box;
		border: 1px solid transparent;
		display: flex;
		flex-direction: column;
		justify-content: center
	}

	.carousel-option2__nav .carousel-option2__thumb-nav .carousel-option2__thumbs.is-current {
		border: 1px solid #808080
	}

	.carousel-option2__nav .carousel-option2__thumb-nav .carousel-option2__thumbs img {
		max-width: 100%
	}

	.carousel-option2__nav .carousel-option2__thumb-nav .carousel-option2__thumbs:hover {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	.carousel-option2__nav .carousel-option2__thumb-nav .carousel-option2__thumbs:active {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-300), var(--tw-bg-opacity))
	}

	.carousel-option2__nav .carousel-option2__video-thumb {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100px;
		border-radius: .5rem;
		--tw-bg-opacity: 1;
		background-color: rgb(238 238 239 / var(--tw-bg-opacity));
		font-size: .875rem;
		line-height: 1.828
	}

	@media (min-width: 640px) {
		.carousel-option2__nav .carousel-option2__video-thumb {
			width: 230px
		}
	}

	.carousel-option2__nav .carousel-option2__video-thumb {
		cursor: pointer;
		border-width: 1px;
		border-style: solid;
		border-color: transparent
	}

	.carousel-option2__nav .carousel-option2__video-thumb.is-current {
		border: 1px solid #808080
	}

	.carousel-option2__nav .carousel-option2__video-thumb a {
		display: flex;
		height: 4rem;
		align-items: center
	}

	@media (min-width: 640px) {
		.carousel-option2__nav .carousel-option2__video-thumb a {
			flex-direction: column
		}
	}

	.carousel-option2__nav .carousel-option2__video-thumb a span {
		display: none
	}

	@media (min-width: 640px) {
		.carousel-option2__nav .carousel-option2__video-thumb a span {
			display: inline
		}
	}

	@media (min-width: 768px) {
		.carousel-option2__nav .carousel-option2__video-thumb a span {
			display: inline
		}
	}

	@media (min-width: 1024px) {
		.carousel-option2__nav .carousel-option2__video-thumb a span {
			display: inline
		}
	}

	.carousel-option2__nav .carousel-option2__video-thumb a svg,
	.carousel-option2__nav .carousel-option2__video-thumb a img {
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		height: 2rem;
		width: auto
	}

	@media (min-width: 640px) {

		.carousel-option2__nav .carousel-option2__video-thumb a svg,
		.carousel-option2__nav .carousel-option2__video-thumb a img {
			margin-top: .5rem
		}
	}

	.carousel-option2__nav .carousel-option2__video-thumb:hover {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	.carousel-option2__nav .carousel-option2__video-thumb:active {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-300), var(--tw-bg-opacity))
	}

	.carousel-option2__arrow-container {
		position: absolute;
		z-index: 20;
		display: flex;
		width: 100%;
		--tw-translate-y: -50%;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	@media not all and (min-width: 640px) {
		.carousel-option2__arrow-container {
			display: none
		}
	}

	.carousel-option2__arrow-container {
		top: 38%
	}

	@media (min-width: 640px) {
		.carousel-option2__arrow-container {
			top: 43%
		}
	}

	.carousel-option2__arrow-container .hide-on-mouseout {
		opacity: 0;
		transition: opacity .3s ease-in-out
	}

	.carousel-option2__arrow-container .hide-on-mouseout:hover {
		opacity: 1;
		transition: opacity .3s ease-in-out
	}

	.carousel-option2__arrow-button {
		pointer-events: auto;
		height: 1.75rem;
		cursor: pointer;
		border-radius: 4px;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
		padding: .25rem;
		--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
		--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	:is([dir="ltr"] .carousel-option2__arrow-button.js-next-o2) {
		margin-right: .5rem;
		margin-left: auto
	}

	:is([dir="rtl"] .carousel-option2__arrow-button.js-next-o2) {
		margin-left: .5rem;
		margin-right: auto;
		--tw-rotate: 180deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	:is([dir="ltr"] .carousel-option2__arrow-button.js-previous-o2) {
		margin-left: .5rem;
		margin-right: auto;
		--tw-rotate: -180deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	:is([dir="rtl"] .carousel-option2__arrow-button.js-previous-o2) {
		margin-right: .5rem;
		margin-left: auto;
		--tw-rotate: 0deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.carousel-option2__arrow-button {
		width: 28px;
		cursor: pointer;
		outline: 2px solid transparent;
		outline-offset: 2px
	}

	@supports (-webkit-backdrop-filter: none) {
		.carousel-option2__nav .carousel-option2__thumb-nav {
			padding-right: 1px;
			height: 65px
		}
	}

	.button--text:hover .carousel,
	.button--text-small:hover .carousel {
		background-size: 100% 100%
	}

	.button--text-small .carousel {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .carousel {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .carousel) {
		background-position: right
	}

	.button--text .carousel {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .carousel {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .carousel,
	.sticky-navigation__anchor.active .carousel {
		background-size: 100% 100%
	}

	.carousel {
		position: relative
	}

	.button--text:hover .carousel__slides,
	.button--text:hover .carousel__thumb-nav,
	.button--text-small:hover .carousel__slides,
	.button--text-small:hover .carousel__thumb-nav {
		background-size: 100% 100%
	}

	.button--text-small .carousel__slides,
	.button--text-small .carousel__thumb-nav {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .carousel__slides,
	.button--text .carousel__thumb-nav {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .carousel__slides),
	:is([dir="rtl"] .button--text .carousel__thumb-nav) {
		background-position: right
	}

	.button--text .carousel__slides,
	.button--text .carousel__thumb-nav {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .carousel__slides,
	.button--with-icon .carousel__thumb-nav {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .carousel__slides,
	.sticky-navigation__anchor.active .carousel__slides,
	.sticky-navigation__anchor:hover .carousel__thumb-nav,
	.sticky-navigation__anchor.active .carousel__thumb-nav {
		background-size: 100% 100%
	}

	.carousel__slides,
	.carousel__thumb-nav {
		position: relative;
		display: flex;
		width: 100%;
		scroll-snap-type: x var(--tw-scroll-snap-strictness);
		--tw-scroll-snap-strictness: mandatory;
		overflow: auto;
		scrollbar-width: none
	}

	.carousel__slides::-webkit-scrollbar,
	.carousel__thumb-nav::-webkit-scrollbar {
		display: none
	}

	.carousel__slide {
		scroll-snap-align: center;
		height: auto;
		width: 100%;
		flex: none;
		opacity: 1;
		transition-property: opacity;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .5s
	}

	.carousel__slide.deactivate {
		opacity: 0;
		transition-property: opacity;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .5s
	}

	.carousel__nav {
		margin-top: 1rem
	}

	.carousel__nav ul {
		display: flex;
		justify-content: center
	}

	.carousel__nav button {
		margin-left: .125rem;
		margin-right: .125rem;
		padding: .25rem
	}

	.carousel__nav button div {
		height: .75rem;
		width: .75rem;
		border-radius: 9999px;
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity));
		opacity: .25;
		transition-property: background-color;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .15s
	}

	.carousel__nav button.is-current div {
		opacity: 1
	}

	.carousel__gallery .carousel__slide>div {
		display: flex;
		height: 100%;
		align-items: center;
		justify-content: center
	}

	.carousel__gallery .carousel__slide img {
		max-height: 500px
	}

	.button--text:hover .carousel__gallery .carousel__nav-images,
	.button--text-small:hover .carousel__gallery .carousel__nav-images {
		background-size: 100% 100%
	}

	.button--text-small .carousel__gallery .carousel__nav-images {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .carousel__gallery .carousel__nav-images {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .carousel__gallery .carousel__nav-images) {
		background-position: right
	}

	.button--text .carousel__gallery .carousel__nav-images {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .carousel__gallery .carousel__nav-images {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .carousel__gallery .carousel__nav-images,
	.sticky-navigation__anchor.active .carousel__gallery .carousel__nav-images {
		background-size: 100% 100%
	}

	.carousel__gallery .carousel__nav-images {
		position: relative
	}

	.carousel__gallery .carousel__nav-images .carousel__thumbs-arrow-container {
		pointer-events: none;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 10;
		display: none;
		height: 100%;
		width: 100%;
		align-items: center;
		justify-content: center
	}

	@media (min-width: 768px) {
		.carousel__gallery .carousel__nav-images .carousel__thumbs-arrow-container {
			display: flex
		}
	}

	.carousel__gallery .carousel__nav-images .carousel__thumbs-arrow-container svg {
		pointer-events: auto;
		height: 15px
	}

	.carousel__gallery .carousel__nav-images .carousel__thumbs-arrow-container svg rect {
		fill: none
	}

	.carousel__gallery .carousel__nav-images .carousel__thumbs-arrow-container svg path {
		stroke: #000
	}

	.carousel__gallery .carousel__nav {
		margin-top: 3rem
	}

	.carousel__gallery .carousel__nav button div {
		height: .75rem;
		width: .75rem;
		border-radius: 9999px;
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity));
		opacity: .25
	}

	.carousel__gallery .carousel__nav .carousel__pips {
		display: flex;
		align-items: center
	}

	.industry-hero__media.with-video-main.carousel__gallery .carousel__nav .carousel__pips {
		aspect-ratio: 1/1
	}

	.carousel__gallery .carousel__nav .carousel__pips {
		aspect-ratio: 1 / 1;
		height: auto;
		width: 4rem;
		overflow: hidden;
		border-radius: .5rem;
		--tw-bg-opacity: 1;
		background-color: rgb(238 238 239 / var(--tw-bg-opacity))
	}

	@media (min-width: 768px) {
		.carousel__gallery .carousel__nav .carousel__pips {
			width: 3rem
		}
	}

	@media (min-width: 1280px) {
		.carousel__gallery .carousel__nav .carousel__pips {
			width: 4rem
		}
	}

	.carousel__gallery .carousel__nav .carousel__pips img {
		height: auto;
		width: 4rem;
		-o-object-fit: cover;
		object-fit: cover
	}

	@media (min-width: 768px) {
		.carousel__gallery .carousel__nav .carousel__pips img {
			width: 3rem
		}
	}

	@media (min-width: 1280px) {
		.carousel__gallery .carousel__nav .carousel__pips img {
			width: 4rem
		}
	}

	.carousel__gallery .carousel__thumb {
		scroll-snap-align: center;
		height: auto;
		width: 100%;
		flex: none
	}

	@media (min-width: 768px) {
		.carousel__gallery .carousel__thumb {
			padding-left: 1.75rem;
			padding-right: 1.75rem
		}
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.carousel__gallery .carousel__thumb {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.carousel__gallery .carousel__thumb {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.carousel__gallery .carousel__thumb {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.carousel__gallery .carousel__thumb {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.carousel__gallery .carousel__thumb {
		animation: menu-fade .18s ease-in-out 1
	}

	.carousel__gallery .carousel__thumb {
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		place-items: center;
		gap: .5rem
	}

	.carousel__gallery .carousel__thumb--centered {
		grid-template-columns: repeat(10, minmax(0, 1fr))
	}

	.carousel__gallery .carousel__thumb--centered>* {
		grid-column: span 2 / span 2;
		place-self: center
	}

	.carousel__gallery .carousel__thumb--centered>*:last-child:nth-child(5n + 1) {
		grid-column-start: 5
	}

	.carousel__gallery .carousel__thumb--centered>*:nth-last-child(2):nth-child(5n + 1) {
		grid-column-start: 4
	}

	.carousel__gallery .carousel__thumb--centered>*:last-child:nth-child(5n + 2) {
		grid-column-start: 6
	}

	.carousel__gallery .carousel__thumb--centered>*:nth-last-child(3):nth-child(5n + 1) {
		grid-column-start: 3
	}

	.carousel__gallery .carousel__thumb--centered>*:nth-last-child(2):nth-child(5n + 2) {
		grid-column-start: 5
	}

	.carousel__gallery .carousel__thumb--centered>*:last-child:nth-child(5n + 3) {
		grid-column-start: 7
	}

	.carousel__gallery .carousel__thumb--centered>*:nth-last-child(4):nth-child(5n + 1) {
		grid-column-start: 2
	}

	.carousel__gallery .carousel__thumb--centered>*:nth-last-child(3):nth-child(5n + 2) {
		grid-column-start: 4
	}

	.carousel__gallery .carousel__thumb--centered>*:nth-last-child(2):nth-child(5n + 3) {
		grid-column-start: 6
	}

	.carousel__gallery .carousel__thumb--centered>*:last-child:nth-child(5n + 4) {
		grid-column-start: 8
	}

	.carousel__gallery ul {
		gap: 1.25rem
	}

	.carousel .carousel__arrow-container {
		position: absolute;
		top: 55%;
		z-index: 20;
		display: none;
		width: 100%;
		--tw-translate-y: -50%;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	@media (min-width: 768px) {
		.carousel .carousel__arrow-container {
			top: 50%;
			display: flex
		}
	}

	.carousel .carousel__arrow-button {
		width: 28px;
		cursor: pointer;
		outline: 2px solid transparent;
		outline-offset: 2px
	}

	.carousel--hero .carousel__nav {
		position: absolute;
		left: 50%;
		z-index: 50;
		--tw-translate-x: -50%;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	@media (min-width: 768px) {
		.carousel--hero .carousel__nav {
			bottom: 6.5px
		}
	}

	@media (min-width: 1024px) {
		.carousel--hero .carousel__nav {
			bottom: 2rem
		}
	}

	@media (min-width: 1280px) {
		.carousel--hero .carousel__nav {
			bottom: 3rem
		}
	}

	@media not all and (min-width: 768px) {
		.carousel--contentSlide .carousel__arrow-container {
			display: flex;
			padding-left: .5rem;
			padding-right: .5rem
		}

		.carousel--contentSlide .carousel__arrow-button {
			--tw-bg-opacity: 1;
			background-color: rgba(var(--color-gray-300), var(--tw-bg-opacity));
			padding: .375rem
		}
	}

	.case-study-listing__header {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	@media (min-width: 768px) {
		.case-study-listing__header {
			padding-bottom: 3rem;
			padding-top: 5rem
		}
	}

	.case-study-listing__filters {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity));
		padding-top: 1rem;
		padding-bottom: 1rem
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.case-study-listing__grid {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.case-study-listing__grid {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.case-study-listing__grid {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.case-study-listing__grid {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.case-study-listing__grid {
		animation: menu-fade .18s ease-in-out 1
	}

	.case-study-listing__grid {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 2rem
	}

	@media (min-width: 768px) {
		.case-study-listing__grid {
			grid-template-columns: repeat(2, minmax(0, 1fr))
		}
	}

	@media (min-width: 1024px) {
		.case-study-listing__grid {
			grid-template-columns: repeat(3, minmax(0, 1fr))
		}
	}

	.case-study-listing__skeleton-label {
		margin-bottom: .5rem;
		height: 1rem;
		width: 60px;
		border-radius: .25rem;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	.case-study-listing__skeleton-image {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	.case-study-listing__skeleton-title {
		margin-bottom: .75rem;
		height: 1.5rem;
		width: 80%;
		border-radius: .25rem;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	.case-study-listing__skeleton-copy {
		min-height: 72px
	}

	.case-study-listing__skeleton-copy:before {
		display: block;
		height: 1rem;
		width: 100%;
		border-radius: .25rem;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
		--tw-content: "";
		content: var(--tw-content)
	}

	.case-study-listing__skeleton-copy:after {
		margin-top: .5rem;
		display: block;
		height: 1rem;
		width: 70%;
		border-radius: .25rem;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
		--tw-content: "";
		content: var(--tw-content)
	}

	.case-study-listing__skeleton-button {
		height: 2rem;
		width: 100px;
		border-radius: .25rem;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	.case-study-listing__skeleton-content {
		width: 100%
	}

	.comparison-table {
		height: auto;
		overflow: auto;
		padding-left: .75rem;
		padding-right: .75rem
	}

	#modal .comparison-table {
		height: 80vh;
		width: 75vw;
		max-width: 1500px;
		overflow: auto;
		padding: 1rem
	}

	@media (min-width: 768px) {
		#modal .comparison-table {
			height: 90vh;
			width: 85vw;
			padding-left: 2rem;
			padding-right: 2rem
		}
	}

	#modal .comparison-table__table {
		max-width: 100%
	}

	.comparison-table__table {
		margin-top: 2rem;
		margin-bottom: 2rem;
		width: 100%;
		table-layout: auto;
		empty-cells: hide;
		border-spacing: 0;
		border-collapse: separate
	}

	.comparison-table__feature {
		width: 15rem;
		min-width: 150px;
		flex-direction: row;
		justify-content: flex-start;
		padding: 1.25rem;
		text-align: center
	}

	@media (min-width: 768px) {
		.comparison-table__feature {
			min-width: 216px
		}
	}

	.comparison-table__feature div {
		display: flex;
		flex-direction: column;
		text-align: center;
		font-size: 1rem;
		line-height: 1.6
	}

	.comparison-table__cell {
		min-width: 180px;
		padding: 1.5rem .75rem
	}

	.comparison-table__column-headline {
		margin-bottom: .5rem;
		font-size: 19px;
		font-weight: 400;
		line-height: 1.25;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.comparison-table__column-subheadline {
		margin-top: .5rem;
		font-size: .875rem;
		font-weight: 400;
		line-height: 1.25
	}

	.comparison-table__row-headline {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.comparison-table__row-headline {
			font-size: 1.125rem;
			line-height: 1.39
		}
	}

	.comparison-table__row-subheadline {
		font-size: .875rem;
		line-height: 1.25;
		--tw-text-opacity: 1;
		color: rgb(77 77 77 / var(--tw-text-opacity))
	}

	.comparison-table__row:last-child td {
		border-bottom-width: 1px
	}

	.comparison-table__head {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: .5rem
	}

	.comparison-table tbody {
		border-collapse: collapse
	}

	.comparison-table td {
		border-width: 1px;
		border-bottom-width: 0px;
		border-right-width: 0px;
		border-color: #00000026;
		text-align: center
	}

	.comparison-table td:last-child {
		border-right-width: 1px
	}

	.comparison-table th {
		border-width: 1px;
		border-bottom-width: 0px;
		border-right-width: 0px;
		border-color: #00000026
	}

	.comparison-table th:last-child {
		border-right-width: 1px
	}

	.comparison-table__default .comparison-table__row {
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity))
	}

	.comparison-table__default .comparison-table__row:nth-of-type(odd) {
		--tw-bg-opacity: 1;
		background-color: rgb(243 243 243 / var(--tw-bg-opacity))
	}

	.comparison-table__style2 .comparison-table__row:not(.comparison-table__row-footer) td {
		border-width: 0px;
		border-bottom-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgb(230 230 230 / var(--tw-border-opacity))
	}

	.comparison-table__style2 .comparison-table__row:not(.comparison-table__row-footer) td:nth-of-type(even) {
		--tw-bg-opacity: 1;
		background-color: rgb(243 243 243 / var(--tw-bg-opacity))
	}

	.comparison-table__style2 .comparison-table__column-image {
		margin: .75rem;
		border-radius: .75rem;
		background-color: rgb(0 94 184 / var(--tw-bg-opacity));
		--tw-bg-opacity: .05
	}

	.comparison-table__style2 .comparison-table__column-headline {
		margin-bottom: 1.5rem;
		font-size: 1.25rem;
		line-height: 1.15
	}

	.comparison-table__style2 .comparison-table__row-headline {
		font-size: 1rem;
		line-height: 1.6;
		font-weight: 400;
		color: inherit
	}

	.comparison-table__style2 .comparison-table__row-footer td {
		border-width: 0px
	}

	.comparison-table__style2 .comparison-table__cell {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.comparison-table__style2 .comparison-table__head-row .comparison-table__cell {
		border-width: 0px
	}

	.table-of-contents .comparison-table__table {
		margin-top: 0;
		margin-top: 2rem;
		margin-bottom: 2rem;
		width: 100%;
		table-layout: auto;
		empty-cells: hide;
		border-spacing: 8px 0;
		border-collapse: separate
	}

	.table-of-contents .comparison-table__table tr td {
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity))
	}

	.table-of-contents .comparison-table__table tr td:nth-child(even) {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity))
	}

	.table-of-contents .comparison-table__head-row .comparison-table__cell {
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		padding: 0;
		padding-left: .25rem;
		padding-right: .25rem
	}

	.table-of-contents .comparison-table__head-row .comparison-table__cell .comparison-table__head {
		gap: .75rem
	}

	.table-of-contents .comparison-table__head-row .comparison-table__cell:last-child {
		border-right-width: 0px
	}

	.table-of-contents .comparison-table__column-image {
		border-radius: 10px;
		--tw-bg-opacity: 1;
		background-color: rgb(244 248 253 / var(--tw-bg-opacity));
		padding-top: .5rem;
		padding-bottom: .5rem
	}

	.table-of-contents .comparison-table__column-headline {
		margin-bottom: .75rem
	}

	.table-of-contents .comparison-table__column-subheadline {
		margin-top: 0;
		padding-bottom: .5rem
	}

	.table-of-contents .comparison-table td {
		--border-color: rgba(0, 0, 0, .08);
		border-width: 0px;
		border-bottom-width: 1px;
		border-color: var(--border-color)
	}

	.table-of-contents .comparison-table__row:last-child td {
		border-bottom-width: 0px
	}

	.table-of-contents .comparison-table__row-headline {
		font-size: 1rem;
		line-height: 1.6;
		font-weight: 400
	}

	.table-of-contents .comparison-table__cell {
		font-weight: 700
	}

	.ctas {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 1.25rem
	}

	.ctas a {
		line-height: 1.25
	}

	.downloads {
		padding-top: 2rem;
		padding-bottom: 2rem;
		outline-width: 0px
	}

	.downloads__headline {
		margin-bottom: 1.5rem;
		text-align: center
	}

	@media (min-width: 768px) {
		.downloads__headline {
			margin-bottom: 3rem
		}
	}

	.downloads__wrapper {
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity))
	}

	.downloads__wrapper--shadow {
		padding: 1rem;
		--tw-shadow: 0 20px 40px 0px rgba(35, 35, 35, .25);
		--tw-shadow-colored: 0 20px 40px 0px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	@media (min-width: 768px) {
		.downloads__wrapper--shadow {
			padding: 2.5rem
		}
	}

	.downloads__filter {
		margin-bottom: 1.5rem
	}

	.downloads__table {
		table-layout: fixed;
		text-align: left;
		font-size: .875rem;
		line-height: 1.828
	}

	.downloads__table thead {
		border-bottom-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-gray-300), var(--tw-border-opacity));
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.downloads__table thead th {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem
	}

	.downloads__table thead th:first-of-type {
		width: 50%
	}

	.downloads__table tbody tr.open {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	@media (min-width: 768px) {
		.downloads__table tbody tr.open {
			background-color: transparent
		}
	}

	.downloads__table tbody td {
		border-bottom-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-gray-300), var(--tw-border-opacity));
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
		vertical-align: top
	}

	@media (min-width: 768px) {
		.downloads__table tbody td {
			vertical-align: middle
		}
	}

	.downloads__table-type,
	.downloads__table-download {
		display: none
	}

	@media (min-width: 768px) {

		.downloads__table-type,
		.downloads__table-download {
			display: table-cell
		}
	}

	.downloads__table-date,
	.downloads__table-type {
		width: 1%;
		white-space: nowrap;
		padding-left: .5rem;
		padding-right: .5rem
	}

	@media (min-width: 768px) {

		.downloads__table-date,
		.downloads__table-type {
			padding-left: 1.5rem;
			padding-right: 1.5rem
		}
	}

	.downloads__table-title {
		line-height: 1.25rem
	}

	.downloads__table-title__content {
		margin-left: 1rem;
		margin-top: 1rem
	}

	@media (min-width: 768px) {
		.downloads__table-title__content {
			display: none
		}
	}

	.downloads__table__toggle-button {
		margin-left: .5rem;
		height: 20px;
		width: 20px
	}

	@media (min-width: 768px) {
		.downloads__table__toggle-button {
			display: none
		}
	}

	.downloads__table__toggle-button {
		content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNSAxLjVWMTUuNSIgc3Ryb2tlPSIjNEQ0RDREIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMS41IDguNUgxNS41IiBzdHJva2U9IiM0RDRENEQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=)
	}

	.downloads__table__toggle-button.open {
		content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDE2IDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFIMTUiIHN0cm9rZT0iIzAwNUVCOCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)
	}

	.downloads__button {
		margin-right: .625rem;
		display: inline-block;
		border-right-width: 1px;
		border-color: #00000040;
		padding-right: .625rem;
		vertical-align: top;
		font-size: .875rem;
		line-height: 1.828;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	.downloads__button:first-letter {
		text-transform: capitalize
	}

	.downloads__button:last-child {
		border-right-width: 0px
	}

	.downloads__button:hover {
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-700), var(--tw-text-opacity))
	}

	@media not all and (min-width: 640px) {
		.embeds iframe {
			height: 36rem
		}
	}

	.embeds__360 {
		width: 100%;
		max-width: 539px;
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity))
	}

	@media (min-width: 768px) {
		.embeds__360 {
			width: 60vw
		}
	}

	.embeds__360 {
		aspect-ratio: 26/27;
		height: auto
	}

	.embeds__360 iframe {
		aspect-ratio: 26/27;
		height: 19.2rem
	}

	@media (min-width: 768px) {
		.embeds__360 iframe {
			height: auto
		}
	}

	.embeds__360-icon {
		position: absolute;
		right: 0px;
		bottom: 0px;
		margin-bottom: .5rem;
		margin-right: .5rem;
		height: 4rem;
		width: 4rem
	}

	@media (min-width: 768px) {
		.embeds__360-icon {
			margin-bottom: 1.25rem;
			margin-right: 1.25rem
		}
	}

	.embeds .plyr__video-wrapper {
		border-radius: .75rem;
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		overflow: hidden
	}

	.embeds .plyr__video-wrapper video {
		-o-object-fit: cover;
		object-fit: cover
	}

	.embeds .plyr__video-wrapper * {
		background-color: transparent
	}

	.embeds.show-border {
		border-radius: 10px;
		border-width: 14px;
		border-style: solid;
		--tw-border-opacity: 1;
		border-color: rgb(247 247 248 / var(--tw-border-opacity));
		--tw-bg-opacity: 1;
		background-color: rgb(247 247 248 / var(--tw-bg-opacity));
		box-shadow: -2px 7px 7.7px #00000040
	}

	.embeds.show-border>* {
		overflow: hidden;
		border-radius: 10px
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.enhanced-conversion {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.enhanced-conversion {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.enhanced-conversion {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.enhanced-conversion {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.enhanced-conversion {
		animation: menu-fade .18s ease-in-out 1
	}

	.enhanced-conversion {
		display: grid;
		width: 100%;
		grid-template-columns: repeat(12, minmax(0, 1fr))
	}

	.enhanced-conversion__content {
		grid-column: span 10 / span 10;
		grid-column-start: 2;
		text-align: center
	}

	.enhanced-conversion__content #enhancedConversion {
		white-space: nowrap
	}

	.filters {
		justify-content: center;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		gap: 1.25rem
	}

	@media (min-width: 768px) {
		.filters {
			align-items: flex-end
		}
	}

	@media (min-width: 1024px) {
		.filters {
			flex-direction: row;
			gap: 2rem
		}
	}

	.filters__search-outer {
		display: flex;
		width: 100%;
		min-width: 260px;
		flex: 1 1 0%;
		justify-content: center;
		border-radius: 3px;
		border-width: 1px;
		border-color: #00000040
	}

	:is([dir="ltr"] .filters__search-outer) {
		padding-left: 1rem
	}

	:is([dir="rtl"] .filters__search-outer) {
		padding-right: 1rem
	}

	.button--text:hover .filters__search-outer,
	.button--text-small:hover .filters__search-outer {
		background-size: 100% 100%
	}

	.button--text-small .filters__search-outer {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .filters__search-outer {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .filters__search-outer) {
		background-position: right
	}

	.button--text .filters__search-outer {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .filters__search-outer {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .filters__search-outer,
	.sticky-navigation__anchor.active .filters__search-outer {
		background-size: 100% 100%
	}

	.filters__search-outer {
		position: relative
	}

	:is([dir="ltr"] .filters__search-outer) {
		padding-left: 0
	}

	:is([dir="rtl"] .filters__search-outer) {
		padding-right: 0
	}

	.filters__search-outer .filters__svg {
		position: absolute
	}

	:is([dir="ltr"] .filters__search-outer .filters__svg) {
		left: 1rem
	}

	:is([dir="rtl"] .filters__search-outer .filters__svg) {
		right: 1rem
	}

	.filters__search-outer .filters__svg {
		--tw-translate-y: 50%;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.filters__search-input {
		width: 100%;
		border-radius: 3px;
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		outline-width: 0px;
		padding-top: .5rem;
		padding-bottom: .5rem
	}

	:is([dir="ltr"] .filters__search-input) {
		padding-right: 1rem;
		padding-left: 3rem
	}

	:is([dir="rtl"] .filters__search-input) {
		padding-left: 1rem;
		padding-right: 3rem
	}

	:is([dir="ltr"] .filters__search-input) {
		margin-right: auto
	}

	:is([dir="rtl"] .filters__search-input) {
		margin-left: auto
	}

	.filters__svg {
		margin-top: auto;
		margin-bottom: auto;
		height: 16px;
		width: 16px;
		top: .25rem
	}

	@media (min-width: 1024px) {
		.filters__svg {
			top: 0px;
			height: 20px;
			width: 20px
		}
	}

	.filters__dropdown-filter {
		display: flex;
		width: 100%;
		min-width: 150px;
		flex: 1 1 0%;
		flex-direction: column
	}

	.filters__dropdown-filter select {
		border-radius: 3px;
		border-width: 1px;
		border-color: #00000040;
		text-transform: capitalize;
		padding-top: .5rem;
		padding-bottom: .5rem
	}

	:is([dir="ltr"] .filters__dropdown-filter select) {
		padding-left: 1rem;
		padding-right: 2rem
	}

	:is([dir="rtl"] .filters__dropdown-filter select) {
		padding-right: 1rem;
		padding-left: 2rem
	}

	.filters__dropdown-filter select {
		width: 100%;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		text-overflow: ellipsis;
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		background-repeat: no-repeat;
		background-image: url("data:image/svg+xml;utf8,<svg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M0 0L5.99947 6L12 0H0Z' fill='black'/></svg>")
	}

	:is([dir="ltr"] .filters__dropdown-filter select) {
		background-position: center right 1rem
	}

	:is([dir="rtl"] .filters__dropdown-filter select) {
		background-position: center left 1rem
	}

	.filters__dropdown-filter select {
		background-position: center right 1rem
	}

	:is([dir="rtl"] .filters__dropdown-filter select) {
		background-position: left;
		background-position: 15px
	}

	.filters__dropdown-filter select {
		cursor: pointer
	}

	.filters__dropdown-filter select option:disabled {
		display: none
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.filters--listing {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.filters--listing {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.filters--listing {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.filters--listing {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.filters--listing {
		animation: menu-fade .18s ease-in-out 1
	}

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

	@media (min-width: 768px) {
		.filters--listing {
			grid-template-columns: repeat(4, minmax(0, 1fr))
		}
	}

	.filters--downloads {
		display: flex;
		flex-direction: column;
		justify-content: flex-start
	}

	@media (min-width: 768px) {
		.filters--downloads {
			flex-direction: row
		}

		.filters--downloads .filters__dropdown-filter {
			max-width: 220px
		}

		.filters--downloads.downloads-global:not(.software) {
			gap: 1.25rem
		}
	}

	@media (min-width: 1024px) {
		.filters--downloads.downloads-global:not(.software) .filters__search-outer {
			min-width: 100%;
			border-style: none
		}

		.filters--downloads.downloads-global:not(.software) .filters__search-input {
			max-width: 429px;
			border-width: 1px;
			border-color: #00000040
		}
	}

	.filters--downloads:not(.downloads-global) .js-documentCategory-wrapper {
		order: 2
	}

	.filters--downloads .js-language-wrapper {
		order: 10
	}

	@media (min-width: 1024px) {
		.filters--case-study {
			display: flex
		}
	}

	.footer {
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity));
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.footer__upper {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between
	}

	@media (min-width: 768px) {
		.footer__upper {
			flex-direction: row
		}
	}

	.footer__upper {
		border-bottom-width: 1px;
		border-bottom-color: #ffffff1a;
		padding-bottom: 18px
	}

	@media (min-width: 768px) {
		.footer__upper {
			border-bottom-color: #ffffff40
		}
	}

	.footer__upper>svg {
		margin-bottom: 1rem
	}

	@media (min-width: 1024px) {
		.footer__upper>svg {
			margin-bottom: 0
		}
	}

	.footer__logo {
		margin-bottom: 1.5rem;
		width: 100%;
		max-width: 140px
	}

	@media (min-width: 768px) {
		.footer__logo {
			margin-bottom: 0
		}
	}

	.footer__socials {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 2rem;
		font-size: .75rem;
		line-height: 1.8;
		color: #fff9
	}

	@media (min-width: 768px) {
		.footer__socials {
			flex-direction: row;
			gap: 1.5rem
		}
	}

	.footer__main-nav {
		-moz-columns: 1;
		columns: 1;
		gap: 2rem;
		border-bottom-color: #ffffff40
	}

	@media (min-width: 768px) {
		.footer__main-nav {
			margin-top: 40px;
			-moz-columns: 4;
			columns: 4;
			border-bottom-width: 1px;
			padding-bottom: 1rem
		}
	}

	.footer__main-nav__item-text {
		display: inline-block;
		font-size: .875rem;
		line-height: 1.828;
		font-weight: 400;
		color: #fff9
	}

	@media (min-width: 768px) {
		.footer__main-nav__item-text {
			margin-bottom: 1rem
		}
	}

	span.footer__main-nav__item-text {
		font-size: .75rem;
		line-height: 1.8;
		font-weight: 700;
		text-transform: uppercase;
		line-height: 1.25rem;
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		span.footer__main-nav__item-text {
			margin-bottom: 1.25rem
		}
	}

	.footer__main-nav>li {
		margin-bottom: 1rem;
		-moz-column-break-inside: avoid;
		break-inside: avoid-column
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.footer__main-nav summary {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.footer__main-nav summary {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.footer__main-nav summary {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.footer__main-nav summary {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.footer__main-nav summary {
		animation: menu-fade .18s ease-in-out 1
	}

	.footer__main-nav summary {
		display: grid;
		align-items: center;
		gap: .5rem;
		grid-template-columns: 1fr auto
	}

	.footer__main-nav__widget {
		transition-property: transform, color;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .3s
	}

	details[open] .footer__main-nav__widget {
		--tw-rotate: 180deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.footer__main-nav .has-children {
		margin-bottom: 0;
		border-bottom-width: 1px;
		border-color: #ffffff1a;
		padding: 1rem .75rem
	}

	.footer__main-nav .has-children .footer__main-nav__item-text:not(span) {
		padding-top: .75rem;
		padding-bottom: .75rem
	}

	.footer__main-nav .has-children .footer__main-nav__item-text-link:not(span):first-of-type {
		margin-top: 1.5rem
	}

	.footer__main-nav details>summary::-webkit-details-marker {
		display: none
	}

	.footer__legal {
		grid-template-columns: repeat(12, minmax(0, 1fr));
		padding: 2.5rem 1rem 1.75rem;
		text-align: center;
		font-size: .625rem;
		line-height: 1.75
	}

	@media (min-width: 768px) {
		@media (min-width: 1280px) {
			details>.nav__children-menu>.footer__legal {
				visibility: hidden
			}
		}

		details[open].slide-in>.nav__children-menu>.footer__legal {
			visibility: visible
		}

		@keyframes menu-slide {
			0% {
				transform: translate(-10px);
				opacity: 0
			}

			to {
				transform: translate(0);
				opacity: 1
			}
		}

		details[open].slide-in>.nav__children-menu>.footer__legal {
			animation: menu-slide .18s ease-in-out 1
		}

		details[open].fade-in>.nav__children-menu>.footer__legal {
			visibility: visible
		}

		@keyframes menu-fade {
			0% {
				transform: translateY(-10px);
				opacity: 0
			}

			to {
				transform: translateY(0);
				opacity: 1
			}
		}

		details[open].fade-in>.nav__children-menu>.footer__legal {
			animation: menu-fade .18s ease-in-out 1
		}

		.footer__legal {
			display: grid;
			padding-left: 0;
			padding-right: 0;
			padding-top: 1rem
		}
	}

	.footer__legal {
		border-bottom-width: 1px;
		border-bottom-color: #ffffff40;
		color: #fff9
	}

	@media (min-width: 768px) {
		.footer__legal {
			border-width: 0px
		}
	}

	.footer__legal>div {
		grid-column: span 8 / span 8;
		grid-column-start: 3
	}

	.footer__legal-nav-wrap {
		flex-direction: column;
		color: #fff9
	}

	@media (min-width: 768px) {
		.footer__legal-nav-wrap {
			display: flex;
			flex-direction: row
		}

		.footer__legal-nav {
			flex-grow: 1
		}
	}

	.footer__legal-nav .footer__main-nav__item-text {
		font-size: .625rem;
		line-height: 1.75
	}

	.footer__legal-nav-list {
		margin-bottom: 4rem;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-evenly;
		row-gap: 2.5rem
	}

	@media (min-width: 768px) {
		.footer__legal-nav-list {
			margin-bottom: 0;
			justify-content: space-evenly;
			row-gap: 0px
		}
	}

	.footer__legal-nav-list li {
		display: inline-block;
		flex-grow: 1;
		flex-basis: 33.333333%
	}

	@media (min-width: 768px) {
		.footer__legal-nav-list li {
			flex-grow: 0;
			flex-basis: auto
		}
	}

	.footer__legal-nav-list li {
		text-align: center
	}

	@media (min-width: 768px) {
		.footer__legal-nav-list li {
			text-align: left
		}
	}

	.footer__copyright {
		margin-bottom: 4rem;
		padding-top: 1.5rem;
		text-align: center;
		font-size: .625rem;
		line-height: 1.75
	}

	@media (min-width: 768px) {
		.footer__copyright {
			margin-bottom: 0;
			padding-top: 0;
			text-align: left
		}
	}

	.footer #teconsent a {
		display: inline-block;
		font-size: .875rem;
		line-height: 1.828;
		font-weight: 400;
		color: #fff9
	}

	@media (min-width: 768px) {
		.footer #teconsent a {
			margin-bottom: 1rem
		}
	}

	span.footer #teconsent a {
		font-size: .75rem;
		line-height: 1.8;
		font-weight: 700;
		text-transform: uppercase;
		line-height: 1.25rem;
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		span.footer #teconsent a {
			margin-bottom: 1.25rem
		}
	}

	.footer__main-nav .has-children .footer #teconsent a:not(span) {
		padding-top: .75rem;
		padding-bottom: .75rem
	}

	.footer__legal-nav .footer #teconsent a {
		font-size: .625rem;
		line-height: 1.75
	}

	.footer #teconsent a {
		font-size: .75rem;
		line-height: 1.8
	}

	@media (min-width: 1024px) {
		@media (min-width: 1280px) {
			details>.nav__children-menu>.\!form.form--sidebar .form__content-inner {
				visibility: hidden
			}
		}

		details[open].slide-in>.nav__children-menu>.\!form.form--sidebar .form__content-inner {
			visibility: visible
		}

		details[open].slide-in>.nav__children-menu>.\!form.form--sidebar .form__content-inner {
			animation: menu-slide .18s ease-in-out 1
		}

		details[open].fade-in>.nav__children-menu>.\!form.form--sidebar .form__content-inner {
			visibility: visible
		}

		details[open].fade-in>.nav__children-menu>.\!form.form--sidebar .form__content-inner {
			animation: menu-fade .18s ease-in-out 1
		}

		.\!form.form--sidebar .form__content-inner {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			align-items: center;
			gap: 5rem
		}

		@media (min-width: 1280px) {
			details>.nav__children-menu>.form.form--sidebar .form__content-inner {
				visibility: hidden
			}
		}

		details[open].slide-in>.nav__children-menu>.form.form--sidebar .form__content-inner {
			visibility: visible
		}

		@keyframes menu-slide {
			0% {
				transform: translate(-10px);
				opacity: 0
			}

			to {
				transform: translate(0);
				opacity: 1
			}
		}

		details[open].slide-in>.nav__children-menu>.form.form--sidebar .form__content-inner {
			animation: menu-slide .18s ease-in-out 1
		}

		details[open].fade-in>.nav__children-menu>.form.form--sidebar .form__content-inner {
			visibility: visible
		}

		@keyframes menu-fade {
			0% {
				transform: translateY(-10px);
				opacity: 0
			}

			to {
				transform: translateY(0);
				opacity: 1
			}
		}

		details[open].fade-in>.nav__children-menu>.form.form--sidebar .form__content-inner {
			animation: menu-fade .18s ease-in-out 1
		}

		.form.form--sidebar .form__content-inner {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			align-items: center;
			gap: 5rem
		}
	}

	.\!form.form--sidebar .form__content-inner {
		grid-template-areas: "content form" !important
	}

	.form.form--sidebar .form__content-inner {
		grid-template-areas: "content form"
	}

	.\!form.form--sidebar .form__content {
		grid-area: content !important
	}

	.form.form--sidebar .form__content {
		grid-area: content
	}

	@media (min-width: 1024px) {

		.\!form.form--sidebar .form__content,
		.form.form--sidebar .form__content {
			margin-bottom: 0
		}
	}

	:is([dir="ltr"] .\!form.form--sidebar .form__content .prose h2) {
		text-align: left
	}

	:is([dir="rtl"] .\!form.form--sidebar .form__content .prose h2) {
		text-align: right
	}

	:is([dir="ltr"] .form.form--sidebar .form__content .prose h2) {
		text-align: left
	}

	:is([dir="rtl"] .form.form--sidebar .form__content .prose h2) {
		text-align: right
	}

	.\!form.form--sidebar .form__form {
		grid-area: form !important
	}

	.form.form--sidebar .form__form {
		grid-area: form
	}

	.\!form.form--sidebar .form__form.has-bg {
		padding: 3rem 1.75rem
	}

	@media (min-width: 1280px) {
		.\!form.form--sidebar .form__form.has-bg {
			padding: 3rem 1.75rem
		}
	}

	.form.form--sidebar .form__form.has-bg {
		padding: 3rem 1.75rem
	}

	@media (min-width: 1280px) {
		.form.form--sidebar .form__form.has-bg {
			padding: 3rem 1.75rem
		}
	}

	.form__content {
		margin-bottom: 1.75rem
	}

	@media (min-width: 1280px) {
		.form__content {
			margin-bottom: 3.5rem
		}
	}

	.form__content .media-asset {
		margin-bottom: 3rem;
		margin-left: auto;
		margin-right: auto;
		margin-top: 1rem;
		max-width: 90%
	}

	@media (min-width: 1024px) {
		.form__content .media-asset {
			margin-top: 1rem;
			margin-bottom: 1rem
		}
	}

	.form__form input[type=text],
	.form__form input[type=tel],
	.form__form input[type=email],
	.form__form input[type=number],
	.form__form select,
	.form__form textarea {
		border-radius: 3px;
		padding: .75rem;
		--tw-text-opacity: 1;
		color: rgba(var(--color-gray-900), var(--tw-text-opacity))
	}

	.form__form input[type=text]::-moz-placeholder,
	.form__form input[type=tel]::-moz-placeholder,
	.form__form input[type=email]::-moz-placeholder,
	.form__form input[type=number]::-moz-placeholder,
	.form__form select::-moz-placeholder,
	.form__form textarea::-moz-placeholder {
		--tw-text-opacity: 1;
		color: rgba(var(--color-gray-700), var(--tw-text-opacity))
	}

	.form__form input[type=text]::placeholder,
	.form__form input[type=tel]::placeholder,
	.form__form input[type=email]::placeholder,
	.form__form input[type=number]::placeholder,
	.form__form select::placeholder,
	.form__form textarea::placeholder {
		--tw-text-opacity: 1;
		color: rgba(var(--color-gray-700), var(--tw-text-opacity))
	}

	.form__form input[type=text],
	.form__form input[type=tel],
	.form__form input[type=email],
	.form__form input[type=number],
	.form__form select,
	.form__form textarea {
		border-width: 1px;
		border-color: #00000080;
		width: 100% !important
	}

	.form__form select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		background-repeat: no-repeat;
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8.8' height='5.5' viewBox='0 0 8.8 5.5' fill='currentColor'><path d='M4.4,5.5c-0.4,0-0.7-0.1-1-0.4L0.5,2.6c-0.6-0.5-0.7-1.5-0.2-2.1c0.5-0.6,1.5-0.7,2.1-0.2L4.4,2l1.9-1.6 c0.6-0.5,1.6-0.5,2.1,0.2c0.5,0.6,0.5,1.6-0.2,2.1L5.4,5.1C5.1,5.4,4.7,5.5,4.4,5.5z'/></svg>");
		background-position: center right 1rem
	}

	.accordion-with-image__item--content__cta.form__form [type=submit] {
		width: 50%;
		white-space: normal !important;
		font-weight: 600 !important;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	:is([dir="ltr"] .accordion-with-image__item--content__cta.form__form [type="submit"]) {
		padding-left: 0
	}

	:is([dir="rtl"] .accordion-with-image__item--content__cta.form__form [type="submit"]) {
		padding-right: 0
	}

	.background-banner__ctas .form__form [type=submit] {
		width: -moz-fit-content;
		width: fit-content;
		padding: .625rem 2.5rem;
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.background-banner__ctas .form__form [type=submit]:hover {
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.form__form [type=submit] {
		display: inline-block;
		border-radius: 9999px;
		padding: .625rem 1.5rem;
		font-size: .875rem;
		line-height: 1.828;
		font-weight: 700;
		text-transform: uppercase
	}

	@media (min-width: 1280px) {
		.form__form [type=submit] {
			padding-left: 2rem;
			padding-right: 2rem
		}
	}

	.form__form [type=submit] {
		white-space: nowrap;
		transition-duration: .3s;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1)
	}

	.form__form [type=submit]:hover {
		text-decoration-line: none
	}

	.form__form [type=submit],
	.form__form [type=submit].js-open-modal {
		cursor: pointer
	}

	.form__form [type=submit].js-open-modal span {
		pointer-events: none
	}

	.form__form [type=submit] {
		border-width: 1px;
		border-color: transparent;
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.form__form [type=submit]:hover {
		background-color: #000000b3
	}

	.form__form [type=submit].button--light {
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.form__form [type=submit].button--light:hover {
		background-color: #ffffffb3
	}

	.camera-comparison-tool__camera .form__form [type=submit] {
		margin-top: auto;
		display: flex;
		cursor: pointer
	}

	.carousel-full__slide .image-card__offsetCarousel .image-card__inner .image-card__button .form__form [type=submit] {
		padding: 0
	}

	@media (min-width: 768px) {
		.hero-slider__container.dark-mode .hero-slider__cta-wrapper .form__form [type=submit] {
			--tw-border-opacity: 1;
			border-color: rgb(255 255 255 / var(--tw-border-opacity));
			--tw-bg-opacity: 1;
			background-color: rgb(255 255 255 / var(--tw-bg-opacity));
			--tw-text-opacity: 1;
			color: rgb(0 0 0 / var(--tw-text-opacity))
		}

		.hero-slider__container.dark-mode .hero-slider__cta-wrapper .form__form [type=submit]:hover {
			--tw-bg-opacity: 1;
			background-color: rgb(0 0 0 / var(--tw-bg-opacity));
			--tw-text-opacity: 1;
			color: rgb(255 255 255 / var(--tw-text-opacity))
		}
	}

	.image-card__button .form__form [type=submit] {
		white-space: normal;
		text-align: center
	}

	.industry-hero__cta-wrapper .form__form [type=submit] {
		margin-left: 1rem;
		margin-right: 1rem
	}

	.industry-hero__cta-wrapper .form__form [type=submit]:first-child {
		margin-bottom: 1rem
	}

	@media (min-width: 768px) {
		.industry-hero__cta-wrapper .form__form [type=submit]:first-child {
			margin-bottom: 0
		}
	}

	.industry-hero__cta-wrapper .form__form [type=submit].button--primary {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-brand-500), var(--tw-bg-opacity))
	}

	.industry-hero__cta-wrapper .form__form [type=submit].button--primary:hover {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-brand-700), var(--tw-bg-opacity))
	}

	.industry-hero__cta-wrapper .button.form__form [type=submit] {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-brand-500), var(--tw-bg-opacity))
	}

	.industry-hero__cta-wrapper .button.form__form [type=submit]:hover {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-brand-700), var(--tw-bg-opacity))
	}

	.industry-hero__cta-wrapper .form__form [type=submit].button--text {
		padding-top: 0;
		padding-bottom: 0;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.product-detail-option2__button .form__form [type=submit] {
		margin-left: auto;
		margin-right: auto;
		display: block;
		max-width: 300px;
		text-align: center
	}

	@media (min-width: 768px) {
		.product-detail-option2__button .form__form [type=submit] {
			display: inline-block
		}
	}

	.product-detail__button .form__form [type=submit] {
		margin-left: auto;
		margin-right: auto;
		display: block;
		max-width: 300px;
		text-align: center
	}

	@media (min-width: 768px) {
		.product-detail__button .form__form [type=submit] {
			display: inline-block
		}
	}

	.table-of-contents.altLayout .table-of-contents__navigation .form__form [type=submit] {
		padding: .625rem 3.5rem
	}

	.table-of-contents.altLayout .table-of-contents__navigation .form__form [type=submit].button--primary,
	.table-of-contents.altLayout .table-of-contents__navigation .button.form__form [type=submit] {
		--tw-bg-opacity: 1;
		background-color: rgb(0 94 184 / var(--tw-bg-opacity))
	}

	.table-of-contents.altLayout .table-of-contents__navigation .form__form [type=submit].button--primary:hover,
	.table-of-contents.altLayout .table-of-contents__navigation .button.form__form [type=submit]:hover {
		--tw-border-opacity: 1;
		border-color: rgb(0 94 184 / var(--tw-border-opacity));
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(0 94 184 / var(--tw-text-opacity))
	}

	.table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__ctas .table-of-contents__cta .form__form [type=submit] {
		white-space: normal
	}

	@media (min-width: 1024px) {
		.table-of-contents .slider__slide__wrapper .form__form [type=submit] {
			white-space: normal
		}
	}

	.form__form.has-bg {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		max-width: 52rem;
		border-radius: 5px;
		padding: 3rem 1.75rem
	}

	@media (min-width: 1280px) {
		.form__form.has-bg {
			padding: 3.5rem 6rem
		}
	}

	.form__form.has-bg--light {
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity))
	}

	.form__form form>fieldset {
		margin-left: 0;
		margin-right: 0;
		display: flex;
		flex-direction: column
	}

	@media (min-width: 768px) {
		.form__form form>fieldset {
			flex-direction: row;
			gap: 1.25rem
		}
	}

	.form__form form>fieldset:last-child {
		margin-bottom: 0
	}

	@media (min-width: 768px) {
		.form--default .form__form form>fieldset {
			gap: 3.125rem
		}
	}

	.form--default .form__form form>fieldset:last-child {
		margin-bottom: 0
	}

	.form__form form fieldset {
		max-width: none
	}

	.form__form form fieldset .hs-form-field {
		float: none !important;
		width: 100% !important;
		flex: 1 1 0%;
		margin-bottom: 1.5rem
	}

	@media (min-width: 768px) {
		.form__form form fieldset .hs-form-field {
			margin-bottom: 1.25rem
		}
	}

	.form__form form fieldset .hs-field-desc {
		font-size: .875rem;
		line-height: 1.828
	}

	.form__form form fieldset .hs-fieldtype-intl-phone {
		width: 100% !important
	}

	.form__form form:not(fieldset) .hs-form-field {
		float: none !important;
		width: 100% !important;
		flex: 1 1 0%;
		margin-bottom: 1.5rem
	}

	@media (min-width: 768px) {
		.form__form form:not(fieldset) .hs-form-field {
			margin-bottom: 1.25rem
		}
	}

	.form__form .hs-error-msg,
	.form__form .hs_error_rollup {
		margin-top: .25rem;
		display: inline-block;
		--tw-text-opacity: 1;
		color: rgb(239 68 68 / var(--tw-text-opacity))
	}

	.form__form .hs_error_rollup {
		margin-bottom: 1rem
	}

	.form__form .hs-submit {
		margin-top: 3rem;
		text-align: center
	}

	.form__form .hs-fieldtype-checkbox.hs-form-field>label>span {
		font-weight: 600
	}

	.media-with-text__items-wrap .form__form h1 {
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 400;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.form__form h1 {
		margin-bottom: 1rem;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 3rem;
		line-height: 1.1875;
		font-weight: 500;
		text-transform: none;
		font-size: clamp(2.1875rem, 2.5vw, 3rem)
	}

	@media (min-width: 768px) {
		.form__form h1 {
			font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
		}
	}

	@media (min-width: 1024px) {
		.form__form h1 {
			font-size: clamp(2.1875rem, 2.6vw, 3rem)
		}
	}

	.accordion-with-image__heading .form__form h2 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.stats--highlighted .stats__heading--headline .form__form h2 {
		margin-bottom: 1.25rem;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 1024px) {
		.stats--highlighted .stats__heading--headline .form__form h2 {
			margin-bottom: 0
		}
	}

	.tabsSlider__text-content .form__form h2 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.form__form h2 {
		margin-bottom: 1rem;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 400;
		font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
	}

	.accordion-with-image__heading .media-with-text__cards .form__form h3 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.stats--highlighted .stats__heading--headline .media-with-text__cards .form__form h3 {
		margin-bottom: 1.25rem;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 1024px) {
		.stats--highlighted .stats__heading--headline .media-with-text__cards .form__form h3 {
			margin-bottom: 0
		}
	}

	.tabsSlider__text-content .media-with-text__cards .form__form h3 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.media-with-text__cards .form__form h3 {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 400;
		font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
	}

	.form__form h3 {
		margin-bottom: 1rem;
		font-size: 1.25rem;
		line-height: 1.15;
		font-weight: 700;
		letter-spacing: .5px;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.form__form h3 {
			font-size: 1.437rem;
			line-height: 1.25
		}
	}

	.form__form h4 {
		margin-bottom: 1rem;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.accordion-with-image__heading .media-with-text__cards .form__form h4 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.stats--highlighted .stats__heading--headline .media-with-text__cards .form__form h4 {
		margin-bottom: 1.25rem;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 1024px) {
		.stats--highlighted .stats__heading--headline .media-with-text__cards .form__form h4 {
			margin-bottom: 0
		}
	}

	.tabsSlider__text-content .media-with-text__cards .form__form h4 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.media-with-text__cards .form__form h4 {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 400;
		font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
	}

	.form__form h4 {
		font-size: 1.25rem;
		line-height: 1.15;
		font-weight: 700;
		letter-spacing: .5px;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.form__form h4 {
			font-size: 1.437rem;
			line-height: 1.25
		}
	}

	.form__form.is-hidden {
		display: none
	}

	.\!form .card-block__header,
	.form .card-block__header {
		margin-bottom: 1rem;
		gap: 0px
	}

	.accordion-with-image__heading .media-with-text__cards .\!form .card-block__header h2 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.stats--highlighted .stats__heading--headline .media-with-text__cards .\!form .card-block__header h2 {
		margin-bottom: 1.25rem;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 1024px) {
		.stats--highlighted .stats__heading--headline .media-with-text__cards .\!form .card-block__header h2 {
			margin-bottom: 0
		}
	}

	.tabsSlider__text-content .media-with-text__cards .\!form .card-block__header h2 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.media-with-text__cards .\!form .card-block__header h2 {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 400;
		font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
	}

	.\!form .card-block__header h2 {
		font-size: 1.25rem;
		line-height: 1.15;
		font-weight: 700;
		letter-spacing: .5px;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.\!form .card-block__header h2 {
			font-size: 1.437rem;
			line-height: 1.25
		}
	}

	.accordion-with-image__heading .media-with-text__cards .form .card-block__header h2 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.stats--highlighted .stats__heading--headline .media-with-text__cards .form .card-block__header h2 {
		margin-bottom: 1.25rem;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 1024px) {
		.stats--highlighted .stats__heading--headline .media-with-text__cards .form .card-block__header h2 {
			margin-bottom: 0
		}
	}

	.tabsSlider__text-content .media-with-text__cards .form .card-block__header h2 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.media-with-text__cards .form .card-block__header h2 {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 400;
		font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
	}

	.form .card-block__header h2 {
		font-size: 1.25rem;
		line-height: 1.15;
		font-weight: 700;
		letter-spacing: .5px;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.form .card-block__header h2 {
			font-size: 1.437rem;
			line-height: 1.25
		}
	}

	.form--vertical {
		max-width: 542px;
		padding: 2.5rem;
		text-align: left
	}

	.form--vertical .prose h2 {
		font-weight: 700
	}

	.form--vertical .hs-form-booleancheckbox input[type=checkbox] {
		height: 1.25rem;
		width: 1.25rem
	}

	.form--vertical .hs-submit {
		padding-left: 1.5rem;
		padding-right: 1.5rem
	}

	.form--vertical .hs-submit .hs-button {
		width: 100%
	}

	.form--vertical .form__asset-inner .form__content {
		margin-bottom: 0;
		padding-right: 2rem
	}

	.form--asset {
		margin-left: auto;
		margin-right: auto;
		display: flex;
		max-width: 1200px;
		flex-direction: column;
		padding: 0
	}

	@media (min-width: 1024px) {
		.form--asset {
			flex-direction: row
		}
	}

	.form--asset .form__content-inner {
		width: 100%;
		padding: 1.25rem
	}

	@media (min-width: 1024px) {
		.form--asset .form__content-inner {
			width: 50%;
			padding: 2.5rem
		}
	}

	.form--asset .form__content-inner--asset {
		display: flex;
		flex-direction: column;
		justify-content: center
	}

	.form--asset .form__asset-inner {
		display: flex;
		display: none;
		width: 100%;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		--tw-bg-opacity: 1;
		background-color: rgb(242 242 242 / var(--tw-bg-opacity));
		padding: 1.25rem
	}

	@media (min-width: 1024px) {
		.form--asset .form__asset-inner {
			display: flex;
			width: 50%;
			padding: 2.5rem
		}
	}

	.form--asset .form__asset-inner--asset {
		display: flex;
		flex-direction: column;
		justify-content: center
	}

	.form--asset .form__asset-inner--image {
		display: none;
		-o-object-fit: contain;
		object-fit: contain
	}

	@media (min-width: 1024px) {
		.form--asset .form__asset-inner--image {
			display: block;
			max-height: none
		}
	}

	dialog:has(.form--vertical) .modal__inner {
		border-radius: .5rem
	}

	dialog .container:has(.form) {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	dialog .container:has(.\!form) {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	dialog .form--horizontal {
		max-width: 900px
	}

	html[dir=rtl] .\!form input[type=tel],
	html[dir=rtl] .form input[type=tel] {
		direction: rtl
	}

	html[dir=rtl] .\!form input[type=checkbox],
	html[dir=rtl] .\!form input[type=radio],
	html[dir=rtl] .form input[type=checkbox],
	html[dir=rtl] .form input[type=radio] {
		margin-left: .75rem !important
	}

	html[dir=rtl] .form__form form fieldset .input {
		margin-left: 0 !important
	}

	html[dir=ltr] .\!form input[type=checkbox],
	html[dir=ltr] .\!form input[type=radio],
	html[dir=ltr] .form input[type=checkbox],
	html[dir=ltr] .form input[type=radio] {
		margin-right: .75rem !important
	}

	html[dir=ltr] .form__form form fieldset .input {
		margin-right: 0 !important
	}

	.header {
		display: flex;
		height: 4rem;
		align-items: center;
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		--tw-shadow: 0px 10px 14px rgba(74, 58, 255, .01), 0px 8px 16px rgba(23, 15, 73, .03);
		--tw-shadow-colored: 0px 10px 14px var(--tw-shadow-color), 0px 8px 16px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.header__wrapper {
		max-width: 1280px
	}

	.header__layout {
		display: flex;
		align-items: center;
		justify-content: space-between
	}

	.header__logo {
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity));
		height: 1rem;
		width: auto
	}

	@media (min-width: 768px) {
		.header__logo {
			height: 1.5rem
		}
	}

	.header__logo {
		display: none
	}

	@media (min-width: 1280px) {
		.header__logo {
			display: block
		}

		.header__mobileLogo {
			display: none
		}
	}

	.header__tools {
		display: flex;
		align-items: center;
		gap: 1.25rem
	}

	@media (min-width: 768px) {
		.header__tools {
			gap: .75rem
		}
	}

	.header__tools--cta {
		display: flex;
		flex-shrink: 0;
		justify-content: flex-end
	}

	@media (min-width: 1280px) {
		.header__tools--cta {
			display: block
		}
	}

	.header__tools--label {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border-width: 0
	}

	@media (min-width: 1280px) {
		.header__tools--label {
			position: static;
			width: auto;
			height: auto;
			padding: 0;
			margin: 0;
			overflow: visible;
			clip: auto;
			white-space: normal
		}
	}

	.header__tools--label {
		--tw-translate-y: .5px;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
		font-size: .875rem;
		line-height: 1.828;
		max-width: 68px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.header__tools .js-popover-item summary {
		cursor: pointer
	}

	.header__tool {
		cursor: pointer;
		display: flex;
		align-items: center;
		gap: .25rem;
		padding: .375rem;
		color: #0009;
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .15s
	}

	.header__tool:hover {
		color: #000000f2
	}

	.nav .header__tools--label {
		position: static;
		width: auto;
		height: auto;
		padding: 0;
		margin: 0;
		overflow: visible;
		clip: auto;
		white-space: normal
	}

	.hero {
		--aspect-ratio-sm: 4 / 3;
		--aspect-ratio-lg: 12 / 5;
		--aspect-ratio-xl: auto;
		--aspect-ratio-2xl: var(--aspect-ratio-xl)
	}

	.button--text:hover .hero,
	.button--text-small:hover .hero {
		background-size: 100% 100%
	}

	.button--text-small .hero {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .hero {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .hero) {
		background-position: right
	}

	.button--text .hero {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .hero {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .hero,
	.sticky-navigation__anchor.active .hero {
		background-size: 100% 100%
	}

	.hero {
		position: relative;
		background-image: linear-gradient(170.74deg, rgba(var(--color-gray-500), .3861) -.87%, rgba(var(--color-purple-100), .2184) 75.89%, rgba(var(--color-gray-400), .39) 115.78%)
	}

	@media (min-width: 1024px) {
		.hero {
			overflow: hidden
		}
	}

	.hero {
		display: flex;
		height: 100%;
		flex-wrap: wrap;
		justify-content: center;
		overflow: hidden
	}

	@media (min-width: 1024px) {
		.hero {
			height: auto;
			aspect-ratio: var(--aspect-ratio-lg)
		}
	}

	.hero.hero__image-slide {
		align-items: flex-start
	}

	@media (min-width: 1024px) {
		.hero.hero__image-slide {
			align-items: center;
			padding-top: 0
		}
	}

	.hero.hero__image-slide {
		aspect-ratio: 2/3
	}

	@media (min-width: 640px) {
		.hero.hero__image-slide {
			aspect-ratio: var(--aspect-ratio-sm)
		}
	}

	@media (min-width: 1024px) {
		.hero.hero__image-slide {
			aspect-ratio: var(--aspect-ratio-lg)
		}
	}

	@supports (-webkit-touch-callout: none) {
		.hero {
			min-height: 500px
		}

		@media (min-width: 1024px) {
			.hero {
				min-height: 100%
			}
		}
	}

	.hero__conversion {
		aspect-ratio: auto;
		padding-top: 0;
		padding-bottom: 0
	}

	@media (min-width: 768px) {
		.hero__conversion {
			padding-top: 4rem;
			padding-bottom: 4rem
		}
	}

	@media (min-width: 1024px) {
		.hero__conversion {
			min-height: 400px;
			padding-top: 0;
			padding-bottom: 0
		}
	}

	@media (min-width: 1280px) {
		.hero__conversion {
			aspect-ratio: var(--aspect-ratio-xl)
		}
	}

	@media (min-width: 1536px) {
		.hero__conversion {
			aspect-ratio: var(--aspect-ratio-2xl)
		}
	}

	.hero__conversion.hero__image-slide {
		aspect-ratio: auto
	}

	@media (min-width: 1280px) {
		.hero__conversion.hero__image-slide {
			aspect-ratio: var(--aspect-ratio-xl)
		}
	}

	@media (min-width: 1536px) {
		.hero__conversion.hero__image-slide {
			aspect-ratio: var(--aspect-ratio-2xl)
		}
	}

	@media (min-width: 1024px) {
		.hero__solutions {
			aspect-ratio: auto;
			min-height: 400px;
			padding-top: 0;
			padding-bottom: 0
		}
	}

	@media (min-width: 1280px) {
		.hero__solutions {
			aspect-ratio: var(--aspect-ratio-xl)
		}
	}

	@media (min-width: 1536px) {
		.hero__solutions {
			aspect-ratio: var(--aspect-ratio-2xl)
		}
	}

	@media (min-width: 1024px) {
		.hero__solutions.hero__image-slide {
			aspect-ratio: auto
		}
	}

	@media (min-width: 1280px) {
		.hero__solutions.hero__image-slide {
			aspect-ratio: var(--aspect-ratio-xl)
		}
	}

	@media (min-width: 1536px) {
		.hero__solutions.hero__image-slide {
			aspect-ratio: var(--aspect-ratio-2xl)
		}
	}

	.button--text:hover .hero__banner,
	.button--text-small:hover .hero__banner {
		background-size: 100% 100%
	}

	.button--text-small .hero__banner {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .hero__banner {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .hero__banner) {
		background-position: right
	}

	.button--text .hero__banner {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .hero__banner {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .hero__banner,
	.sticky-navigation__anchor.active .hero__banner {
		background-size: 100% 100%
	}

	.hero__banner {
		position: relative;
		top: 0px;
		width: 100vw
	}

	@media (min-width: 768px) {
		.hero__banner {
			position: absolute;
			height: 100%
		}
	}

	.hero__banner {
		aspect-ratio: 16 / 9
	}

	@media (min-width: 768px) {
		.hero__banner {
			aspect-ratio: var(--aspect-ratio-lg)
		}
	}

	.hero__banner img {
		height: 100%;
		min-height: 100%;
		min-width: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	@media (min-width: 768px) {
		.hero__banner img {
			width: 100%
		}
	}

	.browser-safari .hero__banner img {
		min-width: 0
	}

	.hero__banner-image {
		position: absolute;
		min-width: 100%
	}

	@media (min-width: 768px) {
		.hero__banner-image {
			min-height: 100%
		}
	}

	.hero__banner-video {
		width: 100%
	}

	@media (min-width: 768px) {
		.hero__banner-video {
			width: 58%
		}
	}

	:is([dir="ltr"] .hero__banner-video) {
		right: 0px
	}

	:is([dir="rtl"] .hero__banner-video) {
		left: 0px
	}

	.hero__overlay-light {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 10;
		height: 100%;
		width: 100%;
		background-image: linear-gradient(180deg, rgba(0, 0, 0, .9) 10%, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, 0) 100%)
	}

	@media (min-width: 1024px) {
		.hero__overlay-light {
			background-image: linear-gradient(90deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .6) 50%, rgba(0, 0, 0, 0) 100%)
		}
	}

	.hero__overlay-dark {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 10;
		height: 100%;
		width: 100%;
		background-image: linear-gradient(180deg, rgba(255, 255, 255, .9) 10%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, 0) 100%)
	}

	@media (min-width: 1024px) {
		.hero__overlay-dark {
			background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .6) 55%, rgba(255, 255, 255, 0) 100%)
		}
	}

	.hero__svg-mask-video+.hero__overlay-light,
	.hero__svg-mask-video+.hero__overlay-dark {
		height: 200%;
		display: none
	}

	@media (min-width: 768px) {

		.hero__svg-mask-video+.hero__overlay-light,
		.hero__svg-mask-video+.hero__overlay-dark {
			display: block
		}
	}

	@media (min-width: 1024px) {

		.hero__svg-mask-video+.hero__overlay-light,
		.hero__svg-mask-video+.hero__overlay-dark {
			display: none
		}
	}

	.hero__video-container {
		height: 100%;
		width: 100%
	}

	.button--text:hover .hero__video,
	.button--text-small:hover .hero__video {
		background-size: 100% 100%
	}

	.button--text-small .hero__video {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .hero__video {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .hero__video) {
		background-position: right
	}

	.button--text .hero__video {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .hero__video {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .hero__video,
	.sticky-navigation__anchor.active .hero__video {
		background-size: 100% 100%
	}

	.hero__video {
		pointer-events: none;
		position: relative;
		inset: 0px;
		margin: auto;
		min-height: 100%;
		min-width: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	@media (min-width: 1024px) {
		.hero__video {
			position: absolute;
			width: 177.78vh;
			height: 35vw
		}
	}

	.hero__video__fallback-image {
		position: absolute;
		inset: 0px;
		z-index: -10;
		pointer-events: none;
		min-height: 100%;
		min-width: 100%
	}

	.hero__svg-mask-video {
		position: absolute;
		z-index: 10;
		display: none
	}

	@media (min-width: 768px) {
		.hero__svg-mask-video {
			display: block
		}
	}

	:is([dir="ltr"] .hero__svg-mask-video) {
		left: -1px
	}

	:is([dir="rtl"] .hero__svg-mask-video) {
		right: -1px;
		--tw-scale-x: -1;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.hero__svg-mask-video {
		height: 100%;
		width: auto
	}

	.hero__type-dark {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.hero__type-dark .hero__copy {
		--tw-text-opacity: 1;
		color: rgba(var(--color-gray-700), var(--tw-text-opacity))
	}

	.hero__type-light {
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.button--text:hover .hero__content,
	.button--text-small:hover .hero__content {
		background-size: 100% 100%
	}

	.button--text-small .hero__content {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .hero__content {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .hero__content) {
		background-position: right
	}

	.button--text .hero__content {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .hero__content {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .hero__content,
	.sticky-navigation__anchor.active .hero__content {
		background-size: 100% 100%
	}

	.hero__content {
		position: relative;
		z-index: 20;
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	@media (min-width: 1024px) {
		.hero__content {
			padding-bottom: 2rem;
			padding-top: 1rem
		}
	}

	@media (min-width: 1280px) {
		.hero__content {
			padding-top: 6rem;
			padding-bottom: 6rem
		}
	}

	.hero__content {
		display: flex;
		flex-direction: column;
		justify-content: center;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-900), var(--tw-text-opacity))
	}

	.hero__content-inner {
		width: 100%
	}

	@media (min-width: 768px) {
		.hero__content-inner {
			width: 45%
		}
	}

	@media (min-width: 1536px) {
		.hero__content-inner {
			width: 42%
		}
	}

	.hero__headline {
		margin-bottom: 1rem;
		hyphens: none;
		text-transform: none
	}

	@media (min-width: 1024px) {
		.hero__headline {
			margin-bottom: 1rem
		}
	}

	.hero__subheadline {
		margin-bottom: 1rem
	}

	@media (min-width: 1024px) {
		.hero__subheadline {
			margin-bottom: 1rem
		}
	}

	.hero__subheadline {
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 1.125rem;
		line-height: 1.39;
		font-weight: 700;
		text-transform: none
	}

	@media (min-width: 1024px) {
		.hero__subheadline {
			font-size: 26px
		}
	}

	.hero__copy {
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
	}

	@media (min-width: 1024px) {
		.hero__copy {
			font-size: 1.125rem;
			line-height: 1.39
		}
	}

	.hero__cta-wrapper {
		margin-top: 1rem;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		row-gap: 1rem;
		-moz-column-gap: 1.5rem;
		column-gap: 1.5rem
	}

	@media (min-width: 768px) {
		.hero__cta-wrapper {
			margin-top: 1.75rem
		}
	}

	@media (min-width: 1024px) {
		.hero__cta-wrapper {
			margin-top: 2.5rem;
			flex-direction: row
		}
	}

	.hero__cta-wrapper .button--text {
		padding: 0;
		color: currentColor
	}

	.hero__mask-default.hero__image-slide {
		aspect-ratio: auto
	}

	.button--text:hover .hero__mask-default .hero__banner-image,
	.button--text-small:hover .hero__mask-default .hero__banner-image {
		background-size: 100% 100%
	}

	.button--text-small .hero__mask-default .hero__banner-image {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .hero__mask-default .hero__banner-image {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .hero__mask-default .hero__banner-image) {
		background-position: right
	}

	.button--text .hero__mask-default .hero__banner-image {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .hero__mask-default .hero__banner-image {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .hero__mask-default .hero__banner-image,
	.sticky-navigation__anchor.active .hero__mask-default .hero__banner-image {
		background-size: 100% 100%
	}

	.hero__mask-default .hero__banner-image {
		position: relative;
		width: 100%;
		min-width: 0px
	}

	@media (min-width: 768px) {
		.hero__mask-default .hero__banner-image {
			position: absolute;
			width: 55%
		}
	}

	:is([dir="ltr"] .hero__mask-default .hero__banner-image) {
		right: 0px
	}

	:is([dir="rtl"] .hero__mask-default .hero__banner-image) {
		left: 0px
	}

	.button--text:hover .hero .hero__banner-4-3 .hero__video-container,
	.button--text-small:hover .hero .hero__banner-4-3 .hero__video-container {
		background-size: 100% 100%
	}

	.button--text-small .hero .hero__banner-4-3 .hero__video-container {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .hero .hero__banner-4-3 .hero__video-container {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .hero .hero__banner-4-3 .hero__video-container) {
		background-position: right
	}

	.button--text .hero .hero__banner-4-3 .hero__video-container {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .hero .hero__banner-4-3 .hero__video-container {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .hero .hero__banner-4-3 .hero__video-container,
	.sticky-navigation__anchor.active .hero .hero__banner-4-3 .hero__video-container {
		background-size: 100% 100%
	}

	.hero .hero__banner-4-3 .hero__video-container {
		position: relative;
		top: 0px;
		aspect-ratio: 4/3;
		height: auto;
		width: 100%
	}

	@media (min-width: 1024px) {
		.hero .hero__banner-4-3 .hero__video-container {
			position: absolute;
			top: 50%;
			width: 100vw
		}
	}

	.hero .hero__banner-4-3 .hero__video-container {
		left: 0px
	}

	@media (min-width: 1024px) {
		.hero .hero__banner-4-3 .hero__video-container {
			left: 50%
		}
	}

	.button--text:hover .hero .hero__banner-mask .hero__video-container,
	.button--text-small:hover .hero .hero__banner-mask .hero__video-container {
		background-size: 100% 100%
	}

	.button--text-small .hero .hero__banner-mask .hero__video-container {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .hero .hero__banner-mask .hero__video-container {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .hero .hero__banner-mask .hero__video-container) {
		background-position: right
	}

	.button--text .hero .hero__banner-mask .hero__video-container {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .hero .hero__banner-mask .hero__video-container {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .hero .hero__banner-mask .hero__video-container,
	.sticky-navigation__anchor.active .hero .hero__banner-mask .hero__video-container {
		background-size: 100% 100%
	}

	.hero .hero__banner-mask .hero__video-container {
		position: relative;
		top: 0px;
		left: 0px;
		aspect-ratio: 4/3;
		height: auto;
		width: 100%
	}

	@media (min-width: 1024px) {
		.hero .hero__banner-mask .hero__video-container {
			position: absolute;
			top: 0px;
			left: auto;
			right: -25%;
			aspect-ratio: auto;
			height: 100%
		}
	}

	.hero .hero__banner-mask .hero__video-container {
		transform: none
	}

	@media not all and (min-width: 1024px) {
		.button--text:hover .hero .hero__banner-mask.hero__banner-mask {
			background-size: 100% 100%
		}

		.button--text:hover .hero .hero__banner-mask.hero__banner-mask,
		.button--text-small:hover .hero .hero__banner-mask.hero__banner-mask {
			background-size: 100% 100%
		}

		.button--text-small .hero .hero__banner-mask.hero__banner-mask {
			background-size: 0 100%;
			background-repeat: no-repeat;
			padding-bottom: .25rem
		}

		.button--text:hover .hero .hero__banner-mask.hero__banner-mask,
		.button--text-small:hover .hero .hero__banner-mask.hero__banner-mask {
			background-size: 100% 100%
		}

		.button--text-small .hero .hero__banner-mask.hero__banner-mask {
			background-size: 0 100%;
			background-repeat: no-repeat;
			padding-bottom: .25rem;
			transition: background-size .6s ease;
			background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
		}

		.button--text .hero .hero__banner-mask.hero__banner-mask {
			background-size: 0 100%;
			background-repeat: no-repeat;
			padding-bottom: .25rem
		}

		:is([dir="rtl"] .button--text .hero .hero__banner-mask.hero__banner-mask) {
			background-position: right
		}

		.button--text .hero .hero__banner-mask.hero__banner-mask {
			transition: background-size .6s ease;
			background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
		}

		.button--with-icon .hero .hero__banner-mask.hero__banner-mask {
			margin-top: .25rem
		}

		.sticky-navigation__anchor:hover .hero .hero__banner-mask.hero__banner-mask,
		.sticky-navigation__anchor.active .hero .hero__banner-mask.hero__banner-mask {
			background-size: 100% 100%
		}

		.hero .hero__banner-mask.hero__banner-mask {
			position: relative
		}
	}

	.button--text:hover .hero .hero__banner-mask .hero__video,
	.button--text-small:hover .hero .hero__banner-mask .hero__video {
		background-size: 100% 100%
	}

	.button--text-small .hero .hero__banner-mask .hero__video {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .hero .hero__banner-mask .hero__video {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .hero .hero__banner-mask .hero__video) {
		background-position: right
	}

	.button--text .hero .hero__banner-mask .hero__video {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .hero .hero__banner-mask .hero__video {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .hero .hero__banner-mask .hero__video,
	.sticky-navigation__anchor.active .hero .hero__banner-mask .hero__video {
		background-size: 100% 100%
	}

	.hero .hero__banner-mask .hero__video {
		position: relative;
		top: 0px;
		bottom: 0px;
		right: 0px;
		left: 0px;
		margin: auto;
		height: 100%;
		min-height: 100%;
		width: 100%;
		min-width: 100%
	}

	@media (min-width: 1024px) {
		.hero .hero__banner-mask .hero__video {
			position: absolute
		}
	}

	.button--text:hover .hero .hero__banner-4-3 .hero__video,
	.button--text-small:hover .hero .hero__banner-4-3 .hero__video {
		background-size: 100% 100%
	}

	.button--text-small .hero .hero__banner-4-3 .hero__video {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .hero .hero__banner-4-3 .hero__video {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .hero .hero__banner-4-3 .hero__video) {
		background-position: right
	}

	.button--text .hero .hero__banner-4-3 .hero__video {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .hero .hero__banner-4-3 .hero__video {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .hero .hero__banner-4-3 .hero__video,
	.sticky-navigation__anchor.active .hero .hero__banner-4-3 .hero__video {
		background-size: 100% 100%
	}

	.hero .hero__banner-4-3 .hero__video {
		position: relative;
		inset: 0px;
		margin: auto;
		height: 100%;
		min-height: 100%;
		width: 100%;
		min-width: 100%
	}

	@media (min-width: 1024px) {
		.hero .hero__banner-4-3 .hero__video {
			position: absolute;
			--tw-scale-x: calc((var(--vimeo-aspect-ratio)) / (16 / 9));
			--tw-scale-y: calc((var(--vimeo-aspect-ratio)) / (16 / 9));
			transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
		}
	}

	.videoHero {
		--aspect-ratio: 4 / 3;
		--aspect-ratio-tablet: auto;
		--tablet-height: 340px
	}

	.button--text:hover .videoHero,
	.button--text-small:hover .videoHero {
		background-size: 100% 100%
	}

	.button--text-small .videoHero {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .videoHero {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .videoHero) {
		background-position: right
	}

	.button--text .videoHero {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .videoHero {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .videoHero,
	.sticky-navigation__anchor.active .videoHero {
		background-size: 100% 100%
	}

	.videoHero {
		position: relative
	}

	@media (min-width: 1024px) {
		.videoHero {
			overflow: hidden
		}
	}

	.videoHero {
		display: flex;
		height: 100%;
		flex-wrap: wrap;
		overflow: hidden
	}

	@media (min-width: 768px) {
		.videoHero {
			height: 37.5vw
		}
	}

	.videoHero {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		min-height: 0px
	}

	@media (min-width: 768px) {
		.videoHero {
			min-height: var(--tablet-height)
		}
	}

	@media (min-width: 900px) {
		.videoHero {
			min-height: 0px
		}
	}

	.button--text:hover .videoHero__content,
	.button--text-small:hover .videoHero__content {
		background-size: 100% 100%
	}

	.button--text-small .videoHero__content {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .videoHero__content {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .videoHero__content) {
		background-position: right
	}

	.button--text .videoHero__content {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .videoHero__content {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .videoHero__content,
	.sticky-navigation__anchor.active .videoHero__content {
		background-size: 100% 100%
	}

	.videoHero__content {
		position: relative;
		padding-top: 2rem;
		padding-bottom: 2rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-900), var(--tw-text-opacity))
	}

	.videoHero__content-inner {
		width: 100%
	}

	@media (min-width: 768px) {
		.videoHero__content-inner {
			width: 45%
		}
	}

	@media (min-width: 1536px) {
		.videoHero__content-inner {
			width: 42%
		}
	}

	.videoHero__content-inner .hero__copy {
		--tw-text-opacity: 1;
		color: rgba(var(--color-gray-700), var(--tw-text-opacity))
	}

	.button--text:hover .videoHero__video-container,
	.button--text-small:hover .videoHero__video-container {
		background-size: 100% 100%
	}

	.button--text-small .videoHero__video-container {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .videoHero__video-container {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .videoHero__video-container) {
		background-position: right
	}

	.button--text .videoHero__video-container {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .videoHero__video-container {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .videoHero__video-container,
	.sticky-navigation__anchor.active .videoHero__video-container {
		background-size: 100% 100%
	}

	.videoHero__video-container {
		position: relative;
		top: 0px
	}

	@media (min-width: 768px) {
		.videoHero__video-container {
			position: absolute;
			width: 50vw
		}
	}

	:is([dir="ltr"] .videoHero__video-container) {
		right: 0px
	}

	:is([dir="rtl"] .videoHero__video-container) {
		left: 0px
	}

	.videoHero__video-container {
		min-height: 0px
	}

	@media (min-width: 768px) {
		.videoHero__video-container {
			min-height: var(--tablet-height)
		}
	}

	@media (min-width: 900px) {
		.videoHero__video-container {
			min-height: 0px
		}
	}

	.videoHero__video-container {
		aspect-ratio: var(--aspect-ratio)
	}

	.videoHero__video-container video {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	.hero-slider {
		--tw-bg-opacity: 1;
		background-color: rgb(246 247 250 / var(--tw-bg-opacity))
	}

	@media (min-width: 768px) {
		.hero-slider {
			background-color: transparent
		}
	}

	.hero-slider {
		--height-desktop: 575px;
		--height-desktop-xl: 650px;
		--height-tablet: 400px;
		--height-mobile: 100%;
		--mobile-contentArea-height: 100%;
		--contentArea-height: 300px;
		--contentArea-height-md: 300px;
		--contentArea-height-lg: 360px;
		--contentArea-height-xl: 400px;
		--mobileImageArea-height: 280px;
		--mobileImageArea-height-smx: 380px;
		--mobileImageArea-height-smy: 440px;
		--mobileImageArea-height-smz: 500px;
		--mobileImageArea-height-sm: 500px;
		--shadowArea-height: 200px;
		--width-left: 400px;
		--width-left-2xl: 480px;
		--width-left-lg: 440px;
		--width-right-desktop: 55%;
		--width-right-desktop-xl: 60%;
		--width-right-tablet: 50%;
		--aspect-ratio-fullMedia: 1440 / 740;
		--aspect-ratio-fullMedia-height: calc((100vw / 1440) * 740);
		--aspect-ratio-productImage-height: calc(((100vw / 1440) * 740) * .8);
		--aspect-ratio-mediaWithContent: 600 / 450;
		--toggle-duration: 10s
	}

	.media-with-text__items-wrap .hero-slider__headline {
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 400;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.hero-slider__headline {
		margin-bottom: 2rem;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 3rem;
		line-height: 1.1875;
		font-weight: 500;
		text-transform: none;
		font-size: clamp(2.1875rem, 2.5vw, 3rem)
	}

	@media (min-width: 768px) {
		.hero-slider__headline {
			font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
		}
	}

	@media (min-width: 1024px) {
		.hero-slider__headline {
			font-size: clamp(2.1875rem, 2.6vw, 3rem)
		}
	}

	.hero-slider__copy {
		margin-bottom: 2rem;
		font-size: 1rem;
		line-height: 1.6;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.hero-slider__cta-wrapper {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		gap: 1rem;
		margin-bottom: 1.5rem
	}

	@media (min-width: 768px) {
		.hero-slider__cta-wrapper {
			margin-bottom: 0
		}
	}

	.button--text:hover .hero-slider__container,
	.button--text-small:hover .hero-slider__container {
		background-size: 100% 100%
	}

	.button--text-small .hero-slider__container {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .hero-slider__container {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .hero-slider__container) {
		background-position: right
	}

	.button--text .hero-slider__container {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .hero-slider__container {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .hero-slider__container,
	.sticky-navigation__anchor.active .hero-slider__container {
		background-size: 100% 100%
	}

	.hero-slider__container {
		position: relative;
		width: 100%
	}

	@media (min-width: 768px) {
		.hero-slider__container {
			max-height: 740px;
			aspect-ratio: var(--aspect-ratio-fullMedia)
		}
	}

	@media (min-width: 768px) {
		@media (min-width: 1280px) {
			details>.nav__children-menu>.hero-slider__container--inner {
				visibility: hidden
			}
		}

		details[open].slide-in>.nav__children-menu>.hero-slider__container--inner {
			visibility: visible
		}

		@keyframes menu-slide {
			0% {
				transform: translate(-10px);
				opacity: 0
			}

			to {
				transform: translate(0);
				opacity: 1
			}
		}

		details[open].slide-in>.nav__children-menu>.hero-slider__container--inner {
			animation: menu-slide .18s ease-in-out 1
		}

		details[open].fade-in>.nav__children-menu>.hero-slider__container--inner {
			visibility: visible
		}

		@keyframes menu-fade {
			0% {
				transform: translateY(-10px);
				opacity: 0
			}

			to {
				transform: translateY(0);
				opacity: 1
			}
		}

		details[open].fade-in>.nav__children-menu>.hero-slider__container--inner {
			animation: menu-fade .18s ease-in-out 1
		}

		.hero-slider__container--inner {
			display: grid;
			grid-template-columns: repeat(12, minmax(0, 1fr));
			gap: .5rem
		}
	}

	.hero-slider__container--inner {
		margin-left: auto;
		margin-right: auto
	}

	@media (min-width: 768px) {

		.hero-slider__container.dark-mode .hero-slider__headline,
		.hero-slider__container.dark-mode .hero-slider__copy {
			--tw-text-opacity: 1;
			color: rgb(255 255 255 / var(--tw-text-opacity))
		}

		.hero-slider__container.dark-mode .hero-slider__cta-wrapper .button--primary {
			--tw-border-opacity: 1;
			border-color: rgb(255 255 255 / var(--tw-border-opacity));
			--tw-bg-opacity: 1;
			background-color: rgb(255 255 255 / var(--tw-bg-opacity));
			--tw-text-opacity: 1;
			color: rgb(0 0 0 / var(--tw-text-opacity))
		}

		.hero-slider__container.dark-mode .hero-slider__cta-wrapper .button--primary:hover {
			--tw-bg-opacity: 1;
			background-color: rgb(0 0 0 / var(--tw-bg-opacity));
			--tw-text-opacity: 1;
			color: rgb(255 255 255 / var(--tw-text-opacity))
		}

		.hero-slider__container.dark-mode .hero-slider__cta-wrapper .button--secondary {
			--tw-border-opacity: 1;
			border-color: rgb(255 255 255 / var(--tw-border-opacity));
			--tw-text-opacity: 1;
			color: rgb(255 255 255 / var(--tw-text-opacity))
		}

		.hero-slider__container.dark-mode .hero-slider__cta-wrapper .button--secondary:hover {
			--tw-bg-opacity: 1;
			background-color: rgb(255 255 255 / var(--tw-bg-opacity));
			--tw-text-opacity: 1;
			color: rgb(0 0 0 / var(--tw-text-opacity))
		}
	}

	.hero-slider__container.dark-mode .hero-carousel__nav-wrapper .hero-carousel__nav ul li .hero-carousel__pips.is-current {
		font-weight: 700
	}

	@media (min-width: 768px) {
		.hero-slider__container.dark-mode .hero-carousel__nav-wrapper .hero-carousel__nav ul li .hero-carousel__pips .hero-carousel__pips--slideTitle {
			--tw-text-opacity: 1;
			color: rgb(255 255 255 / var(--tw-text-opacity))
		}
	}

	.hero-slider__container.dark-mode .hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide .hero-slider__background--asset .hero-slider__background--item {
		background-color: #000000e6
	}

	.hero-slider__background {
		top: 0px;
		display: none;
		overflow: hidden
	}

	@media (min-width: 768px) {
		.hero-slider__background {
			position: absolute;
			display: block
		}
	}

	.hero-slider__background {
		height: 100%;
		width: 100%
	}

	@media (min-width: 768px) {
		.hero-slider__background {
			aspect-ratio: var(--aspect-ratio-fullMedia)
		}
	}

	.button--text:hover .hero-slider__background--video-container,
	.button--text-small:hover .hero-slider__background--video-container {
		background-size: 100% 100%
	}

	.button--text-small .hero-slider__background--video-container {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .hero-slider__background--video-container {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .hero-slider__background--video-container) {
		background-position: right
	}

	.button--text .hero-slider__background--video-container {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .hero-slider__background--video-container {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .hero-slider__background--video-container,
	.sticky-navigation__anchor.active .hero-slider__background--video-container {
		background-size: 100% 100%
	}

	.hero-slider__background--video-container {
		position: relative
	}

	.hero-slider__background--video-container video.hero-slider__background--video {
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	@media (min-width: 768px) {
		.hero-slider__background--video-container video.hero-slider__background--video {
			height: var(--aspect-ratio-fullMedia-height)
		}
	}

	.hero-slider__background--video-container video.hero-slider__background--video {
		max-height: 740px;
		padding-bottom: 1px
	}

	@media (min-width: 768px) {
		.hero-slider__background--video-container.fullMediaLight:before {
			background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 70.41%, rgba(255, 255, 255, .2) 84.31%, rgba(255, 255, 255, .2) 99.78%), linear-gradient(88deg, #FFF 4.61%, rgba(255, 255, 255, .98) 17.39%, rgba(255, 255, 255, .92) 26.62%, rgba(255, 255, 255, .85) 29.75%, rgba(255, 255, 255, .8) 33.63%, rgba(255, 255, 255, .74) 37.11%, rgba(255, 255, 255, .59) 43.09%, rgba(255, 255, 255, .38) 49.13%, rgba(255, 255, 255, .2) 52.67%, rgba(255, 255, 255, .04) 56.38%)
		}
	}

	.hero-slider__background--video-container.fullMediaLight:before {
		--tw-content: "";
		content: var(--tw-content)
	}

	@media (min-width: 768px) {
		.hero-slider__background--video-container.fullMediaLight:before {
			position: absolute;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px
		}
	}

	.hero-slider__background--video-container.fullMediaLight:before {
		z-index: 10
	}

	@media (min-width: 768px) {
		.hero-slider__background--video-container.fullMediaLightThin:before {
			background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 76%, rgba(255, 255, 255, .05) 83%, rgba(255, 255, 255, .1) 88%, rgba(255, 255, 255, .18) 93%, rgba(255, 255, 255, .28) 97%, rgba(255, 255, 255, .38) 100%), linear-gradient(88deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .9) 12%, rgba(255, 255, 255, .72) 22%, rgba(255, 255, 255, .52) 32%, rgba(255, 255, 255, .34) 40%, rgba(255, 255, 255, .2) 48%, rgba(255, 255, 255, .12) 52%, rgba(255, 255, 255, .07) 54%, rgba(255, 255, 255, .04) 57%, rgba(255, 255, 255, .02) 58.5%, rgba(255, 255, 255, .01) 59.25%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%)
		}
	}

	.hero-slider__background--video-container.fullMediaLightThin:before {
		--tw-content: "";
		content: var(--tw-content)
	}

	@media (min-width: 768px) {
		.hero-slider__background--video-container.fullMediaLightThin:before {
			position: absolute;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px
		}
	}

	.hero-slider__background--video-container.fullMediaLightThin:before {
		z-index: 10
	}

	@media (min-width: 768px) {
		.hero-slider__background--video-container.fullMediaDark:before {
			background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 70.41%, rgba(0, 0, 0, .2) 84.31%, rgba(0, 0, 0, .2) 99.78%), linear-gradient(88deg, #000 4.61%, rgba(0, 0, 0, .98) 17.39%, rgba(0, 0, 0, .92) 26.62%, rgba(0, 0, 0, .85) 29.75%, rgba(0, 0, 0, .8) 33.63%, rgba(0, 0, 0, .74) 37.11%, rgba(0, 0, 0, .59) 43.09%, rgba(0, 0, 0, .38) 49.13%, rgba(0, 0, 0, .2) 52.67%, rgba(0, 0, 0, .04) 56.38%)
		}
	}

	.hero-slider__background--video-container.fullMediaDark:before {
		--tw-content: "";
		content: var(--tw-content)
	}

	@media (min-width: 768px) {
		.hero-slider__background--video-container.fullMediaDark:before {
			position: absolute;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px
		}
	}

	.hero-slider__background--video-container.fullMediaDark:before {
		z-index: 10
	}

	@media (min-width: 768px) {
		.hero-slider__background--video-container.fullMediaDarkThin:before {
			background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 70.41%, rgba(0, 0, 0, .2) 84.31%, rgba(0, 0, 0, .2) 99.78%), linear-gradient(88deg, #000 4.61%, rgba(0, 0, 0, .98) 13.69%, rgba(0, 0, 0, .92) 23.14%, rgba(0, 0, 0, .85) 28.01%, rgba(0, 0, 0, .8) 31.69%, rgba(0, 0, 0, .74) 33.58%, rgba(0, 0, 0, .59) 37.25%, rgba(0, 0, 0, .38) 42.21%, rgba(0, 0, 0, .2) 46.93%, rgba(0, 0, 0, 0) 51.67%, rgba(0, 0, 0, 0) 53.94%)
		}
	}

	.hero-slider__background--video-container.fullMediaDarkThin:before {
		--tw-content: "";
		content: var(--tw-content)
	}

	@media (min-width: 768px) {
		.hero-slider__background--video-container.fullMediaDarkThin:before {
			position: absolute;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px
		}
	}

	.hero-slider__background--video-container.fullMediaDarkThin:before {
		z-index: 10
	}

	.hero-slider__background--video-overlay {
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%
	}

	@media (min-width: 768px) {
		.hero-slider__background--video-overlay {
			position: absolute
		}
	}

	@media (min-width: 768px) {
		.hero-slider__background--video-overlay {
			aspect-ratio: var(--aspect-ratio-fullMedia);
			background-image: linear-gradient(to right, rgba(255, 255, 255, .9) 30%, rgba(255, 255, 255, .7) 60%, rgba(255, 255, 255, 0) 100%)
		}
	}

	.hero-slider__background--image-container {
		height: 100%;
		width: 100%
	}

	.hero-slider__background--image-container picture img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	.hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides {
		display: flex;
		height: 100%;
		flex-direction: column;
		overflow-y: hidden
	}

	.hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide {
		height: 100%
	}

	.hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide.is-current .hero-slider__background--asset .hero-slider__background--item,
	.hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide.is-current .hero-slider__background--asset .hero-slider__background--video-container,
	.hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide.is-current .hero-slider__background--asset .hero-slider__background--image-container,
	.hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide.is-current {
		opacity: 1
	}

	.hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide .hero-slider__background--asset {
		height: 100%
	}

	.button--text:hover .hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide .hero-slider__background--asset .hero-slider__product-image,
	.button--text-small:hover .hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide .hero-slider__background--asset .hero-slider__product-image {
		background-size: 100% 100%
	}

	.button--text-small .hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide .hero-slider__background--asset .hero-slider__product-image {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide .hero-slider__background--asset .hero-slider__product-image {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide .hero-slider__background--asset .hero-slider__product-image) {
		background-position: right
	}

	.button--text .hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide .hero-slider__background--asset .hero-slider__product-image {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide .hero-slider__background--asset .hero-slider__product-image {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide .hero-slider__background--asset .hero-slider__product-image,
	.sticky-navigation__anchor.active .hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide .hero-slider__background--asset .hero-slider__product-image {
		background-size: 100% 100%
	}

	.hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide .hero-slider__background--asset .hero-slider__product-image {
		position: relative;
		height: 100%
	}

	.industry-hero__media.with-video-main.hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide .hero-slider__background--asset .hero-slider__product-image picture {
		aspect-ratio: 1/1
	}

	.hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide .hero-slider__background--asset .hero-slider__product-image picture {
		aspect-ratio: 1 / 1;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 100%;
		max-width: 600px
	}

	@media (min-width: 768px) {
		.hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide .hero-slider__background--asset .hero-slider__product-image picture {
			width: var(--aspect-ratio-productImage-height)
		}
	}

	.hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide .hero-slider__background--asset .hero-slider__background--item,
	.hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide .hero-slider__background--asset .hero-slider__background--video-container,
	.hero-slider__background .hero-carousel.sliderBackground .hero-carousel__slides .hero-carousel__slide .hero-slider__background--asset .hero-slider__background--image-container {
		height: 100%;
		opacity: 0;
		transition-property: opacity;
		transition-duration: 1s;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1)
	}

	.hero-slider__product-images {
		max-width: 100%
	}

	@media (min-width: 640px) {
		.hero-slider__product-images {
			max-width: 1000px;
			margin: 0 auto
		}
	}

	@media (min-width: 768px) {
		.hero-slider__product-images {
			max-width: 1124px;
			margin: 0 auto
		}
	}

	@media (min-width: 900px) {
		.hero-slider__product-images {
			max-width: 1224px;
			margin: 0 auto
		}
	}

	@media (min-width: 1024px) {
		.hero-slider__product-images {
			max-width: 1344px;
			margin: 0 auto
		}
	}

	@media (min-width: 1280px) {
		.hero-slider__product-images {
			max-width: 1444px;
			margin: 0 auto
		}
	}

	@media (min-width: 1536px) {
		.hero-slider__product-images {
			max-width: 1444px;
			margin: 0 auto
		}
	}

	.hero-slider__product-images {
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		display: none;
		justify-content: flex-end
	}

	@media (min-width: 768px) {
		.hero-slider__product-images {
			display: flex
		}
	}

	.hero-slider__product-images {
		overflow-y: hidden;
		overflow-x: visible
	}

	@media (min-width: 768px) {

		.hero-slider__product-images,
		.hero-slider__product-images .hero-carousel .hero-carousel__slides {
			aspect-ratio: var(--aspect-ratio-fullMedia)
		}
	}

	.hero-slider__product-images .hero-carousel .hero-carousel__slides .hero-carousel__slide {
		opacity: 0;
		transition-property: opacity;
		transition-duration: .3s;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		display: flex;
		height: 100%;
		flex-direction: column;
		justify-content: center
	}

	@media (min-width: 768px) {
		.hero-slider__product-images .hero-carousel .hero-carousel__slides .hero-carousel__slide {
			justify-content: flex-start
		}
	}

	.hero-slider__product-images .hero-carousel .hero-carousel__slides .hero-carousel__slide.is-current {
		opacity: 1
	}

	@media (min-width: 768px) {
		.hero-slider__product-images .hero-carousel .hero-carousel__slides .hero-carousel__slide .hero-slider__product-image {
			margin-left: 3rem;
			margin-right: 3rem
		}
	}

	@media (min-width: 1024px) {
		.hero-slider__product-images .hero-carousel .hero-carousel__slides .hero-carousel__slide .hero-slider__product-image {
			margin-left: 4rem;
			margin-right: 4rem
		}
	}

	@media (min-width: 1280px) {
		.hero-slider__product-images .hero-carousel .hero-carousel__slides .hero-carousel__slide .hero-slider__product-image {
			margin-left: 5rem;
			margin-right: 5rem
		}
	}

	.hero-slider__product-images .hero-carousel .hero-carousel__slides .hero-carousel__slide .hero-slider__product-image picture {
		display: flex;
		justify-content: flex-end
	}

	@media (min-width: 768px) {
		.hero-slider__product-images .hero-carousel .hero-carousel__slides .hero-carousel__slide .hero-slider__product-image picture img {
			width: 50%
		}
	}

	@media (min-width: 1024px) {
		.hero-slider__product-images .hero-carousel .hero-carousel__slides .hero-carousel__slide .hero-slider__product-image picture img {
			width: 55%
		}
	}

	.hero-slider__product-images .hero-carousel .hero-carousel__slides .hero-carousel__slide .hero-slider__product-image picture img {
		aspect-ratio: 1/1
	}

	.hero-slider__product-shadows {
		display: none;
		width: 100%
	}

	@media (min-width: 768px) {
		.hero-slider__product-shadows {
			display: block
		}
	}

	.hero-slider__product-shadows {
		position: absolute;
		bottom: 70px;
		height: 7rem;
		width: 100%
	}

	.hero-slider__product-shadows .sliderProductShadow.rounded-container {
		border-radius: 1.5rem
	}

	@media (min-width: 1024px) {
		.hero-slider__product-shadows .sliderProductShadow.rounded-container {
			border-radius: 50px
		}
	}

	.hero-slider__product-shadows .sliderProductShadow {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding-right: 1rem;
		padding-left: 1rem
	}

	@media (min-width: 350px) {
		.hero-slider__product-shadows .sliderProductShadow {
			max-width: 350px
		}
	}

	@media (min-width: 520px) {
		.hero-slider__product-shadows .sliderProductShadow {
			max-width: 520px
		}
	}

	@media (min-width: 768px) {
		.hero-slider__product-shadows .sliderProductShadow {
			max-width: 768px;
			padding-right: 2rem;
			padding-left: 2rem
		}
	}

	@media (min-width: 1024px) {
		.hero-slider__product-shadows .sliderProductShadow {
			max-width: 1024px
		}
	}

	@media (min-width: 1160px) {
		.hero-slider__product-shadows .sliderProductShadow {
			max-width: 1160px
		}
	}

	@media (min-width: 1280px) {
		.hero-slider__product-shadows .sliderProductShadow {
			max-width: 1280px
		}
	}

	@media (min-width: 1408px) {
		.hero-slider__product-shadows .sliderProductShadow {
			max-width: 1408px
		}
	}

	@media (min-width: 1536px) {
		.hero-slider__product-shadows .sliderProductShadow {
			max-width: 1536px
		}
	}

	@media (min-width: 1728px) {
		.hero-slider__product-shadows .sliderProductShadow {
			max-width: 1728px
		}
	}

	@media (min-width: 1920px) {
		.hero-slider__product-shadows .sliderProductShadow {
			max-width: 1920px
		}
	}

	@media (min-width: 2560px) {
		.hero-slider__product-shadows .sliderProductShadow {
			max-width: 2560px
		}
	}

	.hero-slider__product-shadows .sliderProductShadow {
		max-width: 100%
	}

	@media (min-width: 640px) {
		.hero-slider__product-shadows .sliderProductShadow {
			max-width: 640px
		}
	}

	@media (min-width: 768px) {
		.hero-slider__product-shadows .sliderProductShadow {
			max-width: 768px
		}
	}

	@media (min-width: 900px) {
		.hero-slider__product-shadows .sliderProductShadow {
			max-width: 900px
		}
	}

	@media (min-width: 1024px) {
		.hero-slider__product-shadows .sliderProductShadow {
			max-width: 1244px
		}
	}

	@media (min-width: 1280px) {
		.hero-slider__product-shadows .sliderProductShadow {
			max-width: 1244px
		}
	}

	@media (min-width: 1536px) {
		.hero-slider__product-shadows .sliderProductShadow {
			max-width: 1244px
		}
	}

	dialog .hero-slider__product-shadows .sliderProductShadow:has(.form) {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	.table-of-contents.altLayout .table-of-contents__content .hero-slider__product-shadows .sliderProductShadow:last-child {
		margin-bottom: 0
	}

	@media (min-width: 1024px) {
		.table-of-contents__content .hero-slider__product-shadows .sliderProductShadow {
			padding-left: 1rem;
			padding-right: 1rem
		}

		.table-of-contents__content .hero-slider__product-shadows .sliderProductShadow .container .media-with-text {
			padding-left: .75rem;
			padding-right: .75rem
		}
	}

	@media (min-width: 1024px) {
		.tabsSlider__content .hero-slider__product-shadows .sliderProductShadow {
			padding-top: 2.5rem;
			padding-bottom: 2.5rem
		}
	}

	.tabsSlider__content .hero-slider__product-shadows .sliderProductShadow {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem
	}

	@media (min-width: 768px) {
		.tabsSlider__content .hero-slider__product-shadows .sliderProductShadow {
			padding-left: 3rem;
			padding-right: 3rem
		}
	}

	@media (min-width: 1024px) {
		.tabsSlider__content .hero-slider__product-shadows .sliderProductShadow {
			padding-top: 3rem;
			padding-bottom: 3rem
		}
	}

	.hero-slider__product-shadows .sliderProductShadow,
	.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides {
		height: 100%;
		width: 100%
	}

	.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide {
		height: 100%;
		width: 100%;
		display: flex;
		justify-content: flex-end
	}

	.button--text:hover .hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow,
	.button--text-small:hover .hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow {
		background-size: 100% 100%
	}

	.button--text-small .hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow) {
		background-position: right
	}

	.button--text .hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow,
	.sticky-navigation__anchor.active .hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow {
		background-size: 100% 100%
	}

	.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow {
		position: relative;
		height: 100%;
		width: 100%
	}

	@media (min-width: 768px) {
		.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow {
			width: 50%
		}
	}

	@media (min-width: 1024px) {
		.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow {
			width: 55%
		}
	}

	.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-left .primaryShadow {
		position: absolute;
		height: 1.5rem;
		width: 60%;
		top: 2rem
	}

	@media (min-width: 768px) {
		.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-left .primaryShadow {
			top: 2.5rem
		}
	}

	.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-left .primaryShadow {
		left: 0px
	}

	@media (min-width: 768px) {
		.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-left .primaryShadow {
			left: 10%
		}
	}

	.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-left .primaryShadow:before {
		content: "";
		position: absolute;
		inset: 0;
		transform: translateZ(-1px);
		background: radial-gradient(ellipse at 80% center, transparent 0%, #f0f0f0 50%, #9a9a9a 100%);
		filter: blur(10px);
		border-radius: 50%/70%
	}

	.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-top .primaryShadow {
		position: absolute;
		height: 1.5rem;
		width: 85%;
		top: 2.5rem
	}

	@media (min-width: 768px) {
		.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-top .primaryShadow {
			top: 4rem
		}
	}

	.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-top .primaryShadow {
		left: 0px
	}

	@media (min-width: 768px) {
		.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-top .primaryShadow {
			left: 10%
		}
	}

	.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-top .primaryShadow:before {
		content: "";
		position: absolute;
		inset: 0;
		transform: translateZ(-1px);
		background: radial-gradient(ellipse at 50% center, #9a9a9a 0%, #f0f0f0 50%, transparent 100%);
		filter: blur(10px);
		border-radius: 50%/70%
	}

	.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-right .primaryShadow {
		position: absolute;
		height: 1.5rem;
		width: 60%;
		top: 2rem
	}

	@media (min-width: 768px) {
		.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-right .primaryShadow {
			top: 2.5rem
		}
	}

	.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-right .primaryShadow {
		right: 0px
	}

	@media (min-width: 1024px) {
		.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-right .primaryShadow {
			right: 10%
		}
	}

	.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-right .primaryShadow:before {
		content: "";
		position: absolute;
		inset: 0;
		transform: translateZ(-1px);
		background: radial-gradient(ellipse at 60% center, #9a9a9a 0%, #f0f0f0 50%, transparent 100%);
		filter: blur(10px);
		border-radius: 50%/70%
	}

	.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-bottom .primaryShadow {
		position: absolute;
		height: 1.5rem;
		width: 85%;
		top: 2.5rem
	}

	@media (min-width: 768px) {
		.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-bottom .primaryShadow {
			top: 5rem
		}
	}

	.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-bottom .primaryShadow {
		left: 0px
	}

	@media (min-width: 768px) {
		.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-bottom .primaryShadow {
			left: 10%
		}
	}

	.hero-slider__product-shadows .sliderProductShadow .hero-carousel__slides .hero-carousel__slide .hero-slider__shadow.show-shadow.js-shadow-bottom .primaryShadow:before {
		content: "";
		position: absolute;
		inset: 0;
		transform: translateZ(-1px);
		background: radial-gradient(ellipse at 50% center, #9a9a9a 0%, #f0f0f0 50%, transparent 100%);
		filter: blur(10px);
		border-radius: 50%/70%
	}

	.hero-slider__content-wrapper {
		z-index: 20;
		padding-top: 1rem
	}

	@media (min-width: 768px) {
		.hero-slider__content-wrapper {
			padding-top: 0;
			grid-column: span 6 / span 6
		}
	}

	.hero-slider__content-wrapper {
		height: 100%;
		width: 100%
	}

	@media (min-width: 768px) {
		.hero-slider__content-wrapper {
			height: var(--aspect-ratio-fullMedia-height);
			max-height: 740px
		}
	}

	.hero-slider__content-wrapper {
		display: flex;
		flex-direction: column;
		justify-content: center
	}

	.hero-slider .hero-carousel.v2content {
		width: 100%
	}

	@media (min-width: 1024px) {
		.hero-slider .hero-carousel.v2content {
			max-width: 500px
		}
	}

	@media (min-width: 768px) {
		.hero-slider .hero-carousel.v2content .hero-carousel__slides {
			height: var(--contentArea-height-md)
		}
	}

	@media (min-width: 1024px) {
		.hero-slider .hero-carousel.v2content .hero-carousel__slides {
			height: var(--contentArea-height-lg)
		}
	}

	.hero-slider .hero-carousel.v2content .hero-carousel__slides .hero-carousel__slide {
		height: var(--mobile-contentArea-height)
	}

	@media (min-width: 768px) {
		.hero-slider .hero-carousel.v2content .hero-carousel__slides .hero-carousel__slide {
			height: var(--contentArea-height-md)
		}
	}

	@media (min-width: 1024px) {
		.hero-slider .hero-carousel.v2content .hero-carousel__slides .hero-carousel__slide {
			height: var(--contentArea-height-lg)
		}
	}

	@media (min-width: 768px) {
		.hero-slider .hero-carousel.v2content .hero-carousel__slides .hero-carousel__slide .hero-slider__content {
			border-radius: .5rem;
			padding: 1rem
		}
	}

	.hero-slider .hero-carousel.v2content .hero-carousel__slides .hero-carousel__slide .hero-slider__content {
		overflow: hidden;
		height: var(--mobile-contentArea-height)
	}

	@media (min-width: 768px) {
		.hero-slider .hero-carousel.v2content .hero-carousel__slides .hero-carousel__slide .hero-slider__content {
			height: var(--contentArea-height-md)
		}
	}

	@media (min-width: 1024px) {
		.hero-slider .hero-carousel.v2content .hero-carousel__slides .hero-carousel__slide .hero-slider__content {
			height: var(--contentArea-height-lg)
		}
	}

	@media (min-width: 768px) {
		.hero-slider .hero-carousel.v2content .hero-carousel__slides .hero-carousel__slide .hero-slider__content.dark {
			border-radius: .5rem;
			padding: 1rem;
			background-image: linear-gradient(95deg, rgba(255, 255, 255, .32) 6.67%, rgba(153, 153, 153, .2) 148.36%)
		}
	}

	.hero-slider__media-wrapper {
		height: 100%;
		width: 100%;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-bottom: 1rem;
		border-radius: .75rem
	}

	@media (min-width: 768px) {
		.hero-slider__media-wrapper {
			grid-column: span 6 / span 6;
			margin-bottom: 0;
			border-radius: 0;
			height: var(--aspect-ratio-fullMedia-height);
			max-height: 740px;
			padding-left: .5rem;
			padding-right: .5rem
		}
	}

	.hero-slider__media-wrapper .hero-carousel.sliderMedia {
		width: 100%;
		overflow: hidden
	}

	@media (min-width: 768px) {
		.hero-slider__media-wrapper .hero-carousel.sliderMedia {
			border-radius: 1.5rem
		}
	}

	.hero-slider__media-wrapper .hero-carousel.sliderMedia {
		border-style: solid;
		border-color: transparent
	}

	@media (min-width: 768px) {
		.hero-slider__media-wrapper .hero-carousel.sliderMedia {
			border-width: 10px
		}
	}

	.hero-slider__media-wrapper .hero-carousel.sliderMedia {
		transition-property: all;
		transition-duration: .2s;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1)
	}

	@media (min-width: 768px) {
		.hero-slider__media-wrapper .hero-carousel.sliderMedia {
			margin-bottom: 2rem
		}
	}

	@media (min-width: 1024px) {
		.hero-slider__media-wrapper .hero-carousel.sliderMedia {
			margin-bottom: 3rem
		}
	}

	@media (min-width: 1280px) {
		.hero-slider__media-wrapper .hero-carousel.sliderMedia {
			margin-bottom: 4rem
		}
	}

	@media (min-width: 1536px) {
		.hero-slider__media-wrapper .hero-carousel.sliderMedia {
			margin-bottom: 5rem
		}
	}

	.hero-slider__media-wrapper .hero-carousel.sliderMedia.active {
		--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
		--tw-border-opacity: 1;
		border-color: rgb(244 250 255 / var(--tw-border-opacity))
	}

	.hero-slider__media-wrapper .hero-carousel.sliderMedia.active:has(.hide-wrapper) {
		border-color: transparent;
		--tw-shadow: 0 0 #0000;
		--tw-shadow-colored: 0 0 #0000;
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	@media (min-width: 768px) {
		.hero-slider__media-wrapper .hero-carousel.sliderMedia .hero-carousel__slides {
			aspect-ratio: var(--aspect-ratio-mediaWithContent)
		}
	}

	@media (min-width: 768px) {
		.hero-slider__media-wrapper .hero-carousel.sliderMedia .hero-carousel__slides .hero-carousel__slide {
			aspect-ratio: var(--aspect-ratio-mediaWithContent)
		}
	}

	.hero-slider__media-wrapper .hero-carousel.sliderMedia .hero-carousel__slides .hero-carousel__slide {
		height: 100%;
		opacity: 0;
		transition-property: opacity;
		transition-duration: 1s;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1)
	}

	.hero-slider__media-wrapper .hero-carousel.sliderMedia .hero-carousel__slides .hero-carousel__slide.is-current {
		opacity: 1
	}

	.hero-slider__media-wrapper .hero-carousel.sliderMedia .hero-carousel__slides .hero-carousel__slide .hero-slider__media--asset {
		width: 100%
	}

	@media (min-width: 768px) {
		.hero-slider__media-wrapper .hero-carousel.sliderMedia .hero-carousel__slides .hero-carousel__slide .hero-slider__media--asset {
			aspect-ratio: var(--aspect-ratio-mediaWithContent)
		}
	}

	@media (min-width: 768px) {
		.hero-slider__media-wrapper .hero-carousel.sliderMedia .hero-carousel__slides .hero-carousel__slide .hero-slider__media--asset .hero-slider__media--video-container video {
			aspect-ratio: var(--aspect-ratio-mediaWithContent)
		}
	}

	.hero-slider__media-wrapper .hero-carousel.sliderMedia .hero-carousel__slides .hero-carousel__slide .hero-slider__media--asset .hero-slider__media--video-container video {
		-o-object-fit: cover;
		object-fit: cover
	}

	@media (min-width: 768px) {
		.hero-slider__media-wrapper .hero-carousel.sliderMedia .hero-carousel__slides .hero-carousel__slide .hero-slider__media--asset .hero-slider__product-image picture {
			display: none
		}
	}

	.hero-slider__media-wrapper .hero-carousel.sliderMedia .hero-carousel__slides .hero-carousel__slide .hero-slider__media--asset .hero-slider__media--image {
		z-index: 10;
		height: 100%;
		width: 100%
	}

	.hero-slider__media-wrapper .hero-carousel.sliderMedia .hero-carousel__slides .hero-carousel__slide .hero-slider__media--asset .hero-slider__media--image picture {
		display: block;
		height: 100%;
		width: 100%
	}

	.hero-slider__media-wrapper .hero-carousel.sliderMedia .hero-carousel__slides .hero-carousel__slide .hero-slider__media--asset .hero-slider__media--image picture img {
		display: block;
		height: 100%;
		width: 100%;
		border-radius: .5rem;
		-o-object-fit: cover;
		object-fit: cover
	}

	@media (min-width: 768px) {
		.hero-slider__media-wrapper .hero-carousel.sliderMedia .hero-carousel__slides .hero-carousel__slide .hero-slider__media--asset.fullMedia video {
			display: none
		}
	}

	.hero-slider__media--video {
		display: none
	}

	@media (min-width: 768px) {
		.hero-slider__media--video {
			display: block
		}
	}

	.hero-slider__media--mobile-video {
		display: block
	}

	@media (min-width: 768px) {
		.hero-slider__media--mobile-video {
			display: none
		}
	}

	.hero-slider__media--mobile-video {
		aspect-ratio: var(--aspect-ratio-mediaWithContent);
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	.hero-slider .js-init {
		transition: none
	}

	.hero-slider__nav {
		z-index: 20;
		height: 1.5rem;
		width: 100%;
		left: 0px
	}

	@media (min-width: 768px) {
		.hero-slider__nav {
			position: absolute
		}
	}

	.hero-slider__nav {
		bottom: 0px
	}

	@media (min-width: 768px) {
		.hero-slider__nav {
			bottom: 1rem
		}
	}

	@media (min-width: 1024px) {
		.hero-slider__nav {
			bottom: 2.5rem
		}
	}

	@media (min-width: 1160px) {
		.hero-slider__nav {
			bottom: 2.5rem
		}
	}

	.hero-slider__nav .hero-carousel__nav {
		padding-bottom: .5rem
	}

	.hero-slider__nav .hero-carousel__nav ul {
		display: flex;
		align-items: center;
		justify-content: center
	}

	.hero-slider__nav .hero-carousel__nav ul li {
		align-self: center;
		display: flex;
		align-items: center;
		justify-content: center
	}

	.button--text:hover .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips,
	.button--text-small:hover .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips {
		background-size: 100% 100%
	}

	.button--text-small .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips) {
		background-position: right
	}

	.button--text .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips,
	.sticky-navigation__anchor.active .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips {
		background-size: 100% 100%
	}

	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips {
		position: relative;
		margin-left: .35rem;
		margin-right: .35rem;
		cursor: pointer;
		padding: .25rem
	}

	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips:hover .hero-carousel__pips--slideTitle,
	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--slideTitle {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector {
		height: 1rem;
		width: 1rem
	}

	@media (min-width: 1024px) {
		.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector {
			height: 4px;
			width: 12rem
		}
	}

	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-500), var(--tw-bg-opacity))
	}

	@media (min-width: 768px) {
		.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector {
			--tw-bg-opacity: 1;
			background-color: rgba(var(--color-gray-300), var(--tw-bg-opacity))
		}
	}

	.button--text:hover .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector,
	.button--text-small:hover .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector {
		background-size: 100% 100%
	}

	.button--text-small .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector) {
		background-position: right
	}

	.button--text .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector,
	.sticky-navigation__anchor.active .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector {
		background-size: 100% 100%
	}

	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector {
		position: relative
	}

	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector:after {
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity));
		animation: fill-animation var(--toggle-duration) linear forwards
	}

	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector .hero-carousel__pips--selector-left,
	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector .hero-carousel__pips--selector-right {
		display: block
	}

	@media (min-width: 1024px) {

		.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector .hero-carousel__pips--selector-left,
		.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector .hero-carousel__pips--selector-right {
			display: none
		}
	}

	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector .hero-carousel__pips--selector-left,
	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector .hero-carousel__pips--selector-right {
		position: absolute;
		height: 100%;
		width: 100%;
		border-radius: 9999px;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-300), var(--tw-bg-opacity));
		clip: rect(0px, 1rem, 1rem, .5rem)
	}

	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector .hero-carousel__pips--selector-left .fill,
	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector .hero-carousel__pips--selector-right .fill {
		position: absolute;
		height: 100%;
		width: 100%;
		border-radius: 9999px;
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity));
		clip: rect(0px, .5rem, 1rem, 0px)
	}

	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector .hero-carousel__pips--selector-left .fill {
		z-index: 1;
		animation: left calc(var(--toggle-duration) / 2) linear both
	}

	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector .hero-carousel__pips--selector-right {
		z-index: 3;
		transform: rotate(180deg)
	}

	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips.is-current .hero-carousel__pips--selector .hero-carousel__pips--selector-right .fill {
		z-index: 3;
		animation: right calc(var(--toggle-duration) / 2) linear both;
		animation-delay: calc(var(--toggle-duration) / 2)
	}

	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips .hero-carousel__pips--slideTitle {
		font-size: 1rem;
		line-height: 1.6;
		line-height: 1rem;
		letter-spacing: .025em;
		color: #0009;
		font-weight: 600;
		margin-bottom: .75rem;
		display: none
	}

	@media (min-width: 1024px) {
		.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips .hero-carousel__pips--slideTitle {
			display: block
		}
	}

	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips .hero-carousel__pips--slideTitle {
		transition-property: all;
		transition-duration: .5s;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1)
	}

	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips .hero-carousel__pips--selector {
		height: .75rem;
		width: .75rem;
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
		transition-duration: .5s;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		border-radius: 9999px;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-300), var(--tw-bg-opacity))
	}

	@media (min-width: 1024px) {
		.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips .hero-carousel__pips--selector {
			height: 4px;
			width: 12rem;
			margin-bottom: 2rem
		}
	}

	.button--text:hover .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips .hero-carousel__pips--selector,
	.button--text-small:hover .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips .hero-carousel__pips--selector {
		background-size: 100% 100%
	}

	.button--text-small .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips .hero-carousel__pips--selector {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips .hero-carousel__pips--selector {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips .hero-carousel__pips--selector) {
		background-position: right
	}

	.button--text .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips .hero-carousel__pips--selector {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips .hero-carousel__pips--selector {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips .hero-carousel__pips--selector,
	.sticky-navigation__anchor.active .hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips .hero-carousel__pips--selector {
		background-size: 100% 100%
	}

	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips .hero-carousel__pips--selector {
		position: relative;
		overflow: hidden
	}

	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips .hero-carousel__pips--selector:after {
		display: none
	}

	@media (min-width: 1024px) {
		.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips .hero-carousel__pips--selector:after {
			display: block
		}
	}

	.hero-slider__nav .hero-carousel__nav ul li .hero-carousel__pips .hero-carousel__pips--selector:after {
		content: "";
		position: absolute;
		top: 0px;
		left: 0px;
		height: 4px;
		background-color: transparent;
		width: 0%;
		border-radius: 9999px;
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .15s
	}

	.image-card {
		height: 100%;
		overflow: hidden;
		border-radius: 3px;
		--tw-shadow: 0 4px 3px rgb(0 0 0 / 0);
		--tw-shadow-colored: 0 4px 3px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
		--tw-shadow-color: transparent;
		--tw-shadow: var(--tw-shadow-colored)
	}

	@media (min-width: 768px) {
		.image-card {
			justify-items: stretch
		}
	}

	.image-card {
		transition: filter .5s;
		transition: box-shadow .5s
	}

	.image-card:not(.image-card__plain-card):not(.image-card__directory-card):not(.image-card__rounded-card):not(.image-card__listCard):not(.image-card__offsetCarousel) {
		--tw-shadow: 0 10px 20px rgb(35 35 35 / 8%);
		--tw-shadow-colored: 0 10px 20px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.image-card__listCard .image-card__inner {
		flex-direction: row
	}

	.image-card__listCard .image-card__icon {
		margin-top: 1.25rem;
		padding: 0
	}

	.image-card__listCard .image-card__icon>* {
		height: 3rem;
		width: 3rem
	}

	:is([dir="ltr"] .image-card__listCard .image-card__icon > *) {
		margin-right: 5px
	}

	:is([dir="rtl"] .image-card__listCard .image-card__icon > *) {
		margin-left: 5px
	}

	.image-card__listCard .image-card__content {
		margin-top: 1.5rem;
		padding-left: 0;
		padding-right: 0
	}

	.image-card__listCard .image-card__title {
		margin-bottom: .75rem
	}

	.image-card__border-card .image-card__inner {
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.image-card__border-card .image-card__title,
	.image-card__border-card .image-card__copy {
		text-align: center
	}

	.image-card__border-card:not(.image-card__svg-type) .image-card__image-ratio {
		display: flex;
		aspect-ratio: 4/3;
		max-height: 200px;
		width: 100%;
		align-items: center;
		justify-content: center
	}

	.image-card__border-card:not(.image-card__svg-type) .image-card__image-ratio img {
		height: 100%;
		max-height: 200px;
		width: 100%;
		-o-object-fit: contain;
		object-fit: contain
	}

	.image-card__border-card .image-card__icon svg path {
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .15s
	}

	.image-card__shadow-card.image-card__image-type .image-card__inner {
		display: flex;
		flex-direction: column;
		align-items: center
	}

	.image-card__shadow-card.image-card__image-type .image-card__title,
	.image-card__shadow-card.image-card__image-type .image-card__copy {
		text-align: center
	}

	.image-card__success-card.image-card__image-type .image-card__inner {
		display: flex;
		height: 100%;
		flex-direction: column;
		align-items: center
	}

	.image-card__success-card .image-card__content {
		width: 100%;
		padding-left: 0;
		padding-right: 0
	}

	.image-card__success-card .image-card__copy {
		margin-top: 1.25rem;
		padding-left: 1rem;
		padding-right: 1rem;
		text-align: left
	}

	.image-card__success-card .image-card__quote-icon {
		position: absolute;
		top: -3rem;
		left: 1.75rem
	}

	.image-card__success-card .image-card__line {
		border-bottom-width: 1px;
		--tw-border-opacity: 1;
		border-bottom-color: rgba(var(--color-gray-400), var(--tw-border-opacity))
	}

	.image-card__success-card .image-card__quote {
		margin-top: 1.25rem;
		margin-bottom: 1.25rem;
		padding-left: 1rem;
		padding-right: 1rem;
		font-size: .875rem;
		line-height: 1.828;
		line-height: 1rem;
		--tw-text-opacity: 1;
		color: rgb(121 121 121 / var(--tw-text-opacity))
	}

	.image-card__success-card .image-card__quote span {
		margin-bottom: .75rem;
		display: block;
		font-size: 1rem;
		line-height: 1.6;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-900), var(--tw-text-opacity))
	}

	.image-card__success-card .image-card__icon {
		margin-bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-left: 1rem;
		padding-right: 1rem;
		padding-top: 0;
		height: 16rem;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	@media (min-width: 768px) {
		.image-card__success-card .image-card__icon {
			height: 13rem
		}
	}

	.image-card__success-card .image-card__icon:empty {
		width: 100%
	}

	.image-card__success-card .image-card__icon img {
		max-height: 210px
	}

	@media (min-width: 768px) {
		.image-card__success-card .image-card__icon img {
			max-height: 184px
		}
	}

	.image-card__success-card .image-card__icon img {
		-o-object-fit: contain;
		object-fit: contain
	}

	.image-card__success-card .image-card__image {
		height: 16rem;
		min-width: 100%;
		overflow: hidden;
		--tw-bg-opacity: 1;
		background-color: rgb(246 247 250 / var(--tw-bg-opacity));
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat
	}

	@media (min-width: 768px) {
		.image-card__success-card .image-card__image {
			height: 13rem
		}
	}

	.image-card__plain-card {
		background-color: #fff0
	}

	.image-card__plain-card .image-card__inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #fff0
	}

	.image-card__plain-card .image-card__title,
	.image-card__plain-card .image-card__copy {
		text-align: center
	}

	.image-card__plain-card .image-card__icon {
		margin-bottom: 0;
		padding-top: 0
	}

	.image-card__plain-card .image-card__icon img {
		max-height: 210px
	}

	@media (min-width: 768px) {
		.image-card__plain-card .image-card__icon img {
			max-height: 114px
		}
	}

	.image-card__plain-card .image-card__icon img {
		-o-object-fit: contain;
		object-fit: contain
	}

	.image-card__plain-card .image-card__image-ratio {
		display: flex;
		aspect-ratio: 10/3;
		width: 100%;
		align-items: center;
		justify-content: center
	}

	@media (min-width: 1280px) {
		.image-card__plain-card .image-card__image-ratio {
			aspect-ratio: 2/1
		}
	}

	.image-card__plain-card .image-card__image-ratio {
		flex-grow: 0
	}

	.image-card__directory-card .image-card__title,
	.image-card__directory-card .image-card__copy {
		text-align: left
	}

	.image-card__directory-card .image-card__inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #fff0
	}

	.image-card__directory-card .image-card__content {
		margin-top: 0
	}

	.image-card__directory-card .image-card__title {
		margin-bottom: 1.75rem
	}

	.image-card__directory-card .image-card__copy {
		margin-bottom: 0;
		text-align: left
	}

	.image-card__directory-card .image-card__copy a {
		font-size: 1rem;
		line-height: 1.6;
		font-weight: 400;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-700), var(--tw-text-opacity))
	}

	.image-card__directory-card .image-card__icon {
		padding-top: 0
	}

	.image-card__partner-integrations .image-card__inner {
		flex-direction: column
	}

	@media (min-width: 1024px) {
		.image-card__partner-integrations .image-card__inner {
			flex-direction: row
		}
	}

	.button--text:hover .image-card__partner-integrations .image-card__brand,
	.button--text-small:hover .image-card__partner-integrations .image-card__brand {
		background-size: 100% 100%
	}

	.button--text-small .image-card__partner-integrations .image-card__brand {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .image-card__partner-integrations .image-card__brand {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .image-card__partner-integrations .image-card__brand) {
		background-position: right
	}

	.button--text .image-card__partner-integrations .image-card__brand {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .image-card__partner-integrations .image-card__brand {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .image-card__partner-integrations .image-card__brand,
	.sticky-navigation__anchor.active .image-card__partner-integrations .image-card__brand {
		background-size: 100% 100%
	}

	.image-card__partner-integrations .image-card__brand {
		position: relative;
		height: 200px;
		min-height: 220px;
		padding-left: 1.5rem;
		padding-right: 1.5rem
	}

	@media (min-width: 1024px) {
		.image-card__partner-integrations .image-card__brand {
			height: 100%;
			width: 160px
		}
	}

	.image-card__partner-integrations .image-card__brand img {
		position: static;
		max-height: 50px;
		-o-object-fit: contain;
		object-fit: contain
	}

	.image-card__partner-integrations .image-card__content {
		margin: 0;
		flex: 1 1 0%;
		padding: 1.5rem
	}

	.image-card__partner-integrations .image-card__title {
		margin-bottom: 1rem;
		font-size: 1.25rem;
		line-height: 1.15;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.image-card__partner-integrations .image-card__title {
			line-height: 1.25
		}
	}

	.image-card__partner-integrations .image-card__image {
		display: flex;
		height: 100%;
		width: 100%;
		align-items: center;
		justify-content: center
	}

	@media (min-width: 768px) {
		:is([dir="ltr"] .image-card__large .image-card__inner) {
			flex-direction: row !important
		}

		:is([dir="rtl"] .image-card__large .image-card__inner) {
			flex-direction: row-reverse !important
		}
	}

	.image-card__large .image-card__image {
		width: 100%;
		min-width: 0px
	}

	@media (min-width: 768px) {
		.image-card__large .image-card__image {
			height: 20rem;
			width: 50%
		}
	}

	.image-card__large .image-card__content {
		margin: 0;
		flex: 1 1 0%;
		padding: 2rem 1.5rem;
		text-align: center;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.image-card__large .image-card__content {
			text-align: start
		}
	}

	.button--text:hover .image-card__inner,
	.button--text-small:hover .image-card__inner {
		background-size: 100% 100%
	}

	.button--text-small .image-card__inner {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .image-card__inner {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .image-card__inner) {
		background-position: right
	}

	.button--text .image-card__inner {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .image-card__inner {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .image-card__inner,
	.sticky-navigation__anchor.active .image-card__inner {
		background-size: 100% 100%
	}

	.image-card__inner {
		position: relative;
		display: flex;
		flex-direction: column;
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity))
	}

	@media (min-width: 768px) {
		.image-card__inner {
			height: 100%
		}
	}

	.image-card__icon {
		margin-bottom: 1.25rem;
		display: flex;
		padding-left: 1rem;
		padding-right: 1rem;
		padding-top: 2.5rem
	}

	.image-card__icon svg {
		height: 4rem;
		width: auto;
		max-width: 120px
	}

	.image-card__image-ratio {
		display: flex;
		aspect-ratio: 10/3;
		width: 100%;
		align-items: center;
		justify-content: center
	}

	.button--text:hover .image-card__image,
	.button--text-small:hover .image-card__image {
		background-size: 100% 100%
	}

	.button--text-small .image-card__image {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .image-card__image {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .image-card__image) {
		background-position: right
	}

	.button--text .image-card__image {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .image-card__image {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .image-card__image,
	.sticky-navigation__anchor.active .image-card__image {
		background-size: 100% 100%
	}

	.image-card__image {
		position: relative;
		height: 16rem;
		min-width: 100%;
		overflow: hidden;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat
	}

	@media (min-width: 768px) {
		.image-card__image {
			height: 13rem
		}
	}

	.image-card__image>* {
		position: absolute;
		inset: 0px;
		height: 100%;
		width: 100%;
		overflow: hidden;
		-o-object-fit: cover;
		object-fit: cover
	}

	.button--text:hover .image-card__content,
	.button--text-small:hover .image-card__content {
		background-size: 100% 100%
	}

	.button--text-small .image-card__content {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .image-card__content {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .image-card__content) {
		background-position: right
	}

	.button--text .image-card__content {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .image-card__content {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .image-card__content,
	.sticky-navigation__anchor.active .image-card__content {
		background-size: 100% 100%
	}

	.image-card__content {
		position: relative;
		margin-top: 1.25rem;
		padding-left: 1rem;
		padding-right: 1rem
	}

	.media-with-text__items-wrap .image-card__title {
		font-size: 1.125rem;
		line-height: 1.39;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.image-card__title {
		margin-bottom: 1.25rem;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-size: 1.125rem;
		line-height: 1.39;
		font-weight: 700;
		font-size: clamp(1rem, 2.5vw, 1.125rem)
	}

	.image-card__copy {
		margin-bottom: 1.25rem;
		font-size: 1rem;
		line-height: 1.6;
		line-height: 1.5rem
	}

	.image-card__copy a {
		font-size: 1rem;
		line-height: 1.6;
		font-weight: 400;
		line-height: 1.5rem
	}

	.image-card__label {
		position: absolute;
		top: 1.75rem;
		z-index: 10;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
		padding: .25rem .5rem;
		font-size: .75rem;
		line-height: 1.8
	}

	:is([dir="ltr"] .image-card__label) {
		left: 0px;
		margin-right: 1rem;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px
	}

	:is([dir="rtl"] .image-card__label) {
		right: 0px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px
	}

	.image-card__button {
		padding-left: 1rem;
		padding-right: 1rem;
		padding-bottom: 1rem
	}

	.image-card__button:last-child {
		padding-bottom: 1.5rem
	}

	.image-card__button .button {
		white-space: normal;
		text-align: center
	}

	.image-card__button .button--text {
		margin-top: -.25rem;
		margin-bottom: -.25rem;
		white-space: normal;
		padding: .25rem 1rem;
		text-align: center
	}

	.button--text:hover .image-card__gridLinks,
	.button--text-small:hover .image-card__gridLinks {
		background-size: 100% 100%
	}

	.button--text-small .image-card__gridLinks {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .image-card__gridLinks {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .image-card__gridLinks) {
		background-position: right
	}

	.button--text .image-card__gridLinks {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .image-card__gridLinks {
		margin-top: .25rem
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.image-card__gridLinks {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.image-card__gridLinks {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.image-card__gridLinks {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.image-card__gridLinks {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.image-card__gridLinks {
		animation: menu-fade .18s ease-in-out 1
	}

	.sticky-navigation__anchor:hover .image-card__gridLinks,
	.sticky-navigation__anchor.active .image-card__gridLinks {
		background-size: 100% 100%
	}

	.image-card__gridLinks {
		position: relative;
		margin-top: 1rem;
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		-moz-column-gap: 1.25rem;
		column-gap: 1.25rem;
		row-gap: .75rem
	}

	@media (min-width: 640px) {
		.image-card__gridLinks {
			grid-template-columns: repeat(2, minmax(0, 1fr))
		}
	}

	.image-card__gridLinks:after {
		position: absolute;
		top: 10%;
		display: none;
		height: 80%;
		width: 1px;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-300), var(--tw-bg-opacity));
		--tw-content: "";
		content: var(--tw-content)
	}

	:is([dir="ltr"] .image-card__gridLinks):after {
		left: 50%
	}

	:is([dir="rtl"] .image-card__gridLinks):after {
		right: 50%
	}

	@media (min-width: 640px) {
		.image-card__gridLinks:after {
			display: block
		}
	}

	.image-card__gridLinks.no-divider:after {
		content: none
	}

	.image-card.image-card__rounded-card {
		border-radius: .75rem
	}

	.image-card.image-card__rounded-card .image-card__inner .image-card__icon {
		padding-top: 1rem
	}

	.image-card.image-card__rounded-card .image-card__inner .image-card__content {
		margin-top: 0
	}

	.image-card.image-card__rounded-card .image-card__inner .image-card__content .image-card__title,
	.image-card.image-card__rounded-card .image-card__inner .image-card__content .image-card__copy {
		text-align: center
	}

	.image-card.image-card__rounded-card .image-card__inner .image-card__button {
		display: flex;
		justify-content: center
	}

	.image-card.image-card__bg-brand-500 .image-card__inner {
		background: linear-gradient(90deg, #ebf2fa 0%, #ebf7fd 45.5%) !important
	}

	.image-card.image-card__bg-transparent .image-card__inner {
		background-color: transparent !important
	}

	.image-card.image-card__bg-black .image-card__inner {
		--tw-bg-opacity: 1 !important;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important
	}

	.image-card.image-card__bg-gray-100 .image-card__inner {
		--tw-bg-opacity: 1 !important;
		background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity)) !important
	}

	.image-card.image-card__bg-gray-50 .image-card__inner {
		--tw-bg-opacity: 1 !important;
		background-color: rgba(var(--color-gray-50), var(--tw-bg-opacity)) !important
	}

	.image-card.image-card__bg-gray-700 .image-card__inner {
		--tw-bg-opacity: 1 !important;
		background-color: rgba(var(--color-gray-700), var(--tw-bg-opacity)) !important
	}

	.image-card.image-card__bg-brand-nav .image-card__inner {
		--tw-bg-opacity: 1 !important;
		background-color: rgba(var(--color-brand-nav), var(--tw-bg-opacity)) !important
	}

	a.image-card:not(.image-card__plain-card) {
		display: block;
		font-weight: 400;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-900), var(--tw-text-opacity))
	}

	a.image-card:not(.image-card__plain-card):hover {
		text-decoration-line: none;
		--tw-shadow: 0 6px 10px rgb(0 0 0 / 20%), 0 0 6px rgb(0 0 0 / 20%);
		--tw-shadow-colored: 0 6px 10px var(--tw-shadow-color), 0 0 6px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	a.image-card__border-card {
		border-width: 1px;
		border-color: #0000004d
	}

	a.image-card__border-card:hover {
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-brand-300), var(--tw-border-opacity))
	}

	a.image-card__border-card:hover .image-card__icon svg path {
		stroke: currentColor;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-300), var(--tw-text-opacity))
	}

	a.image-card__plain-card {
		display: block;
		font-weight: 400;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-900), var(--tw-text-opacity))
	}

	a.image-card__plain-card:hover {
		text-decoration-line: none;
		--tw-shadow: 0 10px 20px rgb(35 35 35 / 8%);
		--tw-shadow-colored: 0 10px 20px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.industry-hero {
		display: flex;
		height: 100%;
		flex-wrap: wrap;
		justify-content: center;
		overflow: hidden;
		--tw-bg-opacity: 1;
		background-color: rgb(242 242 242 / var(--tw-bg-opacity))
	}

	.industry-hero__container.rounded-container {
		border-radius: 1.5rem
	}

	@media (min-width: 1024px) {
		.industry-hero__container.rounded-container {
			border-radius: 50px
		}
	}

	.industry-hero__container {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding-right: 1rem;
		padding-left: 1rem
	}

	@media (min-width: 350px) {
		.industry-hero__container {
			max-width: 350px
		}
	}

	@media (min-width: 520px) {
		.industry-hero__container {
			max-width: 520px
		}
	}

	@media (min-width: 768px) {
		.industry-hero__container {
			max-width: 768px;
			padding-right: 2rem;
			padding-left: 2rem
		}
	}

	@media (min-width: 1024px) {
		.industry-hero__container {
			max-width: 1024px
		}
	}

	@media (min-width: 1160px) {
		.industry-hero__container {
			max-width: 1160px
		}
	}

	@media (min-width: 1280px) {
		.industry-hero__container {
			max-width: 1280px
		}
	}

	@media (min-width: 1408px) {
		.industry-hero__container {
			max-width: 1408px
		}
	}

	@media (min-width: 1536px) {
		.industry-hero__container {
			max-width: 1536px
		}
	}

	@media (min-width: 1728px) {
		.industry-hero__container {
			max-width: 1728px
		}
	}

	@media (min-width: 1920px) {
		.industry-hero__container {
			max-width: 1920px
		}
	}

	@media (min-width: 2560px) {
		.industry-hero__container {
			max-width: 2560px
		}
	}

	.industry-hero__container {
		max-width: 100%
	}

	@media (min-width: 640px) {
		.industry-hero__container {
			max-width: 640px
		}
	}

	@media (min-width: 768px) {
		.industry-hero__container {
			max-width: 768px
		}
	}

	@media (min-width: 900px) {
		.industry-hero__container {
			max-width: 900px
		}
	}

	@media (min-width: 1024px) {
		.industry-hero__container {
			max-width: 1244px
		}
	}

	@media (min-width: 1280px) {
		.industry-hero__container {
			max-width: 1244px
		}
	}

	@media (min-width: 1536px) {
		.industry-hero__container {
			max-width: 1244px
		}
	}

	dialog .industry-hero__container:has(.form) {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	.table-of-contents.altLayout .table-of-contents__content .industry-hero__container:last-child {
		margin-bottom: 0
	}

	@media (min-width: 1024px) {
		.table-of-contents__content .industry-hero__container {
			padding-left: 1rem;
			padding-right: 1rem
		}

		.table-of-contents__content .industry-hero__container .container .media-with-text {
			padding-left: .75rem;
			padding-right: .75rem
		}
	}

	@media (min-width: 1024px) {
		.tabsSlider__content .industry-hero__container {
			padding-top: 2.5rem;
			padding-bottom: 2.5rem
		}
	}

	.tabsSlider__content .industry-hero__container {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem
	}

	@media (min-width: 768px) {
		.tabsSlider__content .industry-hero__container {
			padding-left: 3rem;
			padding-right: 3rem
		}
	}

	@media (min-width: 1024px) {
		.tabsSlider__content .industry-hero__container {
			padding-top: 3rem;
			padding-bottom: 3rem
		}
	}

	.industry-hero__container {
		margin-left: auto;
		margin-right: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		padding-top: 2.5rem;
		padding-bottom: 60px
	}

	@media (min-width: 640px) {
		.industry-hero__container {
			padding-bottom: 120px
		}
	}

	@media (min-width: 768px) {
		.industry-hero__container {
			justify-content: space-between
		}
	}

	@media (min-width: 1024px) {
		.industry-hero__container {
			max-width: 930px;
			padding-left: 0;
			padding-right: 0
		}
	}

	.media-with-text__items-wrap .industry-hero__headline {
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 400;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.industry-hero__headline {
		margin-left: auto;
		margin-right: auto;
		max-width: 830px;
		padding-top: 1rem;
		padding-bottom: 1rem;
		text-align: center;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 3rem;
		line-height: 1.1875;
		font-weight: 500;
		text-transform: none;
		font-size: clamp(2.1875rem, 2.5vw, 3rem)
	}

	@media (min-width: 768px) {
		.industry-hero__headline {
			font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
		}
	}

	@media (min-width: 1024px) {
		.industry-hero__headline {
			font-size: clamp(2.1875rem, 2.6vw, 3rem)
		}
	}

	.industry-hero__content {
		margin-left: auto;
		margin-right: auto;
		max-width: 830px;
		padding-top: 1rem;
		padding-bottom: 1rem;
		text-align: center
	}

	.industry-hero__cta-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-top: 1rem;
		padding-bottom: 1rem
	}

	@media (min-width: 768px) {
		.industry-hero__cta-wrapper {
			flex-direction: row
		}
	}

	.industry-hero__cta-wrapper .button {
		margin-left: 1rem;
		margin-right: 1rem
	}

	.industry-hero__cta-wrapper .button:first-child {
		margin-bottom: 1rem
	}

	@media (min-width: 768px) {
		.industry-hero__cta-wrapper .button:first-child {
			margin-bottom: 0
		}
	}

	.industry-hero__cta-wrapper .button.button--primary {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-brand-500), var(--tw-bg-opacity))
	}

	.industry-hero__cta-wrapper .button.button--primary:hover {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-brand-700), var(--tw-bg-opacity))
	}

	.industry-hero__cta-wrapper .button.button--text {
		padding-top: 0;
		padding-bottom: 0;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.button--text:hover .industry-hero__media-wrapper,
	.button--text-small:hover .industry-hero__media-wrapper {
		background-size: 100% 100%
	}

	.button--text-small .industry-hero__media-wrapper {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .industry-hero__media-wrapper {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .industry-hero__media-wrapper) {
		background-position: right
	}

	.button--text .industry-hero__media-wrapper {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .industry-hero__media-wrapper {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .industry-hero__media-wrapper,
	.sticky-navigation__anchor.active .industry-hero__media-wrapper {
		background-size: 100% 100%
	}

	.industry-hero__media-wrapper {
		position: relative;
		padding-top: 1rem;
		padding-bottom: 1rem
	}

	.industry-hero__media {
		margin-left: auto;
		margin-right: auto;
		max-width: 70%;
		overflow: hidden
	}

	@media (min-width: 1024px) {
		.industry-hero__media {
			max-width: 655px
		}
	}

	.industry-hero__media {
		border-radius: 10px;
		border-width: 7px;
		border-style: solid;
		border-color: transparent;
		background: linear-gradient(#fff, #fff) padding-box, linear-gradient(to right, color-mix(in srgb, #005eb8, white 92%), color-mix(in srgb, #b7bf10, white 92%)) border-box;
		box-shadow: 2px 6px 13.1px #00000026
	}

	.industry-hero__media.with-video-main.aspect-default {
		aspect-ratio: 16/9
	}

	.industry-hero__media.with-video-main.aspect-natural {
		aspect-ratio: auto
	}

	.industry-hero__media.with-video-main.aspect-square {
		aspect-ratio: 1/1
	}

	.industry-hero__media.with-video-main.aspect-landscape {
		aspect-ratio: 4/3
	}

	.industry-hero__media.with-video-main.aspect-portrait {
		aspect-ratio: 3/4
	}

	.industry-hero__media.without-secondary-image {
		max-width: 700px
	}

	.industry-hero__media-secondary {
		position: absolute;
		bottom: 0px;
		left: 0px;
		right: 0px;
		top: 0px;
		z-index: 10
	}

	.industry-hero__media-secondary img {
		height: 100%;
		width: 100%;
		-o-object-fit: contain;
		object-fit: contain
	}

	.logos {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem
	}

	@media (min-width: 768px) {
		.logos {
			padding-top: 2rem;
			padding-bottom: 2rem
		}
	}

	.logos__headline {
		margin-bottom: 1.25rem;
		text-align: center
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.logos__batch {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.logos__batch {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.logos__batch {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.logos__batch {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.logos__batch {
		animation: menu-fade .18s ease-in-out 1
	}

	.logos__batch {
		display: grid;
		gap: 2rem
	}

	@media (min-width: 640px) {
		.logos__batch {
			gap: 3.5rem
		}
	}

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

	@media (min-width: 640px) {
		.logos__batch {
			grid-auto-columns: calc(12.5% - 3.5rem)
		}
	}

	.logos__batch {
		justify-content: center;
		align-items: center
	}

	@media (min-width: 1024px) {
		.logos__batch {
			grid-template-columns: none;
			grid-auto-flow: column
		}
	}

	@media (min-width: 768px) {
		@media not all and (min-width: 1024px) {
			.logos__batch {
				width: 75%;
				margin-left: auto;
				margin-right: auto
			}
		}
	}

	:is([dir="rtl"] .logos__batch) {
		--tw-scale-x: -1;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	:is([dir="rtl"] .logos__batch > *) {
		--tw-scale-x: -1;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.logos__item,
	.logos button {
		opacity: .65;
		--tw-brightness: brightness(0);
		filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
	}

	.logos__item {
		width: 100%
	}

	.industry-hero__media.with-video-main.logos__item {
		aspect-ratio: 1/1
	}

	.logos__item {
		display: flex;
		aspect-ratio: 1 / 1;
		align-items: center;
		justify-content: center
	}

	.logos__item>* {
		max-width: 90px;
		-o-object-fit: contain;
		object-fit: contain;
		height: auto;
		width: 100%
	}

	.media-items-list-links {
		--icon-size: 3rem;
		--altIcon-size: 36px;
		--icon-mr: 1rem
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.media-items-list-links {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.media-items-list-links {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.media-items-list-links {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.media-items-list-links {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.media-items-list-links {
		animation: menu-fade .18s ease-in-out 1
	}

	.media-items-list-links {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 2rem;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-900), var(--tw-text-opacity));
		margin-top: 1rem;
		margin-bottom: 1rem
	}

	.media-items-list-links:first-child {
		margin-top: 0
	}

	.media-items-list-links:last-child {
		margin-bottom: 0
	}

	@media (min-width: 768px) {
		.media-items-list-links {
			margin-top: 2rem;
			margin-bottom: 2rem
		}

		.media-items-list-links.media-items-list--2 {
			grid-template-columns: repeat(2, minmax(0, 1fr))
		}
	}

	.media-items-list-links__item {
		display: flex;
		flex-direction: column
	}

	.media-items-list-links__item.active .media-items-list-links__content-wrap {
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	.media-items-list-links__item.active .media-items-list-links__content-wrap svg path,
	.media-items-list-links__item.active .media-items-list-links__content-wrap svg circle {
		stroke: rgb(var(--color-brand-500))
	}

	.media-items-list-links__item.active .media-items-list-links__item-headline {
		background-size: 100% 100%
	}

	.media-items-list-links__item-icon {
		height: var(--icon-size);
		width: var(--icon-size);
		flex-shrink: 0
	}

	:is([dir="ltr"] .media-items-list-links__item-icon) {
		margin-right: var(--icon-mr)
	}

	:is([dir="rtl"] .media-items-list-links__item-icon) {
		margin-left: var(--icon-mr)
	}

	.media-items-list-links__item-icon>* {
		height: 100%;
		width: 100%;
		-o-object-fit: contain;
		object-fit: contain
	}

	.media-items-list-links__item-headline {
		font-weight: 700;
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .media-items-list-links__item-headline) {
		background-position: right
	}

	.media-items-list-links__item-headline {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.media-items-list-links__content-wrap {
		display: flex;
		flex-direction: row;
		align-items: center;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.media-items-list-links__content-wrap:hover {
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	.media-items-list-links__content-wrap:hover svg path,
	.media-items-list-links__content-wrap:hover svg circle {
		stroke: rgb(var(--color-brand-500))
	}

	.media-items-list {
		--icon-size: 3rem;
		--altIcon-size: 36px;
		--icon-mr: 1rem
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.media-items-list {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.media-items-list {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.media-items-list {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.media-items-list {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.media-items-list {
		animation: menu-fade .18s ease-in-out 1
	}

	.media-items-list {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 1.5rem;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-900), var(--tw-text-opacity));
		margin-top: 1rem;
		margin-bottom: 1rem
	}

	.media-items-list:first-child {
		margin-top: 0
	}

	.media-items-list:last-child {
		margin-bottom: 0
	}

	@media (min-width: 768px) {
		.media-items-list {
			margin-top: 2rem;
			margin-bottom: 2rem
		}

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

	.media-items-list__item {
		display: flex;
		flex-direction: column
	}

	.media-items-list__item-icon {
		height: var(--icon-size);
		width: var(--icon-size);
		flex-shrink: 0
	}

	:is([dir="ltr"] .media-items-list__item-icon) {
		margin-right: var(--icon-mr)
	}

	:is([dir="rtl"] .media-items-list__item-icon) {
		margin-left: var(--icon-mr)
	}

	.media-items-list__item-icon>* {
		height: 100%;
		width: 100%;
		-o-object-fit: contain;
		object-fit: contain
	}

	.media-items-list__item-altIcon {
		height: var(--altIcon-size);
		width: var(--altIcon-size);
		flex-shrink: 0
	}

	:is([dir="ltr"] .media-items-list__item-altIcon) {
		margin-right: var(--icon-mr)
	}

	:is([dir="rtl"] .media-items-list__item-altIcon) {
		margin-left: var(--icon-mr)
	}

	.media-items-list__item-altIcon>* {
		height: 100%;
		width: 100%;
		-o-object-fit: contain;
		object-fit: contain
	}

	.media-items-list__item-headline {
		font-weight: 700
	}

	.media-items-list__item-conversionHeadline {
		font-size: 1.125rem;
		line-height: 1.39;
		font-weight: 700;
		line-height: 25px
	}

	.media-items-list__item-copy {
		margin-top: .5rem;
		font-size: 1rem;
		line-height: 1.6;
		line-height: 1.5rem
	}

	.media-items-list__item-cta {
		margin-top: 1.5rem
	}

	.media-items-list__item-cta:first-child {
		margin-top: 0
	}

	@media (min-width: 1024px) {
		:is([dir="ltr"] .media-items-list__item-cta) {
			margin-left: calc(var(--icon-size) + var(--icon-mr))
		}

		:is([dir="rtl"] .media-items-list__item-cta) {
			margin-right: calc(var(--icon-size) + var(--icon-mr))
		}
	}

	:is([dir="ltr"] .media-items-list__item-cta) {
		text-align: left
	}

	:is([dir="rtl"] .media-items-list__item-cta) {
		text-align: right
	}

	@media (min-width: 1024px) {

		:is([dir="ltr"] .media-items-list__item-cta.button-align-start),
		:is([dir="ltr"] .media-items-list__item-cta.button-align-start.no-icon) {
			margin-left: 0
		}

		:is([dir="rtl"] .media-items-list__item-cta.button-align-start),
		:is([dir="rtl"] .media-items-list__item-cta.button-align-start.no-icon) {
			margin-right: 0
		}
	}

	.media-items-list__content-wrap {
		display: flex;
		flex-direction: row
	}

	.media-items-list__item--cta-only-last {
		grid-column: 1 / -1
	}

	.media-items-list__link-arrow {
		margin-left: -1rem;
		padding-top: .25rem;
		padding-bottom: .25rem;
		padding-left: 1rem;
		padding-right: 0;
		font-size: 1rem;
		line-height: 1.6
	}

	.media-items-list__link-arrow span {
		white-space: pre-wrap
	}

	.media-items-list__dark-headline .media-items-list__item-headline {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.media-items-list.conversion {
		gap: 2rem
	}

	:is([dir="ltr"] .no-icon) {
		margin-left: 0
	}

	:is([dir="rtl"] .no-icon) {
		margin-right: 0
	}

	.media-with-text {
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-900), var(--tw-text-opacity))
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.media-with-text__header {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.media-with-text__header {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.media-with-text__header {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.media-with-text__header {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.media-with-text__header {
		animation: menu-fade .18s ease-in-out 1
	}

	.media-with-text__header {
		margin-bottom: 1.25rem;
		display: grid;
		text-align: center
	}

	@media (min-width: 768px) {
		.media-with-text__header {
			margin-bottom: 3rem
		}
	}

	@media (min-width: 1024px) {
		.media-with-text__header {
			grid-template-columns: repeat(12, minmax(0, 1fr))
		}
	}

	.media-with-text__header h2 {
		margin-bottom: 1.25rem
	}

	@media (min-width: 768px) {
		.media-with-text__header p {
			margin-bottom: 2rem
		}

		.media-with-text__header p:last-child {
			margin-bottom: 0
		}
	}

	.media-with-text__header-inner {
		--tw-border-spacing-x: 0px;
		--tw-border-spacing-y: 0px;
		border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
	}

	@media (min-width: 1024px) {
		.media-with-text__header-inner {
			grid-column: span 8 / span 8;
			grid-column-start: 3
		}
	}

	.media-with-text__header-inner p {
		font-size: 1rem;
		line-height: 1.6
	}

	@media (min-width: 1024px) {
		.media-with-text__header-inner:has(.headline-2-redesigned) {
			grid-column: span 12 / span 12;
			grid-column-start: 1
		}
	}

	:is([dir="ltr"] .media-with-text__header-inner:has(.headline-2-redesigned) p) {
		text-align: left
	}

	:is([dir="rtl"] .media-with-text__header-inner:has(.headline-2-redesigned) p) {
		text-align: right
	}

	.button--text:hover .media-with-text__grid,
	.button--text-small:hover .media-with-text__grid {
		background-size: 100% 100%
	}

	.button--text-small .media-with-text__grid {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .media-with-text__grid {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .media-with-text__grid) {
		background-position: right
	}

	.button--text .media-with-text__grid {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .media-with-text__grid {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .media-with-text__grid,
	.sticky-navigation__anchor.active .media-with-text__grid {
		background-size: 100% 100%
	}

	.media-with-text__grid {
		position: relative
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.media-with-text__grid {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.media-with-text__grid {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.media-with-text__grid {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.media-with-text__grid {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.media-with-text__grid {
		animation: menu-fade .18s ease-in-out 1
	}

	.media-with-text__grid {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		align-items: center;
		gap: 2rem
	}

	@media (min-width: 1024px) {
		.media-with-text__grid {
			grid-template-columns: repeat(2, minmax(0, 1fr))
		}
	}

	.media-with-text__grid+.media-with-text__grid {
		margin-top: 3rem
	}

	@media (min-width: 768px) {
		.media-with-text__grid+.media-with-text__grid {
			margin-top: 4rem
		}
	}

	.media-with-text__grid--image-right .media-with-text__items-wrap {
		order: 1
	}

	@media (min-width: 1024px) {
		.media-with-text__grid--image-right .media-with-text__items-wrap {
			order: -1
		}

		.media-with-text__grid.media-with-text__layout-offset {
			grid-template-columns: 2fr 3fr
		}
	}

	.button--text:hover .media-with-text__asset-wrapper,
	.button--text-small:hover .media-with-text__asset-wrapper {
		background-size: 100% 100%
	}

	.button--text-small .media-with-text__asset-wrapper {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .media-with-text__asset-wrapper {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .media-with-text__asset-wrapper) {
		background-position: right
	}

	.button--text .media-with-text__asset-wrapper {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .media-with-text__asset-wrapper {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .media-with-text__asset-wrapper,
	.sticky-navigation__anchor.active .media-with-text__asset-wrapper {
		background-size: 100% 100%
	}

	.media-with-text__asset-wrapper {
		position: relative;
		display: inline-block;
		vertical-align: middle
	}

	.media-with-text__asset-wrapper.image-rounded {
		overflow: hidden
	}

	.media-with-text__asset {
		display: flex;
		align-items: center;
		justify-content: center;
		transition-property: opacity;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .3s;
		transition-timing-function: cubic-bezier(0, 0, .2, 1)
	}

	.media-with-text__asset.is-fade-out {
		opacity: 0
	}

	.media-with-text__overlay-image {
		pointer-events: none;
		position: absolute;
		inset: 0px;
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		opacity: 0;
		transition-property: opacity;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .3s;
		transition-timing-function: cubic-bezier(0, 0, .2, 1)
	}

	.media-with-text__overlay-image.is-active {
		opacity: 1
	}

	.media-with-text__video {
		aspect-ratio: 4/3
	}

	.button--text:hover .media-with-text__video-poster,
	.button--text-small:hover .media-with-text__video-poster {
		background-size: 100% 100%
	}

	.button--text-small .media-with-text__video-poster {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .media-with-text__video-poster {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .media-with-text__video-poster) {
		background-position: right
	}

	.button--text .media-with-text__video-poster {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .media-with-text__video-poster {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .media-with-text__video-poster,
	.sticky-navigation__anchor.active .media-with-text__video-poster {
		background-size: 100% 100%
	}

	.media-with-text__video-poster {
		position: relative;
		display: block
	}

	.media-with-text__video-poster svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%)
	}

	.media-with-text__items-wrap {
		width: 100%
	}

	@media (min-width: 1024px) {
		.media-with-text__items-wrap {
			width: 91.666667%
		}
	}

	.media-with-text__items-wrap .headline-1 {
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 400;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.media-with-text__items-wrap .headline-4-inner {
		font-size: 1.125rem;
		line-height: 1.39;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.media-with-text__items-wrap p {
			margin-bottom: 1.5rem
		}

		.media-with-text__items-wrap p:last-child {
			margin-bottom: 0
		}
	}

	.media-with-text__items-wrap .prose .headline-2-redesigned {
		font-weight: 700
	}

	:is([dir="ltr"] .media-with-text__items-wrap .prose .headline-2-redesigned) {
		text-align: left
	}

	:is([dir="rtl"] .media-with-text__items-wrap .prose .headline-2-redesigned) {
		text-align: right
	}

	.media-with-text__content--start {
		text-align: start
	}

	.media-with-text__content--center {
		text-align: center
	}

	.media-with-text__content--end {
		text-align: end
	}

	.media-with-text__footer {
		margin-top: 1.75rem;
		margin-bottom: 6rem;
		text-align: center
	}

	.media-with-text__footer:last-child {
		margin-bottom: 0
	}

	.media-with-text__cards {
		margin-top: 2rem;
		text-align: center
	}

	.accordion-with-image__heading .media-with-text__cards .headline-3 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.stats--highlighted .stats__heading--headline .media-with-text__cards .headline-3 {
		margin-bottom: 1.25rem;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 1024px) {
		.stats--highlighted .stats__heading--headline .media-with-text__cards .headline-3 {
			margin-bottom: 0
		}
	}

	.tabsSlider__text-content .media-with-text__cards .headline-3 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.media-with-text__cards .headline-3 {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 400;
		font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
	}

	.media-with-text .card-block__grid {
		margin-top: 3rem;
		height: auto
	}

	.media-with-text__linked .media-with-text__asset-wrapper {
		display: none
	}

	@media (min-width: 1024px) {
		.media-with-text__linked .media-with-text__asset-wrapper {
			display: block
		}
	}

	.image-rounded {
		border-radius: 3px
	}

	:is([dir="ltr"] .no-icon) {
		margin-left: 0
	}

	:is([dir="rtl"] .no-icon) {
		margin-right: 0
	}

	.button--text:hover .nav,
	.button--text-small:hover .nav {
		background-size: 100% 100%
	}

	.button--text-small .nav {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .nav {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .nav) {
		background-position: right
	}

	.button--text .nav {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .nav {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .nav,
	.sticky-navigation__anchor.active .nav {
		background-size: 100% 100%
	}

	.nav {
		position: relative;
		display: none;
		height: calc(100vh - 60px);
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity))
	}

	@media (min-width: 1280px) {
		.nav {
			position: static;
			display: flex;
			height: auto;
			align-items: center
		}
	}

	@media not all and (min-width: 1280px) {
		.nav {
			width: 100vw;
			max-width: 100%;
			overflow-x: hidden
		}
	}

	.nav {
		font-size: .875rem;
		line-height: 1.828;
		scrollbar-width: none
	}

	.nav::-webkit-scrollbar {
		display: none
	}

	.nav .nav-img-link {
		display: none;
		justify-content: center
	}

	@media (min-width: 1280px) {
		.nav .nav-img-link {
			display: flex
		}
	}

	.nav .nav-img-link img {
		width: 100%
	}

	@media (min-width: 1280px) {
		.nav .nav-img-link img {
			width: 85%
		}
	}

	.is-nav-open .nav {
		display: block
	}

	:is([dir="ltr"] .is-nav-open .nav) {
		animation: slide-from-right .25s ease-in-out 1
	}

	@media (min-width: 1280px) {
		:is([dir="ltr"] .is-nav-open .nav) {
			animation: none
		}
	}

	:is([dir="rtl"] .is-nav-open .nav) {
		animation: slide-from-left .25s ease-in-out 1
	}

	@media (min-width: 1280px) {
		:is([dir="rtl"] .is-nav-open .nav) {
			animation: none
		}
	}

	.is-nav-open .nav {
		font-size: 1rem;
		line-height: 1.6
	}

	.is-nav-open .nav .navCTA {
		display: none
	}

	.nav__mobile-chevron {
		pointer-events: none
	}

	:is([dir="ltr"] .nav__mobile-chevron) {
		--tw-rotate: -90deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	@media (min-width: 1280px) {
		:is([dir="ltr"] .nav__mobile-chevron) {
			--tw-rotate: 0deg;
			transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
		}
	}

	:is([dir="rtl"] .nav__mobile-chevron) {
		--tw-rotate: 90deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	@media (min-width: 1280px) {
		:is([dir="rtl"] .nav__mobile-chevron) {
			--tw-rotate: 0deg;
			transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
		}
	}

	.nav__mobile-chevron svg {
		height: 10px;
		width: 10px
	}

	.nav__links {
		display: flex;
		flex-direction: column
	}

	.nav__links>:not([hidden])~:not([hidden]) {
		--tw-divide-y-reverse: 0;
		border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
		border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
		--tw-divide-opacity: 1;
		border-color: rgba(var(--color-gray-300), var(--tw-divide-opacity))
	}

	@media (min-width: 1280px) {
		.nav__links {
			height: 4rem;
			flex-shrink: 0;
			flex-direction: row;
			gap: 1.5rem
		}

		.nav__links>:not([hidden])~:not([hidden]) {
			--tw-divide-y-reverse: 0;
			border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
			border-bottom-width: calc(0px * var(--tw-divide-y-reverse))
		}
	}

	@media (min-width: 1370px) {
		.nav__links {
			gap: 2rem
		}
	}

	@media (min-width: 1280px) {
		.nav__parent[open] .nav__mobile-chevron {
			--tw-rotate: 180deg;
			transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
		}
	}

	.button--text:hover .nav__parent-link,
	.button--text-small:hover .nav__parent-link {
		background-size: 100% 100%
	}

	.button--text-small .nav__parent-link {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .nav__parent-link {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .nav__parent-link) {
		background-position: right
	}

	.button--text .nav__parent-link {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .nav__parent-link {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .nav__parent-link,
	.sticky-navigation__anchor.active .nav__parent-link {
		background-size: 100% 100%
	}

	.nav__parent-link {
		position: relative;
		display: flex;
		height: 100%;
		align-items: center;
		justify-content: space-between;
		gap: .5rem;
		padding: 1rem
	}

	@media (min-width: 768px) {
		.nav__parent-link {
			padding-left: 2rem;
			padding-right: 2rem
		}
	}

	@media (min-width: 1280px) {
		.nav__parent-link {
			padding-left: 0;
			padding-right: 0
		}
	}

	.nav__parent-link {
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .15s
	}

	.nav__parent-link:before {
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 0px;
		--tw-content: "";
		content: var(--tw-content);
		display: block;
		opacity: 0;
		height: 2px;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-brand-500), var(--tw-bg-opacity))
	}

	@media (min-width: 1280px) {

		.nav__parent:hover .nav__parent-link,
		.nav__parent[open] .nav__parent-link {
			--tw-text-opacity: 1;
			color: rgba(var(--color-brand-500), var(--tw-text-opacity))
		}

		.nav__parent[open] .nav__parent-link:before {
			content: var(--tw-content);
			opacity: 1
		}

		@keyframes fade-from-left {
			0% {
				content: var(--tw-content);
				transform: translate(-100%);
				opacity: 0
			}

			to {
				content: var(--tw-content);
				transform: translate(0);
				opacity: 1
			}
		}

		:is([dir="ltr"] .nav__parent[open] .nav__parent-link):before {
			content: var(--tw-content);
			animation: fade-from-left .25s ease-in-out 1
		}

		@keyframes fade-from-right {
			0% {
				content: var(--tw-content);
				transform: translate(100%);
				opacity: 0
			}

			to {
				content: var(--tw-content);
				transform: translate(0);
				opacity: 1
			}
		}

		:is([dir="rtl"] .nav__parent[open] .nav__parent-link):before {
			content: var(--tw-content);
			animation: fade-from-right .25s ease-in-out 1
		}
	}

	.nav__links-parent {
		display: flex;
		justify-content: space-between;
		padding: 1rem;
		font-weight: 400;
		color: currentColor
	}

	@media (min-width: 768px) {
		.nav__links-parent {
			padding-left: 0;
			padding-right: 0
		}
	}

	@media (min-width: 1280px) {
		.nav__links-parent {
			display: inline-block;
			padding-top: .625rem;
			padding-bottom: .625rem;
			font-weight: 700;
			--tw-text-opacity: 1;
			color: rgb(0 0 0 / var(--tw-text-opacity))
		}

		.nav__links-parent:is(a) {
			transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
			transition-timing-function: cubic-bezier(.4, 0, .2, 1);
			transition-duration: .15s
		}

		.nav__links-parent:is(a):hover {
			--tw-text-opacity: 1;
			color: rgba(var(--color-brand-500), var(--tw-text-opacity))
		}

		.nav__links-parent .nav__mobile-chevron {
			display: none
		}
	}

	.nav__links-link {
		display: inline-block;
		padding: 1rem;
		font-weight: 400;
		--tw-text-opacity: 1;
		color: rgba(var(--color-gray-700), var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.nav__links-link {
			padding-left: 2rem;
			padding-right: 2rem
		}
	}

	@media (min-width: 1280px) {
		.nav__links-link {
			padding-left: 0;
			padding-right: 0;
			padding-top: .5rem;
			padding-bottom: .5rem;
			transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
			transition-timing-function: cubic-bezier(.4, 0, .2, 1);
			transition-duration: .15s
		}

		.nav__links-link:hover {
			--tw-text-opacity: 1;
			color: rgba(var(--color-brand-500), var(--tw-text-opacity))
		}
	}

	.nav__back {
		display: flex;
		width: 100%;
		align-items: center;
		gap: .75rem;
		padding: 1rem;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.nav__back {
			padding-left: 2rem;
			padding-right: 2rem
		}
	}

	@media (min-width: 1280px) {
		.nav__back {
			padding: 0
		}
	}

	:is([dir="rtl"] .nav__back svg) {
		--tw-rotate: 180deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	body.is-nav-open {
		overflow: clip
	}

	details>.nav__children-menu {
		animation-duration: .25s
	}

	@media not all and (min-width: 1280px) {
		details>.nav__children-menu {
			height: calc(100vh + 64px)
		}
	}

	details>.nav__children-menu {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-brand-nav), var(--tw-bg-opacity))
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu {
			display: flex;
			justify-content: center
		}
	}

	details>.nav__children-menu .nav__children-menu-inner>:not([hidden])~:not([hidden]) {
		--tw-divide-y-reverse: 0;
		border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
		border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
		--tw-divide-opacity: 1;
		border-color: rgba(var(--color-gray-300), var(--tw-divide-opacity))
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu .nav__children-menu-inner>:not([hidden])~:not([hidden]) {
			--tw-divide-y-reverse: 0;
			border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
			border-bottom-width: calc(0px * var(--tw-divide-y-reverse))
		}
	}

	details>.nav__children-menu .nav__children-menu-inner {
		grid-template-columns: repeat(1, minmax(0, 1fr))
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu .nav__children-menu-inner {
			grid-template-columns: repeat(5, minmax(0, 1fr));
			width: 100%;
			max-width: 1280px
		}
	}

	details>.nav__children-menu .nav__children-menu-inner {
		display: grid
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu .nav__children-menu-inner .nav__children-menu-inner-column .nav__children-menu-inner-column__header {
			padding-left: .5rem;
			padding-right: .5rem
		}
	}

	details>.nav__children-menu .nav__children-menu-inner .nav__children-menu-inner-column .nav__children-menu-inner-column__header {
		border-bottom-width: 1px;
		border-color: transparent
	}

	details>.nav__children-menu .nav__children-menu-inner .nav__children-menu-inner-column .nav__children-menu-inner-column__header.headUnderline {
		--tw-border-opacity: 1;
		border-color: rgb(214 211 211 / var(--tw-border-opacity))
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu .nav__children-menu-inner .nav__children-menu-inner-column .nav__children-menu-inner-column__item {
			padding-left: .5rem;
			padding-right: .5rem
		}

		details>.nav__children-menu>.grid {
			visibility: hidden
		}
	}

	@keyframes slide-from-right {
		0% {
			transform: translate(100%)
		}

		to {
			transform: translate(0)
		}
	}

	:is([dir="ltr"] details[open] > .nav__children-menu) {
		animation: slide-from-right .25s ease-in-out 1
	}

	@media (min-width: 1280px) {
		:is([dir="ltr"] details[open] > .nav__children-menu) {
			animation: none
		}
	}

	@keyframes slide-from-left {
		0% {
			transform: translate(-100%)
		}

		to {
			transform: translate(0)
		}
	}

	:is([dir="rtl"] details[open] > .nav__children-menu) {
		animation: slide-from-left .25s ease-in-out 1
	}

	@media (min-width: 1280px) {
		:is([dir="rtl"] details[open] > .nav__children-menu) {
			animation: none
		}
	}

	details[open].slide-in>.nav__children-menu>.grid {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.grid {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.grid {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.grid {
		animation: menu-fade .18s ease-in-out 1
	}

	@keyframes slide-to-right {
		0% {
			transform: translate(0)
		}

		to {
			transform: translate(100%)
		}
	}

	:is([dir="ltr"] details[open].slide-out > .nav__children-menu) {
		animation: slide-to-right .25s ease-in-out 1
	}

	@keyframes slide-to-left {
		0% {
			transform: translate(0)
		}

		to {
			transform: translate(-100%)
		}
	}

	:is([dir="rtl"] details[open].slide-out > .nav__children-menu) {
		animation: slide-to-left .25s ease-in-out 1
	}

	details svg {
		pointer-events: none
	}

	.organization-card {
		border-radius: 8px;
		--tw-shadow: 0 10px 20px rgb(35 35 35 / 8%);
		--tw-shadow-colored: 0 10px 20px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	@media (min-width: 768px) {
		.organization-card {
			justify-items: stretch
		}
	}

	.organization-card {
		transition: filter .5s;
		transition: box-shadow .5s;
		padding: .5rem 1rem
	}

	.organization-card__inner {
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
		height: 100%
	}

	.button--text:hover .organization-card__image,
	.button--text-small:hover .organization-card__image {
		background-size: 100% 100%
	}

	.button--text-small .organization-card__image {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .organization-card__image {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .organization-card__image) {
		background-position: right
	}

	.button--text .organization-card__image {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .organization-card__image {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .organization-card__image,
	.sticky-navigation__anchor.active .organization-card__image {
		background-size: 100% 100%
	}

	.organization-card__image {
		position: relative;
		height: 5rem;
		min-width: 96px
	}

	.media-with-text__items-wrap .organization-card__title {
		font-size: 1.125rem;
		line-height: 1.39;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.organization-card__title {
		margin-bottom: .75rem;
		--tw-text-opacity: 1;
		color: rgb(10 37 64 / var(--tw-text-opacity));
		font-size: 1.125rem;
		line-height: 1.39;
		font-weight: 700;
		font-size: clamp(1rem, 2.5vw, 1.125rem)
	}

	.organization-card__divider {
		margin-bottom: 1.5rem;
		height: 1px;
		width: 100%;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	.organization-card__content {
		width: 100%;
		font-size: 1rem;
		line-height: 1.6;
		--tw-text-opacity: 1;
		color: rgb(77 77 77 / var(--tw-text-opacity))
	}

	.organization-card__content p {
		margin-bottom: .25rem
	}

	.organization-card__cityState {
		display: flex;
		flex-direction: row
	}

	.organization-card__cityState p {
		margin-bottom: .25rem
	}

	.organization-card__button {
		margin-top: auto
	}

	.organization-card__button a {
		padding-left: 0
	}

	.organization-card__button a span {
		font-size: 1.125rem;
		line-height: 1.39
	}

	.pagination ul {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: .5rem
	}

	.pagination__current-page {
		--tw-shadow: 0 10px 20px rgb(35 35 35 / 8%);
		--tw-shadow-colored: 0 10px 20px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.pagination__current-page .pagination__link {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.pagination__link {
		display: block;
		padding: .75rem 1rem;
		font-size: .875rem;
		line-height: 1;
		color: #0009
	}

	.pagination__link:hover {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.pagination__disabled {
		pointer-events: none;
		opacity: .25
	}

	:is([dir="rtl"] .pagination__prev),
	:is([dir="rtl"] .pagination__next) {
		--tw-rotate: 180deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.partner-integrations-listing__header {
		--tw-bg-opacity: 1;
		background-color: rgb(19 19 19 / var(--tw-bg-opacity));
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	@media (min-width: 768px) {
		.partner-integrations-listing__header {
			padding-bottom: 3rem;
			padding-top: 5rem
		}
	}

	.partner-integrations-listing__header {
		background: linear-gradient(-90deg, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .5) 100%), linear-gradient(0deg, rgba(11, 9, 112, .2) 0%, rgba(6, 6, 6, .5) 100%), linear-gradient(0deg, rgba(19, 19, 19, .8), rgb(78 78 78 / 80%))
	}

	.partner-integrations-listing__filters {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity));
		padding-top: 1rem;
		padding-bottom: 1rem
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.partner-integrations-listing__grid {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.partner-integrations-listing__grid {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.partner-integrations-listing__grid {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.partner-integrations-listing__grid {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.partner-integrations-listing__grid {
		animation: menu-fade .18s ease-in-out 1
	}

	.partner-integrations-listing__grid {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 2rem
	}

	@media (min-width: 768px) {
		.partner-integrations-listing__grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 2.5rem
		}
	}

	@media (min-width: 1024px) {
		.partner-integrations-listing__grid {
			gap: 3.5rem
		}
	}

	@media (min-width: 1280px) {
		.partner-integrations-listing__grid {
			-moz-column-gap: 6rem;
			column-gap: 6rem
		}
	}

	.partner-listing__headline {
		margin-bottom: 2rem;
		text-align: center
	}

	@media (min-width: 768px) {
		.partner-listing__headline {
			margin-bottom: 3.5rem
		}
	}

	.partner-listing__headline {
		display: flex;
		flex-direction: column;
		gap: 1.25rem;
		margin-left: auto;
		margin-right: auto;
		max-width: 94ch
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.partner-listing__inner {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.partner-listing__inner {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.partner-listing__inner {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.partner-listing__inner {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.partner-listing__inner {
		animation: menu-fade .18s ease-in-out 1
	}

	.partner-listing__inner {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 1rem
	}

	@media (min-width: 768px) {
		.partner-listing__inner {
			grid-template-columns: repeat(5, minmax(0, 1fr))
		}

		.partner-listing__sidebar {
			grid-column: span 1 / span 1
		}
	}

	.partner-listing__sidebar__title {
		font-weight: 700;
		margin-bottom: 1rem
	}

	.partner-listing__sidebar__filters ul li {
		font-size: .875rem;
		line-height: 1.828
	}

	@media (min-width: 768px) {
		.partner-listing__list {
			grid-column: span 4 / span 4
		}
	}

	.partner-listing__list .card-block__grid.filtered a:not(.active) {
		display: none
	}

	.partner-listing__list .image-card__icon {
		aspect-ratio: 16 / 9;
		width: 100%
	}

	.partner-listing__list .image-card__icon>* {
		aspect-ratio: inherit;
		width: 100%;
		-o-object-fit: contain;
		object-fit: contain
	}

	.product-card {
		justify-items: stretch;
		overflow: hidden;
		border-radius: 3px;
		--tw-shadow: 0 10px 20px rgb(35 35 35 / 8%);
		--tw-shadow-colored: 0 10px 20px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.button--text:hover .product-card__inner,
	.button--text-small:hover .product-card__inner {
		background-size: 100% 100%
	}

	.button--text-small .product-card__inner {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .product-card__inner {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .product-card__inner) {
		background-position: right
	}

	.button--text .product-card__inner {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .product-card__inner {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .product-card__inner,
	.sticky-navigation__anchor.active .product-card__inner {
		background-size: 100% 100%
	}

	.product-card__inner {
		position: relative;
		display: flex;
		height: 100%;
		flex-direction: column;
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		padding-bottom: 1rem
	}

	.product-card__image {
		display: flex;
		aspect-ratio: 14/4;
		align-items: flex-start;
		justify-content: center
	}

	@media (min-width: 1024px) {
		.product-card__image {
			aspect-ratio: 7/4
		}
	}

	.product-card__image img {
		-o-object-fit: contain;
		object-fit: contain;
		height: 100%;
		max-height: 325px
	}

	@media (min-width: 768px) {
		.product-card__image img {
			max-height: 125px
		}
	}

	@media (min-width: 1024px) {
		.product-card__image img {
			max-height: 150px
		}
	}

	@media (min-width: 1280px) {
		.product-card__image img {
			max-height: 200px
		}
	}

	.product-card a.product-card__image {
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .15s
	}

	.product-card a.product-card__image:hover {
		opacity: .9
	}

	.product-card a.product-card__image:focus-visible {
		opacity: .9
	}

	.product-card__title {
		margin-top: 1rem;
		margin-bottom: .75rem;
		font-size: 1.125rem;
		line-height: 1.39;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.media-with-text__items-wrap .product-card__title {
			font-size: 1.125rem;
			line-height: 1.39;
			font-weight: 700;
			--tw-text-opacity: 1;
			color: rgb(0 0 0 / var(--tw-text-opacity))
		}

		.product-card__title {
			font-size: 1.125rem;
			line-height: 1.39;
			font-weight: 700;
			font-size: clamp(1rem, 2.5vw, 1.125rem)
		}
	}

	.product-card__badges {
		margin-bottom: 1rem;
		display: flex;
		justify-content: center
	}

	.product-card__badge--wrapper,
	.product-card__badge--group {
		display: flex;
		flex-direction: row;
		gap: .5rem
	}

	.button--text:hover .product-card__badge,
	.button--text-small:hover .product-card__badge {
		background-size: 100% 100%
	}

	.button--text-small .product-card__badge {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .product-card__badge {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .product-card__badge) {
		background-position: right
	}

	.button--text .product-card__badge {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .product-card__badge {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .product-card__badge,
	.sticky-navigation__anchor.active .product-card__badge {
		background-size: 100% 100%
	}

	.product-card__badge {
		position: relative;
		display: inline-block;
		border-radius: 9px;
		padding: 1px
	}

	.product-card__badge:before {
		position: absolute;
		top: -1px;
		right: -1px;
		bottom: -1px;
		left: -1px;
		z-index: -1px;
		border-radius: .5rem;
		--tw-content: "";
		content: var(--tw-content)
	}

	.product-card__badge--unity {
		background-image: linear-gradient(to left, #00a3e0f2 0%, #005eb8 90%);
		box-shadow: 0 2px 5.5px #0000001a
	}

	.product-card__badge--unity p {
		--tw-bg-opacity: 1;
		background-color: rgb(242 250 253 / var(--tw-bg-opacity))
	}

	.product-card__badge--alta {
		background-image: linear-gradient(to left, #b7bf10f2 0%, #005eb8 90%);
		box-shadow: 0 2px 5.5px #0000001a
	}

	.product-card__badge--alta p {
		--tw-bg-opacity: 1;
		background-color: rgb(251 252 243 / var(--tw-bg-opacity))
	}

	.product-card__badge--label {
		height: 100%;
		border-radius: .5rem;
		padding: 3px 12px;
		font-size: .75rem;
		line-height: 1.8
	}

	.product-card__content {
		padding-left: 1rem;
		padding-right: 1rem;
		display: flex;
		height: 100%;
		flex-direction: column
	}

	.product-card__content--body {
		display: flex;
		height: 100%;
		flex-direction: column;
		justify-content: center
	}

	.product-card__copy {
		margin-bottom: 1rem;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5
	}

	.product-card__label {
		position: absolute;
		left: 0px;
		top: 1.75rem;
		z-index: 10;
		margin-right: 1rem;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
		padding: .25rem .5rem;
		font-size: .75rem;
		line-height: 1.8
	}

	.product-card__button {
		margin-top: auto;
		display: flex;
		justify-content: center
	}

	.product-card__style-center {
		text-align: center
	}

	.product-card__skeleton-image {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	.product-card__skeleton-title {
		margin-bottom: .75rem;
		height: 1.5rem;
		width: 80%;
		border-radius: .25rem;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	.product-card__skeleton-badge {
		height: 1.25rem;
		width: 80px;
		border-radius: .25rem;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	.product-card__skeleton-copy>:not([hidden])~:not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
	}

	.product-card__skeleton-copy:before {
		display: block;
		height: 1rem;
		width: 100%;
		border-radius: .25rem;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
		--tw-content: "";
		content: var(--tw-content)
	}

	.product-card__skeleton-copy:after {
		margin-top: .5rem;
		display: block;
		height: 1rem;
		width: 70%;
		border-radius: .25rem;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity));
		--tw-content: "";
		content: var(--tw-content)
	}

	.product-card__skeleton-button {
		height: 2rem;
		width: 100px;
		border-radius: .25rem;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	.product-cards__header {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2rem;
		display: flex;
		max-width: 94ch;
		flex-direction: column;
		gap: 1.25rem;
		text-align: center
	}

	@media (min-width: 768px) {
		.product-cards__header {
			margin-bottom: 3.5rem
		}
	}

	.product-cards__header p {
		margin-left: auto;
		margin-right: auto;
		width: 100%
	}

	@media (min-width: 768px) {
		.product-cards__header p {
			width: 75%
		}
	}

	.product-cards__grid {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 2rem
	}

	.product-cards__1-column>div {
		width: 100%
	}

	.product-cards__2-column>div {
		width: 100%
	}

	@media (min-width: 768px) {
		.product-cards__2-column>div {
			flex: 0 0 calc(50% - 24px)
		}
	}

	.product-cards__2-column>div .product-card__image {
		aspect-ratio: 14/4
	}

	.product-cards__3-column>div {
		width: 100%
	}

	@media (min-width: 768px) {
		.product-cards__3-column>div {
			flex: 0 0 calc(50% - 24px)
		}
	}

	@media (min-width: 1024px) {
		.product-cards__3-column>div {
			flex: 0 0 calc(33.33% - 24px)
		}
	}

	@media (min-width: 768px) {
		.product-cards__4-column {
			gap: 1.5rem
		}
	}

	.product-cards__4-column>div {
		width: 100%
	}

	@media (min-width: 768px) {
		.product-cards__4-column>div {
			flex: 0 0 calc(50% - 24px)
		}
	}

	@media (min-width: 1024px) {
		.product-cards__4-column>div {
			flex: 0 0 calc(25% - 24px)
		}
	}

	.product-cards__case-studies .product-card__image {
		aspect-ratio: 10/5
	}

	.product-cards__case-studies .product-card__image img {
		max-height: none;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	.product-detail-option2 {
		display: flex;
		flex-direction: column
	}

	@media (min-width: 768px) {
		.product-detail-option2 {
			flex-direction: column
		}
	}

	@media (min-width: 1024px) {
		.product-detail-option2 {
			flex-direction: row
		}
	}

	.product-detail-option2 {
		margin-top: 1rem
	}

	@media (min-width: 768px) {
		.product-detail-option2 {
			margin-top: 2.75rem;
			margin-bottom: 0
		}
	}

	.product-detail-option2__gallery {
		width: 100%
	}

	@media (min-width: 768px) {
		.product-detail-option2__gallery {
			width: 100%
		}
	}

	@media (min-width: 1024px) {
		.product-detail-option2__gallery {
			width: 60%
		}
	}

	.product-detail-option2__gallery-inside {
		padding-bottom: 1.75rem
	}

	@media (min-width: 768px) {
		.product-detail-option2__gallery-inside {
			padding-left: 1.75rem;
			padding-right: 1.75rem
		}
	}

	.product-detail-option2__content-wrap {
		display: flex;
		width: 100%;
		flex-direction: column
	}

	@media (min-width: 768px) {
		.product-detail-option2__content-wrap {
			width: 100%;
			padding-left: 2.25rem;
			padding-right: 2.25rem
		}
	}

	@media (min-width: 1024px) {
		.product-detail-option2__content-wrap {
			width: 40%
		}
	}

	.product-detail-option2__content-wrap {
		margin-bottom: 2.75rem
	}

	@media (min-width: 768px) {
		.product-detail-option2__content-wrap {
			margin-bottom: 2rem
		}

		.product-detail-option2__content-wrap h1 {
			text-align: left
		}
	}

	@media (min-width: 1024px) {
		.product-detail-option2__content-wrap h1 {
			min-width: 350px
		}
	}

	.product-detail-option2__content {
		display: flex;
		flex-direction: column;
		border-style: dotted;
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-brand-900), var(--tw-border-opacity));
		padding-bottom: 2rem
	}

	@media (min-width: 768px) {
		.product-detail-option2__content {
			border-bottom-width: 1px
		}
	}

	:is([dir="ltr"] .table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__links.product-detail-option2__content .checkList.prose ul) {
		padding-left: 0
	}

	:is([dir="rtl"] .table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__links.product-detail-option2__content .checkList.prose ul) {
		padding-right: 0
	}

	.table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__links.product-detail-option2__content .checkList.prose ul li {
		border-bottom-width: 1px;
		border-color: #0000001a;
		padding-bottom: 1rem
	}

	.product-detail-option2__content .checkList.prose ul {
		list-style-type: none
	}

	:is([dir="ltr"] .product-detail-option2__content .checkList.prose ul) {
		margin-left: 0;
		padding-left: 0
	}

	:is([dir="rtl"] .product-detail-option2__content .checkList.prose ul) {
		margin-right: 0;
		padding-right: 0
	}

	.button--text:hover .product-detail-option2__content .checkList.prose ul li,
	.button--text-small:hover .product-detail-option2__content .checkList.prose ul li {
		background-size: 100% 100%
	}

	.button--text-small .product-detail-option2__content .checkList.prose ul li {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .product-detail-option2__content .checkList.prose ul li {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .product-detail-option2__content .checkList.prose ul li) {
		background-position: right
	}

	.button--text .product-detail-option2__content .checkList.prose ul li {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .product-detail-option2__content .checkList.prose ul li {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .product-detail-option2__content .checkList.prose ul li,
	.sticky-navigation__anchor.active .product-detail-option2__content .checkList.prose ul li {
		background-size: 100% 100%
	}

	.product-detail-option2__content .checkList.prose ul li {
		position: relative
	}

	:is([dir="ltr"] .product-detail-option2__content .checkList.prose ul li) {
		margin-bottom: 15px;
		padding-left: 2rem
	}

	:is([dir="rtl"] .product-detail-option2__content .checkList.prose ul li) {
		margin-bottom: 15px;
		padding-right: 2rem
	}

	.product-detail-option2__content .checkList.prose ul li:before {
		content: "";
		position: absolute;
		top: 3px;
		height: 1.25rem;
		width: 1.25rem;
		background-position: center;
		background-repeat: no-repeat
	}

	:is([dir="ltr"] .product-detail-option2__content .checkList.prose ul li):before {
		left: 0px
	}

	:is([dir="rtl"] .product-detail-option2__content .checkList.prose ul li):before {
		right: 0px
	}

	.product-detail-option2__content .checkList.prose ul li:before {
		background-image: url(../dist/circle-checkmark.810931b7.svg);
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.product-detail-option2__title {
		text-align: center;
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 35px;
		font-weight: 700;
		text-transform: none;
		line-height: 38px;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.product-detail-option2__title {
			font-size: 32px
		}

		:is([dir="ltr"] .product-detail-option2__title) {
			text-align: left
		}

		:is([dir="rtl"] .product-detail-option2__title) {
			text-align: right
		}
	}

	.product-detail-option2__title {
		margin-bottom: 1.25rem
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.product-detail-option2__highlights {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.product-detail-option2__highlights {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.product-detail-option2__highlights {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.product-detail-option2__highlights {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.product-detail-option2__highlights {
		animation: menu-fade .18s ease-in-out 1
	}

	.product-detail-option2__highlights {
		margin-top: 2rem;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 2rem;
		-moz-column-gap: 1rem;
		column-gap: 1rem
	}

	@media (min-width: 768px) {
		.product-detail-option2__highlights {
			margin-top: 3rem;
			grid-template-columns: repeat(4, minmax(0, 1fr))
		}
	}

	.product-detail-option2__highlights .product-detail-option2__highlight {
		text-align: center;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.product-detail-option2__highlights .product-detail-option2__highlight-title {
		display: inline-flex;
		align-items: baseline
	}

	.product-detail-option2__highlights .product-detail-option2__highlight-headline {
		font-size: 1.25rem;
		line-height: 1.15;
		font-weight: 700
	}

	@media (min-width: 768px) {
		.product-detail-option2__highlights .product-detail-option2__highlight-headline {
			font-size: 1.437rem;
			line-height: 2
		}
	}

	.product-detail-option2__highlights .product-detail-option2__highlight-suffix {
		font-weight: 600;
		text-transform: uppercase
	}

	.product-detail-option2__highlights .product-detail-option2__highlight-copy {
		font-size: .875rem;
		line-height: 1.828
	}

	.product-detail-option2__buttons {
		margin-top: .875rem;
		margin-bottom: .875rem;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		gap: 1rem
	}

	@media (min-width: 768px) {
		.product-detail-option2__buttons {
			margin-bottom: 0;
			flex-direction: row
		}
	}

	.product-detail-option2__button .button {
		margin-left: auto;
		margin-right: auto;
		display: block;
		max-width: 300px;
		text-align: center
	}

	@media (min-width: 768px) {
		.product-detail-option2__button .button {
			display: inline-block
		}
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.product-detail-option2__links {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.product-detail-option2__links {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.product-detail-option2__links {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.product-detail-option2__links {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.product-detail-option2__links {
		animation: menu-fade .18s ease-in-out 1
	}

	.product-detail-option2__links {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		row-gap: 1rem;
		-moz-column-gap: 1rem;
		column-gap: 1rem;
		margin-top: 1.25rem
	}

	.button--text:hover .product-detail-option2__links,
	.button--text-small:hover .product-detail-option2__links {
		background-size: 100% 100%
	}

	.button--text-small .product-detail-option2__links {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .product-detail-option2__links {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .product-detail-option2__links) {
		background-position: right
	}

	.button--text .product-detail-option2__links {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .product-detail-option2__links {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .product-detail-option2__links,
	.sticky-navigation__anchor.active .product-detail-option2__links {
		background-size: 100% 100%
	}

	.product-detail-option2__links {
		position: relative;
		overflow: hidden
	}

	.product-detail-option2__link {
		display: flex;
		justify-content: center
	}

	.button--text:hover .product-detail-option2__link,
	.button--text-small:hover .product-detail-option2__link {
		background-size: 100% 100%
	}

	.button--text-small .product-detail-option2__link {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .product-detail-option2__link {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .product-detail-option2__link) {
		background-position: right
	}

	.button--text .product-detail-option2__link {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .product-detail-option2__link {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .product-detail-option2__link,
	.sticky-navigation__anchor.active .product-detail-option2__link {
		background-size: 100% 100%
	}

	.product-detail-option2__link {
		position: relative;
		box-sizing: border-box
	}

	.product-detail-option2__link svg,
	.product-detail-option2__link img {
		margin-left: auto;
		margin-right: auto;
		height: 1.75rem;
		width: auto
	}

	.product-detail-option2__link:hover {
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	.product-detail-option2__link:hover button {
		cursor: pointer
	}

	.product-detail-option2__link:hover svg path {
		fill: rgb(var(--color-brand-500))
	}

	.product-detail-option2__link:hover span {
		background-size: 100% 100%;
		text-decoration-line: none;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.product-detail-option2__link:after {
		position: absolute;
		top: 0px;
		right: -.5rem;
		height: 100%;
		width: 1px;
		--tw-bg-opacity: 1;
		background-color: rgb(230 230 230 / var(--tw-bg-opacity));
		--tw-content: "";
		content: var(--tw-content)
	}

	:is([dir="ltr"] .product-detail-option2__link:last-child):after {
		display: none
	}

	:is([dir="rtl"] .product-detail-option2__link:last-child):after {
		visibility: visible
	}

	.product-detail-option2__link>* {
		margin-top: auto;
		margin-bottom: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		row-gap: .5rem;
		font-size: .875rem;
		font-weight: 400;
		line-height: 1.25;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-900), var(--tw-text-opacity))
	}

	.product-detail-option2__link>* span {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		hyphens: auto;
		overflow-wrap: break-word
	}

	@media (min-width: 1024px) {
		.product-detail-option2__link>* span {
			max-width: 100px
		}
	}

	.product-detail-option2__link>* span {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	.product-detail {
		display: flex;
		flex-direction: column
	}

	@media (min-width: 768px) {
		.product-detail {
			flex-direction: row
		}
	}

	.product-detail {
		margin-top: 1rem
	}

	@media (min-width: 768px) {
		.product-detail {
			margin-top: 2.75rem;
			margin-bottom: 0
		}
	}

	.product-detail__gallery {
		width: 100%
	}

	@media (min-width: 768px) {
		.product-detail__gallery {
			width: 50%
		}
	}

	.product-detail__gallery-inside {
		padding-bottom: 1.75rem
	}

	@media (min-width: 768px) {
		.product-detail__gallery-inside {
			padding-left: 1.75rem;
			padding-right: 1.75rem
		}
	}

	.product-detail__content-wrap {
		display: flex;
		width: 100%;
		flex-direction: column
	}

	@media (min-width: 768px) {
		.product-detail__content-wrap {
			width: 50%
		}
	}

	.product-detail__content-wrap {
		margin-bottom: 2.75rem
	}

	@media (min-width: 768px) {
		.product-detail__content-wrap {
			margin-bottom: 2rem
		}
	}

	.product-detail__content {
		display: flex;
		flex-direction: column;
		border-style: dotted;
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-brand-900), var(--tw-border-opacity));
		padding-bottom: 2rem
	}

	@media (min-width: 768px) {
		.product-detail__content {
			border-bottom-width: 1px
		}
	}

	.product-detail__title {
		text-align: center;
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 35px;
		font-weight: 700;
		text-transform: none;
		line-height: 38px;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.product-detail__title {
			font-size: 32px
		}

		:is([dir="ltr"] .product-detail__title) {
			text-align: left
		}

		:is([dir="rtl"] .product-detail__title) {
			text-align: right
		}
	}

	.product-detail__title {
		margin-bottom: 1.25rem
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.product-detail__highlights {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.product-detail__highlights {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.product-detail__highlights {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.product-detail__highlights {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.product-detail__highlights {
		animation: menu-fade .18s ease-in-out 1
	}

	.product-detail__highlights {
		margin-top: 2rem;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 2rem;
		-moz-column-gap: 1rem;
		column-gap: 1rem
	}

	@media (min-width: 768px) {
		.product-detail__highlights {
			margin-top: 3rem;
			grid-template-columns: repeat(4, minmax(0, 1fr))
		}
	}

	.product-detail__highlights .product-detail__highlight {
		text-align: center;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.product-detail__highlights .product-detail__highlight-title {
		display: inline-flex;
		align-items: baseline
	}

	.product-detail__highlights .product-detail__highlight-headline {
		font-size: 1.25rem;
		line-height: 1.15;
		font-weight: 700
	}

	@media (min-width: 768px) {
		.product-detail__highlights .product-detail__highlight-headline {
			font-size: 1.437rem;
			line-height: 2
		}
	}

	.product-detail__highlights .product-detail__highlight-suffix {
		font-weight: 600;
		text-transform: uppercase
	}

	.product-detail__highlights .product-detail__highlight-copy {
		font-size: .875rem;
		line-height: 1.828
	}

	.product-detail__buttons {
		margin-top: 2.25rem;
		margin-bottom: .75rem;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		gap: 1rem
	}

	@media (min-width: 768px) {
		.product-detail__buttons {
			margin-bottom: 0;
			margin-top: 2.5rem;
			flex-direction: row
		}
	}

	.product-detail__button .button {
		margin-left: auto;
		margin-right: auto;
		display: block;
		max-width: 300px;
		text-align: center
	}

	@media (min-width: 768px) {
		.product-detail__button .button {
			display: inline-block
		}
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.product-detail__links {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.product-detail__links {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.product-detail__links {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.product-detail__links {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.product-detail__links {
		animation: menu-fade .18s ease-in-out 1
	}

	.product-detail__links {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 1rem;
		-moz-column-gap: 1rem;
		column-gap: 1rem
	}

	@media (min-width: 1024px) {
		.product-detail__links {
			grid-template-columns: repeat(4, minmax(0, 1fr))
		}
	}

	.product-detail__links {
		margin-top: 1.25rem
	}

	.button--text:hover .product-detail__links,
	.button--text-small:hover .product-detail__links {
		background-size: 100% 100%
	}

	.button--text-small .product-detail__links {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .product-detail__links {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .product-detail__links) {
		background-position: right
	}

	.button--text .product-detail__links {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .product-detail__links {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .product-detail__links,
	.sticky-navigation__anchor.active .product-detail__links {
		background-size: 100% 100%
	}

	.product-detail__links {
		position: relative;
		overflow: hidden
	}

	.product-detail__link {
		display: flex;
		justify-content: center
	}

	.button--text:hover .product-detail__link,
	.button--text-small:hover .product-detail__link {
		background-size: 100% 100%
	}

	.button--text-small .product-detail__link {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .product-detail__link {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .product-detail__link) {
		background-position: right
	}

	.button--text .product-detail__link {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .product-detail__link {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .product-detail__link,
	.sticky-navigation__anchor.active .product-detail__link {
		background-size: 100% 100%
	}

	.product-detail__link {
		position: relative;
		box-sizing: border-box
	}

	.product-detail__link svg,
	.product-detail__link img {
		margin-left: auto;
		margin-right: auto;
		height: 1.75rem;
		width: auto
	}

	.product-detail__link:hover {
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	.product-detail__link:hover button {
		cursor: pointer
	}

	.product-detail__link:hover svg path {
		fill: rgb(var(--color-brand-500))
	}

	.product-detail__link:hover span {
		background-size: 100% 100%;
		text-decoration-line: none;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.product-detail__link:after {
		position: absolute;
		top: 0px;
		right: -.5rem;
		height: 100%;
		width: 1px;
		--tw-bg-opacity: 1;
		background-color: rgb(230 230 230 / var(--tw-bg-opacity));
		--tw-content: "";
		content: var(--tw-content)
	}

	:is([dir="ltr"] .product-detail__link:last-child):after {
		display: none
	}

	:is([dir="rtl"] .product-detail__link:last-child):after {
		visibility: visible
	}

	.product-detail__link>* {
		margin-top: auto;
		margin-bottom: auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		row-gap: .5rem;
		font-size: .875rem;
		font-weight: 400;
		line-height: 1.25;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-900), var(--tw-text-opacity))
	}

	.product-detail__link>* span {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		hyphens: auto;
		overflow-wrap: break-word
	}

	@media (min-width: 1024px) {
		.product-detail__link>* span {
			max-width: 100px
		}
	}

	.product-detail__link>* span {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	.product-detail__eol-banner {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.product-detail__eol-banner {
			flex-direction: row
		}
	}

	.product-detail__eol-banner {
		gap: .75rem;
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
		font-size: 1rem;
		line-height: 1
	}

	@media (min-width: 768px) {
		.product-detail__eol-banner {
			gap: 0px;
			padding-top: .75rem;
			padding-bottom: .75rem
		}
	}

	.product-detail__eol-banner a {
		display: flex;
		flex-direction: row;
		align-items: center;
		font-size: 1rem;
		line-height: 1.6;
		font-weight: 400;
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.product-detail__eol-banner a {
			margin-left: 1.75rem
		}
	}

	.product-detail__eol-banner a {
		margin-top: 0;
		padding: 0;
		line-height: 1
	}

	.product-detail__eol-banner a svg {
		margin-left: .5rem
	}

	.product-detail__badges {
		margin-bottom: 1.5rem;
		display: flex;
		flex-direction: column
	}

	.product-detail__badges--label {
		margin-bottom: .5rem;
		font-size: .875rem;
		line-height: 1.828;
		color: #0009
	}

	.product-detail__badge--wrapper {
		display: flex;
		flex-direction: row;
		gap: 1rem
	}

	.button--text:hover .product-detail__badge,
	.button--text-small:hover .product-detail__badge {
		background-size: 100% 100%
	}

	.button--text-small .product-detail__badge {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .product-detail__badge {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .product-detail__badge) {
		background-position: right
	}

	.button--text .product-detail__badge {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .product-detail__badge {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .product-detail__badge,
	.sticky-navigation__anchor.active .product-detail__badge {
		background-size: 100% 100%
	}

	.product-detail__badge {
		position: relative;
		display: inline-block;
		border-radius: 9px;
		padding: 1px
	}

	.product-detail__badge:before {
		position: absolute;
		top: -1px;
		right: -1px;
		bottom: -1px;
		left: -1px;
		border-radius: .5rem;
		--tw-content: "";
		content: var(--tw-content)
	}

	.product-detail__badge--unity {
		background-image: linear-gradient(to left, #00a3e0f2 0%, #005eb8 90%);
		box-shadow: 0 2px 5.5px #0000001a
	}

	.product-detail__badge--unity p {
		--tw-bg-opacity: 1;
		background-color: rgb(242 250 253 / var(--tw-bg-opacity))
	}

	.product-detail__badge--alta {
		background-image: linear-gradient(to left, #b7bf10f2 0%, #005eb8 90%);
		box-shadow: 0 2px 5.5px #0000001a
	}

	.product-detail__badge--alta p {
		--tw-bg-opacity: 1;
		background-color: rgb(251 252 243 / var(--tw-bg-opacity))
	}

	.product-detail__badge--label {
		border-radius: .5rem;
		padding: 3px 12px;
		font-size: .75rem;
		line-height: 1.8
	}

	.product-listing__headline {
		margin-top: 2rem;
		text-align: center
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.product-listing__grid {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.product-listing__grid {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.product-listing__grid {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.product-listing__grid {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.product-listing__grid {
		animation: menu-fade .18s ease-in-out 1
	}

	.product-listing__grid {
		margin-top: 2.5rem;
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 2rem
	}

	@media (min-width: 768px) {
		.product-listing__grid {
			grid-template-columns: repeat(2, minmax(0, 1fr))
		}
	}

	@media (min-width: 1024px) {
		.product-listing__grid {
			grid-template-columns: repeat(3, minmax(0, 1fr))
		}
	}

	@media (min-width: 1280px) {
		.product-listing__grid {
			margin-top: 4rem
		}
	}

	.product-listing__filters {
		z-index: 10;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity));
		padding-top: 1rem;
		padding-bottom: 1rem
	}

	@media (min-width: 768px) {
		@media (min-width: 1280px) {
			details>.nav__children-menu>.product-listing__filters .filters {
				visibility: hidden
			}
		}

		details[open].slide-in>.nav__children-menu>.product-listing__filters .filters {
			visibility: visible
		}

		@keyframes menu-slide {
			0% {
				transform: translate(-10px);
				opacity: 0
			}

			to {
				transform: translate(0);
				opacity: 1
			}
		}

		details[open].slide-in>.nav__children-menu>.product-listing__filters .filters {
			animation: menu-slide .18s ease-in-out 1
		}

		details[open].fade-in>.nav__children-menu>.product-listing__filters .filters {
			visibility: visible
		}

		@keyframes menu-fade {
			0% {
				transform: translateY(-10px);
				opacity: 0
			}

			to {
				transform: translateY(0);
				opacity: 1
			}
		}

		details[open].fade-in>.nav__children-menu>.product-listing__filters .filters {
			animation: menu-fade .18s ease-in-out 1
		}

		.product-listing__filters .filters {
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr))
		}
	}

	@media (min-width: 1024px) {
		.product-listing__filters .filters {
			grid-template-columns: repeat(5, minmax(0, 1fr))
		}
	}

	.product-listing__filters .filters {
		row-gap: 1rem
	}

	.product-listing__filters .filters__search-outer {
		min-width: 0px;
		grid-column: span 4 / span 4
	}

	@media (min-width: 768px) {
		.product-listing__filters .filters__search-outer {
			grid-column: span 1 / span 1
		}
	}

	.product-listing__filters .filters .js-hidden-wrapper {
		display: none
	}

	.product-listing__filters .button--clear {
		grid-column-start: 4
	}

	@media (min-width: 1024px) {
		.product-listing__filters .button--clear {
			grid-column-start: auto
		}
	}

	@media (min-width: 1280px) {
		.product-listing .product-listing__grid {
			row-gap: 4rem
		}
	}

	.product-listing .product-card__inner {
		padding-bottom: 1.5rem
	}

	.prose {
		max-width: 100%;
		overflow-x: auto
	}

	:is([dir="rtl"] .prose p) {
		direction: rtl
	}

	.media-with-text__items-wrap .prose h1 {
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 400;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.prose h1 {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 3rem;
		line-height: 1.1875;
		font-weight: 500;
		text-transform: none;
		font-size: clamp(2.1875rem, 2.5vw, 3rem)
	}

	@media (min-width: 768px) {
		.prose h1 {
			font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
		}
	}

	@media (min-width: 1024px) {
		.prose h1 {
			font-size: clamp(2.1875rem, 2.6vw, 3rem)
		}
	}

	.prose h1 {
		line-height: 1.3
	}

	.accordion-with-image__heading .prose h2 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.stats--highlighted .stats__heading--headline .prose h2 {
		margin-bottom: 1.25rem;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 1024px) {
		.stats--highlighted .stats__heading--headline .prose h2 {
			margin-bottom: 0
		}
	}

	.tabsSlider__text-content .prose h2 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.prose h2 {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 400;
		font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
	}

	.accordion-with-image__heading .media-with-text__cards .prose h3 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.stats--highlighted .stats__heading--headline .media-with-text__cards .prose h3 {
		margin-bottom: 1.25rem;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 1024px) {
		.stats--highlighted .stats__heading--headline .media-with-text__cards .prose h3 {
			margin-bottom: 0
		}
	}

	.tabsSlider__text-content .media-with-text__cards .prose h3 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.media-with-text__cards .prose h3 {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 400;
		font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
	}

	.prose h3 {
		font-size: 1.25rem;
		line-height: 1.15;
		font-weight: 700;
		letter-spacing: .5px;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.prose h3 {
			font-size: 1.437rem;
			line-height: 1.25
		}
	}

	.prose h4 {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.accordion-with-image__heading .media-with-text__cards .prose h4 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.stats--highlighted .stats__heading--headline .media-with-text__cards .prose h4 {
		margin-bottom: 1.25rem;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 1024px) {
		.stats--highlighted .stats__heading--headline .media-with-text__cards .prose h4 {
			margin-bottom: 0
		}
	}

	.tabsSlider__text-content .media-with-text__cards .prose h4 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.media-with-text__cards .prose h4 {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 400;
		font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
	}

	.prose h4 {
		font-size: 1.25rem;
		line-height: 1.15;
		font-weight: 700;
		letter-spacing: .5px;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.prose h4 {
			font-size: 1.437rem;
			line-height: 1.25
		}
	}

	.prose h5 {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-size: 1.25rem;
		line-height: 1.15;
		font-weight: 700;
		font-size: clamp(1.125rem, 2.5vw, 1.25rem)
	}

	.media-with-text__items-wrap .prose h6 {
		font-size: 1.125rem;
		line-height: 1.39;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.prose h6 {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-size: 1.125rem;
		line-height: 1.39;
		font-weight: 700;
		font-size: clamp(1rem, 2.5vw, 1.125rem)
	}

	.prose small {
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: .875rem;
		line-height: 1.828
	}

	.prose>*+* {
		margin-top: 1rem
	}

	.prose ol {
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
		list-style-type: decimal
	}

	:is([dir="ltr"] .prose ol) {
		margin-left: 2rem
	}

	:is([dir="rtl"] .prose ol) {
		margin-right: 2rem
	}

	.prose ol ol {
		list-style-type: lower-alpha
	}

	.prose ol ol ol {
		list-style-type: lower-roman
	}

	.prose a:not([class]) {
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	.prose a:not([class]):hover {
		text-decoration-line: underline
	}

	.prose a:not([class]) {
		font-size: inherit;
		font-weight: inherit;
		line-height: inherit
	}

	.prose figcaption {
		text-align: center;
		font-size: .875rem;
		line-height: 1.828;
		--tw-text-opacity: 1;
		color: rgba(var(--color-gray-700), var(--tw-text-opacity))
	}

	.prose ul li,
	.prose ol li {
		margin-bottom: .75rem
	}

	:is([dir="ltr"] .prose ul li),
	:is([dir="ltr"] .prose ol li) {
		direction: ltr
	}

	:is([dir="rtl"] .prose ul li),
	:is([dir="rtl"] .prose ol li) {
		direction: rtl
	}

	.prose ul {
		margin-top: 1rem;
		margin-bottom: 1rem;
		list-style-type: disc
	}

	:is([dir="ltr"] .prose ul) {
		margin-left: 2rem
	}

	:is([dir="rtl"] .prose ul) {
		margin-right: 2rem
	}

	:is([dir="ltr"] .table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__links.prose ul.icon-list.checked) {
		padding-left: 0
	}

	:is([dir="rtl"] .table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__links.prose ul.icon-list.checked) {
		padding-right: 0
	}

	.table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__links.prose ul.icon-list.checked li {
		border-bottom-width: 1px;
		border-color: #0000001a;
		padding-bottom: 1rem
	}

	.prose ul.icon-list.checked {
		margin-bottom: .75rem;
		list-style-type: none
	}

	:is([dir="ltr"] .prose ul.icon-list.checked) {
		margin-left: 0;
		padding-left: 0
	}

	:is([dir="rtl"] .prose ul.icon-list.checked) {
		margin-right: 0;
		padding-right: 0
	}

	.prose ul.icon-list.checked {
		margin-top: 1.5rem
	}

	.button--text:hover .prose ul.icon-list.checked li,
	.button--text-small:hover .prose ul.icon-list.checked li {
		background-size: 100% 100%
	}

	.button--text-small .prose ul.icon-list.checked li {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .prose ul.icon-list.checked li {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .prose ul.icon-list.checked li) {
		background-position: right
	}

	.button--text .prose ul.icon-list.checked li {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .prose ul.icon-list.checked li {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .prose ul.icon-list.checked li,
	.sticky-navigation__anchor.active .prose ul.icon-list.checked li {
		background-size: 100% 100%
	}

	:is([dir="ltr"] .table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__links.prose ul.icon-list.checked li) {
		padding-left: 0
	}

	:is([dir="rtl"] .table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__links.prose ul.icon-list.checked li) {
		padding-right: 0
	}

	.table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__links.prose ul.icon-list.checked li li {
		border-bottom-width: 1px;
		border-color: #0000001a;
		padding-bottom: 1rem
	}

	.prose ul.icon-list.checked li {
		position: relative;
		margin-left: .5rem;
		margin-right: .5rem;
		margin-bottom: 1.25rem;
		list-style-type: none
	}

	:is([dir="ltr"] .prose ul.icon-list.checked li) {
		margin-left: 0;
		padding-left: 2rem
	}

	:is([dir="rtl"] .prose ul.icon-list.checked li) {
		margin-right: 0;
		padding-right: 2rem
	}

	.prose ul.icon-list.checked li:before {
		content: "";
		position: absolute;
		top: 3px;
		height: 1.25rem;
		width: 1.25rem;
		background-position: center;
		background-repeat: no-repeat
	}

	:is([dir="ltr"] .prose ul.icon-list.checked li):before {
		left: 0px
	}

	:is([dir="rtl"] .prose ul.icon-list.checked li):before {
		right: 0px
	}

	.prose ul.icon-list.checked li:before {
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 11L10.2857 14.5714L16 7.42857M11 21C9.68678 21 8.38642 20.7413 7.17317 20.2388C5.95991 19.7362 4.85752 18.9997 3.92893 18.0711C3.00035 17.1425 2.26375 16.0401 1.7612 14.8268C1.25866 13.6136 1 12.3132 1 11C1 9.68678 1.25866 8.38642 1.7612 7.17317C2.26375 5.95991 3.00035 4.85752 3.92893 3.92893C4.85752 3.00035 5.95991 2.26375 7.17317 1.7612C8.38642 1.25866 9.68678 1 11 1C13.6522 1 16.1957 2.05357 18.0711 3.92893C19.9464 5.8043 21 8.34784 21 11C21 13.6522 19.9464 16.1957 18.0711 18.0711C16.1957 19.9464 13.6522 21 11 21Z' stroke='%23005EB8'/%3E%3C/svg%3E")
	}

	.prose li {
		margin-top: var(--prose-margins);
		margin-bottom: var(--prose-margins)
	}

	.prose li:first-child {
		margin-top: 0
	}

	.prose li:last-child {
		margin-bottom: 0
	}

	:is([dir="ltr"] .prose li) {
		text-align: left
	}

	:is([dir="rtl"] .prose li) {
		text-align: right
	}

	.prose figure.table {
		margin-top: 0;
		width: 100%
	}

	.prose table {
		margin-top: 2rem;
		margin-bottom: 2rem;
		display: block;
		width: 100%;
		table-layout: auto;
		border-collapse: collapse;
		overflow-x: auto;
		empty-cells: hide;
		border-spacing: 0
	}

	@media (min-width: 1024px) {
		.prose table {
			display: table
		}
	}

	.prose table thead,
	.prose table tbody,
	.prose table th,
	.prose table td {
		border-width: 1px;
		border-color: #00000026
	}

	.prose table th {
		vertical-align: top;
		height: inherit
	}

	.prose table tr:nth-child(even) {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity))
	}

	.prose table th,
	.prose table td {
		padding: .5rem 1rem
	}

	@media (min-width: 1024px) {

		.prose table th,
		.prose table td {
			padding-top: 1rem;
			padding-bottom: 1rem
		}
	}

	.search-result__item {
		display: block;
		width: 100%;
		border-bottom-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-gray-400), var(--tw-border-opacity))
	}

	.search-result__item:hover {
		--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
		--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.search-result__item a {
		display: block;
		padding: .75rem 1rem 1.5rem
	}

	.search-result__item a:hover {
		text-decoration-line: none
	}

	.search-result__section {
		display: flex;
		justify-content: space-between;
		font-size: 1rem;
		line-height: 1.6;
		font-weight: 400;
		color: rgba(var(--color-gray-700), .7)
	}

	.search-result__section span {
		padding-bottom: .5rem;
		font-size: 1rem;
		line-height: 1.6;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-700), var(--tw-text-opacity))
	}

	.search-result h3 {
		margin-bottom: .75rem;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.search-result p {
		font-size: 1rem;
		line-height: 1.6;
		font-weight: 400;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.search-results__search.active {
		display: flex;
		visibility: visible;
		opacity: 1
	}

	.search-results__categories__list>li.is-current a {
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity));
		font-size: 1rem;
		line-height: 1.6;
		font-weight: 400;
		border-bottom-width: 2px;
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-brand-500), var(--tw-border-opacity))
	}

	.search-results__categories__list>li.is-current a:hover {
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-brand-500), var(--tw-border-opacity))
	}

	.search-tool__bar {
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		z-index: 10;
		--tw-translate-y: var(--header-height);
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-700), var(--tw-bg-opacity));
		padding-top: 1rem;
		padding-bottom: 1rem;
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.search-tool__flex {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 2rem
	}

	.button--text:hover .search-tool__wrapper,
	.button--text-small:hover .search-tool__wrapper {
		background-size: 100% 100%
	}

	.button--text-small .search-tool__wrapper {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .search-tool__wrapper {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .search-tool__wrapper) {
		background-position: right
	}

	.button--text .search-tool__wrapper {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .search-tool__wrapper {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .search-tool__wrapper,
	.sticky-navigation__anchor.active .search-tool__wrapper {
		background-size: 100% 100%
	}

	.search-tool__wrapper {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		min-width: 0px;
		max-width: 80ch
	}

	.search-tool__close {
		flex-shrink: 0;
		line-height: 0
	}

	.search-tool__q {
		width: 100%;
		border-radius: 9999px;
		padding: .25rem .75rem;
		font-size: .875rem;
		line-height: 1.828;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.search-tool__q::-moz-placeholder {
		--tw-placeholder-opacity: 1;
		color: rgba(var(--color-gray-500), var(--tw-placeholder-opacity))
	}

	.search-tool__q::placeholder {
		--tw-placeholder-opacity: 1;
		color: rgba(var(--color-gray-500), var(--tw-placeholder-opacity))
	}

	.search-tool__q {
		box-sizing: border-box
	}

	.search-tool__submit {
		border-radius: 9999px;
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity));
		padding: .25rem .75rem;
		position: absolute;
		right: 0px;
		top: 0px;
		--tw-translate-x: 1px;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.side-tabs__text-content {
		margin-bottom: 1rem
	}

	@media (min-width: 768px) {
		.side-tabs__text-content {
			margin-bottom: 3.5rem
		}
	}

	.side-tabs__text-content {
		display: flex;
		flex-direction: column;
		gap: 1.25rem;
		margin-left: auto;
		margin-right: auto;
		max-width: 94ch;
		text-align: center
	}

	.side-tabs__wrapper {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		gap: 2.5rem
	}

	@media (min-width: 1024px) {
		.side-tabs__wrapper {
			flex-direction: row
		}
	}

	.side-tabs__tabs {
		width: 100%
	}

	@media (min-width: 1024px) {
		.side-tabs__tabs {
			width: 400px
		}
	}

	.side-tabs__menu {
		display: flex;
		flex-direction: column;
		gap: 1rem
	}

	.side-tabs__contents {
		display: none;
		width: 100%;
		flex: 1 1 0%
	}

	@media (min-width: 1024px) {
		.side-tabs__contents {
			display: block
		}
	}

	.side-tabs__tab {
		width: 100%;
		border-bottom-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-gray-300), var(--tw-border-opacity));
		padding-top: .75rem;
		padding-bottom: .75rem
	}

	:is([dir="ltr"] .side-tabs__tab) {
		text-align: left
	}

	:is([dir="rtl"] .side-tabs__tab) {
		text-align: right
	}

	@media (min-width: 1024px) {
		.side-tabs__tab {
			border-left-width: 4px;
			border-bottom-width: 0px;
			border-color: transparent;
			padding: 1.5rem
		}

		.side-tabs__tab.active {
			--tw-border-opacity: 1;
			border-color: rgba(var(--color-brand-500), var(--tw-border-opacity));
			--tw-bg-opacity: 1;
			background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity));
			--tw-shadow: 0 10px 20px rgb(35 35 35 / 8%);
			--tw-shadow-colored: 0 10px 20px var(--tw-shadow-color);
			box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
		}
	}

	.side-tabs__tab.active .side-tabs__tab--icon svg path {
		stroke: currentColor;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	.side-tabs__tab.active .side-tabs__tab--title {
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	.side-tabs__tab.active .side-tabs__tab--title__indicator--open {
		display: block
	}

	.side-tabs__tab.active .side-tabs__tab--title__indicator--closed {
		display: none
	}

	.side-tabs__tab.active .side-tabs__tab--copy {
		max-height: 400px;
		opacity: 1
	}

	.side-tabs__tab.active .side-tabs__tab--media {
		--calculated-adjusted-height: calc(100vw - 64px);
		margin-bottom: 1rem;
		overflow: hidden;
		opacity: 1;
		max-height: var(--calculated-adjusted-height)
	}

	@media (min-width: 1024px) {
		.side-tabs__tab.withIcon {
			border-style: none
		}
	}

	.side-tabs__tab.withIcon .side-tabs__tab--title {
		align-items: flex-start
	}

	:is([dir="ltr"] .side-tabs__tab.withIcon .side-tabs__tab--copy) {
		margin-left: 55px
	}

	:is([dir="rtl"] .side-tabs__tab.withIcon .side-tabs__tab--copy) {
		margin-right: 55px
	}

	.side-tabs__tab button {
		display: flex
	}

	.side-tabs__tab--wrapper {
		display: flex;
		width: 100%;
		justify-content: space-between
	}

	.side-tabs__tab--icon {
		width: 100%;
		max-width: 40px
	}

	:is([dir="ltr"] .side-tabs__tab--icon) {
		margin-right: 15px
	}

	:is([dir="rtl"] .side-tabs__tab--icon) {
		margin-left: 15px
	}

	.side-tabs__tab--title {
		margin-bottom: .5rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 1rem;
		line-height: 1.6;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 1024px) {
		.side-tabs__tab--title {
			font-size: 1.125rem;
			line-height: 1.39
		}
	}

	.side-tabs__tab--title__indicator {
		margin-left: 1rem;
		display: block
	}

	@media (min-width: 1024px) {
		.side-tabs__tab--title__indicator {
			display: none
		}
	}

	.side-tabs__tab--title__indicator--open {
		display: none
	}

	.side-tabs__tab--title__indicator--closed {
		display: block;
		--tw-text-opacity: 1;
		color: rgba(var(--color-gray-500), var(--tw-text-opacity))
	}

	.side-tabs__tab--copy {
		max-height: 0px;
		font-size: .875rem;
		line-height: 1.828;
		opacity: 0
	}

	@media (min-width: 1024px) {
		.side-tabs__tab--copy {
			max-height: 100%;
			font-size: 1rem;
			line-height: 1.6;
			opacity: 1
		}
	}

	.side-tabs__tab--copy {
		transition: max-height .85s cubic-bezier(.47, .42, 0, .99), margin-top .85s cubic-bezier(.47, .42, 0, .99), opacity .85s cubic-bezier(.47, .42, 0, .99)
	}

	.side-tabs__tab--media {
		margin-bottom: 0;
		max-height: 0px;
		opacity: 0
	}

	@media (min-width: 1024px) {
		.side-tabs__tab--media {
			display: none
		}
	}

	.side-tabs__tab--media {
		transition: max-height .85s cubic-bezier(.47, .42, 0, .99), margin-bottom .85s cubic-bezier(.47, .42, 0, .99), opacity .85s cubic-bezier(.47, .42, 0, .99)
	}

	.side-tabs__content {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border-width: 0
	}

	.side-tabs__content.active {
		position: static;
		width: auto;
		height: auto;
		padding: 0;
		margin: 0;
		overflow: visible;
		clip: auto;
		white-space: normal
	}

	.side-tabs__content.fade-in {
		animation: .4s cubic-bezier(.58, .52, .82, .62) fadein
	}

	.side-tabs__content>*:first-child {
		margin-top: 0
	}

	.side-tabs__content>*:last-child {
		margin-bottom: 0
	}

	.industry-hero__media.with-video-main.side-tabs__content.asset-ratio-square video {
		aspect-ratio: 1/1
	}

	.side-tabs__content.asset-ratio-square video {
		aspect-ratio: 1 / 1
	}

	.side-tabs__content.asset-ratio-landscape video {
		aspect-ratio: 4/3
	}

	.side-tabs__content.asset-ratio-portrait video {
		aspect-ratio: 3/4
	}

	.side-tabs__content.asset-ratio-natural video {
		aspect-ratio: auto
	}

	.side-tabs__content.asset-ratio-default video {
		aspect-ratio: 4/3
	}

	.side-tabs video,
	.side-tabs img {
		width: 100%;
		border-radius: 3px
	}

	.side-tabs video {
		aspect-ratio: 4/3
	}

	.slider__header {
		margin-bottom: 2rem;
		text-align: center
	}

	@media (min-width: 768px) {
		.slider__header {
			margin-bottom: 3.5rem
		}
	}

	.slider__header {
		display: flex;
		flex-direction: column;
		gap: 1.25rem;
		margin-left: auto;
		margin-right: auto;
		max-width: 94ch
	}

	.slider__slide {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 2rem;
		text-align: center
	}

	@media (min-width: 768px) {
		.slider__slide {
			flex-direction: row;
			text-align: left
		}
	}

	.slider__slide__wrapper.rounded-container {
		border-radius: 1.5rem
	}

	@media (min-width: 1024px) {
		.slider__slide__wrapper.rounded-container {
			border-radius: 50px
		}
	}

	.slider__slide__wrapper {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding-right: 1rem;
		padding-left: 1rem
	}

	@media (min-width: 350px) {
		.slider__slide__wrapper {
			max-width: 350px
		}
	}

	@media (min-width: 520px) {
		.slider__slide__wrapper {
			max-width: 520px
		}
	}

	@media (min-width: 768px) {
		.slider__slide__wrapper {
			max-width: 768px;
			padding-right: 2rem;
			padding-left: 2rem
		}
	}

	@media (min-width: 1024px) {
		.slider__slide__wrapper {
			max-width: 1024px
		}
	}

	@media (min-width: 1160px) {
		.slider__slide__wrapper {
			max-width: 1160px
		}
	}

	@media (min-width: 1280px) {
		.slider__slide__wrapper {
			max-width: 1280px
		}
	}

	@media (min-width: 1408px) {
		.slider__slide__wrapper {
			max-width: 1408px
		}
	}

	@media (min-width: 1536px) {
		.slider__slide__wrapper {
			max-width: 1536px
		}
	}

	@media (min-width: 1728px) {
		.slider__slide__wrapper {
			max-width: 1728px
		}
	}

	@media (min-width: 1920px) {
		.slider__slide__wrapper {
			max-width: 1920px
		}
	}

	@media (min-width: 2560px) {
		.slider__slide__wrapper {
			max-width: 2560px
		}
	}

	.slider__slide__wrapper {
		max-width: 100%
	}

	@media (min-width: 640px) {
		.slider__slide__wrapper {
			max-width: 640px
		}
	}

	@media (min-width: 768px) {
		.slider__slide__wrapper {
			max-width: 768px
		}
	}

	@media (min-width: 900px) {
		.slider__slide__wrapper {
			max-width: 900px
		}
	}

	@media (min-width: 1024px) {
		.slider__slide__wrapper {
			max-width: 1244px
		}
	}

	@media (min-width: 1280px) {
		.slider__slide__wrapper {
			max-width: 1244px
		}
	}

	@media (min-width: 1536px) {
		.slider__slide__wrapper {
			max-width: 1244px
		}
	}

	dialog .slider__slide__wrapper:has(.form) {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	.table-of-contents.altLayout .table-of-contents__content .slider__slide__wrapper:last-child {
		margin-bottom: 0
	}

	@media (min-width: 1024px) {
		.table-of-contents__content .slider__slide__wrapper {
			padding-left: 1rem;
			padding-right: 1rem
		}

		.table-of-contents__content .slider__slide__wrapper .container .media-with-text {
			padding-left: .75rem;
			padding-right: .75rem
		}
	}

	@media (min-width: 1024px) {
		.tabsSlider__content .slider__slide__wrapper {
			padding-top: 2.5rem;
			padding-bottom: 2.5rem
		}
	}

	.tabsSlider__content .slider__slide__wrapper {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem
	}

	@media (min-width: 768px) {
		.tabsSlider__content .slider__slide__wrapper {
			padding-left: 3rem;
			padding-right: 3rem
		}
	}

	@media (min-width: 1024px) {
		.tabsSlider__content .slider__slide__wrapper {
			padding-top: 3rem;
			padding-bottom: 3rem
		}
	}

	.slider__slide__wrapper {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem
	}

	@media (min-width: 768px) {
		.slider__slide__wrapper {
			padding-left: 5rem;
			padding-right: 5rem
		}
	}

	.slider__slide-inner {
		width: calc(100% - 80px);
		flex: 1 1 0%
	}

	@media (min-width: 768px) {
		.slider__slide-inner {
			width: 100%
		}
	}

	:is([dir="rtl"] .slider__slide-inner) {
		text-align: right
	}

	.slider__slide-image {
		width: 100%
	}

	@media (min-width: 768px) {
		.slider__slide-image {
			max-width: 450px
		}
	}

	.slider__slide-image img {
		max-height: 350px;
		width: 100%;
		border-radius: 3px;
		-o-object-fit: cover;
		object-fit: cover
	}

	.slider__slide-logo {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1rem;
		max-width: 100px
	}

	@media (min-width: 1024px) {
		:is([dir="ltr"] .slider__slide-logo) {
			margin-right: auto;
			margin-left: 0
		}

		:is([dir="rtl"] .slider__slide-logo) {
			margin-left: auto;
			margin-right: 0
		}
	}

	.slider__slide-logo img {
		display: inline-block
	}

	.slider__slide-logo svg {
		height: 100%;
		max-width: 100%
	}

	.accordion-with-image__heading .media-with-text__cards .slider__slide-headline {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.stats--highlighted .stats__heading--headline .media-with-text__cards .slider__slide-headline {
		margin-bottom: 1.25rem;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 1024px) {
		.stats--highlighted .stats__heading--headline .media-with-text__cards .slider__slide-headline {
			margin-bottom: 0
		}
	}

	.tabsSlider__text-content .media-with-text__cards .slider__slide-headline {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.media-with-text__cards .slider__slide-headline {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 400;
		font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
	}

	.slider__slide-headline {
		margin-bottom: .5rem;
		font-size: 1.25rem;
		line-height: 1.15;
		font-weight: 700;
		letter-spacing: .5px;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.slider__slide-headline {
			font-size: 1.437rem;
			line-height: 2
		}
	}

	.slider__slide-copy {
		margin-bottom: 1rem
	}

	.slider__slide-cta {
		margin-top: 1rem
	}

	@media (min-width: 768px) {
		.slider__slide-cta {
			margin-left: -2rem
		}
	}

	.social-links__list {
		display: flex;
		align-items: center;
		gap: 1rem;
		fill: currentColor;
		line-height: 1
	}

	.social-links__link {
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity));
		opacity: .6;
		transition-property: opacity;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .15s
	}

	.social-links__link:hover {
		opacity: .95
	}

	.social-links__link svg {
		height: 16px;
		width: 16px
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.stats--highlighted .stats__heading {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.stats--highlighted .stats__heading {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.stats--highlighted .stats__heading {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.stats--highlighted .stats__heading {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.stats--highlighted .stats__heading {
		animation: menu-fade .18s ease-in-out 1
	}

	.stats--highlighted .stats__heading {
		margin-bottom: 2rem;
		display: grid;
		align-items: center
	}

	@media (min-width: 1024px) {
		.stats--highlighted .stats__heading {
			grid-template-columns: 2fr 3fr
		}
	}

	.stats--highlighted .stats__heading--headline .headline-2 {
		margin-bottom: 1.25rem;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 1024px) {
		.stats--highlighted .stats__heading--headline .headline-2 {
			margin-bottom: 0
		}

		.stats--highlighted .stats__heading--subheadline {
			padding-left: 2.5rem
		}
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.stats--highlighted .stats__wrapper {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.stats--highlighted .stats__wrapper {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.stats--highlighted .stats__wrapper {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.stats--highlighted .stats__wrapper {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.stats--highlighted .stats__wrapper {
		animation: menu-fade .18s ease-in-out 1
	}

	.stats--highlighted .stats__wrapper {
		display: grid;
		width: 100%;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 1.25rem
	}

	@media (min-width: 768px) {
		.stats--highlighted .stats__wrapper {
			grid-template-columns: repeat(2, minmax(0, 1fr))
		}
	}

	@media (min-width: 1024px) {
		.stats--highlighted .stats__wrapper {
			grid-template-columns: repeat(4, minmax(0, 1fr))
		}
	}

	.stats--highlighted .stats__stat {
		border-radius: 10px;
		border-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-brand-500), var(--tw-border-opacity));
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity));
		padding: 1rem
	}

	.stats--highlighted .stats__stat.stats--highlighted-gray {
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity))
	}

	.stats--highlighted .stats__headline {
		margin-bottom: .5rem;
		font-size: 1.875rem;
		line-height: 1.5;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	.stats--highlighted .stats__headline .caps,
	.stats--highlighted .stats__subheadline {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.stats--highlighted .stats__copy {
		font-size: .875rem;
		line-height: 1.828;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.stats--default .stats__headline {
		font-size: 1.437rem;
		line-height: 2;
		font-weight: 700
	}

	@media (min-width: 1024px) {
		.stats--default .stats__headline {
			font-size: 1.875rem;
			line-height: 1.5
		}
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.stats--default .stats__wrapper {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.stats--default .stats__wrapper {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.stats--default .stats__wrapper {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.stats--default .stats__wrapper {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.stats--default .stats__wrapper {
		animation: menu-fade .18s ease-in-out 1
	}

	.stats--default .stats__wrapper {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: .25rem
	}

	@media (min-width: 768px) {
		.stats--default .stats__wrapper {
			grid-template-columns: repeat(4, minmax(0, 1fr));
			gap: 1rem
		}
	}

	.stats--default .stats__wrapper.rounded-container {
		border-radius: 1.5rem
	}

	@media (min-width: 1024px) {
		.stats--default .stats__wrapper.rounded-container {
			border-radius: 50px
		}
	}

	.stats--default .stats__wrapper {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding-right: 1rem;
		padding-left: 1rem
	}

	@media (min-width: 350px) {
		.stats--default .stats__wrapper {
			max-width: 350px
		}
	}

	@media (min-width: 520px) {
		.stats--default .stats__wrapper {
			max-width: 520px
		}
	}

	@media (min-width: 768px) {
		.stats--default .stats__wrapper {
			max-width: 768px;
			padding-right: 2rem;
			padding-left: 2rem
		}
	}

	@media (min-width: 1024px) {
		.stats--default .stats__wrapper {
			max-width: 1024px
		}
	}

	@media (min-width: 1160px) {
		.stats--default .stats__wrapper {
			max-width: 1160px
		}
	}

	@media (min-width: 1280px) {
		.stats--default .stats__wrapper {
			max-width: 1280px
		}
	}

	@media (min-width: 1408px) {
		.stats--default .stats__wrapper {
			max-width: 1408px
		}
	}

	@media (min-width: 1536px) {
		.stats--default .stats__wrapper {
			max-width: 1536px
		}
	}

	@media (min-width: 1728px) {
		.stats--default .stats__wrapper {
			max-width: 1728px
		}
	}

	@media (min-width: 1920px) {
		.stats--default .stats__wrapper {
			max-width: 1920px
		}
	}

	@media (min-width: 2560px) {
		.stats--default .stats__wrapper {
			max-width: 2560px
		}
	}

	.stats--default .stats__wrapper {
		max-width: 100%
	}

	@media (min-width: 640px) {
		.stats--default .stats__wrapper {
			max-width: 640px
		}
	}

	@media (min-width: 768px) {
		.stats--default .stats__wrapper {
			max-width: 768px
		}
	}

	@media (min-width: 900px) {
		.stats--default .stats__wrapper {
			max-width: 900px
		}
	}

	@media (min-width: 1024px) {
		.stats--default .stats__wrapper {
			max-width: 1244px
		}
	}

	@media (min-width: 1280px) {
		.stats--default .stats__wrapper {
			max-width: 1244px
		}
	}

	@media (min-width: 1536px) {
		.stats--default .stats__wrapper {
			max-width: 1244px
		}
	}

	dialog .stats--default .stats__wrapper:has(.form) {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	.table-of-contents.altLayout .table-of-contents__content .stats--default .stats__wrapper:last-child {
		margin-bottom: 0
	}

	@media (min-width: 1024px) {
		.table-of-contents__content .stats--default .stats__wrapper {
			padding-left: 1rem;
			padding-right: 1rem
		}

		.table-of-contents__content .stats--default .stats__wrapper .container .media-with-text {
			padding-left: .75rem;
			padding-right: .75rem
		}
	}

	@media (min-width: 1024px) {
		.tabsSlider__content .stats--default .stats__wrapper {
			padding-top: 2.5rem;
			padding-bottom: 2.5rem
		}
	}

	.tabsSlider__content .stats--default .stats__wrapper {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem
	}

	@media (min-width: 768px) {
		.tabsSlider__content .stats--default .stats__wrapper {
			padding-left: 3rem;
			padding-right: 3rem
		}
	}

	@media (min-width: 1024px) {
		.tabsSlider__content .stats--default .stats__wrapper {
			padding-top: 3rem;
			padding-bottom: 3rem
		}
	}

	.stats--default .stats__wrapper {
		justify-content: center;
		text-align: center;
		padding-bottom: 1.25rem;
		padding-top: 2rem
	}

	.stats--default .stats__copy {
		font-size: .875rem;
		line-height: 1.828
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.stats--default .stats__stat {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.stats--default .stats__stat {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.stats--default .stats__stat {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.stats--default .stats__stat {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.stats--default .stats__stat {
		animation: menu-fade .18s ease-in-out 1
	}

	.stats--default .stats__stat {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		justify-content: center
	}

	@media (min-width: 768px) {
		.stats--default .stats__stat {
			width: 83.333333%
		}
	}

	.stats--default .stats__stat {
		margin-bottom: 2.5rem
	}

	@media (min-width: 768px) {
		.stats--default .stats__stat {
			margin-bottom: 0
		}
	}

	.sticky-navigation {
		position: fixed;
		top: var(--header-height);
		left: 0px;
		z-index: 29;
		pointer-events: none;
		display: none;
		width: 100%;
		opacity: 0;
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .5s;
		transition-timing-function: cubic-bezier(.47, .42, 0, .99)
	}

	@media (min-width: 768px) {
		.sticky-navigation {
			display: block
		}
	}

	.button--text:hover .sticky-navigation__main,
	.button--text-small:hover .sticky-navigation__main {
		background-size: 100% 100%
	}

	.button--text-small .sticky-navigation__main {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .sticky-navigation__main {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .sticky-navigation__main) {
		background-position: right
	}

	.button--text .sticky-navigation__main {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .sticky-navigation__main {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .sticky-navigation__main,
	.sticky-navigation__anchor.active .sticky-navigation__main {
		background-size: 100% 100%
	}

	.sticky-navigation__main {
		position: relative;
		width: 100%;
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		--tw-shadow: 0px 10px 14px rgba(74, 58, 255, .01), 0px 8px 16px rgba(23, 15, 73, .03);
		--tw-shadow-colored: 0px 10px 14px var(--tw-shadow-color), 0px 8px 16px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.button--text:hover .sticky-navigation__wrapper,
	.button--text-small:hover .sticky-navigation__wrapper {
		background-size: 100% 100%
	}

	.button--text-small .sticky-navigation__wrapper {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .sticky-navigation__wrapper {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .sticky-navigation__wrapper) {
		background-position: right
	}

	.button--text .sticky-navigation__wrapper {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .sticky-navigation__wrapper {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .sticky-navigation__wrapper,
	.sticky-navigation__anchor.active .sticky-navigation__wrapper {
		background-size: 100% 100%
	}

	.sticky-navigation__wrapper {
		position: relative;
		display: flex;
		min-height: 48px;
		padding-top: .375rem;
		padding-bottom: .375rem
	}

	@media (min-width: 768px) {
		.sticky-navigation__wrapper {
			padding-top: .625rem;
			padding-bottom: .625rem
		}
	}

	.sticky-navigation__wrapper {
		align-items: center
	}

	@media (min-width: 1280px) {
		.sticky-navigation__wrapper.rounded-container {
			border-radius: 1.5rem
		}

		@media (min-width: 1024px) {
			.sticky-navigation__wrapper.rounded-container {
				border-radius: 50px
			}
		}

		.sticky-navigation__wrapper {
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			padding-right: 1rem;
			padding-left: 1rem
		}

		@media (min-width: 350px) {
			.sticky-navigation__wrapper {
				max-width: 350px
			}
		}

		@media (min-width: 520px) {
			.sticky-navigation__wrapper {
				max-width: 520px
			}
		}

		@media (min-width: 640px) {
			.sticky-navigation__wrapper {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.sticky-navigation__wrapper {
				max-width: 768px;
				padding-right: 2rem;
				padding-left: 2rem
			}
		}

		@media (min-width: 900px) {
			.sticky-navigation__wrapper {
				max-width: 900px
			}
		}

		@media (min-width: 1024px) {
			.sticky-navigation__wrapper {
				max-width: 1024px
			}
		}

		@media (min-width: 1160px) {
			.sticky-navigation__wrapper {
				max-width: 1160px
			}
		}

		@media (min-width: 1280px) {
			.sticky-navigation__wrapper {
				max-width: 1280px
			}
		}

		@media (min-width: 1408px) {
			.sticky-navigation__wrapper {
				max-width: 1408px
			}
		}

		@media (min-width: 1536px) {
			.sticky-navigation__wrapper {
				max-width: 1536px
			}
		}

		@media (min-width: 1728px) {
			.sticky-navigation__wrapper {
				max-width: 1728px
			}
		}

		@media (min-width: 1920px) {
			.sticky-navigation__wrapper {
				max-width: 1920px
			}
		}

		@media (min-width: 2560px) {
			.sticky-navigation__wrapper {
				max-width: 2560px
			}
		}

		.sticky-navigation__wrapper {
			max-width: 100%
		}

		@media (min-width: 640px) {
			.sticky-navigation__wrapper {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.sticky-navigation__wrapper {
				max-width: 768px
			}
		}

		@media (min-width: 900px) {
			.sticky-navigation__wrapper {
				max-width: 900px
			}
		}

		@media (min-width: 1024px) {
			.sticky-navigation__wrapper {
				max-width: 1244px
			}
		}

		@media (min-width: 1280px) {
			.sticky-navigation__wrapper {
				max-width: 1244px
			}
		}

		@media (min-width: 1536px) {
			.sticky-navigation__wrapper {
				max-width: 1244px
			}
		}

		dialog .sticky-navigation__wrapper:has(.form) {
			margin-top: 0;
			margin-bottom: 0;
			padding-top: 2rem;
			padding-bottom: 2rem
		}

		.table-of-contents.altLayout .table-of-contents__content .sticky-navigation__wrapper:last-child {
			margin-bottom: 0
		}

		@media (min-width: 1024px) {
			.table-of-contents__content .sticky-navigation__wrapper {
				padding-left: 1rem;
				padding-right: 1rem
			}

			.table-of-contents__content .sticky-navigation__wrapper .xl\:container .media-with-text {
				padding-left: .75rem;
				padding-right: .75rem
			}
		}

		@media (min-width: 1024px) {
			.tabsSlider__content .sticky-navigation__wrapper {
				padding-top: 2.5rem;
				padding-bottom: 2.5rem
			}
		}

		.tabsSlider__content .sticky-navigation__wrapper {
			padding-top: 1.25rem;
			padding-bottom: 1.25rem
		}

		@media (min-width: 768px) {
			.tabsSlider__content .sticky-navigation__wrapper {
				padding-left: 3rem;
				padding-right: 3rem
			}
		}

		@media (min-width: 1024px) {
			.tabsSlider__content .sticky-navigation__wrapper {
				padding-top: 3rem;
				padding-bottom: 3rem
			}
		}

		.sticky-navigation__wrapper {
			max-width: none
		}
	}

	.button--text:hover .sticky-navigation__inner,
	.button--text-small:hover .sticky-navigation__inner {
		background-size: 100% 100%
	}

	.button--text-small .sticky-navigation__inner {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .sticky-navigation__inner {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .sticky-navigation__inner) {
		background-position: right
	}

	.button--text .sticky-navigation__inner {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .sticky-navigation__inner {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .sticky-navigation__inner,
	.sticky-navigation__anchor.active .sticky-navigation__inner {
		background-size: 100% 100%
	}

	.sticky-navigation__inner {
		position: relative;
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		gap: 2.5rem
	}

	.sticky-navigation__navigation {
		display: none;
		flex-direction: row
	}

	@media (min-width: 768px) {
		.sticky-navigation__navigation {
			display: flex;
			gap: .5rem
		}
	}

	.sticky-navigation__link {
		margin-top: auto;
		margin-bottom: auto;
		white-space: nowrap;
		font-weight: 400
	}

	.sticky-navigation__anchor {
		margin-top: -.25rem;
		margin-bottom: -.25rem;
		padding: .25rem .75rem;
		font-weight: 400;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.sticky-navigation__anchor:hover,
	.sticky-navigation__anchor.active {
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	.sticky-navigation__anchor:hover .relative,
	.sticky-navigation__anchor.active .relative {
		background-size: 100% 100%
	}

	.sticky-navigation__anchor>span {
		cursor: pointer
	}

	.sticky-navigation__button {
		position: absolute
	}

	:is([dir="ltr"] .sticky-navigation__button) {
		right: 0px
	}

	:is([dir="rtl"] .sticky-navigation__button) {
		left: 0px
	}

	.table-maker {
		display: block;
		width: 100%;
		table-layout: auto;
		overflow-x: auto
	}

	.table-maker thead,
	.table-maker tbody,
	.table-maker th,
	.table-maker td {
		border-width: 1px;
		border-color: #00000026
	}

	.table-maker th {
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		text-align: center;
		height: inherit
	}

	.table-maker tr:nth-child(even) {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	.table-maker th,
	.table-maker td {
		padding: .5rem 1rem
	}

	@media (min-width: 1024px) {

		.table-maker th,
		.table-maker td {
			padding-top: 1rem;
			padding-bottom: 1rem
		}
	}

	.button--text:hover .table-of-contents,
	.button--text-small:hover .table-of-contents {
		background-size: 100% 100%
	}

	.button--text-small .table-of-contents {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .table-of-contents {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .table-of-contents) {
		background-position: right
	}

	.button--text .table-of-contents {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .table-of-contents {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .table-of-contents,
	.sticky-navigation__anchor.active .table-of-contents {
		background-size: 100% 100%
	}

	.table-of-contents {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		gap: 1.5rem;
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	@media (min-width: 768px) {
		.table-of-contents {
			padding-top: 3rem;
			padding-bottom: 3rem
		}
	}

	@media (min-width: 1024px) {
		.table-of-contents {
			flex-direction: row
		}

		.table-of-contents.altLayout {
			flex-direction: row-reverse
		}

		.table-of-contents.altLayout .table-of-contents__navigation {
			width: -moz-fit-content;
			width: fit-content;
			min-width: 220px;
			max-height: calc(100vh - var(--header-height));
			max-width: 290px;
			overflow-y: scroll
		}
	}

	.table-of-contents.altLayout .table-of-contents__navigation {
		scrollbar-width: none;
		-ms-overflow-style: none
	}

	.table-of-contents.altLayout .table-of-contents__navigation::-webkit-scrollbar {
		display: none
	}

	.table-of-contents.altLayout .table-of-contents__navigation .button {
		padding: .625rem 3.5rem
	}

	.table-of-contents.altLayout .table-of-contents__navigation .button.button--primary {
		--tw-bg-opacity: 1;
		background-color: rgb(0 94 184 / var(--tw-bg-opacity))
	}

	.table-of-contents.altLayout .table-of-contents__navigation .button.button--primary:hover {
		--tw-border-opacity: 1;
		border-color: rgb(0 94 184 / var(--tw-border-opacity));
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(0 94 184 / var(--tw-text-opacity))
	}

	.table-of-contents.altLayout .table-of-contents__navigation-title {
		font-size: 1rem;
		line-height: 1.6;
		border-bottom-width: 1px;
		border-color: #0000001a;
		padding-bottom: 1rem
	}

	.table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__links {
		margin-bottom: 1rem;
		gap: 1rem
	}

	:is([dir="ltr"] .table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__links.list-none) {
		padding-left: 0
	}

	:is([dir="rtl"] .table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__links.list-none) {
		padding-right: 0
	}

	.table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__links.list-none li {
		border-bottom-width: 1px;
		border-color: #0000001a;
		padding-bottom: 1rem
	}

	.table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__links .table-of-contents__link.active,
	.table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__links .table-of-contents__link:hover {
		text-decoration-line: none;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity));
		border-bottom-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-brand-500), var(--tw-border-opacity))
	}

	.table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__ctas {
		margin-bottom: 1rem;
		margin-top: 0;
		width: 100%
	}

	.table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__ctas .table-of-contents__cta {
		display: flex;
		flex-direction: row;
		justify-content: center
	}

	.table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__ctas .table-of-contents__cta .button {
		white-space: normal
	}

	.table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__reusable-content {
		display: none;
		flex-direction: column
	}

	@media (min-width: 1024px) {
		.table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__reusable-content {
			display: flex
		}
	}

	.table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__reusable-content section {
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	.table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__reusable-content section div.card-block__grid {
		padding: 0
	}

	.table-of-contents.altLayout .rounded-container {
		border-radius: 10px
	}

	@media (min-width: 1024px) {
		.table-of-contents.altLayout .rounded-container {
			border-radius: 10px
		}
	}

	.table-of-contents.altLayout .table-of-contents__content .container:last-child {
		margin-bottom: 0
	}

	.table-of-contents.altLayout .media-items-list {
		margin-top: 1rem
	}

	.table-of-contents.altLayout .embeds {
		overflow: hidden;
		border-radius: 10px
	}

	.table-of-contents.altLayout .embeds .plyr__video-wrapper {
		border-radius: 0
	}

	.table-of-contents.altLayout .prose .image {
		overflow: hidden;
		border-radius: 10px
	}

	.table-of-contents.altLayout .prose p+h3,
	.table-of-contents.altLayout .prose ul+h3,
	.table-of-contents.altLayout .prose ol+h3 {
		margin-top: 2rem
	}

	.table-of-contents__navigation {
		top: calc(20px + var(--header-height));
		width: 100%
	}

	@media not all and (min-width: 1024px) {
		.table-of-contents__navigation {
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			padding-right: 1rem;
			padding-left: 1rem
		}

		@media (min-width: 350px) {
			.table-of-contents__navigation {
				max-width: 350px
			}
		}

		@media (min-width: 520px) {
			.table-of-contents__navigation {
				max-width: 520px
			}
		}

		@media (min-width: 640px) {
			.table-of-contents__navigation {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.table-of-contents__navigation {
				max-width: 768px;
				padding-right: 2rem;
				padding-left: 2rem
			}
		}

		@media (min-width: 900px) {
			.table-of-contents__navigation {
				max-width: 900px
			}
		}

		@media (min-width: 1160px) {
			.table-of-contents__navigation {
				max-width: 1160px
			}
		}

		@media (min-width: 1280px) {
			.table-of-contents__navigation {
				max-width: 1280px
			}
		}

		@media (min-width: 1408px) {
			.table-of-contents__navigation {
				max-width: 1408px
			}
		}

		@media (min-width: 1536px) {
			.table-of-contents__navigation {
				max-width: 1536px
			}
		}

		@media (min-width: 1728px) {
			.table-of-contents__navigation {
				max-width: 1728px
			}
		}

		@media (min-width: 1920px) {
			.table-of-contents__navigation {
				max-width: 1920px
			}
		}

		@media (min-width: 2560px) {
			.table-of-contents__navigation {
				max-width: 2560px
			}
		}

		.table-of-contents__navigation {
			max-width: 100%
		}

		@media (min-width: 1536px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		.table-of-contents__navigation.rounded-container {
			border-radius: 1.5rem
		}

		.table-of-contents__navigation {
			max-width: 100%;
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			padding-right: 1rem;
			padding-left: 1rem
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		.table-of-contents__navigation {
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			padding-right: 1rem;
			padding-left: 1rem
		}

		@media (min-width: 350px) {
			.table-of-contents__navigation {
				max-width: 350px
			}
		}

		@media (min-width: 520px) {
			.table-of-contents__navigation {
				max-width: 520px
			}
		}

		@media (min-width: 640px) {
			.table-of-contents__navigation {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.table-of-contents__navigation {
				max-width: 768px;
				padding-right: 2rem;
				padding-left: 2rem
			}
		}

		@media (min-width: 900px) {
			.table-of-contents__navigation {
				max-width: 900px
			}
		}

		@media (min-width: 1160px) {
			.table-of-contents__navigation {
				max-width: 1160px
			}
		}

		@media (min-width: 1280px) {
			.table-of-contents__navigation {
				max-width: 1280px
			}
		}

		@media (min-width: 1408px) {
			.table-of-contents__navigation {
				max-width: 1408px
			}
		}

		@media (min-width: 1536px) {
			.table-of-contents__navigation {
				max-width: 1536px
			}
		}

		@media (min-width: 1728px) {
			.table-of-contents__navigation {
				max-width: 1728px
			}
		}

		@media (min-width: 1920px) {
			.table-of-contents__navigation {
				max-width: 1920px
			}
		}

		@media (min-width: 2560px) {
			.table-of-contents__navigation {
				max-width: 2560px
			}
		}

		.table-of-contents__navigation {
			max-width: 100%
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		.table-of-contents__navigation {
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			padding-right: 1rem;
			padding-left: 1rem
		}

		@media (min-width: 350px) {
			.table-of-contents__navigation {
				max-width: 350px
			}
		}

		@media (min-width: 520px) {
			.table-of-contents__navigation {
				max-width: 520px
			}
		}

		@media (min-width: 640px) {
			.table-of-contents__navigation {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.table-of-contents__navigation {
				max-width: 768px;
				padding-right: 2rem;
				padding-left: 2rem
			}
		}

		@media (min-width: 900px) {
			.table-of-contents__navigation {
				max-width: 900px
			}
		}

		@media (min-width: 1160px) {
			.table-of-contents__navigation {
				max-width: 1160px
			}
		}

		@media (min-width: 1280px) {
			.table-of-contents__navigation {
				max-width: 1280px
			}
		}

		@media (min-width: 1408px) {
			.table-of-contents__navigation {
				max-width: 1408px
			}
		}

		@media (min-width: 1536px) {
			.table-of-contents__navigation {
				max-width: 1536px
			}
		}

		@media (min-width: 1728px) {
			.table-of-contents__navigation {
				max-width: 1728px
			}
		}

		@media (min-width: 1920px) {
			.table-of-contents__navigation {
				max-width: 1920px
			}
		}

		@media (min-width: 2560px) {
			.table-of-contents__navigation {
				max-width: 2560px
			}
		}

		.table-of-contents__navigation {
			max-width: 100%
		}

		@media (min-width: 768px) {
			.table-of-contents__navigation {
				max-width: 768px
			}
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		@media (min-width: 1280px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		@media (min-width: 1536px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		.table-of-contents__navigation {
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			padding-right: 1rem;
			padding-left: 1rem
		}

		@media (min-width: 350px) {
			.table-of-contents__navigation {
				max-width: 350px
			}
		}

		@media (min-width: 520px) {
			.table-of-contents__navigation {
				max-width: 520px
			}
		}

		@media (min-width: 640px) {
			.table-of-contents__navigation {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.table-of-contents__navigation {
				max-width: 768px;
				padding-right: 2rem;
				padding-left: 2rem
			}
		}

		@media (min-width: 900px) {
			.table-of-contents__navigation {
				max-width: 900px
			}
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation {
				max-width: 1024px
			}
		}

		@media (min-width: 1160px) {
			.table-of-contents__navigation {
				max-width: 1160px
			}
		}

		@media (min-width: 1280px) {
			.table-of-contents__navigation {
				max-width: 1280px
			}
		}

		@media (min-width: 1408px) {
			.table-of-contents__navigation {
				max-width: 1408px
			}
		}

		@media (min-width: 1536px) {
			.table-of-contents__navigation {
				max-width: 1536px
			}
		}

		@media (min-width: 1728px) {
			.table-of-contents__navigation {
				max-width: 1728px
			}
		}

		@media (min-width: 1920px) {
			.table-of-contents__navigation {
				max-width: 1920px
			}
		}

		@media (min-width: 2560px) {
			.table-of-contents__navigation {
				max-width: 2560px
			}
		}

		.table-of-contents__navigation {
			max-width: 100%
		}

		@media (min-width: 640px) {
			.table-of-contents__navigation {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.table-of-contents__navigation {
				max-width: 768px
			}
		}

		@media (min-width: 900px) {
			.table-of-contents__navigation {
				max-width: 900px
			}
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		@media (min-width: 1280px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		@media (min-width: 1536px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		.table-of-contents__navigation.rounded-container {
			border-radius: 1.5rem
		}

		dialog .table-of-contents__navigation:has(.form) {
			margin-top: 0;
			margin-bottom: 0;
			padding-top: 2rem;
			padding-bottom: 2rem
		}

		.table-of-contents__navigation {
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			padding-right: 1rem;
			padding-left: 1rem
		}

		@media (min-width: 350px) {
			.table-of-contents__navigation {
				max-width: 350px
			}
		}

		@media (min-width: 520px) {
			.table-of-contents__navigation {
				max-width: 520px
			}
		}

		@media (min-width: 640px) {
			.table-of-contents__navigation {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.table-of-contents__navigation {
				max-width: 768px;
				padding-right: 2rem;
				padding-left: 2rem
			}
		}

		@media (min-width: 900px) {
			.table-of-contents__navigation {
				max-width: 900px
			}
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation {
				max-width: 1024px
			}
		}

		@media (min-width: 1160px) {
			.table-of-contents__navigation {
				max-width: 1160px
			}
		}

		@media (min-width: 1280px) {
			.table-of-contents__navigation {
				max-width: 1280px
			}
		}

		@media (min-width: 1408px) {
			.table-of-contents__navigation {
				max-width: 1408px
			}
		}

		@media (min-width: 1536px) {
			.table-of-contents__navigation {
				max-width: 1536px
			}
		}

		@media (min-width: 1728px) {
			.table-of-contents__navigation {
				max-width: 1728px
			}
		}

		@media (min-width: 1920px) {
			.table-of-contents__navigation {
				max-width: 1920px
			}
		}

		@media (min-width: 2560px) {
			.table-of-contents__navigation {
				max-width: 2560px
			}
		}

		.table-of-contents__navigation {
			max-width: 100%
		}

		@media (min-width: 640px) {
			.table-of-contents__navigation {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.table-of-contents__navigation {
				max-width: 768px
			}
		}

		@media (min-width: 900px) {
			.table-of-contents__navigation {
				max-width: 900px
			}
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		@media (min-width: 1280px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		@media (min-width: 1536px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		.table-of-contents__navigation.rounded-container {
			border-radius: 1.5rem
		}

		dialog .table-of-contents__navigation:has(.form) {
			margin-top: 0;
			margin-bottom: 0;
			padding-top: 2rem;
			padding-bottom: 2rem
		}

		.table-of-contents.altLayout .table-of-contents__content .table-of-contents__navigation:last-child {
			margin-bottom: 0
		}

		.table-of-contents__navigation {
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			padding-right: 1rem;
			padding-left: 1rem
		}

		@media (min-width: 350px) {
			.table-of-contents__navigation {
				max-width: 350px
			}
		}

		@media (min-width: 520px) {
			.table-of-contents__navigation {
				max-width: 520px
			}
		}

		@media (min-width: 640px) {
			.table-of-contents__navigation {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.table-of-contents__navigation {
				max-width: 768px;
				padding-right: 2rem;
				padding-left: 2rem
			}
		}

		@media (min-width: 900px) {
			.table-of-contents__navigation {
				max-width: 900px
			}
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation {
				max-width: 1024px
			}
		}

		@media (min-width: 1160px) {
			.table-of-contents__navigation {
				max-width: 1160px
			}
		}

		@media (min-width: 1280px) {
			.table-of-contents__navigation {
				max-width: 1280px
			}
		}

		@media (min-width: 1408px) {
			.table-of-contents__navigation {
				max-width: 1408px
			}
		}

		@media (min-width: 1536px) {
			.table-of-contents__navigation {
				max-width: 1536px
			}
		}

		@media (min-width: 1728px) {
			.table-of-contents__navigation {
				max-width: 1728px
			}
		}

		@media (min-width: 1920px) {
			.table-of-contents__navigation {
				max-width: 1920px
			}
		}

		@media (min-width: 2560px) {
			.table-of-contents__navigation {
				max-width: 2560px
			}
		}

		.table-of-contents__navigation {
			max-width: 100%
		}

		@media (min-width: 640px) {
			.table-of-contents__navigation {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.table-of-contents__navigation {
				max-width: 768px
			}
		}

		@media (min-width: 900px) {
			.table-of-contents__navigation {
				max-width: 900px
			}
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		@media (min-width: 1280px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		@media (min-width: 1536px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		.table-of-contents__navigation.rounded-container {
			border-radius: 1.5rem
		}

		dialog .table-of-contents__navigation:has(.form) {
			margin-top: 0;
			margin-bottom: 0;
			padding-top: 2rem;
			padding-bottom: 2rem
		}

		.table-of-contents.altLayout .table-of-contents__content .table-of-contents__navigation:last-child {
			margin-bottom: 0
		}

		@media (min-width: 1024px) {
			.table-of-contents__content .table-of-contents__navigation {
				padding-left: 1rem;
				padding-right: 1rem
			}
		}

		.table-of-contents__navigation {
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			padding-right: 1rem;
			padding-left: 1rem
		}

		@media (min-width: 350px) {
			.table-of-contents__navigation {
				max-width: 350px
			}
		}

		@media (min-width: 520px) {
			.table-of-contents__navigation {
				max-width: 520px
			}
		}

		@media (min-width: 640px) {
			.table-of-contents__navigation {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.table-of-contents__navigation {
				max-width: 768px;
				padding-right: 2rem;
				padding-left: 2rem
			}
		}

		@media (min-width: 900px) {
			.table-of-contents__navigation {
				max-width: 900px
			}
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation {
				max-width: 1024px
			}
		}

		@media (min-width: 1160px) {
			.table-of-contents__navigation {
				max-width: 1160px
			}
		}

		@media (min-width: 1280px) {
			.table-of-contents__navigation {
				max-width: 1280px
			}
		}

		@media (min-width: 1408px) {
			.table-of-contents__navigation {
				max-width: 1408px
			}
		}

		@media (min-width: 1536px) {
			.table-of-contents__navigation {
				max-width: 1536px
			}
		}

		@media (min-width: 1728px) {
			.table-of-contents__navigation {
				max-width: 1728px
			}
		}

		@media (min-width: 1920px) {
			.table-of-contents__navigation {
				max-width: 1920px
			}
		}

		@media (min-width: 2560px) {
			.table-of-contents__navigation {
				max-width: 2560px
			}
		}

		.table-of-contents__navigation {
			max-width: 100%
		}

		@media (min-width: 640px) {
			.table-of-contents__navigation {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.table-of-contents__navigation {
				max-width: 768px
			}
		}

		@media (min-width: 900px) {
			.table-of-contents__navigation {
				max-width: 900px
			}
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		@media (min-width: 1280px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		@media (min-width: 1536px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		.table-of-contents__navigation.rounded-container {
			border-radius: 1.5rem
		}

		dialog .table-of-contents__navigation:has(.form) {
			margin-top: 0;
			margin-bottom: 0;
			padding-top: 2rem;
			padding-bottom: 2rem
		}

		.table-of-contents.altLayout .table-of-contents__content .table-of-contents__navigation:last-child {
			margin-bottom: 0
		}

		.table-of-contents__navigation {
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			padding-right: 1rem;
			padding-left: 1rem
		}

		@media (min-width: 350px) {
			.table-of-contents__navigation {
				max-width: 350px
			}
		}

		@media (min-width: 520px) {
			.table-of-contents__navigation {
				max-width: 520px
			}
		}

		@media (min-width: 640px) {
			.table-of-contents__navigation {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.table-of-contents__navigation {
				max-width: 768px;
				padding-right: 2rem;
				padding-left: 2rem
			}
		}

		@media (min-width: 900px) {
			.table-of-contents__navigation {
				max-width: 900px
			}
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation {
				max-width: 1024px
			}
		}

		@media (min-width: 1160px) {
			.table-of-contents__navigation {
				max-width: 1160px
			}
		}

		@media (min-width: 1280px) {
			.table-of-contents__navigation {
				max-width: 1280px
			}
		}

		@media (min-width: 1408px) {
			.table-of-contents__navigation {
				max-width: 1408px
			}
		}

		@media (min-width: 1536px) {
			.table-of-contents__navigation {
				max-width: 1536px
			}
		}

		@media (min-width: 1728px) {
			.table-of-contents__navigation {
				max-width: 1728px
			}
		}

		@media (min-width: 1920px) {
			.table-of-contents__navigation {
				max-width: 1920px
			}
		}

		@media (min-width: 2560px) {
			.table-of-contents__navigation {
				max-width: 2560px
			}
		}

		.table-of-contents__navigation {
			max-width: 100%
		}

		@media (min-width: 640px) {
			.table-of-contents__navigation {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.table-of-contents__navigation {
				max-width: 768px
			}
		}

		@media (min-width: 900px) {
			.table-of-contents__navigation {
				max-width: 900px
			}
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		@media (min-width: 1280px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		@media (min-width: 1536px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		.table-of-contents__navigation.rounded-container {
			border-radius: 1.5rem
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation.rounded-container {
				border-radius: 50px
			}
		}

		dialog .table-of-contents__navigation:has(.form) {
			margin-top: 0;
			margin-bottom: 0;
			padding-top: 2rem;
			padding-bottom: 2rem
		}

		.table-of-contents.altLayout .table-of-contents__content .table-of-contents__navigation:last-child {
			margin-bottom: 0
		}

		.table-of-contents__navigation {
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			padding-right: 1rem;
			padding-left: 1rem
		}

		@media (min-width: 350px) {
			.table-of-contents__navigation {
				max-width: 350px
			}
		}

		@media (min-width: 520px) {
			.table-of-contents__navigation {
				max-width: 520px
			}
		}

		@media (min-width: 640px) {
			.table-of-contents__navigation {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.table-of-contents__navigation {
				max-width: 768px;
				padding-right: 2rem;
				padding-left: 2rem
			}
		}

		@media (min-width: 900px) {
			.table-of-contents__navigation {
				max-width: 900px
			}
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation {
				max-width: 1024px
			}
		}

		@media (min-width: 1160px) {
			.table-of-contents__navigation {
				max-width: 1160px
			}
		}

		@media (min-width: 1280px) {
			.table-of-contents__navigation {
				max-width: 1280px
			}
		}

		@media (min-width: 1408px) {
			.table-of-contents__navigation {
				max-width: 1408px
			}
		}

		@media (min-width: 1536px) {
			.table-of-contents__navigation {
				max-width: 1536px
			}
		}

		@media (min-width: 1728px) {
			.table-of-contents__navigation {
				max-width: 1728px
			}
		}

		@media (min-width: 1920px) {
			.table-of-contents__navigation {
				max-width: 1920px
			}
		}

		@media (min-width: 2560px) {
			.table-of-contents__navigation {
				max-width: 2560px
			}
		}

		.table-of-contents__navigation {
			max-width: 100%
		}

		@media (min-width: 640px) {
			.table-of-contents__navigation {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.table-of-contents__navigation {
				max-width: 768px
			}
		}

		@media (min-width: 900px) {
			.table-of-contents__navigation {
				max-width: 900px
			}
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		@media (min-width: 1280px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		@media (min-width: 1536px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		.table-of-contents__navigation.rounded-container {
			border-radius: 1.5rem
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation.rounded-container {
				border-radius: 50px
			}
		}

		dialog .table-of-contents__navigation:has(.form) {
			margin-top: 0;
			margin-bottom: 0;
			padding-top: 2rem;
			padding-bottom: 2rem
		}

		.table-of-contents.altLayout .table-of-contents__content .table-of-contents__navigation:last-child {
			margin-bottom: 0
		}

		@media (min-width: 1024px) {
			.table-of-contents__content .table-of-contents__navigation {
				padding-left: 1rem;
				padding-right: 1rem
			}

			.table-of-contents__content .table-of-contents__navigation .max-lg\:container .media-with-text {
				padding-left: .75rem;
				padding-right: .75rem
			}
		}

		.table-of-contents__navigation {
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			padding-right: 1rem;
			padding-left: 1rem
		}

		@media (min-width: 350px) {
			.table-of-contents__navigation {
				max-width: 350px
			}
		}

		@media (min-width: 520px) {
			.table-of-contents__navigation {
				max-width: 520px
			}
		}

		@media (min-width: 640px) {
			.table-of-contents__navigation {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.table-of-contents__navigation {
				max-width: 768px;
				padding-right: 2rem;
				padding-left: 2rem
			}
		}

		@media (min-width: 900px) {
			.table-of-contents__navigation {
				max-width: 900px
			}
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation {
				max-width: 1024px
			}
		}

		@media (min-width: 1160px) {
			.table-of-contents__navigation {
				max-width: 1160px
			}
		}

		@media (min-width: 1280px) {
			.table-of-contents__navigation {
				max-width: 1280px
			}
		}

		@media (min-width: 1408px) {
			.table-of-contents__navigation {
				max-width: 1408px
			}
		}

		@media (min-width: 1536px) {
			.table-of-contents__navigation {
				max-width: 1536px
			}
		}

		@media (min-width: 1728px) {
			.table-of-contents__navigation {
				max-width: 1728px
			}
		}

		@media (min-width: 1920px) {
			.table-of-contents__navigation {
				max-width: 1920px
			}
		}

		@media (min-width: 2560px) {
			.table-of-contents__navigation {
				max-width: 2560px
			}
		}

		.table-of-contents__navigation {
			max-width: 100%
		}

		@media (min-width: 640px) {
			.table-of-contents__navigation {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.table-of-contents__navigation {
				max-width: 768px
			}
		}

		@media (min-width: 900px) {
			.table-of-contents__navigation {
				max-width: 900px
			}
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		@media (min-width: 1280px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		@media (min-width: 1536px) {
			.table-of-contents__navigation {
				max-width: 1244px
			}
		}

		.table-of-contents__navigation.rounded-container {
			border-radius: 1.5rem
		}

		@media (min-width: 1024px) {
			.table-of-contents__navigation.rounded-container {
				border-radius: 50px
			}
		}

		dialog .table-of-contents__navigation:has(.form) {
			margin-top: 0;
			margin-bottom: 0;
			padding-top: 2rem;
			padding-bottom: 2rem
		}

		.table-of-contents.altLayout .table-of-contents__content .table-of-contents__navigation:last-child {
			margin-bottom: 0
		}

		@media (min-width: 1024px) {
			.table-of-contents__content .table-of-contents__navigation {
				padding-left: 1rem;
				padding-right: 1rem
			}

			.table-of-contents__content .table-of-contents__navigation .max-lg\:container .media-with-text {
				padding-left: .75rem;
				padding-right: .75rem
			}
		}

		@media (min-width: 1024px) {
			.tabsSlider__content .table-of-contents__navigation {
				padding-top: 2.5rem;
				padding-bottom: 2.5rem
			}
		}

		.tabsSlider__content .table-of-contents__navigation {
			padding-top: 1.25rem;
			padding-bottom: 1.25rem
		}

		@media (min-width: 768px) {
			.tabsSlider__content .table-of-contents__navigation {
				padding-left: 3rem;
				padding-right: 3rem
			}
		}

		@media (min-width: 1024px) {
			.tabsSlider__content .table-of-contents__navigation {
				padding-top: 3rem;
				padding-bottom: 3rem
			}
		}
	}

	@media (min-width: 1024px) {
		.table-of-contents__navigation {
			position: sticky;
			max-width: 200px
		}
	}

	.table-of-contents__navigation-title {
		margin-bottom: 1rem;
		font-size: 1.125rem;
		line-height: 1.39;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.table-of-contents__links {
		display: flex;
		flex-direction: column;
		gap: .5rem;
		font-size: .875rem;
		line-height: 1.828
	}

	:is([dir="ltr"] .table-of-contents__links) {
		padding-left: 1rem
	}

	:is([dir="rtl"] .table-of-contents__links) {
		padding-right: 1rem
	}

	.table-of-contents__link {
		font-size: .875rem;
		line-height: 1.828;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.table-of-contents__link.active,
	.table-of-contents__link:hover {
		text-decoration-line: underline;
		text-shadow: 0 0 .8px
	}

	.table-of-contents__link a {
		font-size: inherit;
		font-weight: inherit;
		color: inherit;
		text-decoration: none;
		display: block;
		line-height: 1.5
	}

	.table-of-contents__ctas {
		margin-top: 1.5rem;
		display: none;
		flex-direction: column;
		gap: .5rem
	}

	@media (min-width: 1024px) {
		.table-of-contents__ctas {
			display: flex
		}
	}

	.table-of-contents__content {
		width: 100%;
		flex: 1 1 0%;
		overflow: hidden
	}

	@media (min-width: 1024px) {
		.table-of-contents__content .container {
			padding-left: 1rem;
			padding-right: 1rem
		}
	}

	@media (min-width: 1024px) {
		.table-of-contents__content .container .container .media-with-text {
			padding-left: .75rem;
			padding-right: .75rem
		}
	}

	@media (min-width: 768px) {
		.table-of-contents .banner__content {
			width: 100%
		}
	}

	@media (min-width: 1024px) {
		.table-of-contents .slider__slide__wrapper {
			padding-left: 2.5rem;
			padding-right: 2.5rem
		}

		.table-of-contents .slider__slide__wrapper .button {
			white-space: normal
		}
	}

	@media (min-width: 768px) {
		.table-of-contents .slider__slide-image {
			max-width: 350px
		}
	}

	.table-of-contents .slider .carousel__nav {
		margin-top: 0
	}

	.table-of-contents .slider .slider__header {
		margin-bottom: 0
	}

	.table-of-contents .slider .carousel__arrow-button {
		width: 28px
	}

	@media (min-width: 768px) {
		.table-of-contents .slider .carousel__arrow-button {
			width: 10px
		}
	}

	@media (min-width: 1024px) {
		.table-of-contents .slider .js-previous {
			margin-left: 0
		}

		.table-of-contents .slider .js-next {
			margin-right: 0
		}
	}

	.table-of-contents {
		margin: auto;
		max-width: 100%
	}

	@media (min-width: 640px) {
		.table-of-contents {
			max-width: 640px
		}
	}

	@media (min-width: 768px) {
		.table-of-contents {
			max-width: 768px
		}
	}

	@media (min-width: 900px) {
		.table-of-contents {
			max-width: 900px
		}
	}

	@media (min-width: 1024px) {
		.table-of-contents {
			max-width: 1244px
		}
	}

	@media (min-width: 1280px) {
		.table-of-contents {
			max-width: 1244px
		}
	}

	@media (min-width: 1536px) {
		.table-of-contents {
			max-width: 1244px
		}
	}

	.button--text:hover .tabsSlider,
	.button--text-small:hover .tabsSlider {
		background-size: 100% 100%
	}

	.button--text-small .tabsSlider {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .tabsSlider {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .tabsSlider) {
		background-position: right
	}

	.button--text .tabsSlider {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .tabsSlider {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .tabsSlider,
	.sticky-navigation__anchor.active .tabsSlider {
		background-size: 100% 100%
	}

	.tabsSlider {
		position: relative;
		z-index: 20;
		margin-bottom: 2.5rem
	}

	@media (min-width: 1024px) {
		.tabsSlider {
			margin-bottom: 0
		}
	}

	.tabsSlider--slide-wrapper {
		overflow: hidden;
		border-radius: .5rem
	}

	.tabsSlider--slide-wrapper.bg-default {
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity))
	}

	.tabsSlider__text-content {
		margin-bottom: 2rem;
		display: flex;
		flex-direction: column;
		gap: 1.25rem
	}

	.tabsSlider__text-content .headline-2 {
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.tabsSlider__content {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border-width: 0
	}

	.tabsSlider__content.active {
		position: static;
		width: auto;
		height: auto;
		padding: 0;
		margin: 0;
		overflow: visible;
		clip: auto;
		white-space: normal
	}

	@keyframes fade-in {
		0% {
			opacity: 0
		}

		to {
			opacity: 1
		}
	}

	.tabsSlider__content.fade-in {
		animation: fade-in .4s cubic-bezier(.58, .52, .82, .62) 1
	}

	.tabsSlider__content>*:first-child {
		margin-top: 0
	}

	.tabsSlider__content>*:last-child {
		margin-bottom: 0
	}

	.tabsSlider__content .image-rounded {
		border-radius: .5rem
	}

	@media (min-width: 1024px) {
		.tabsSlider__content .container {
			padding-top: 2.5rem;
			padding-bottom: 2.5rem
		}
	}

	.tabsSlider__content .container {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem
	}

	@media (min-width: 768px) {
		.tabsSlider__content .container {
			padding-left: 3rem;
			padding-right: 3rem
		}
	}

	@media (min-width: 1024px) {
		.tabsSlider__content .container {
			padding-top: 3rem;
			padding-bottom: 3rem
		}
	}

	.tabsSlider__menu {
		width: 100%
	}

	.tabsSlider__title {
		margin-bottom: .5rem;
		font-size: 1.125rem;
		line-height: 1.39;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		transition-duration: .3s
	}

	.tabsSlider__subTitle {
		font-size: .875rem;
		line-height: 1.828;
		font-weight: 400;
		--tw-text-opacity: 1;
		color: rgba(var(--color-gray-800), var(--tw-text-opacity));
		opacity: .7
	}

	.tabsSlider__title-content {
		width: 100%;
		flex: 1 1 0%;
		text-align: start
	}

	:is([dir="ltr"] .tabsSlider__title-content) {
		padding-left: 10px
	}

	:is([dir="rtl"] .tabsSlider__title-content) {
		padding-right: 10px
	}

	.tabsSlider__icon {
		display: flex;
		width: 50px;
		align-items: center;
		justify-content: center
	}

	.tabsSlider__icon svg {
		width: 100%;
		max-width: 45px;
		transition-duration: .3s
	}

	.tabsSlider__item .carousel__pips {
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: center;
		text-align: center;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-900), var(--tw-text-opacity))
	}

	.tabsSlider__item .carousel__pips .tabsSlider__icon-content {
		display: flex;
		width: 100%;
		align-items: center
	}

	.tabsSlider__bar {
		margin-top: 1.25rem;
		margin-bottom: .5rem;
		height: .25rem;
		width: 100%;
		border-radius: 9999px;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	.tabsSlider__bar .fill-bar {
		height: .25rem;
		width: 0px;
		border-radius: 9999px
	}

	:is([dir="ltr"] .tabsSlider__bar .fill-bar) {
		background-image: linear-gradient(90deg, #005EB8 0%, #00A3E0 68%)
	}

	:is([dir="rtl"] .tabsSlider__bar .fill-bar) {
		background-image: linear-gradient(90deg, #00A3E0 0%, #005EB8 68%)
	}

	.tabsSlider .carousel__slide {
		opacity: 0;
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .7s
	}

	.tabsSlider .carousel__slide.is-current {
		opacity: 1
	}

	.tabsSlider .carousel__slides {
		--tw-pan-y: pan-y;
		touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)
	}

	.button--text:hover .tabsSlider .carouselSlider__nav,
	.button--text-small:hover .tabsSlider .carouselSlider__nav {
		background-size: 100% 100%
	}

	.button--text-small .tabsSlider .carouselSlider__nav {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .tabsSlider .carouselSlider__nav {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .tabsSlider .carouselSlider__nav) {
		background-position: right
	}

	.button--text .tabsSlider .carouselSlider__nav {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .tabsSlider .carouselSlider__nav {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .tabsSlider .carouselSlider__nav,
	.sticky-navigation__anchor.active .tabsSlider .carouselSlider__nav {
		background-size: 100% 100%
	}

	.tabsSlider .carouselSlider__nav {
		position: relative;
		z-index: 20;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		padding-top: 2.5rem
	}

	@media (min-width: 1024px) {
		.tabsSlider .carouselSlider__nav {
			padding-left: 1.25rem;
			padding-right: 1.25rem
		}
	}

	.tabsSlider .carouselSlider__nav.is-scrollable:not(.scroll-start) .tabs__button--start {
		display: block
	}

	.tabsSlider .carouselSlider__nav.is-scrollable:not(.scroll-end) .tabs__button--end {
		display: block
	}

	.button--text:hover .tabsSlider .carouselSlider__nav .carousel__thumb-nav,
	.button--text-small:hover .tabsSlider .carouselSlider__nav .carousel__thumb-nav {
		background-size: 100% 100%
	}

	.button--text-small .tabsSlider .carouselSlider__nav .carousel__thumb-nav {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .tabsSlider .carouselSlider__nav .carousel__thumb-nav {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .tabsSlider .carouselSlider__nav .carousel__thumb-nav) {
		background-position: right
	}

	.button--text .tabsSlider .carouselSlider__nav .carousel__thumb-nav {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .tabsSlider .carouselSlider__nav .carousel__thumb-nav {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .tabsSlider .carouselSlider__nav .carousel__thumb-nav,
	.sticky-navigation__anchor.active .tabsSlider .carouselSlider__nav .carousel__thumb-nav {
		background-size: 100% 100%
	}

	.tabsSlider .carouselSlider__nav .carousel__thumb-nav {
		position: relative;
		display: flex;
		width: 100%;
		--tw-pan-y: pan-y;
		touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom);
		scroll-snap-type: x var(--tw-scroll-snap-strictness);
		--tw-scroll-snap-strictness: mandatory
	}

	@media (min-width: 1024px) {
		.tabsSlider .carouselSlider__nav .carousel__thumb-nav {
			justify-content: center;
			overflow: auto
		}
	}

	.tabsSlider .carouselSlider__nav .carousel__thumb-nav::-webkit-scrollbar {
		display: none
	}

	.tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb {
		scroll-snap-align: center;
		height: auto;
		width: 60%;
		flex: none;
		padding-left: 1rem;
		padding-right: 1rem
	}

	@media (min-width: 1024px) {
		.tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb {
			width: auto;
			flex: 1 1 0%
		}
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb {
		animation: menu-fade .18s ease-in-out 1
	}

	.tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb {
		display: grid;
		place-items: center;
		opacity: .6;
		transition-property: all;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .15s
	}

	@media (min-width: 1024px) {
		.tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb {
			opacity: .9
		}

		.tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb:hover .tabsSlider__title {
			--tw-text-opacity: 1;
			color: rgba(var(--color-brand-500), var(--tw-text-opacity))
		}

		.tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb:hover .tabsSlider__icon svg {
			fill: rgb(var(--color-brand-500))
		}

		.tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb:hover .tabsSlider__icon svg path {
			stroke: currentColor;
			--tw-text-opacity: 1;
			color: rgba(var(--color-brand-300), var(--tw-text-opacity))
		}
	}

	.tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb.is-current {
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity));
		opacity: 1
	}

	.tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb.is-current .tabsSlider__title {
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	.tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb.is-current .tabsSlider__icon svg {
		fill: rgb(var(--color-brand-500))
	}

	.tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb.is-current .tabsSlider__icon svg path {
		stroke: currentColor;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-300), var(--tw-text-opacity))
	}

	.tabsSlider .carouselSlider__nav .carousel__thumb-nav .tabscarousel__thumb .carousel__pips:hover {
		text-decoration-line: none
	}

	.tabsSlider .media-with-text__content {
		margin-bottom: 1.5rem
	}

	.tabsSlider .media-with-text__inner {
		padding: 0
	}

	.tabsSlider .media-with-text__item-copy {
		margin: 0
	}

	.tabsSlider .media-with-text__grid .shadow-image {
		--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
		--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	:is([dir="ltr"] .table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__links.tabsSlider .media-with-text__items-wrap .media-items-list) {
		padding-left: 0
	}

	:is([dir="rtl"] .table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__links.tabsSlider .media-with-text__items-wrap .media-items-list) {
		padding-right: 0
	}

	.table-of-contents.altLayout .table-of-contents__navigation .table-of-contents__links.tabsSlider .media-with-text__items-wrap .media-items-list li {
		border-bottom-width: 1px;
		border-color: #0000001a;
		padding-bottom: 1rem
	}

	.tabsSlider .media-with-text__items-wrap .media-items-list {
		margin: 0;
		list-style-type: none;
		gap: 1rem;
		padding: 0
	}

	.button--text:hover .tabsSlider .media-with-text__items-wrap ul li,
	.button--text-small:hover .tabsSlider .media-with-text__items-wrap ul li {
		background-size: 100% 100%
	}

	.button--text-small .tabsSlider .media-with-text__items-wrap ul li {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .tabsSlider .media-with-text__items-wrap ul li {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .tabsSlider .media-with-text__items-wrap ul li) {
		background-position: right
	}

	.button--text .tabsSlider .media-with-text__items-wrap ul li {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .tabsSlider .media-with-text__items-wrap ul li {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .tabsSlider .media-with-text__items-wrap ul li,
	.sticky-navigation__anchor.active .tabsSlider .media-with-text__items-wrap ul li {
		background-size: 100% 100%
	}

	.tabsSlider .media-with-text__items-wrap ul li {
		position: relative;
		margin-bottom: 0
	}

	:is([dir="ltr"] .tabsSlider .media-with-text__items-wrap ul li) {
		padding-left: 2rem
	}

	:is([dir="rtl"] .tabsSlider .media-with-text__items-wrap ul li) {
		padding-right: 2rem
	}

	.tabsSlider .media-with-text__items-wrap ul li .media-items-list__item-copy {
		margin-top: 0;
		font-size: 1rem;
		line-height: 1.6;
		font-weight: 400
	}

	.tabsSlider .media-with-text__items-wrap ul li .media-items-list__item-cta {
		display: flex
	}

	:is([dir="ltr"] .tabsSlider .media-with-text__items-wrap ul li .media-items-list__item-cta) {
		margin-left: -2rem
	}

	:is([dir="rtl"] .tabsSlider .media-with-text__items-wrap ul li .media-items-list__item-cta) {
		margin-right: -2rem
	}

	:is([dir="ltr"] .tabsSlider .media-with-text__items-wrap ul li):before {
		left: 0px
	}

	:is([dir="rtl"] .tabsSlider .media-with-text__items-wrap ul li):before {
		right: 0px
	}

	.tabsSlider .media-with-text__items-wrap ul li:before {
		content: "";
		position: absolute;
		top: 3px;
		width: 20px;
		height: 20px;
		background-repeat: no-repeat;
		color: #000;
		background-image: url(../dist/checkmark-blue.91bef826.svg)
	}

	.button--text:hover .tabsSlider .carousel__thumbs-arrow-container,
	.button--text-small:hover .tabsSlider .carousel__thumbs-arrow-container {
		background-size: 100% 100%
	}

	.button--text-small .tabsSlider .carousel__thumbs-arrow-container {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .tabsSlider .carousel__thumbs-arrow-container {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .tabsSlider .carousel__thumbs-arrow-container) {
		background-position: right
	}

	.button--text .tabsSlider .carousel__thumbs-arrow-container {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .tabsSlider .carousel__thumbs-arrow-container {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .tabsSlider .carousel__thumbs-arrow-container,
	.sticky-navigation__anchor.active .tabsSlider .carousel__thumbs-arrow-container {
		background-size: 100% 100%
	}

	.tabsSlider .carousel__thumbs-arrow-container {
		pointer-events: none;
		position: relative;
		z-index: 10;
		margin-left: 1.25rem;
		margin-right: 1.25rem;
		margin-top: 2.5rem;
		display: flex;
		align-items: center;
		justify-content: flex-end
	}

	@media (min-width: 1024px) {
		.tabsSlider .carousel__thumbs-arrow-container {
			display: none;
			padding-left: 1.25rem;
			padding-right: 1.25rem
		}
	}

	.button--text:hover .tabsSlider .carousel__thumbs-arrow-container .arrows,
	.button--text-small:hover .tabsSlider .carousel__thumbs-arrow-container .arrows {
		background-size: 100% 100%
	}

	.button--text-small .tabsSlider .carousel__thumbs-arrow-container .arrows {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .tabsSlider .carousel__thumbs-arrow-container .arrows {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .tabsSlider .carousel__thumbs-arrow-container .arrows) {
		background-position: right
	}

	.button--text .tabsSlider .carousel__thumbs-arrow-container .arrows {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .tabsSlider .carousel__thumbs-arrow-container .arrows {
		margin-top: .25rem
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.tabsSlider .carousel__thumbs-arrow-container .arrows {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.tabsSlider .carousel__thumbs-arrow-container .arrows {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.tabsSlider .carousel__thumbs-arrow-container .arrows {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.tabsSlider .carousel__thumbs-arrow-container .arrows {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.tabsSlider .carousel__thumbs-arrow-container .arrows {
		animation: menu-fade .18s ease-in-out 1
	}

	.sticky-navigation__anchor:hover .tabsSlider .carousel__thumbs-arrow-container .arrows,
	.sticky-navigation__anchor.active .tabsSlider .carousel__thumbs-arrow-container .arrows {
		background-size: 100% 100%
	}

	.tabsSlider .carousel__thumbs-arrow-container .arrows {
		position: relative;
		display: grid;
		height: 28px;
		width: 28px;
		cursor: pointer;
		place-content: center;
		border-radius: 9999px;
		padding: 0;
		border-width: 1px;
		border-style: solid;
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-brand-500), var(--tw-border-opacity));
		--tw-bg-opacity: .7
	}

	.tabsSlider .carousel__thumbs-arrow-container .arrows:focus {
		outline-style: dotted;
		outline-width: 1px
	}

	:is([dir="ltr"] .tabsSlider .carousel__thumbs-arrow-container .arrows) {
		--tw-rotate: 0deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	:is([dir="rtl"] .tabsSlider .carousel__thumbs-arrow-container .arrows) {
		--tw-rotate: 180deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.tabsSlider .carousel__thumbs-arrow-container .arrows.is-disabled {
		pointer-events: none;
		cursor: not-allowed;
		opacity: .3
	}

	.tabsSlider .carousel__thumbs-arrow-container svg {
		pointer-events: auto;
		height: 15px;
		width: 16px
	}

	.tabsSlider .carousel__thumbs-arrow-container svg rect {
		fill: none
	}

	.tabsSlider .carousel__thumbs-arrow-container svg path {
		stroke: rgb(var(--color-brand-500))
	}

	.button--text:hover .tabs__tabs,
	.button--text-small:hover .tabs__tabs {
		background-size: 100% 100%
	}

	.button--text-small .tabs__tabs {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .tabs__tabs {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .tabs__tabs) {
		background-position: right
	}

	.button--text .tabs__tabs {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .tabs__tabs {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .tabs__tabs,
	.sticky-navigation__anchor.active .tabs__tabs {
		background-size: 100% 100%
	}

	.tabs__tabs {
		position: relative;
		z-index: 20;
		margin: 1rem -1rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem
	}

	@media (min-width: 768px) {
		.tabs__tabs {
			padding-left: 0;
			padding-right: 0
		}
	}

	.tabs__tabs--underline .tabs__menu:after {
		height: 1px;
		--tw-content: "";
		content: var(--tw-content);
		position: absolute;
		bottom: 0px;
		width: 100%;
		border-bottom-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgba(var(--color-gray-300), var(--tw-border-opacity))
	}

	@media (min-width: 768px) {
		.tabs__tabs--underline .tabs__menu:after {
			width: 83.333333%
		}
	}

	.tabs__tabs.is-scrollable:not(.scroll-start) .tabs__button--start {
		display: block
	}

	.tabs__tabs.is-scrollable:not(.scroll-end) .tabs__button--end {
		display: block
	}

	.tabs__button {
		position: absolute;
		top: 0px;
		z-index: 21;
		display: none;
		height: 100%;
		width: 2rem;
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity));
		background-position: center;
		background-repeat: no-repeat;
		--tw-content: "";
		content: var(--tw-content);
		background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='17' viewBox='0 0 9 17' fill='none'><path d='M1 16L7.7572 8.5L1 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>")
	}

	.tabs__button--start {
		left: 0px;
		--tw-rotate: 180deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.tabs__button--end {
		right: 0px
	}

	.tabs__indicator {
		position: absolute;
		left: 0px;
		bottom: 0px;
		z-index: 2;
		height: 2px;
		width: auto;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-brand-500), var(--tw-bg-opacity));
		transition-property: all;
		transition-duration: .3s;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1)
	}

	.button--text:hover .tabs__menu,
	.button--text-small:hover .tabs__menu {
		background-size: 100% 100%
	}

	.button--text-small .tabs__menu {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .tabs__menu {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .tabs__menu) {
		background-position: right
	}

	.button--text .tabs__menu {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .tabs__menu {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .tabs__menu,
	.sticky-navigation__anchor.active .tabs__menu {
		background-size: 100% 100%
	}

	.tabs__menu {
		position: relative;
		display: flex;
		align-items: stretch;
		justify-content: flex-start
	}

	@media (min-width: 1160px) {
		.tabs__menu {
			flex-wrap: wrap;
			justify-content: center
		}
	}

	.tabs__menu {
		-moz-column-gap: 1rem;
		column-gap: 1rem
	}

	@media (min-width: 768px) {
		.tabs__menu {
			-moz-column-gap: 1.5rem;
			column-gap: 1.5rem
		}
	}

	.tabs__menu {
		overflow-x: auto
	}

	@media (min-width: 1160px) {
		.tabs__menu {
			overflow-x: visible
		}
	}

	.tabs__menu::-webkit-scrollbar {
		display: none
	}

	.tabs__text-content {
		margin-bottom: 2.5rem;
		text-align: center
	}

	@media (min-width: 768px) {
		.tabs__text-content {
			margin-bottom: 3.5rem
		}
	}

	.tabs__text-content {
		display: flex;
		flex-direction: column;
		gap: 1.25rem;
		margin-left: auto;
		margin-right: auto;
		max-width: 94ch
	}

	.tabs__tab {
		white-space: nowrap;
		font-weight: 700;
		--tw-text-opacity: 1;
		color: rgba(var(--color-gray-700), var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.tabs__tab {
			font-size: 1.125rem;
			line-height: 1.39
		}
	}

	.button--text:hover .tabs__tab.bubble,
	.button--text-small:hover .tabs__tab.bubble {
		background-size: 100% 100%
	}

	.button--text-small .tabs__tab.bubble {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .tabs__tab.bubble {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .tabs__tab.bubble) {
		background-position: right
	}

	.button--text .tabs__tab.bubble {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .tabs__tab.bubble {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .tabs__tab.bubble,
	.sticky-navigation__anchor.active .tabs__tab.bubble {
		background-size: 100% 100%
	}

	.tabs__tab.bubble {
		position: relative;
		border-radius: 9999px;
		border-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgb(207 207 207 / var(--tw-border-opacity));
		height: 100%;
		padding: .75rem 1.75rem;
		text-align: center
	}

	@media (min-width: 768px) {
		.tabs__tab.bubble {
			padding: 1.3rem 3.2rem
		}
	}

	.tabs__tab.bubble:hover {
		z-index: 20;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-300), var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.tabs__tab.bubble.active {
		z-index: 20;
		border-color: transparent;
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-brand-700), var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.tabs__tab.underlined {
		margin-left: .5rem;
		margin-right: .5rem;
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		padding-bottom: .75rem;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.tabs__tab.underlined {
			margin-left: 1.25rem;
			margin-right: 1.25rem;
			padding-left: 1.75rem;
			padding-right: 1.75rem;
			padding-bottom: 1.25rem;
			font-size: 1.437rem;
			line-height: 2
		}
	}

	.tabs__content {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border-width: 0
	}

	.tabs__content.active {
		position: static;
		width: auto;
		height: auto;
		padding: 0;
		margin: 0;
		overflow: visible;
		clip: auto;
		white-space: normal
	}

	.tabs__content.fade-in {
		animation: .4s cubic-bezier(.58, .52, .82, .62) fadein
	}

	.tabs__content>*:first-child {
		margin-top: 0
	}

	.tabs__content>*:last-child {
		margin-bottom: 0
	}

	.is-nav-open .toggle-nav__open,
	.toggle-nav__close {
		display: none
	}

	.is-nav-open .toggle-nav__close {
		display: block
	}

	.trusted-by {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem
	}

	@media (min-width: 768px) {
		.trusted-by {
			padding-top: 2rem;
			padding-bottom: 2rem
		}
	}

	.trusted-by__heading--headline {
		margin-bottom: 1.25rem;
		text-align: center;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 1.25rem;
		line-height: 1.15;
		font-size: clamp(1.125rem, 2.5vw, 1.25rem)
	}

	.trusted-by__heading--subheadline {
		margin-bottom: 1.25rem;
		text-align: center
	}

	.trusted-by__slide--headline {
		margin-bottom: 1.25rem;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity));
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 1.25rem;
		line-height: 1.15;
		font-size: clamp(1.125rem, 2.5vw, 1.25rem)
	}

	.trusted-by__slide--headline strong {
		font-weight: 500;
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	.trusted-by__slide--headline.center {
		text-align: center
	}

	.trusted-by__slide--headline.left {
		text-align: start
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.trusted-by__slide--logos {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.trusted-by__slide--logos {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.trusted-by__slide--logos {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.trusted-by__slide--logos {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.trusted-by__slide--logos {
		animation: menu-fade .18s ease-in-out 1
	}

	.trusted-by__slide--logos {
		display: grid;
		gap: 2rem
	}

	@media (min-width: 640px) {
		.trusted-by__slide--logos {
			gap: 3.5rem
		}
	}

	.trusted-by__slide--logos {
		grid-template-columns: repeat(4, minmax(0, 1fr))
	}

	@media (min-width: 640px) {
		.trusted-by__slide--logos {
			grid-auto-columns: calc(12.5% - 3.5rem)
		}
	}

	.trusted-by__slide--logos {
		justify-content: center;
		align-items: center
	}

	@media (min-width: 1024px) {
		.trusted-by__slide--logos {
			grid-template-columns: repeat(8, minmax(0, 1fr));
			grid-auto-flow: column
		}
	}

	.trusted-by__slide--logos__logo,
	.trusted-by__slide--logos button {
		opacity: .65;
		--tw-brightness: brightness(0);
		filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
	}

	.trusted-by__slide--logos__logo img {
		width: 100%
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.trusted-by__slide--stats {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.trusted-by__slide--stats {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.trusted-by__slide--stats {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.trusted-by__slide--stats {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.trusted-by__slide--stats {
		animation: menu-fade .18s ease-in-out 1
	}

	.trusted-by__slide--stats {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1rem;
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	@media (min-width: 1024px) {
		.trusted-by__slide--stats {
			grid-template-columns: repeat(4, minmax(0, 1fr))
		}
	}

	.trusted-by__slide--stats.rounded-container {
		border-radius: 1.5rem
	}

	@media (min-width: 1024px) {
		.trusted-by__slide--stats.rounded-container {
			border-radius: 50px
		}
	}

	.trusted-by__slide--stats {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding-right: 1rem;
		padding-left: 1rem
	}

	@media (min-width: 350px) {
		.trusted-by__slide--stats {
			max-width: 350px
		}
	}

	@media (min-width: 520px) {
		.trusted-by__slide--stats {
			max-width: 520px
		}
	}

	@media (min-width: 640px) {
		.trusted-by__slide--stats {
			max-width: 640px
		}
	}

	@media (min-width: 768px) {
		.trusted-by__slide--stats {
			max-width: 768px;
			padding-right: 2rem;
			padding-left: 2rem
		}
	}

	@media (min-width: 900px) {
		.trusted-by__slide--stats {
			max-width: 900px
		}
	}

	@media (min-width: 1024px) {
		.trusted-by__slide--stats {
			max-width: 1024px
		}
	}

	@media (min-width: 1160px) {
		.trusted-by__slide--stats {
			max-width: 1160px
		}
	}

	@media (min-width: 1280px) {
		.trusted-by__slide--stats {
			max-width: 1280px
		}
	}

	@media (min-width: 1408px) {
		.trusted-by__slide--stats {
			max-width: 1408px
		}
	}

	@media (min-width: 1536px) {
		.trusted-by__slide--stats {
			max-width: 1536px
		}
	}

	@media (min-width: 1728px) {
		.trusted-by__slide--stats {
			max-width: 1728px
		}
	}

	@media (min-width: 1920px) {
		.trusted-by__slide--stats {
			max-width: 1920px
		}
	}

	@media (min-width: 2560px) {
		.trusted-by__slide--stats {
			max-width: 2560px
		}
	}

	.trusted-by__slide--stats {
		max-width: 100%
	}

	@media (min-width: 640px) {
		.trusted-by__slide--stats {
			max-width: 640px
		}
	}

	@media (min-width: 768px) {
		.trusted-by__slide--stats {
			max-width: 768px
		}
	}

	@media (min-width: 900px) {
		.trusted-by__slide--stats {
			max-width: 900px
		}
	}

	@media (min-width: 1024px) {
		.trusted-by__slide--stats {
			max-width: 1244px
		}
	}

	@media (min-width: 1280px) {
		.trusted-by__slide--stats {
			max-width: 1244px
		}
	}

	@media (min-width: 1536px) {
		.trusted-by__slide--stats {
			max-width: 1244px
		}
	}

	dialog .trusted-by__slide--stats:has(.form) {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	.table-of-contents.altLayout .table-of-contents__content .trusted-by__slide--stats:last-child {
		margin-bottom: 0
	}

	@media (min-width: 1024px) {
		.table-of-contents__content .trusted-by__slide--stats {
			padding-left: 1rem;
			padding-right: 1rem
		}

		.table-of-contents__content .trusted-by__slide--stats .container .media-with-text {
			padding-left: .75rem;
			padding-right: .75rem
		}
	}

	@media (min-width: 1024px) {
		.tabsSlider__content .trusted-by__slide--stats {
			padding-top: 2.5rem;
			padding-bottom: 2.5rem
		}
	}

	.tabsSlider__content .trusted-by__slide--stats {
		padding-top: 1.25rem;
		padding-bottom: 1.25rem
	}

	@media (min-width: 768px) {
		.tabsSlider__content .trusted-by__slide--stats {
			padding-left: 3rem;
			padding-right: 3rem
		}
	}

	@media (min-width: 1024px) {
		.tabsSlider__content .trusted-by__slide--stats {
			padding-top: 3rem;
			padding-bottom: 3rem
		}
	}

	.trusted-by__slide--stats {
		justify-content: center;
		text-align: center
	}

	.button--text:hover .trusted-by__slide--stats,
	.button--text-small:hover .trusted-by__slide--stats {
		background-size: 100% 100%
	}

	.button--text-small .trusted-by__slide--stats {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .trusted-by__slide--stats {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .trusted-by__slide--stats) {
		background-position: right
	}

	.button--text .trusted-by__slide--stats {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .trusted-by__slide--stats {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .trusted-by__slide--stats,
	.sticky-navigation__anchor.active .trusted-by__slide--stats {
		background-size: 100% 100%
	}

	.trusted-by__slide--stats {
		position: relative;
		overflow: hidden
	}

	.button--text:hover .trusted-by__slide--stats__stat,
	.button--text-small:hover .trusted-by__slide--stats__stat {
		background-size: 100% 100%
	}

	.button--text-small .trusted-by__slide--stats__stat {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .trusted-by__slide--stats__stat {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .trusted-by__slide--stats__stat) {
		background-position: right
	}

	.button--text .trusted-by__slide--stats__stat {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .trusted-by__slide--stats__stat {
		margin-top: .25rem
	}

	.sticky-navigation__anchor:hover .trusted-by__slide--stats__stat,
	.sticky-navigation__anchor.active .trusted-by__slide--stats__stat {
		background-size: 100% 100%
	}

	.trusted-by__slide--stats__stat {
		position: relative;
		box-sizing: border-box;
		display: flex;
		min-height: 90px;
		flex-direction: column;
		justify-content: center
	}

	.trusted-by__slide--stats__stat--headline {
		font-size: 1.437rem;
		line-height: 2;
		font-weight: 700
	}

	.trusted-by__slide--stats__stat--subheadline {
		font-size: 1.125rem;
		line-height: 1.39;
		font-weight: 700
	}

	.trusted-by__slide--stats__stat--copy {
		font-size: 1rem;
		line-height: 1.6
	}

	.trusted-by__slide--stats__stat:after {
		position: absolute;
		top: 6px;
		right: -.5rem;
		height: 79px;
		width: 1px;
		--tw-content: "";
		content: var(--tw-content);
		background: rgb(252, 252, 252);
		background: linear-gradient(180deg, #fcfcfc 0%, #000000 50%, #fcfcfc 100%)
	}

	:is([dir="ltr"] .trusted-by__slide--stats__stat:last-child):after {
		display: none
	}

	:is([dir="rtl"] .trusted-by__slide--stats__stat:last-child):after {
		visibility: visible
	}

	.button--text:hover .trusted-by__slide--sliding-logos,
	.button--text-small:hover .trusted-by__slide--sliding-logos {
		background-size: 100% 100%
	}

	.button--text-small .trusted-by__slide--sliding-logos {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem;
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--text .trusted-by__slide--sliding-logos {
		background-size: 0 100%;
		background-repeat: no-repeat;
		padding-bottom: .25rem
	}

	:is([dir="rtl"] .button--text .trusted-by__slide--sliding-logos) {
		background-position: right
	}

	.button--text .trusted-by__slide--sliding-logos {
		transition: background-size .6s ease;
		background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px)
	}

	.button--with-icon .trusted-by__slide--sliding-logos {
		margin-top: .25rem
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.trusted-by__slide--sliding-logos {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.trusted-by__slide--sliding-logos {
		visibility: visible
	}

	details[open].slide-in>.nav__children-menu>.trusted-by__slide--sliding-logos {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.trusted-by__slide--sliding-logos {
		visibility: visible
	}

	details[open].fade-in>.nav__children-menu>.trusted-by__slide--sliding-logos {
		animation: menu-fade .18s ease-in-out 1
	}

	.sticky-navigation__anchor:hover .trusted-by__slide--sliding-logos,
	.sticky-navigation__anchor.active .trusted-by__slide--sliding-logos {
		background-size: 100% 100%
	}

	.trusted-by__slide--sliding-logos {
		position: relative;
		display: grid;
		height: 100px;
		width: 100%;
		place-items: center;
		overflow: hidden
	}

	@media (min-width: 1280px) {
		details>.nav__children-menu>.trusted-by__slide--sliding-logos__logo {
			visibility: hidden
		}
	}

	details[open].slide-in>.nav__children-menu>.trusted-by__slide--sliding-logos__logo {
		visibility: visible
	}

	@keyframes menu-slide {
		0% {
			transform: translate(-10px);
			opacity: 0
		}

		to {
			transform: translate(0);
			opacity: 1
		}
	}

	details[open].slide-in>.nav__children-menu>.trusted-by__slide--sliding-logos__logo {
		animation: menu-slide .18s ease-in-out 1
	}

	details[open].fade-in>.nav__children-menu>.trusted-by__slide--sliding-logos__logo {
		visibility: visible
	}

	@keyframes menu-fade {
		0% {
			transform: translateY(-10px);
			opacity: 0
		}

		to {
			transform: translateY(0);
			opacity: 1
		}
	}

	details[open].fade-in>.nav__children-menu>.trusted-by__slide--sliding-logos__logo {
		animation: menu-fade .18s ease-in-out 1
	}

	.trusted-by__slide--sliding-logos__logo {
		display: grid;
		height: 100px;
		width: 160px;
		place-items: center;
		transition-duration: .5s
	}

	.trusted-by__slide--sliding-logos__logo svg {
		height: 100px;
		width: 100px
	}

	.trusted-by__slide--sliding-logos:before,
	.trusted-by__slide--sliding-logos:after {
		--tw-content: "";
		content: var(--tw-content);
		pointer-events: none;
		z-index: 2;
		height: 100%;
		width: 20%;
		position: absolute;
		background-image: linear-gradient(90deg, rgba(252, 252, 252, 1) 0%, rgba(252, 252, 252, 0) 100%)
	}

	.trusted-by__slide--sliding-logos:before {
		left: 0px;
		top: 0px
	}

	.trusted-by__slide--sliding-logos:after {
		right: 0px;
		top: 0px;
		--tw-rotate: 180deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.trusted-by__slide--sliding-track {
		width: 6400px;
		display: flex
	}

	@keyframes scroll-from-right {
		0% {
			transform: translate(0)
		}

		to {
			transform: translate(-1280px)
		}
	}

	.trusted-by__slide--sliding-track {
		animation: scroll-from-right 20s linear infinite;
		justify-content: flex-start
	}

	:root {
		--plyr-color-main: rgb(var(--color-brand-500));
		--plyr-video-control-background-color: #000;
		--plyr-video-control-color: #fff;
		--plyr-video-control-background-hover: rgb(var(--color-brand-800))
	}

	.plyr__overlay {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 10;
		height: 100%;
		width: 100%;
		cursor: pointer;
		opacity: 1;
		transition: all .4s ease
	}

	.plyr__overlay svg {
		position: absolute;
		top: 50%;
		left: 50%;
		height: auto;
		width: auto;
		transform: translate(-50%, -50%)
	}

	.plyr__overlay img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover
	}

	.plyr__colour-overlay {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		background-color: #0000004d
	}

	.plyr__is-playing {
		pointer-events: none;
		opacity: 0
	}

	.plyr--video {
		height: 100%
	}

	.plyr__video-embed__container {
		--tw-translate-y: -21.875% !important;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
		padding-bottom: 100% !important
	}

	.widget__calculator-table {
		padding: 1rem;
		border-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgb(209 209 209 / var(--tw-border-opacity))
	}

	.widget__calculator-table__inner {
		border-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgb(209 209 209 / var(--tw-border-opacity))
	}

	.widget__calculator-table input[type=text] {
		width: auto;
		--tw-bg-opacity: 1;
		background-color: rgb(234 234 234 / var(--tw-bg-opacity))
	}

	.widget__calculator-step {
		padding: 1rem
	}

	.widget__calculator-step__inner {
		border-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgb(209 209 209 / var(--tw-border-opacity))
	}

	.widget__calculator-step__header {
		text-align: center;
		font-weight: 700;
		padding: 2rem;
		--tw-bg-opacity: 1;
		background-color: rgb(242 242 242 / var(--tw-bg-opacity))
	}

	.widget__calculator-step__letters {
		padding-top: 1rem;
		padding-bottom: 1rem;
		text-align: center;
		border-top-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgb(209 209 209 / var(--tw-border-opacity))
	}

	.widget__calculator-step__letters>span {
		display: inline-block
	}

	.widget__calculator-step__letters>span>span {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 30px;
		width: 30px;
		border-radius: 9999px;
		text-align: center;
		font-weight: 700;
		padding: 1rem;
		--tw-bg-opacity: 1;
		background-color: rgb(0 174 238 / var(--tw-bg-opacity));
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.widget__calculator-step__inputs {
		padding: 2rem;
		text-align: center;
		border-top-width: 1px;
		--tw-border-opacity: 1;
		border-color: rgb(209 209 209 / var(--tw-border-opacity))
	}

	.sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border-width: 0
	}

	.pointer-events-none {
		pointer-events: none
	}

	.visible {
		visibility: visible
	}

	.collapse {
		visibility: collapse
	}

	.static {
		position: static
	}

	.fixed {
		position: fixed
	}

	.absolute {
		position: absolute
	}

	.relative {
		position: relative
	}

	.inset-0 {
		inset: 0px
	}

	.-top-\[1px\] {
		top: -1px
	}

	.left-\[calc\(50\%_-_65px\)\] {
		left: calc(50% - 65px)
	}

	.-z-10 {
		z-index: -10
	}

	.z-10 {
		z-index: 10
	}

	.z-20 {
		z-index: 20
	}

	.order-last {
		order: 9999
	}

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

	.col-span-2 {
		grid-column: span 2 / span 2
	}

	.col-span-3 {
		grid-column: span 3 / span 3
	}

	.col-span-4 {
		grid-column: span 4 / span 4
	}

	.col-span-5 {
		grid-column: span 5 / span 5
	}

	.m-1 {
		margin: .25rem
	}

	.mx-4 {
		margin-left: 1rem;
		margin-right: 1rem
	}

	.mx-auto {
		margin-left: auto;
		margin-right: auto
	}

	.my-0 {
		margin-top: 0;
		margin-bottom: 0
	}

	.my-6 {
		margin-top: 1.5rem;
		margin-bottom: 1.5rem
	}

	.my-8 {
		margin-top: 2rem;
		margin-bottom: 2rem
	}

	.mb-1 {
		margin-bottom: .25rem
	}

	.mb-10 {
		margin-bottom: 2.5rem
	}

	.mb-2 {
		margin-bottom: .5rem
	}

	.mb-4 {
		margin-bottom: 1rem
	}

	.mb-6 {
		margin-bottom: 1.5rem
	}

	.mb-8 {
		margin-bottom: 2rem
	}

	.ml-2 {
		margin-left: .5rem
	}

	.ml-3 {
		margin-left: .75rem
	}

	.ml-auto {
		margin-left: auto
	}

	.mr-2 {
		margin-right: .5rem
	}

	.mr-3 {
		margin-right: .75rem
	}

	.mr-auto {
		margin-right: auto
	}

	.mt-1 {
		margin-top: .25rem
	}

	.mt-2 {
		margin-top: .5rem
	}

	.mt-20 {
		margin-top: 5rem
	}

	.mt-4 {
		margin-top: 1rem
	}

	.mt-5 {
		margin-top: 1.25rem
	}

	.mt-6 {
		margin-top: 1.5rem
	}

	.mt-8 {
		margin-top: 2rem
	}

	.mt-auto {
		margin-top: auto
	}

	.block {
		display: block
	}

	.inline-block {
		display: inline-block
	}

	.inline {
		display: inline
	}

	.flex {
		display: flex
	}

	.table {
		display: table
	}

	.grid {
		display: grid
	}

	.contents {
		display: contents
	}

	.hidden {
		display: none
	}

	.aspect-\[8\/5\] {
		aspect-ratio: 8/5
	}

	.aspect-square {
		aspect-ratio: 1 / 1
	}

	.h-3 {
		height: .75rem
	}

	.h-3\.5 {
		height: .875rem
	}

	.h-5 {
		height: 1.25rem
	}

	.h-6 {
		height: 1.5rem
	}

	.h-\[18px\] {
		height: 18px
	}

	.h-full {
		height: 100%
	}

	.min-h-full {
		min-height: 100%
	}

	.w-1\/4 {
		width: 25%
	}

	.w-16 {
		width: 4rem
	}

	.w-3 {
		width: .75rem
	}

	.w-3\.5 {
		width: .875rem
	}

	.w-4 {
		width: 1rem
	}

	.w-5 {
		width: 1.25rem
	}

	.w-6 {
		width: 1.5rem
	}

	.w-\[130px\] {
		width: 130px
	}

	.w-\[18px\] {
		width: 18px
	}

	.w-\[250px\] {
		width: 250px
	}

	.w-\[85vw\] {
		width: 85vw
	}

	.w-full {
		width: 100%
	}

	.w-screen {
		width: 100vw
	}

	.max-w-4xl {
		max-width: 56rem
	}

	.max-w-\[1200px\] {
		max-width: 1200px
	}

	.max-w-\[250px\] {
		max-width: 250px
	}

	.max-w-\[38px\] {
		max-width: 38px
	}

	.max-w-\[400px\] {
		max-width: 400px
	}

	.max-w-\[700px\] {
		max-width: 700px
	}

	.max-w-md {
		max-width: 28rem
	}

	.max-w-xl {
		max-width: 36rem
	}

	.flex-1 {
		flex: 1 1 0%
	}

	.shrink-0 {
		flex-shrink: 0
	}

	.grow {
		flex-grow: 1
	}

	.translate-x-4 {
		--tw-translate-x: 1rem;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.translate-y-px {
		--tw-translate-y: 1px;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.-rotate-180 {
		--tw-rotate: -180deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.-rotate-90 {
		--tw-rotate: -90deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.rotate-90 {
		--tw-rotate: 90deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	.transform {
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	@keyframes pulse {
		50% {
			opacity: .5
		}
	}

	.animate-pulse {
		animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
	}

	.resize {
		resize: both
	}

	.list-decimal {
		list-style-type: decimal
	}

	.list-disc {
		list-style-type: disc
	}

	.list-none {
		list-style-type: none
	}

	.auto-rows-min {
		grid-auto-rows: min-content
	}

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

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

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

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

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

	.flex-row {
		flex-direction: row
	}

	.flex-col {
		flex-direction: column
	}

	.items-center {
		align-items: center
	}

	.justify-start {
		justify-content: flex-start
	}

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

	.justify-center {
		justify-content: center
	}

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

	.gap-1 {
		gap: .25rem
	}

	.gap-2 {
		gap: .5rem
	}

	.gap-4 {
		gap: 1rem
	}

	.gap-5 {
		gap: 1.25rem
	}

	.gap-6 {
		gap: 1.5rem
	}

	.gap-8 {
		gap: 2rem
	}

	.gap-\[10px\] {
		gap: 10px
	}

	.space-y-2>:not([hidden])~:not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
	}

	.space-y-4>:not([hidden])~:not([hidden]) {
		--tw-space-y-reverse: 0;
		margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(1rem * var(--tw-space-y-reverse))
	}

	.divide-y>:not([hidden])~:not([hidden]) {
		--tw-divide-y-reverse: 0;
		border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
		border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
	}

	.divide-gray-200>:not([hidden])~:not([hidden]) {
		--tw-divide-opacity: 1;
		border-color: rgba(var(--color-gray-200), var(--tw-divide-opacity))
	}

	.divide-gray-300>:not([hidden])~:not([hidden]) {
		--tw-divide-opacity: 1;
		border-color: rgba(var(--color-gray-300), var(--tw-divide-opacity))
	}

	.overflow-visible {
		overflow: visible
	}

	.overflow-y-auto {
		overflow-y: auto
	}

	.truncate {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.whitespace-nowrap {
		white-space: nowrap
	}

	.rounded {
		border-radius: .25rem
	}

	.border {
		border-width: 1px
	}

	.border-r-0 {
		border-right-width: 0px
	}

	.border-black\/25 {
		border-color: #00000040
	}

	.bg-black {
		--tw-bg-opacity: 1;
		background-color: rgb(0 0 0 / var(--tw-bg-opacity))
	}

	.bg-brand-500 {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-brand-500), var(--tw-bg-opacity))
	}

	.bg-brand-700 {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-brand-700), var(--tw-bg-opacity))
	}

	.bg-gray-100 {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity))
	}

	.bg-gray-200 {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-200), var(--tw-bg-opacity))
	}

	.bg-gray-50 {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-50), var(--tw-bg-opacity))
	}

	.bg-gray-700 {
		--tw-bg-opacity: 1;
		background-color: rgba(var(--color-gray-700), var(--tw-bg-opacity))
	}

	.bg-transparent {
		background-color: transparent
	}

	.bg-white {
		--tw-bg-opacity: 1;
		background-color: rgb(255 255 255 / var(--tw-bg-opacity))
	}

	.bg-gradient-gray {
		background-image: linear-gradient(170.74deg, rgba(var(--color-gray-500), .3861) -.87%, rgba(var(--color-purple-100), .2184) 75.89%, rgba(var(--color-gray-400), .39) 115.78%)
	}

	.fill-none {
		fill: none
	}

	.p-4 {
		padding: 1rem
	}

	.p-8 {
		padding: 2rem
	}

	.px-0 {
		padding-left: 0;
		padding-right: 0
	}

	.px-3 {
		padding-left: .75rem;
		padding-right: .75rem
	}

	.py-0 {
		padding-top: 0;
		padding-bottom: 0
	}

	.py-1 {
		padding-top: .25rem;
		padding-bottom: .25rem
	}

	.py-12 {
		padding-top: 3rem;
		padding-bottom: 3rem
	}

	.py-2 {
		padding-top: .5rem;
		padding-bottom: .5rem
	}

	.py-3 {
		padding-top: .75rem;
		padding-bottom: .75rem
	}

	.py-8 {
		padding-top: 2rem;
		padding-bottom: 2rem
	}

	.pb-32 {
		padding-bottom: 8rem
	}

	.pr-6 {
		padding-right: 1.5rem
	}

	.pt-24 {
		padding-top: 6rem
	}

	.text-left {
		text-align: left
	}

	.text-center {
		text-align: center
	}

	.text-base {
		font-size: 1rem;
		line-height: 1.6
	}

	.text-lg {
		font-size: 1.125rem;
		line-height: 1.39
	}

	.text-sm {
		font-size: .875rem;
		line-height: 1.828
	}

	.text-xl {
		font-size: 1.25rem;
		line-height: 1.15
	}

	.font-bold {
		font-weight: 700
	}

	.font-normal {
		font-weight: 400
	}

	.uppercase {
		text-transform: uppercase
	}

	.lowercase {
		text-transform: lowercase
	}

	.capitalize {
		text-transform: capitalize
	}

	.italic {
		font-style: italic
	}

	.tracking-widest {
		letter-spacing: .1em
	}

	.text-black {
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	.text-black\/60 {
		color: #0009
	}

	.text-black\/95 {
		color: #000000f2
	}

	.text-brand-500 {
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	.text-current {
		color: currentColor
	}

	.text-white {
		--tw-text-opacity: 1;
		color: rgb(255 255 255 / var(--tw-text-opacity))
	}

	.underline {
		text-decoration-line: underline
	}

	.opacity-0 {
		opacity: 0
	}

	.opacity-100 {
		opacity: 1
	}

	.opacity-70 {
		opacity: .7
	}

	.opacity-80 {
		opacity: .8
	}

	.shadow {
		--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
		--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.shadow-card {
		--tw-shadow: 0 10px 20px rgb(35 35 35 / 8%);
		--tw-shadow-colored: 0 10px 20px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.shadow-formSidebar {
		--tw-shadow: 0 50px 100px 0px rgba(35, 35, 35, .25);
		--tw-shadow-colored: 0 50px 100px 0px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.shadow-formStandard {
		--tw-shadow: 0 20px 40px 0px rgba(35, 35, 35, .25);
		--tw-shadow-colored: 0 20px 40px 0px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.shadow-hover {
		--tw-shadow: 0 6px 10px rgb(0 0 0 / 20%), 0 0 6px rgb(0 0 0 / 20%);
		--tw-shadow-colored: 0 6px 10px var(--tw-shadow-color), 0 0 6px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.shadow-image {
		--tw-shadow: 0 30px 40px 0px rgb(35 35 35 / .3);
		--tw-shadow-colored: 0 30px 40px 0px var(--tw-shadow-color);
		box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
	}

	.drop-shadow {
		--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));
		filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
	}

	.filter {
		filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
	}

	.transition {
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .15s
	}

	.transition-colors {
		transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		transition-duration: .15s
	}

	.duration-200 {
		transition-duration: .2s
	}

	.ease-out {
		transition-timing-function: cubic-bezier(0, 0, .2, 1)
	}

	.headline-1 {
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 3rem;
		line-height: 1.1875;
		font-weight: 500;
		text-transform: none;
		font-size: clamp(2.1875rem, 2.5vw, 3rem)
	}

	@media (min-width: 768px) {
		.headline-1 {
			font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
		}
	}

	@media (min-width: 1024px) {
		.headline-1 {
			font-size: clamp(2.1875rem, 2.6vw, 3rem)
		}
	}

	.headline-2 {
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 400;
		font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
	}

	.headline-2-redesigned {
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 2.1875rem;
		line-height: 1.285;
		font-weight: 700
	}

	:is([dir="ltr"] .headline-2-redesigned) {
		text-align: left
	}

	:is([dir="rtl"] .headline-2-redesigned) {
		text-align: right
	}

	.headline-2-redesigned {
		font-size: clamp(1.875rem, 2.5vw, 2.1875rem)
	}

	.headline-3 {
		font-size: 1.25rem;
		line-height: 1.15;
		font-weight: 700;
		letter-spacing: .5px;
		--tw-text-opacity: 1;
		color: rgb(0 0 0 / var(--tw-text-opacity))
	}

	@media (min-width: 768px) {
		.headline-3 {
			font-size: 1.437rem;
			line-height: 1.25
		}
	}

	.headline-3-alt {
		font-family: Roboto, Roboto-fallback, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
		font-size: 1.25rem;
		line-height: 1.15;
		font-size: clamp(1.125rem, 2.5vw, 1.25rem)
	}

	.headline-4-card {
		font-size: 1.25rem;
		line-height: 1.15;
		font-weight: 700;
		font-size: clamp(1.125rem, 2.5vw, 1.25rem)
	}

	.headline-4-inner {
		font-size: 1.125rem;
		line-height: 1.39;
		font-weight: 700;
		font-size: clamp(1rem, 2.5vw, 1.125rem)
	}

	@media (min-width: 1280px) {
		.xl\:container.rounded-container {
			border-radius: 1.5rem
		}

		@media (min-width: 1024px) {
			.xl\:container.rounded-container {
				border-radius: 50px
			}
		}
	}

	@media (min-width: 768px) {
		.md\:aspect-square.industry-hero__media.with-video-main {
			aspect-ratio: 1/1
		}
	}

	@media (min-width: 1024px) {
		.tabsSlider .media-with-text__grid .lg\:shadow-image {
			--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
			--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
			box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
		}
	}

	@media (min-width: 1280px) {
		.xl\:container {
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			padding-right: 1rem;
			padding-left: 1rem
		}

		@media (min-width: 350px) {
			.xl\:container {
				max-width: 350px
			}
		}

		@media (min-width: 520px) {
			.xl\:container {
				max-width: 520px
			}
		}

		@media (min-width: 640px) {
			.xl\:container {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.xl\:container {
				max-width: 768px;
				padding-right: 2rem;
				padding-left: 2rem
			}
		}

		@media (min-width: 900px) {
			.xl\:container {
				max-width: 900px
			}
		}

		@media (min-width: 1024px) {
			.xl\:container {
				max-width: 1024px
			}
		}

		@media (min-width: 1160px) {
			.xl\:container {
				max-width: 1160px
			}
		}

		@media (min-width: 1280px) {
			.xl\:container {
				max-width: 1280px
			}
		}

		@media (min-width: 1408px) {
			.xl\:container {
				max-width: 1408px
			}
		}

		@media (min-width: 1536px) {
			.xl\:container {
				max-width: 1536px
			}
		}

		@media (min-width: 1728px) {
			.xl\:container {
				max-width: 1728px
			}
		}

		@media (min-width: 1920px) {
			.xl\:container {
				max-width: 1920px
			}
		}

		@media (min-width: 2560px) {
			.xl\:container {
				max-width: 2560px
			}
		}

		.xl\:container {
			max-width: 100%
		}

		@media (min-width: 640px) {
			.xl\:container {
				max-width: 640px
			}
		}

		@media (min-width: 768px) {
			.xl\:container {
				max-width: 768px
			}
		}

		@media (min-width: 900px) {
			.xl\:container {
				max-width: 900px
			}
		}

		@media (min-width: 1024px) {
			.xl\:container {
				max-width: 1244px
			}
		}

		@media (min-width: 1280px) {
			.xl\:container {
				max-width: 1244px
			}
		}

		@media (min-width: 1536px) {
			.xl\:container {
				max-width: 1244px
			}
		}

		dialog .xl\:container:has(.form) {
			margin-top: 0;
			margin-bottom: 0;
			padding-top: 2rem;
			padding-bottom: 2rem
		}

		.table-of-contents.altLayout .table-of-contents__content .xl\:container:last-child {
			margin-bottom: 0
		}

		@media (min-width: 1024px) {
			.table-of-contents__content .xl\:container {
				padding-left: 1rem;
				padding-right: 1rem
			}

			.table-of-contents__content .xl\:container .xl\:container .media-with-text {
				padding-left: .75rem;
				padding-right: .75rem
			}
		}

		@media (min-width: 1024px) {
			.tabsSlider__content .xl\:container {
				padding-top: 2.5rem;
				padding-bottom: 2.5rem
			}
		}

		.tabsSlider__content .xl\:container {
			padding-top: 1.25rem;
			padding-bottom: 1.25rem
		}

		@media (min-width: 768px) {
			.tabsSlider__content .xl\:container {
				padding-left: 3rem;
				padding-right: 3rem
			}
		}

		@media (min-width: 1024px) {
			.tabsSlider__content .xl\:container {
				padding-top: 3rem;
				padding-bottom: 3rem
			}
		}
	}

	.hover\:text-brand-500:hover {
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-500), var(--tw-text-opacity))
	}

	.hover\:text-brand-800:hover {
		--tw-text-opacity: 1;
		color: rgba(var(--color-brand-800), var(--tw-text-opacity))
	}

	.hover\:underline:hover {
		text-decoration-line: underline
	}

	.focus\:not-sr-only:focus {
		position: static;
		width: auto;
		height: auto;
		padding: 0;
		margin: 0;
		overflow: visible;
		clip: auto;
		white-space: normal
	}

	.focus\:absolute:focus {
		position: absolute
	}

	.focus\:z-40:focus {
		z-index: 40
	}

	.focus\:h-12:focus {
		height: 3rem
	}

	.focus\:w-64:focus {
		width: 16rem
	}

	:is([dir="ltr"] .ltr\:right-0) {
		right: 0px
	}

	:is([dir="ltr"] .ltr\:ml-2) {
		margin-left: .5rem
	}

	:is([dir="ltr"] .ltr\:ml-auto) {
		margin-left: auto
	}

	:is([dir="ltr"] .ltr\:mr-2) {
		margin-right: .5rem
	}

	:is([dir="ltr"] .ltr\:mr-auto) {
		margin-right: auto
	}

	:is([dir="ltr"] .ltr\:-rotate-180) {
		--tw-rotate: -180deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	:is([dir="ltr"] .ltr\:-rotate-90) {
		--tw-rotate: -90deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	:is([dir="ltr"] .ltr\:rotate-90) {
		--tw-rotate: 90deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	:is([dir="rtl"] .rtl\:left-0) {
		left: 0px
	}

	:is([dir="rtl"] .rtl\:ml-2) {
		margin-left: .5rem
	}

	:is([dir="rtl"] .rtl\:ml-auto) {
		margin-left: auto
	}

	:is([dir="rtl"] .rtl\:mr-2) {
		margin-right: .5rem
	}

	:is([dir="rtl"] .rtl\:mr-auto) {
		margin-right: auto
	}

	:is([dir="rtl"] .rtl\:-rotate-180) {
		--tw-rotate: -180deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	:is([dir="rtl"] .rtl\:-rotate-90) {
		--tw-rotate: -90deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	:is([dir="rtl"] .rtl\:rotate-90) {
		--tw-rotate: 90deg;
		transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
	}

	@media not all and (min-width: 768px) {
		.max-md\:h-auto {
			height: auto
		}
	}

	@media (min-width: 640px) {
		.sm\:my-12 {
			margin-top: 3rem;
			margin-bottom: 3rem
		}

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

	@media (min-width: 768px) {
		.md\:sticky {
			position: sticky
		}

		.md\:top-24 {
			top: 6rem
		}

		.md\:my-16 {
			margin-top: 4rem;
			margin-bottom: 4rem
		}

		.md\:my-20 {
			margin-top: 5rem;
			margin-bottom: 5rem
		}

		.md\:block {
			display: block
		}

		.md\:hidden {
			display: none
		}

		.md\:aspect-square {
			aspect-ratio: 1 / 1
		}

		.md\:w-\[60vw\] {
			width: 60vw
		}

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

		.md\:grid-cols-3 {
			grid-template-columns: repeat(3, minmax(0, 1fr))
		}

		.md\:flex-row {
			flex-direction: row
		}

		.md\:p-0 {
			padding: 0
		}

		.md\:px-8 {
			padding-left: 2rem;
			padding-right: 2rem
		}

		.md\:py-14 {
			padding-top: 3.5rem;
			padding-bottom: 3.5rem
		}

		.md\:py-20 {
			padding-top: 5rem;
			padding-bottom: 5rem
		}

		.md\:text-base {
			font-size: 1rem;
			line-height: 1.6
		}

		.md\:text-lg {
			font-size: 1.125rem;
			line-height: 1.39
		}
	}

	@media (min-width: 1024px) {
		.lg\:aspect-auto {
			aspect-ratio: auto
		}

		.lg\:grid-cols-4 {
			grid-template-columns: repeat(4, minmax(0, 1fr))
		}

		.lg\:shadow-image {
			--tw-shadow: 0 30px 40px 0px rgb(35 35 35 / .3);
			--tw-shadow-colored: 0 30px 40px 0px var(--tw-shadow-color);
			box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
		}
	}

	@media (min-width: 1280px) {
		.xl\:bottom-auto {
			bottom: auto
		}

		.xl\:top-auto {
			top: auto
		}

		.xl\:col-span-2 {
			grid-column: span 2 / span 2
		}

		.xl\:col-span-3 {
			grid-column: span 3 / span 3
		}

		.xl\:col-span-4 {
			grid-column: span 4 / span 4
		}

		.xl\:col-span-5 {
			grid-column: span 5 / span 5
		}

		.xl\:block {
			display: block
		}

		.xl\:hidden {
			display: none
		}

		.xl\:max-w-none {
			max-width: none
		}

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

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

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

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

		.xl\:flex-row {
			flex-direction: row
		}

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

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

		.xl\:gap-2 {
			gap: .5rem
		}

		.xl\:gap-2\.5 {
			gap: .625rem
		}

		.xl\:gap-8 {
			gap: 2rem
		}

		.xl\:divide-y-0>:not([hidden])~:not([hidden]) {
			--tw-divide-y-reverse: 0;
			border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
			border-bottom-width: calc(0px * var(--tw-divide-y-reverse))
		}

		.xl\:overflow-visible {
			overflow: visible
		}

		.xl\:border-b {
			border-bottom-width: 1px
		}

		.xl\:border-black\/25 {
			border-color: #00000040
		}

		.xl\:border-gray-200 {
			--tw-border-opacity: 1;
			border-color: rgba(var(--color-gray-200), var(--tw-border-opacity))
		}

		.xl\:p-0 {
			padding: 0
		}

		.xl\:px-6 {
			padding-left: 1.5rem;
			padding-right: 1.5rem
		}

		.xl\:py-8 {
			padding-top: 2rem;
			padding-bottom: 2rem
		}

		.xl\:pl-12 {
			padding-left: 3rem
		}

		.xl\:pr-6 {
			padding-right: 1.5rem
		}

		.xl\:shadow-nav {
			--tw-shadow: 0px 10px 14px rgba(74, 58, 255, .01), 0px 8px 16px rgba(23, 15, 73, .03);
			--tw-shadow-colored: 0px 10px 14px var(--tw-shadow-color), 0px 8px 16px var(--tw-shadow-color);
			box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
		}

		:is([dir="ltr"] .ltr\:xl\:-mr-6) {
			margin-right: -1.5rem
		}

		:is([dir="ltr"] .ltr\:xl\:border-r) {
			border-right-width: 1px
		}

		:is([dir="ltr"] .ltr\:xl\:pr-5) {
			padding-right: 1.25rem
		}

		:is([dir="rtl"] .rtl\:xl\:-ml-6) {
			margin-left: -1.5rem
		}

		:is([dir="rtl"] .rtl\:xl\:border-l) {
			border-left-width: 1px
		}

		:is([dir="rtl"] .rtl\:xl\:pl-5) {
			padding-left: 1.25rem
		}
	}

}