:root {
	--color-black: var(--color-neutral-900);
	--color-neutral-200: #efeeec;
	--color-light: var(--color-neutral-200);
	--color-dark: var(--color-neutral-800);
	--container-padding: 2em;
	--card--border-color: #efeeec14;
	--card--background-color-active: #efeeec1a;
	--gap-tiny: 0.5em;
	--gap-small: 0.75em;
	--gap-reg: 1em;
	--gap-med: 1.25em;
	--gap-large: 1.5em;
	--gap-xlarge: 2em;
	--gap-xxlarge: 3em;
	--color-neutral-500: #818180;
	--color-white: var(--color-neutral-100);
	--color-neutral-900: black;
	--color-neutral-300: #e3e1de;
	--color-neutral-600: #2c2c2c;
	--color-neutral-400: #cbc8c5;
	--card--background-color: #efeeec0f;
	--dash-side-width: 18.5em;
	--color-neutral-800: #131313;
	--dash-top-height: 6.5em;
	--color-primary: #ff4c24;
	--color-neutral-700: #1f1f1f;
	--color-neutral-100: white;
	--dash-col-gap: 1.5em;
	--dash-col-width: 0em;
	--dash-col-width-half: 0em;
	--color-success: #0ba954;
	--color-error: var(--color-primary);
	--dash-content-width: 0em;
	--dash-content-max-width: 65em;
	--card--radius-reg: 0.75em;
	--card--radius-small: 0.5em;
	--dash-side-width-ignore: 18.5em;
	--color-saved: #594cae;
	--gap-size: 1rem;
	--dash-side-width-collapsed: 5.5em;
	--gap-component-grid: 0.75em;
}

.w-embed:before,
.w-embed:after {
	content: ' ';
	grid-area: 1/1/2/2;
	display: table;
}
.w-embed:after {
	clear: both;
}
.db-side__bottom {
	justify-content: space-between;
	align-items: center;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1.25em;
	display: flex;
}
.db-card__text {
	padding: 0.75em 0.5em;
}
.db-card__visual {
	border-radius: 0.25em;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.db-base {
	border-radius: var(--card--radius-reg);
	background-color: #000;
	border: 1px solid #2c2c2c;
	position: absolute;
	inset: 0%;
}
.db-side__inner {
	flex-flow: column;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	display: flex;
}
.db-bottom__left {
	grid-column-gap: 0.75em;
	grid-row-gap: 0.75em;
	justify-content: flex-start;
	align-items: center;
	display: flex;
}
.db-avatar {
	color: #131313;
	background-color: #e3e1de;
	border-radius: 100em;
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.5em;
	padding: 0.3em;
	display: flex;
	position: relative;
	overflow: hidden;
}
.user-dots {
	opacity: 0.6;
	width: 0.25em;
}
.db-content__card {
	padding-top: var(--gap-tiny);
	padding-right: var(--gap-tiny);
	padding-bottom: var(--gap-tiny);
	padding-left: var(--gap-tiny);
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: var(--card--border-color);
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: var(--card--border-color);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: var(--card--border-color);
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: var(--card--border-color);
	border-top-left-radius: var(--card--radius-small);
	border-top-right-radius: var(--card--radius-small);
	border-bottom-left-radius: var(--card--radius-small);
	border-bottom-right-radius: var(--card--radius-small);
	cursor: pointer;
	width: calc((100% - 2 * var(--gap-reg)) / 3);
	background-color: #0e0e0e;
	flex-flow: column;
	font-weight: 500;
	transition-property: border-color, background-color;
	transition-duration: 0.2s, 0.2s;
	transition-timing-function: ease, ease;
	display: flex;
}
.db-content__card:hover {
	background-color: #141414;
	border-color: #efeeec26;
}
.db-wrapper {
	perspective: 1000px;
	width: 100%;
	height: 52.5em;
	position: relative;
}
.db-content {
	z-index: 3;
	grid-column-gap: 1em;
	grid-row-gap: 1em;
	perspective: 1000px;
	bottom: 0.75em;
	left: 24em;
	right: 1.5em;
	top: calc(var(--gap-large) * 4);
	flex-flow: wrap;
	place-content: flex-start;
	align-items: flex-start;
	font-size: 0.8em;
	display: flex;
	position: absolute;
}
.db-content.u--hide {
	display: none;
}
.db-text-row {
	grid-column-gap: 1.5em;
	grid-row-gap: 1.5em;
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	max-width: 35em;
}
.db-text-row.max-width-no-access {
	max-width: 23em;
}
.p-small {
	font-size: 0.875em;
	line-height: 1.3;
}
.p-small.label {
	margin-bottom: 0;
}
.db-side__logo {
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 4em;
	margin-bottom: 1.25em;
	padding-top: 0.75em;
	padding-left: 0.75em;
	display: flex;
}
.db-nav__badge {
	background-color: #efeeec0f;
	border-radius: 1em;
	padding: 0.4em 0.75em;
	font-size: 0.75em;
	position: absolute;
	right: 0.5em;
}
.db-container {
	perspective: 1000px;
	width: 100%;
	max-width: 80em;
	margin-left: auto;
	margin-right: auto;
    color: #efeeec;
}
.db-nav__icon {
	color: #818180;
	justify-content: center;
	align-items: center;
	width: 1.25em;
	height: 1.25em;
	transition: color 0.2s;
	display: flex;
}
.db-search {
	z-index: 2;
	border: 1px solid var(--card--border-color);
	background-color: #0e0e0e;
	border-radius: 0.25em;
	width: 24.25em;
	font-size: 0.8em;
	position: absolute;
	top: 1.5em;
	right: 1.5em;
}
.container-small {
	width: 100%;
	max-width: 44em;
	margin-left: auto;
	margin-right: auto;
}
.db-card__inner {
	width: 100%;
	height: 100%;
}
.text-container {
	margin-bottom: 4.5em;
}
.text-container.text-center {
	text-align: center;
}
.h-medium {
	font-size: 3.375em;
	font-weight: 500;
	line-height: 1;
}
.db-side {
	z-index: 2;
	border: 1px solid var(--card--border-color);
	border-radius: var(--card--radius-small);
	background-color: #0e0e0e;
	width: 18em;
	position: absolute;
	inset: 0.5em auto 0.5em 0.5em;
}
.db-nav__item {
	grid-column-gap: 0.75em;
	grid-row-gap: 0.75em;
	background-color: #0000;
	border-radius: 0.25em;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	padding-left: 0.75em;
	transition: background-color 0.2s;
	display: flex;
	position: relative;
    color: #efeeec;
    border: 0;
}
.db-nav__item:hover {
	background-color: #1f1f1f;
}
.db-nav__item.soon {
	cursor: not-allowed;
}
.db-side__top {
	padding-left: 1em;
	padding-right: 1em;
}
.opacity--70 {
	opacity: 0.7;
}
.testimonial-row {
	flex-flow: row;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
	display: flex;
}
.avatar {
	border-radius: 50%;
	width: 2.5em;
	height: 2.5em;
	position: relative;
	overflow: hidden;
}
.ul {
	list-style: none;
}
.ul.trusted-nav-list {
	grid-column-gap: var(--gap-tiny);
	grid-row-gap: var(--gap-tiny);
	flex-flow: wrap;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 0;
	padding-left: 0;
	display: flex;
}
.testimonial-item-details {
	grid-column-gap: 0.5em;
	grid-row-gap: 0.5em;
	justify-content: flex-start;
	align-items: center;
	display: flex;
}
.testimonial-item-details.vertical {
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
}
.trusted-nav-item__tag {
	opacity: 0;
	pointer-events: none;
	text-transform: uppercase;
	white-space: nowrap;
	background-color: #1f1f1f;
	border-radius: 0.25em;
	padding: 0.33em 0.75em;
	font-family: RM Mono, sans-serif;
	font-size: 0.75em;
	font-weight: 400;
	position: absolute;
	bottom: 0;
	transform: translateY(160%);
}
.divider {
	background-image: linear-gradient(
		90deg,
		#efeeec00,
		#efeeec 25% 75%,
		#efeeec00
	);
	width: 100%;
	height: 1px;
}
.divider.testimonials {
	opacity: 0.25;
	max-width: 22.5em;
}
.divider.is--dark {
	background-image: linear-gradient(
		90deg,
		#13131300,
		#131313 25% 75%,
		#13131300
	);
}
.testimonial-item {
	grid-column-gap: 3em;
	grid-row-gap: 3em;
	border: 1px solid var(--card--border-color);
	border-radius: var(--card--radius-small);
	background-color: var(--card--background-color);
	transform: scale3d(1none, 1none, 1none);
	transform-style: preserve-3d;
	flex-flow: column;
	flex: none;
	width: 21em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	padding: 1.25em;
	transition: opacity 0.25s;
	display: flex;
	position: relative;
}
.trusted-nav-item {
	cursor: pointer;
	background-color: #ff4c24;
	border-radius: 100em;
	justify-content: center;
	align-items: center;
	width: 2em;
	height: 2em;
	padding: 0;
	display: flex;
	position: relative;
}
.u--color-neutral-500 {
	color: var(--color-neutral-500);
}
.f-grid__vid-wrap {
	flex: 1;
	width: 22em;
	position: relative;
	transform: translateY(1px);
}
.system-overlay {
	z-index: 5;
	grid-column-gap: 0.25em;
	grid-row-gap: 0.25em;
	border: 1px solid var(--card--border-color);
	background-color: #1b1b1b;
	border-top-left-radius: 0.375em;
	border-top-right-radius: 0.375em;
	flex-flow: row;
	justify-content: flex-start;
	align-items: center;
	padding: 0.375em;
	display: flex;
	position: absolute;
	inset: 0% 0% auto;
	transform: translateY(-85%);
}
.f-grid {
	grid-gap: var(--gap-large);
	grid-template-columns: repeat(4, 1fr);
	width: 100%;
	display: grid;
}
.vimeo-wrap {
	border: 1px solid var(--card--border-color);
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.f-grid-card {
	grid-column-gap: 3.75em;
	grid-row-gap: 3.75em;
	border-top-left-radius: var(--card--radius-reg);
	border-top-right-radius: var(--card--radius-reg);
	border-bottom-left-radius: var(--card--radius-reg);
	border-bottom-right-radius: var(--card--radius-reg);
	background-color: #efeeec0f;
	border: 1px solid #efeeec14;
	flex-flow: column;
	grid-column: span 2;
	height: 26em;
	padding: 2em 1.5em 1.5em;
	display: flex;
	overflow: hidden;
}
.f-grid-card.basics {
	grid-column-gap: 0em;
	grid-row-gap: 0em;
	grid-column: span 1;
	justify-content: space-between;
	align-items: stretch;
}
.f-grid-card.video {
	grid-column-gap: 2em;
	grid-row-gap: 2em;
	padding-bottom: 0;
}
.f-grid-card.components {
	grid-column-gap: 0em;
	grid-row-gap: 0em;
	padding-bottom: 0;
}
.f-grid-card.icons {
	grid-column-gap: 0em;
	grid-row-gap: 0em;
	grid-column: span 1;
	justify-content: space-between;
	align-items: stretch;
}
.f-grid-card.full {
	grid-column: span 4;
}
.f-grid-card.full.end {
	justify-content: center;
	align-items: center;
	height: auto;
	min-height: auto;
	padding-top: 2em;
	padding-bottom: 2em;
}
.f-grid__icons-col {
	grid-column-gap: 0.75em;
	grid-row-gap: 0.75em;
	transform-style: preserve-3d;
	display: flex;
}
.icons-soon {
	background-color: #ff4c24;
	border-radius: 0.25em;
	padding: 0.3em 0.5em;
	font-size: 0.8em;
	position: absolute;
	top: 0.5em;
	left: 11.5em;
}
.f-grid__icons {
	grid-column-gap: 1em;
	grid-row-gap: 1em;
	perspective: 1000px;
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
	margin-top: -1em;
	display: flex;
	position: relative;
}
.comps-row {
	grid-column-gap: 0.75em;
	grid-row-gap: 0.75em;
	transform-origin: 50%;
	transform-style: preserve-3d;
	flex-flow: row;
	display: flex;
	transform: rotateX(45deg) rotateY(20deg) rotate(-25deg)
		translate3d(0, 8em, 8em);
}
.f-grid__icons-row {
	grid-column-gap: 0.75em;
	grid-row-gap: 0.75em;
	transform-style: preserve-3d;
	flex-flow: column;
	justify-content: flex-start;
	align-items: center;
	margin-top: -1em;
	display: flex;
	transform: rotateX(30deg) rotateY(-10deg) rotate(20deg);
}
.f-grid__icons-row.u--hide {
	display: none;
}
.f-card__text {
	grid-column-gap: 0.75em;
	grid-row-gap: 0.75em;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
	position: relative;
}
.comps-col {
	grid-column-gap: 0.75em;
	grid-row-gap: 0.75em;
	transform-style: preserve-3d;
	flex-flow: column;
	flex: none;
	width: 8em;
	display: flex;
}
.f-grid__basics {
	width: calc(100% + 3em);
	margin-left: -1.5em;
}
.comps-item {
	pointer-events: auto;
	transform-style: preserve-3d;
	background-color: #818180;
	border-radius: 0.25em;
	width: 100%;
	padding-top: 62%;
	transition-property: all;
	transition-duration: 0.4s;
	transition-timing-function: cubic-bezier(0.65, 0.05, 0, 1);
	position: relative;
	overflow: hidden;
}
.system-overlay__dot {
	background-color: var(--color-light);
	border-radius: 2em;
	width: 0.375em;
	height: 0.375em;
}
.p-tiny {
	font-size: 0.75em;
}
.h-small {
	letter-spacing: -0.02em;
	font-size: 1.75em;
	font-weight: 500;
	line-height: 1;
}
.f-grid__comps {
	grid-column-gap: 0.5em;
	grid-row-gap: 0.5em;
	perspective: 1000px;
	width: calc(100% + 2 * var(--gap-large));
	margin-left: calc(-1 * var(--gap-large));
	height: 100%;
	position: relative;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(
		#0000 0%,
		#00000005 7.2%,
		#00000009 10.29%,
		#00000013 14.7%,
		#00000026 21%,
		#0000004d 30%,
		#000 60%
	);
	mask-image: linear-gradient(
		#0000 0%,
		#00000005 7.2%,
		#00000009 10.29%,
		#00000013 14.7%,
		#00000026 21%,
		#0000004d 30%,
		#000 60%
	);
}
.coms-overlay {
	z-index: 2;
	pointer-events: none;
	height: 100%;
	position: absolute;
	inset: 0% 0% auto;
}
.f-grid__vid-box {
	z-index: 2;
	grid-column-gap: 0.125em;
	grid-row-gap: 0.125em;
	color: #131313;
	background-color: #efeeec;
	border-radius: 0.375em;
	flex-flow: column;
	justify-content: center;
	align-items: flex-start;
	padding: 1em 0.5em 1em 0.75em;
	display: flex;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(75%, -50%);
}
.f-card__paragraph {
	width: 100%;
	max-width: 30em;
}
.f-grid__icon {
	color: var(--color-dark);
	transform-style: preserve-3d;
	border-radius: 0.25em;
	flex: none;
	width: 6em;
	height: 6em;
	position: relative;
}
.about-divider-logo {
	flex: none;
	justify-content: center;
	align-items: center;
	width: 2.5em;
	height: 2.5em;
	display: flex;
}
.about-divider-img {
	border-radius: 1100em;
	flex: none;
	width: 1.5em;
	height: 1.5em;
	overflow: hidden;
}
.rock-wrap-overlay {
	z-index: 2;
	background-image: linear-gradient(#00000080 50%, #000 100%, #000);
	position: absolute;
	inset: 0%;
}
.about-divider {
	grid-column-gap: 0.5em;
	grid-row-gap: 0.5em;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding-top: 2.5em;
	display: flex;
}
.h-large {
	font-size: 5em;
	font-weight: 500;
	line-height: 1;
}
.container-medium {
	width: 100%;
	max-width: 57em;
	margin-left: auto;
	margin-right: auto;
}
.about-button-row {
	grid-column-gap: 0.5em;
	grid-row-gap: 0.5em;
	display: flex;
}
.rock-wrap {
	z-index: 0;
	width: 100%;
	height: 50em;
	position: absolute;
	inset: 60% 0% auto;
	overflow: hidden;
}
.rock-wrap.faq-page {
	top: 0;
}
.cover {
	position: absolute;
	inset: 0%;
}
.cover.z--2 {
	z-index: 2;
}
.cover.z--2.force {
	display: block !important;
}
.opacity--25 {
	opacity: 0.25;
}
.layout {
	z-index: 1;
	grid-row-gap: 3em;
	flex-flow: wrap;
	display: flex;
	position: relative;
}
.layout.c-pad-top {
	padding-top: 15em;
}
.filter-button {
	background-color: #0000;
	border: 1px solid #fff0;
	border-radius: 0.25em;
	padding: 1.125em 1.5em;
	transition: border-color 0.25s;
	position: relative;
}
.filter-button.small {
	padding: 0.375em 0.5em;
}
.filter-button.active {
	visibility: visible;
	border-color: #ffffff26;
}
.filter-bar {
	padding: var(--gap-tiny);
	border: 1px solid var(--card--border-color);
	border-radius: var(--card--radius-small);
	background-color: var(--card--background-color);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	display: flex;
}
.filter-bar.small {
	grid-column-gap: 0.5em;
	grid-row-gap: 0.5em;
	padding: 0.25em;
}
.tab-container {
	grid-column-gap: 3em;
	grid-row-gap: 3em;
	flex-flow: column;
	justify-content: space-between;
	align-items: flex-start;
	min-height: 100%;
	padding-top: 2em;
	padding-bottom: 3em;
	padding-right: 2.5em;
	display: flex;
}
.tab-content-item {
	z-index: 1;
	grid-column-gap: 1.25em;
	grid-row-gap: 1.25em;
	visibility: hidden;
	flex-flow: column;
	display: flex;
	position: absolute;
	inset: auto 0% 0%;
}
.tab-content-item.active {
	visibility: visible;
}
.tab-content-wrap {
	width: 100%;
	min-width: 24em;
	position: relative;
}
.tab-visual-wrap {
	height: 46.875em;
	position: relative;
}
.layout-col {
	width: 50%;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.tab-visual-item {
	visibility: hidden;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
	display: flex;
	position: absolute;
}
.tab-visual-item.active {
	visibility: visible;
}
.tab-button__bg {
	z-index: 0;
	background-color: var(--card--background-color);
	pointer-events: none;
	border: 1px solid #efeeec14;
	border-radius: 0.25em;
	position: absolute;
	inset: -1px;
}
.container-large {
	width: 100%;
	max-width: 72em;
	margin-left: auto;
	margin-right: auto;
}
.container-large.is-half {
	max-width: 36em;
	height: 100%;
	margin-right: 0;
}
.tab-container-top {
	grid-column-gap: 2em;
	grid-row-gap: 2em;
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	display: flex;
}
.price-card {
	aspect-ratio: 1;
	background-color: #efeeec0f;
	border: 1px solid #efeeec14;
	border-radius: 0.75em;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 4em 3.75em;
	transition: background-color 0.5s;
	display: flex;
	position: relative;
}
.price-card.orange {
	color: #131313;
	background-color: #ff4c24;
}
.price-card.sold-out {
	aspect-ratio: auto;
	cursor: not-allowed;
	padding-top: 3.5em;
	padding-bottom: 3em;
}
.price-card-content {
	grid-column-gap: 4em;
	grid-row-gap: 4em;
	text-align: center;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	display: flex;
}
.price-card-content.sold-out {
	grid-column-gap: 2.5em;
	grid-row-gap: 2.5em;
	max-width: 36em;
}
.price-card-top {
	grid-column-gap: 0.75em;
	grid-row-gap: 0.75em;
	flex-flow: column;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
	display: flex;
}
.price-nr__wrap {
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-end;
	height: 4em;
	display: flex;
	overflow: hidden;
}
.h-price {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 4em;
	font-weight: 500;
	line-height: 1;
}
.price-slash {
	width: 1.4em;
}
.price-eyebrow-wrap {
	flex: none;
}
.price-card-button {
	z-index: 2;
	position: absolute;
	bottom: 2.5em;
	left: 2.5em;
	right: 2.5em;
}
.price-card-tag {
	z-index: 3;
	grid-column-gap: 0.5em;
	grid-row-gap: 0.5em;
	color: #efeeec;
	cursor: pointer;
	justify-content: flex-start;
	align-items: center;
	position: absolute;
	top: 2.5em;
}
.price-card-tag__inner {
	z-index: 1;
	grid-column-gap: 0.5em;
	grid-row-gap: 0.5em;
	color: #efeeec;
	background-color: #131313;
	border-radius: 0.25em;
	justify-content: flex-start;
	align-items: center;
	padding: 0.25em 0.5em;
	display: flex;
	position: relative;
}
.price-overlay__close {
	z-index: 0;
	background-color: #131313;
	border-radius: 0.25em;
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.5em;
	padding: 0.4em;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(0%);
}
.tag-dark {
	background-color: #1313131a;
	border: 1px solid #00000026;
	border-radius: 0.5em;
	padding: 0.625em 1em;
}
.tag-dark.sold-out {
	background-color: var(--card--background-color);
	border-style: dashed;
	border-color: #efeeec1f;
}
.opacity--80 {
	opacity: 0.8;
}
.price-card__overlay {
	z-index: 1;
	visibility: hidden;
	border-radius: 0.75em;
	justify-content: center;
	align-items: center;
	padding: 4em 4em 6em;
	display: flex;
	position: absolute;
	inset: 0%;
}
.price-bottom {
	grid-column-gap: 0.75em;
	grid-row-gap: 0.75em;
	text-align: center;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 24em;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5em;
	padding-bottom: 5em;
	display: flex;
}
.footer.section {
	position: relative;
}
.footer-cta {
	grid-column-gap: 2em;
	grid-row-gap: 2em;
	text-align: center;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	margin-top: 5em;
	padding-top: 4.5em;
	padding-bottom: 4.5em;
	display: flex;
	position: relative;
}
.u--abs {
	position: absolute;
}
.u--abs.top {
	z-index: 1;
	inset: 0% 0% auto;
}
.u--abs.bottom {
	inset: auto 0% 0%;
}
.proof-wrap {
	grid-column-gap: 0.75em;
	grid-row-gap: 0.75em;
	flex-flow: row;
	justify-content: flex-start;
	align-items: center;
	display: flex;
}
.proof-img {
	z-index: 1;
	border: 2px solid #131313;
	border-radius: 100em;
	width: 1.5em;
	height: 1.5em;
	margin-right: -0.25em;
	position: relative;
	overflow: hidden;
}
.footer-main {
	padding-top: 3em;
	padding-bottom: 2em;
}
.footer-top-row {
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 1.5em;
	display: flex;
}
.footer-content-row {
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	max-width: 32.5em;
	display: flex;
}
.footer-link-col {
	grid-column-gap: 2em;
	grid-row-gap: 2em;
	flex-flow: column;
	display: flex;
}
.footer-link-col.full {
	grid-column: span 4;
}
.sm--show {
	display: none;
}
.footer-form-col {
	width: 100%;
	max-width: 35em;
}
.footer-form {
	margin-bottom: 0;
	position: relative;
}
.footer-form-grid {
	gap: var(--gap-reg);
	grid-row-gap: 0px;
	grid-template-columns: repeat(5, 1fr);
	width: 100%;
	display: grid;
}
.footer-form-field {
	color: #efeeec;
	background-color: #0000;
	border: 1px #000;
	border-bottom: 1px solid #efeeec80;
	border-radius: 0;
	margin-bottom: 0;
	padding: 0 0 0.5em;
	font-size: 1em;
	transition: all 0.2s;
}
.footer-form-field:hover {
	color: #efeeeca6;
	border-bottom-color: #efeeeca6;
}
.footer-form-field:focus {
	border-bottom-color: #efeeec;
}
.footer-form-field::placeholder {
	color: #efeeec80;
}
.footer-form-button {
	width: 100%;
}
.footer-logo {
	opacity: 0.08;
	display: flex;
}
.footer-bottom-row {
	z-index: 2;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-top: -1rem;
	display: flex;
	position: relative;
}
.footer-bottom-col {
	grid-column-gap: 13.9em;
	grid-row-gap: 13.9em;
	justify-content: flex-start;
	align-items: center;
	display: flex;
}
.footer-li {
	list-style: none;
	display: flex;
}
.placeholder {
	height: 50vh;
}
.page-eyebrow {
	margin-bottom: var(--gap-small);
}
.faq-left-col {
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	height: 100%;
	padding-top: 6em;
	display: flex;
	position: relative;
}
.faq-left-sticky {
	position: sticky;
	top: 10em;
}
.filter-inner-link {
	z-index: 2;
	position: absolute;
	inset: 0%;
}
.faq-row {
	padding-top: 6em;
}
.inner-hero-col {
	flex-flow: column;
	justify-content: flex-start;
	align-items: flex-start;
	max-width: 40em;
	padding-bottom: 4em;
	display: flex;
}
.inner-hero-col.centered {
	text-align: center;
	justify-content: flex-start;
	align-items: center;
	margin-left: auto;
	margin-right: auto;
}
.db-card__info {
	grid-column-gap: 0.75em;
	grid-row-gap: 0.75em;
	justify-content: space-between;
	margin-top: 0.5em;
	display: flex;
	position: relative;
}
.db-card__info.tiny {
	margin-top: 0.75em;
	font-size: 0.875em;
}
.db-card__info-start {
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	padding-left: 0.75em;
	display: flex;
}
.db-card__info-end {
	justify-content: center;
	align-items: center;
	padding-right: 0.5em;
	display: flex;
}
.db-card__arrow-back {
	background-color: var(--color-neutral-900);
	border-radius: 50%;
	width: 100%;
	height: 100%;
	position: absolute;
}
.db-card__arrow-svg {
	color: var(--color-light);
	width: 75%;
}
.db-card__arrow-svg.is--duplicate {
	color: var(--color-neutral-700);
	position: absolute;
	right: 100%;
}
.db-card__arrow {
	justify-content: center;
	align-items: center;
	width: 1.625em;
	height: 1.625em;
	display: flex;
	position: relative;
	overflow: hidden;
}
.db-notification {
	grid-column-gap: 0.5em;
	grid-row-gap: 0.5em;
	border: 1px solid var(--card--border-color);
	border-radius: var(--card--radius-small);
	pointer-events: auto;
	background-color: #0e0e0e;
	justify-content: center;
	align-items: center;
	height: 4em;
	padding-left: 2em;
	padding-right: 2em;
	font-size: 0.8em;
	display: flex;
	position: absolute;
}
.db-notificatin {
	z-index: 10;
	justify-content: flex-end;
	align-items: flex-end;
	width: 100%;
	padding: 2em;
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
}
.dash-command {
	grid-column-gap: 0.125em;
	grid-row-gap: 0.125em;
	background-color: var(--color-neutral-200);
	pointer-events: none;
	color: var(--color-neutral-500);
	cursor: pointer;
	border-radius: 0.25em;
	justify-content: center;
	align-items: center;
	height: 1.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;
	display: flex;
}
.dash-command__text {
	white-space: nowrap;
	font-size: 0.85em;
}
.f-grid-icon__info {
	justify-content: center;
	align-items: center;
	width: 100%;
	padding-top: 0.25em;
	padding-bottom: 0.75em;
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
}
.f-grid-icon__buttons {
	grid-column-gap: 0.15em;
	grid-row-gap: 0.15em;
	pointer-events: none;
	justify-content: center;
	width: 100%;
	padding: 0.25em;
	font-size: 0.85em;
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
}
.f-grid-icon__download {
	width: 100%;
	height: 100%;
}
.db-notifications {
	z-index: 10;
	pointer-events: none;
	justify-content: flex-end;
	align-items: flex-end;
	width: 100%;
	padding: 2em;
	display: flex;
	position: fixed;
	inset: auto 0% 0%;
}
.pointer-off {
	pointer-events: none;
}
.opacity--60 {
	opacity: 0.6;
}
.tabs-vid-wrap {
	background-color: var(--color-neutral-900);
	border: 1px solid #efeeec33;
	border-radius: 0.5em;
	width: 100%;
	height: 100%;
	padding: 0.5em;
	overflow: hidden;
}
.slack-bar {
	z-index: 2;
	background-color: #b1b1b1;
	border-radius: 0.15em;
	width: 58.5em;
	height: 1.25em;
	position: absolute;
	top: 0.35em;
	left: 19.75em;
}
.slack-search {
	outline-offset: 0px;
	color: var(--color-neutral-900);
	background-color: #0000;
	border: 1px #000;
	border-radius: 0.15em;
	outline: 3px #efeeec;
	width: 100%;
	height: 100%;
	padding: 0 0 0 3em;
	font-size: 0.55em;
	transition: background-color 0.2s;
	position: absolute;
	inset: 0%;
}
.slack-search:hover {
	background-color: #0000000f;
}
.slack-search-icon {
	color: var(--color-neutral-900);
	width: 0.6em;
	height: 0.6em;
	position: absolute;
	top: 50%;
	left: 0.5em;
	transform: translateY(-50%);
}

.dash-res-card {
	grid-column-gap: 0.5em;
	grid-row-gap: 0.5em;
	background-color: var(--color-light);
	border-radius: 0.5em;
	flex-flow: column;
	width: 100%;
	padding: 0.5em;
	text-decoration: none;
	display: flex;
	position: relative;
}
.dash-res-card.is--home-db {
	background-color: #0000;
}
.dash-res-card__visual {
	z-index: 2;
	background-color: var(--color-neutral-300);
	border-radius: 0.25em;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.dash-res-card__visual-before {
	padding-top: 62.5%;
}
.dash-res-card__info {
	grid-column-gap: 0.75em;
	grid-row-gap: 0.75em;
	justify-content: space-between;
	display: flex;
	position: relative;
}
.dash-res-card__info-start {
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	padding-left: 0.75em;
	display: flex;
}
.dash-res-card__info-end {
	justify-content: center;
	align-items: center;
	padding-right: 0.5em;
	display: flex;
}

.dash-res-card__visual-img {
    width: 100%;
	object-fit: cover;
	border-radius: 0.25em;
	position: absolute;
	top: 0;
	left: 0;
}
.dash-res-card__visual-darker {
	background-color: var(--color-black);
	opacity: 0;
	pointer-events: none;
	border-radius: 0.25em;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.dash-res-card__visual-top {
	pointer-events: none;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 0.75em;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
}
.dash-res-card__title-h2 {
	color: var(--color-dark);
	font-size: 0.9375em;
	font-weight: 500;
	line-height: 1.25;
}
.dash-res-card__icon-video {
	background-color: var(--color-neutral-200);
	color: var(--color-dark);
	border-radius: 0.25em;
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.25em;
	display: flex;
	position: relative;
}
.dash-res-card__icon-video-svg {
	width: 50%;
}
.dash-res-visual__thumb-pip {
	background-color: var(--color-light);
	pointer-events: auto;
	cursor: pointer;
	border-radius: 0.4375em;
	justify-content: center;
	align-items: center;
	width: 15%;
	padding: 0.1875em;
	display: flex;
	position: absolute;
	top: 1.5em;
	right: 1.5em;
	overflow: hidden;
}
.dash-res-visual__thumb-pip-before {
	padding-top: 62.5%;
}
.dash-res-visual__thumb-pip-play {
	-webkit-backdrop-filter: blur(0.5em);
	backdrop-filter: blur(0.5em);
	color: var(--color-ignore-light);
	background-color: #81818033;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	width: 2em;
	height: 2em;
	display: flex;
	position: absolute;
}
.dash-res-visual__thumb-player-play-svg {
	width: 42%;
}
.dash-res-visual__thumb-pip-img {
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
	width: 100%;
	height: 100%;
	position: absolute;
}
.dash-res-visual__thumb-preview {
	pointer-events: auto;
	cursor: pointer;
	border: 1px solid #a4a4a44d;
	border-radius: 0.333em;
	justify-content: center;
	align-items: center;
	width: 15%;
	display: flex;
	position: absolute;
	top: 1em;
	right: 1em;
	overflow: hidden;
}
.dash-res-visual__pip-inner {
	border-radius: 0.25em;
	justify-content: center;
	align-items: center;
	width: 100%;
	display: flex;
	position: relative;
	overflow: hidden;
}
.dash-res-visual__thumb-pip-preview {
	pointer-events: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.dash-res-visual__thumb-player-preview-video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.dash-res-visual__thumb-pip-layer {
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
}
.dash-res-visual__player {
	pointer-events: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


.dash-res-content {
	width: var(--dash-content-width);
	flex-flow: column;
	flex-grow: 1;
	align-items: center;
	display: flex;
}
.dash-res-info {
	width: var(--dash-col-width);
	grid-column-gap: 1.5em;
	grid-row-gap: 1.5em;
	flex-flow: column;
	flex-shrink: 0;
	padding-bottom: 2em;
	display: flex;
	position: sticky;
	top: 0;
}
.dash-res-visual {
	background-color: var(--color-light);
	border-radius: 0.5em;
	padding: 0.5em;
}
.dash-res-visual__inner {
	background-color: var(--color-neutral-300);
	border-radius: 0.25em;
	width: 100%;
	position: relative;
}
.dash-res-visual__before {
	padding-top: 62.5%;
}
.dash-res-visual__img {
	object-fit: cover;
	border-radius: 0.25em;
	position: absolute;
	top: 0;
	left: 0;
}
.dash-res-card__visual-darker-copy {
	background-color: var(--color-black);
	opacity: 0;
	pointer-events: none;
	border-radius: 0.25em;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.dash-res-visual__top {
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 0.75em;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
}


.dash-res-content__inner {
	max-width: var(--dash-content-max-width);
	flex-flow: column;
	width: 100%;
	display: flex;
}
.dash-res-info__icon-btns {
	grid-column-gap: 0.375em;
	grid-row-gap: 0.375em;
	justify-content: flex-end;
	display: flex;
}

.dash-res-info__details {
	flex-flow: column;
	display: flex;
}
.dash-res-info__details-ul {
	grid-column-gap: 0.75em;
	grid-row-gap: 0.75em;
	flex-flow: column;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1em;
	padding-left: 0;
	display: flex;
}
.dash-res-info__details-li {
	grid-column-gap: 1em;
	grid-row-gap: 1em;
	justify-content: space-between;
	align-items: center;
	display: flex;
}
.dash-res-info__details-p {
	color: var(--color-neutral-500);
	font-size: 0.8125em;
	font-weight: 500;
	line-height: 1.2;
}
.dash-res-info__line {
	background-color: rgba(var(--color-rgb-dark), 0.12);
	width: 100%;
	height: 1px;
}
.dash-res-info__details-a {
	text-decoration: none;
}

.dash-res-card__link {
	border-radius: 0.5em;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.dash-res-card__btn-icon {
	z-index: 5;
	justify-content: flex-end;
	align-items: center;
	padding: 0.5em;
	display: flex;
	position: absolute;
	top: 0;
	right: 0;
}
.dash-res-info__tags {
	grid-column-gap: 0.25em;
	grid-row-gap: 0.25em;
}

.dash-res-info__buttons {
	grid-column-gap: 0.5em;
	grid-row-gap: 0.5em;
	flex-flow: column;
	padding-top: 1em;
	display: flex;
}

.dash-res-code {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: rgba(var(--color-rgb-dark), 0.12);
	flex-flow: column;
	width: 100%;
	padding-bottom: 2em;
	display: flex;
}

.dash-res-doc {
	grid-column-gap: 2em;
	grid-row-gap: 2em;
	justify-content: space-between;
	align-items: center;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	display: flex;
}
.dash-res-doc__toggle {
	background-color: rgba(var(--color-rgb-dark), 0.06);
	border-radius: 0.4375em;
	padding: 0.25em;
	display: flex;
	position: relative;
}
.dash-res-doc__title-h2 {
	font-size: 1.3125em;
	font-weight: 500;
	line-height: 1;
}
.dash-res-doc__toggle-btn {
	grid-column-gap: 0.5em;
	grid-row-gap: 0.5em;
	border-radius: 0.25em;
	justify-content: center;
	align-items: center;
	width: 10.5em;
	height: 3em;
	display: flex;
	position: relative;
}
.dash-res-doc__toggle-btn-p {
	-webkit-user-select: none;
	user-select: none;
	font-size: 0.9375em;
}
.dash-res-doc__toggle-btn-svg {
	flex-shrink: 0;
	width: 1.125em;
}
.dash-res-doc__toggle-btn-svg.is--code-icon {
	display: none;
}
.dash-res-doc__toggle-indicatior {
	background-color: var(--color-light);
	cursor: pointer;
	border-radius: 0.25em;
	width: calc(50% - 0.25em);
	height: calc(100% - 0.5em);
	position: absolute;
	left: 0.25em;
}
.dash-res-code__info {
	z-index: 1;
	grid-column-gap: 0.375em;
	grid-row-gap: 0.375em;
	background-color: var(--color-neutral-300);
	justify-content: flex-start;
	align-items: center;
	padding-top: 2em;
	padding-bottom: 1.5em;
	display: flex;
}
.dash-res-code__info-p {
	line-height: 1.125;
}

.dash-res-more {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: rgba(var(--color-rgb-dark), 0.12);
	padding-top: 2em;
	padding-bottom: 2em;
	position: relative;
}

.dash-res-visual__video {
	border-radius: 0.25em;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.dash-res-visual__video-wrap {
	pointer-events: none;
	border-radius: 0.25em;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.dash-res-card__arrow {
	justify-content: center;
	align-items: center;
	width: 1.625em;
	height: 1.625em;
	display: flex;
	position: relative;
	overflow: hidden;
}
.dash-res-card__arrow-svg {
	color: var(--color-neutral-800);
	width: 75%;
}
.dash-res-card__arrow-svg.is--duplicate {
	color: var(--color-neutral-700);
	position: absolute;
	right: 100%;
}
.dash-res-card__arrow-back {
	background-color: var(--color-neutral-300);
	border-radius: 50%;
	width: 100%;
	height: 100%;
	position: absolute;
}
.dash-res-card__visual-top-end {
	grid-column-gap: 0.375em;
	grid-row-gap: 0.375em;
	align-items: center;
	height: 100%;
	display: flex;
}
.dash-res-card__visual-top-start {
	grid-column-gap: 0.25em;
	grid-row-gap: 0.25em;
	align-items: center;
	height: 100%;
	display: flex;
}

.dash-res-card__icon-video {
	background-color: var(--color-neutral-200);
	color: var(--color-dark);
	border-radius: 0.25em;
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.25em;
	display: flex;
	position: relative;
}
.dash-res-card__icon-video-svg {
	width: 50%;
}
.dash-res-visual__thumb-pip {
	background-color: var(--color-light);
	pointer-events: auto;
	cursor: pointer;
	border-radius: 0.4375em;
	justify-content: center;
	align-items: center;
	width: 15%;
	padding: 0.1875em;
	display: flex;
	position: absolute;
	top: 1.5em;
	right: 1.5em;
	overflow: hidden;
}
.dash-res-visual__thumb-pip-before {
	padding-top: 62.5%;
}
.dash-res-visual__thumb-pip-play {
	-webkit-backdrop-filter: blur(0.5em);
	backdrop-filter: blur(0.5em);
	color: var(--color-ignore-light);
	background-color: #81818033;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	width: 2em;
	height: 2em;
	display: flex;
	position: absolute;
}
.dash-res-visual__thumb-player-play-svg {
	width: 42%;
}
.dash-res-visual__thumb-pip-img {
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
	width: 100%;
	height: 100%;
	position: absolute;
}
.dash-res-visual__thumb-preview {
	pointer-events: auto;
	cursor: pointer;
	border: 1px solid #a4a4a44d;
	border-radius: 0.333em;
	justify-content: center;
	align-items: center;
	width: 15%;
	display: flex;
	position: absolute;
	top: 1em;
	right: 1em;
	overflow: hidden;
}
.dash-res-visual__pip-inner {
	border-radius: 0.25em;
	justify-content: center;
	align-items: center;
	width: 100%;
	display: flex;
	position: relative;
	overflow: hidden;
}
.dash-res-visual__thumb-pip-preview {
	pointer-events: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.dash-res-visual__thumb-player-preview-video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.dash-res-visual__thumb-pip-layer {
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
}
.dash-res-visual__player {
	pointer-events: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.dash-res-indicator__code-disabled {
	pointer-events: none;
	display: none;
	position: absolute;
}
.dash-res-gsap-plugin {
	padding-bottom: 2em;
}
.dash-res-gsap-plugin__box {
	grid-column-gap: 0.375em;
	grid-row-gap: 0.375em;
	color: var(--color-dark);
	cursor: auto;
	border-style: solid;
	border-width: 1px;
	border-top-color: rgba(var(--color-rgb-dark), 0.12);
	border-right-color: rgba(var(--color-rgb-dark), 0.12);
	border-bottom-color: rgba(var(--color-rgb-dark), 0.12);
	border-left-color: rgba(var(--color-rgb-dark), 0.12);
	background-color: rgba(var(--color-rgb-dark), 0.04);
	border-radius: 0.25em;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 3.75em;
	display: flex;
	position: relative;
}
.dash-res-gsap-plugin__box.is--disabled {
	pointer-events: none;
	color: var(--color-neutral-500);
	display: none;
}
.dash-res-gsap-plugin__box-p {
	-webkit-user-select: none;
	user-select: none;
	font-size: 0.9375em;
}
.dash-res-gsap-plugin__box-svg {
	color: var(--color-neutral-500);
	width: 2.5em;
}

.dash-res-info__details-slack-a {
	grid-column-gap: 0.25em;
	grid-row-gap: 0.25em;
	color: var(--color-neutral-500);
	cursor: pointer;
	border-style: solid;
	border-width: 0;
	border-top-color: rgba(var(--color-rgb-dark), 0.12);
	border-right-color: rgba(var(--color-rgb-dark), 0.12);
	border-bottom-color: rgba(var(--color-rgb-dark), 0.12);
	border-left-color: rgba(var(--color-rgb-dark), 0.12);
	border-radius: 0.125em;
	margin: -0.375em -0.5em;
	padding: 0.375em 0.5em;
	display: flex;
}
.dash-res-info__details-slack-a-p {
	font-size: 0.8125em;
}
.dash-res-info__details-slack-svg {
	width: 0.75em;
}

.dash-res-card__save-wrap {
	z-index: 2;
	position: absolute;
	top: 1em;
	right: 1em;
}
.dash-res-card__save {
	background-color: var(--color-neutral-200);
	pointer-events: auto;
	color: var(--color-neutral-500);
	border-radius: 0.25em;
	justify-content: center;
	align-items: center;
	width: 1.75em;
	height: 1.75em;
	padding-left: 0.3125em;
	padding-right: 0.375em;
	display: flex;
	position: relative;
}
.dash-res-card__save-svg {
	position: relative;
	overflow: visible !important;
}
.vimeo-player__btn {
	-webkit-backdrop-filter: blur(1em);
	backdrop-filter: blur(1em);
	background-color: #6464644d;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	width: 6em;
	height: 6em;
	display: flex;
	position: relative;
}
.vimeo-player__duration-span {
	text-align: center;
	white-space: nowrap;
	-webkit-user-select: none;
	user-select: none;
	width: 100%;
	display: block;
}
.vimeo-player__play {
	cursor: pointer;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
}
.vimeo-player__fullscreen {
	cursor: pointer;
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.5em;
	display: flex;
	position: relative;
}
.vimeo-player__iframe {
	pointer-events: none;
	width: 100%;
	height: 100%;
	position: absolute;
}
.vimeo-player__btn-play-svg {
	width: 40%;
}
.vimeo-player {
	pointer-events: auto;
	color: var(--color-ignore-light);
	border-radius: 0.25em;
	justify-content: center;
	align-items: center;
	width: 100%;
	display: none;
	position: relative;
	overflow: hidden;
}
.vimeo-player.is--modal {
	margin-top: 0.25em;
	display: flex;
}
.vimeo-player__timeline {
	flex-grow: 1;
	justify-content: center;
	align-items: center;
	height: 1.5em;
	display: flex;
	position: relative;
}
.vimeo-player__loading {
	pointer-events: none;
	color: var(--color-primary);
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
}
.vimeo-player__fullscreen-scale-svg {
	width: 100%;
	position: absolute;
}
.vimeo-player__loading-svg {
	width: 7em;
}
.vimeo-player__duration {
	flex-shrink: 0;
	width: 2.25em;
}
.vimeo-player__timeline-input {
	pointer-events: auto;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	background-color: #0000;
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}
.vimeo-player__mute {
	cursor: pointer;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.5em;
	display: flex;
	position: relative;
}
.vimeo-player__interface-bottom {
	grid-column-gap: 1em;
	grid-row-gap: 1em;
	justify-content: flex-start;
	align-items: center;
	display: flex;
}
.vimeo-player__volume-up-svg {
	width: 100%;
	position: absolute;
}
.vimeo-player__dark {
	opacity: 0.5;
	pointer-events: none;
	background-color: #000;
	width: 100%;
	height: 100%;
	position: absolute;
}
.vimeo-player__btn-pause-svg {
	width: 50%;
}
.vimeo-player__placeholder {
	object-fit: cover;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
}
.vimeo-player__pause {
	cursor: pointer;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
}
.vimeo-player__before {
	padding-top: 62.5%;
}
.vimeo-player__volume-mute-svg {
	width: 100%;
	position: absolute;
}
.vimeo-player__interface {
	pointer-events: none;
	flex-flow: column;
	justify-content: flex-end;
	align-items: stretch;
	width: 100%;
	height: 100%;
	padding: min(2em, 4vw);
	display: flex;
	position: absolute;
}
.vimeo-player__fullscreen-shrink-svg {
	width: 100%;
	position: absolute;
}
.vimeo-player__timeline-progress {
	vertical-align: top;
	-webkit-appearance: none;
	appearance: none;
	height: var(--progress-height);
	border-radius: var(--timeline-rounded-corners);
	color: var(--progress-fill-bg);
	background-color: #0000;
	border: none;
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	overflow: hidden;
}
.page-title {
	margin-bottom: var(--gap-xxlarge);
}
.rich-text p {
	font-size: 1em;
	line-height: 1.4;
}
.rich-text h2 {
	margin-bottom: 0.5em;
	font-size: 3em;
	font-weight: 500;
	line-height: 1;
}
.rich-text h3 {
	margin-bottom: 0.75em;
	font-size: 2.5em;
	font-weight: 500;
	line-height: 1;
}
.rich-text h4 {
	margin-top: 0;
	margin-bottom: 0.5em;
	font-size: 1.33em;
	font-weight: 500;
	line-height: 1;
}
.rich-text h5,
.rich-text h6 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 500;
}
.rich-text ul {
	margin-top: 0;
	margin-bottom: 1em;
	padding-left: 1.25em;
	list-style-type: disc;
}
.rich-text li {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 1.4;
}
.rich-text a {
	position: relative;
}
.u--text-align-center {
	text-align: center;
}
.updates-list {
	grid-column-gap: var(--gap-small);
	grid-row-gap: var(--gap-small);
	flex-flow: column;
	display: flex;
}
.updates-list-item {
	padding: var(--gap-reg);
	border: 1px solid var(--card--border-color);
	border-radius: var(--gap-tiny);
	background-color: var(--card--background-color);
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	transition: background-color 0.2s;
	display: flex;
	position: relative;
}
.updates-list-item:hover {
	background-color: var(--card--background-color-active);
}
.updates-item-content {
	width: 62.5%;
}
.updates-item-text {
	flex: 1;
}
.dash-discount {
	border-style: solid;
	border-width: 1px;
	border-top-color: rgba(var(--color-rgb-dark), 0.1);
	border-right-color: rgba(var(--color-rgb-dark), 0.1);
	border-bottom-color: rgba(var(--color-rgb-dark), 0.1);
	border-left-color: rgba(var(--color-rgb-dark), 0.1);
	border-radius: 0.25em;
	justify-content: center;
	align-items: center;
	padding: 0.3125em;
	display: flex;
	position: relative;
}
.dash-discount.is--gsap-discount {
	border-color: rgba(var(--color-ignore-rgb-light), 0.1);
	background-color: rgba(var(--color-ignore-rgb-light), 0.06);
	margin-left: -0.375em;
	position: relative;
	overflow: hidden;
}
.dash-discount.is--lifetime-deal {
	background-color: rgba(var(--color-rgb-dark), 0.04);
	margin-left: -0.25em;
	margin-right: 0.125em;
	overflow: hidden;
}
.dash-discount__text {
	color: var(--color-neutral-600);
	font-size: 0.6875em;
	position: relative;
}
.dash-discount__text.is--lifetime-deal {
	opacity: 0.8;
	color: var(--color-ignore-light);
}
.dash-discount__text.is--lifetime-settings {
	color: var(--color-neutral-500);
}
.dash-icon__svg-gsap {
	width: 120%;
	max-width: none;
	position: absolute;
}
.dash-res-indicator__code-disabled {
	pointer-events: none;
	display: none;
	position: absolute;
}
.dash-res-gsap-plugin {
	padding-bottom: 2em;
}
.dash-res-gsap-plugin__box {
	grid-column-gap: 0.375em;
	grid-row-gap: 0.375em;
	color: var(--color-dark);
	cursor: auto;
	border-style: solid;
	border-width: 1px;
	border-top-color: rgba(var(--color-rgb-dark), 0.12);
	border-right-color: rgba(var(--color-rgb-dark), 0.12);
	border-bottom-color: rgba(var(--color-rgb-dark), 0.12);
	border-left-color: rgba(var(--color-rgb-dark), 0.12);
	background-color: rgba(var(--color-rgb-dark), 0.04);
	border-radius: 0.25em;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 3.75em;
	display: flex;
	position: relative;
}
.dash-res-gsap-plugin__box.is--disabled {
	pointer-events: none;
	color: var(--color-neutral-500);
	display: none;
}
.dash-res-gsap-plugin__box-p {
	-webkit-user-select: none;
	user-select: none;
	font-size: 0.9375em;
}
.dash-res-gsap-plugin__box-svg {
	color: var(--color-neutral-500);
	width: 2.5em;
}
.dash-btn-info__gsap-svg {
	width: 2.125em;
}
.avatar-bio {
	grid-column-gap: 0.25em;
	grid-row-gap: 0.25em;
	flex-flow: column;
	display: flex;
}
.avatar-bio__h4 {
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
	font-family: RM Mono, sans-serif;
	font-size: 0.75em;
	font-weight: 400;
	line-height: 1;
}
.avatar-bio__h4.circle {
	color: #131313;
	cursor: pointer;
	background-color: #efeeec;
	border-radius: 100em;
	justify-content: center;
	align-items: center;
	width: 1.333em;
	height: 1.333em;
	display: inline-flex;
}
.avatar-bio__h4.circle.dark {
	background-color: #0000;
	border: 1px solid #000c;
	transform: translateY(-15%);
}
.avatar-bio__h4.small {
	font-size: 0.65em;
}
.testimonial-row__list {
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	display: flex;
}
.avatar__img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.trusted-nav__collection {
	justify-content: center;
	display: flex;
}
.trusted-nav__list {
	grid-column-gap: var(--gap-tiny);
	grid-row-gap: var(--gap-tiny);
	justify-content: center;
	align-items: center;
	display: flex;
}
.bg__unicorn-dark-overlay {
	pointer-events: none;
	background-image: linear-gradient(#0000, #000);
	height: 20%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.db-avatar__img {
	position: absolute;
}
.slack-notfications {
	z-index: 10;
	pointer-events: none;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	padding: 2em 2em 2em 2.6em;
	display: flex;
	position: absolute;
	inset: 0% auto auto 0%;
}
.slack-overlay {
	z-index: 5;
	background-color: var(--color-neutral-900);
	opacity: 0;
	pointer-events: none;
	position: absolute;
	inset: 0%;
}
.f-grid-basics__list {
	justify-content: flex-start;
	align-items: center;
	display: flex;
}
.f-grid-basics__item {
	padding: var(--gap-tiny);
	border: 1px solid var(--card--border-color);
	border-radius: var(--card--radius-small);
	cursor: pointer;
	background-color: #0e0e0e;
	flex-flow: column;
	flex: none;
	width: 18em;
	margin-left: 1em;
	margin-right: 1em;
	font-size: 0.65em;
	font-weight: 500;
	transition: border-color 0.2s, background-color 0.2s;
	display: flex;
	position: relative;
}
.f-grid-basics__item:hover {
	background-color: #141414;
	border-color: #efeeec26;
}
.tabs-vid-wrap-inner {
	aspect-ratio: 1.6;
	border-radius: 0.25em;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.flow-testimonial__collection {
	color: var(--color-light);
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
}
.testimonial-item_blurry {
	grid-column-gap: 3em;
	grid-row-gap: 3em;
	border: 1px solid var(--card--border-color);
	border-radius: var(--card--radius-small);
	-webkit-backdrop-filter: blur(1em);
	backdrop-filter: blur(1em);
	background-color: #141414bf;
	flex-flow: column;
	flex: none;
	width: 21em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	padding: 1.25em;
	display: flex;
	position: relative;
}
.modal__content {
	grid-column-gap: 0.75em;
	grid-row-gap: 0.75em;
	flex-flow: column;
	padding: 2em 1.5em 1.5em;
	display: flex;
}
.modal {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 2em 1em;
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
}
.modal__p {
	color: rgba(var(--color-ignore-rgb-dark), 0.7);
	margin-bottom: 0.5em;
	font-size: 0.9375em;
	line-height: 1.5;
}
.modal__card {
	pointer-events: auto;
	background-color: var(--color-ignore-light);
	color: var(--color-ignore-dark);
	border-radius: 0.5em;
	width: 100%;
	max-width: 52em;
	max-height: 100%;
	display: none;
	position: relative;
}
.modal__card.is--dark {
	border-radius: 1.5em;
}
.modal__card.is--small {
	max-width: 24em;
	display: none;
}
.modal__dark {
	opacity: 0.5;
	pointer-events: auto;
	cursor: pointer;
	background-color: var(--color-ignore-neutral-900);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.modal__h2 {
	margin-top: 0;
	margin-bottom: 0.1em;
	font-size: 1.75em;
	font-weight: 500;
	line-height: 1.175;
}
.modal__h2.is--small {
	font-size: 1.5em;
}
.modal__scroll {
	grid-column-gap: 1.5em;
	grid-row-gap: 1.5em;
	flex-flow: column;
	width: 100%;
	max-height: 100%;
	display: flex;
	position: relative;
	overflow: scroll;
}
.modal__btn-close-bar {
	background-color: currentColor;
	width: 0.125em;
	height: 40%;
	position: absolute;
	transform: rotate(45deg);
}
.modal__btn-close-bar.is--second {
	transform: rotate(-45deg);
}
.modal__btn-close {
	cursor: pointer;
	background-color: #efeeec;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	width: 3em;
	height: 3em;
	display: flex;
	position: absolute;
	top: 0.5em;
	right: 0.5em;
}
.vimeo-placeholder {
	z-index: 1;
	pointer-events: none;
	position: absolute;
	inset: 0%;
}
.footer-field-group {
	grid-column-gap: 0.75em;
	grid-row-gap: 0em;
	flex-flow: column;
	grid-column: span 2;
	align-self: end;
	align-items: flex-start;
	width: 100%;
	display: flex;
}
.form-sucess {
	border: 1px solid var(--card--border-color);
	background-color: var(--card--background-color-active);
	text-align: left;
	border-radius: 0.25em;
	padding: 1em;
}
.form-error {
	color: var(--color-primary);
	text-align: left;
	background-color: #ff4c2426;
	border: 1px solid #ff4c2480;
	border-radius: 0.25em;
	margin-top: 1em;
	padding: 1em;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	transform: translateY(130%);
}
.modal__discount {
	color: var(--color-ignore-neutral-500);
	border-style: dashed;
	border-width: 1px;
	border-top-color: rgba(var(--color-ignore-rgb-dark), 0.2);
	border-right-color: rgba(var(--color-ignore-rgb-dark), 0.2);
	border-bottom-color: rgba(var(--color-ignore-rgb-dark), 0.2);
	border-left-color: rgba(var(--color-ignore-rgb-dark), 0.2);
	background-color: var(--color-ignore-neutral-300);
	border-radius: 0.25em;
	justify-content: center;
	align-items: center;
	margin-top: -0.5em;
	margin-bottom: 0.25em;
	padding: 1em 0.75em 0.95em;
	display: flex;
}
.modal__discount-p {
	letter-spacing: 0.05em;
	font-family: RM Mono, sans-serif;
	font-weight: 400;
	line-height: 0.9;
}
.dash-btn-info__slack-svg {
	width: 1.125em;
	margin-right: 0.25em;
}
.dash-res-info__details-slack-a {
	grid-column-gap: 0.25em;
	grid-row-gap: 0.25em;
	color: var(--color-neutral-500);
	cursor: pointer;
	border-style: solid;
	border-width: 0;
	border-top-color: rgba(var(--color-rgb-dark), 0.12);
	border-right-color: rgba(var(--color-rgb-dark), 0.12);
	border-bottom-color: rgba(var(--color-rgb-dark), 0.12);
	border-left-color: rgba(var(--color-rgb-dark), 0.12);
	border-radius: 0.125em;
	margin: -0.375em -0.5em;
	padding: 0.375em 0.5em;
	display: flex;
}
.dash-res-info__details-slack-a-p {
	font-size: 0.8125em;
}
.dash-res-info__details-slack-svg {
	width: 0.75em;
}
.layout-sold-out {
	padding-top: 1rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.h-price-stripe {
	background-image: linear-gradient(
		90deg,
		#ff4c2400,
		var(--color-primary) 20%,
		var(--color-primary) 80%,
		#ff4c2400
	);
	border-radius: 25%;
	width: 14em;
	height: 0.3125em;
	position: absolute;
	transform: rotate(8deg);
}
.flow-side__europe {
	grid-column-gap: 1em;
	grid-row-gap: 1em;
	background-color: #e1e5ee;
	border: 1px dashed #a4abbc;
	border-radius: 0.3755em;
	margin-bottom: -1em;
	padding: 1em;
	font-size: 0.875em;
	display: flex;
}
.flow-side__europe-left {
	flex-shrink: 0;
}
.flow-side__europe-right {
	grid-column-gap: 0.375em;
	grid-row-gap: 0.375em;
	flex-flow: column;
	justify-content: center;
	display: flex;
}
.flow-side__europe-h3 {
	font-size: 1em;
	font-weight: 500;
	line-height: 1em;
}
.flow-side__europe-p {
	opacity: 0.7;
	color: var(--color-neutral-800);
	font-size: 0.75em;
	font-weight: 500;
	line-height: 1.3;
}
.flow-side__europe-flag-svg {
	border-radius: 0.25em;
	width: 2.5em;
}
.modal__bold {
	color: var(--color-ignore-black);
	font-weight: 500;
}
.modal__a {
	color: rgba(var(--color-ignore-rgb-dark), 0.7);
}
.dash-settings-membership {
	color: var(--color-neutral-800);
	cursor: pointer;
	border-radius: 0.25em;
	text-decoration: none;
}
.dash-settings-membership__inner {
	grid-column-gap: 1em;
	grid-row-gap: 1em;
	justify-content: flex-start;
	align-items: center;
	padding: 0.375em 0.5em;
	display: flex;
}
.dash-settings-membership__icon {
	background-color: #e5e1d4;
	border-radius: 0.25em;
	justify-content: center;
	align-items: center;
	width: 2.25em;
	height: 2.25em;
	display: flex;
	position: absolute;
}
.dash-settings-membership__icon.is--goat {
	background-color: #d6d7cf;
	position: absolute;
}
.dash-settings-membership__icon.is--rocket {
	background-color: #dfd0ca;
}
.dash-settings-membership__icon.is--admin {
	background-color: #cfd7d7;
}
.dash-settings-membership__icon-img {
	object-fit: contain;
	width: 1.4em;
	height: 1.4em;
}
.dash-settings-membership__icon-img.is--goat {
	width: 1.5em;
	height: 1.5em;
	margin-top: -0.1em;
}
.dash-settings-membership__icon-img.is--admin {
	margin-top: -0.1em;
}
.dash-settings-membership__type {
	display: none;
}
.dash-settings-membership__icon-group {
	flex-shrink: 0;
	width: 2.25em;
	height: 2.25em;
	position: relative;
}
.dash-settings-membership__info {
	flex-flow: column;
	flex-grow: 1;
	justify-content: center;
	display: flex;
}
.dash-settings-membership__title {
	line-height: 1.3;
}
.dash-settings-membership__days {
	color: var(--color-neutral-500);
	font-size: 0.875em;
	line-height: 1.3;
}
.dash-settings-membership__days-info {
	display: none;
}

.no-access-btn-wrap {
	grid-column-gap: 1em;
	grid-row-gap: 1em;
	justify-content: center;
	display: flex;
}
.code-embed {
	position: absolute;
}
.no-access-footer-wrap {
	position: relative;
}
.no-access-icon {
	background-color: var(--card--background-color-active);
	color: var(--color-neutral-400);
	border-radius: 0.5em;
	justify-content: center;
	align-items: center;
	width: 2.75em;
	height: 2.75em;
	margin-bottom: 1em;
	display: flex;
}
.no-access-icon-svg {
	width: 0.875em;
}
.updates-item__visual {
	flex: none;
	width: 10em;
}
.updates-item__content {
	grid-column-gap: var(--gap-xlarge);
	grid-row-gap: var(--gap-xlarge);
	flex-flow: row;
	grid-template-columns: max-content 1.25fr 1fr;
	width: 100%;
	max-width: 42.5em;
	display: grid;
}
.testimonial-large {
	grid-column-gap: 4em;
	grid-row-gap: 4em;
	text-align: center;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	display: flex;
}
.testimonial-large__wrap {
	margin-top: 8em;
	margin-bottom: 8em;
}
.updates-count {
	opacity: 0.5;
	font-size: 0.85em;
	position: absolute;
	inset: 0% -1.25em auto auto;
}
.cover-link {
	z-index: 2;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.flow-side__under-construction {
	grid-column-gap: 1.5em;
	grid-row-gap: 1.5em;
	flex-flow: column;
	flex-grow: 1;
	justify-content: center;
	align-items: stretch;
	padding-top: 1em;
	padding-bottom: 2em;
	display: none;
}
.flow__p {
	line-height: 1.4;
}
.spacer-half {
	height: 5em;
}
.updates-list-wrap {
	width: 100%;
	margin-top: 3em;
}
.full-w {
	width: 100%;
}
.updates-list__overlay {
	z-index: 2;
	background-image: linear-gradient(0deg, var(--color-neutral-900) 10%, #0000);
	pointer-events: none;
	flex-flow: column;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	height: 18em;
	padding-bottom: 2em;
	display: flex;
	position: absolute;
	inset: auto 0% 0%;
}
.dash-res-card__save-wrap {
	z-index: 2;
	position: absolute;
	top: 1em;
	right: 1em;
}
.dash-res-card__save {
	background-color: var(--color-neutral-200);
	pointer-events: auto;
	color: var(--color-neutral-500);
	border-radius: 0.25em;
	justify-content: center;
	align-items: center;
	width: 1.75em;
	height: 1.75em;
	padding-left: 0.3125em;
	padding-right: 0.375em;
	display: flex;
	position: relative;
}
.dash-res-card__save-svg {
	position: relative;
	overflow: visible !important;
}
.save-icon-path {
	transform-origin: 50%;
}
.dash-main-message {
	z-index: 0;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
	display: block;
	position: relative;
}
.dash-res-card__preview {
	background-color: var(--color-neutral-200);
	pointer-events: auto;
	color: var(--color-neutral-500);
	border-radius: 0.25em;
	justify-content: center;
	align-items: center;
	width: 1.75em;
	height: 1.75em;
	padding-left: 0.3125em;
	padding-right: 0.3125em;
	display: flex;
	position: relative;
}
.dash-res-card__preview-svg {
	color: var(--color-primary);
	position: relative;
}
.dash-res-card__visual-top-end-gradient {
	width: 100%;
	height: 250%;
	position: absolute;
	top: 0;
	right: 0;
}
.dash-main__no-saved {
	padding-top: 4em;
	padding-right: var(--container-padding);
	padding-bottom: 4em;
	padding-left: var(--container-padding);
	grid-column-gap: 0.75em;
	grid-row-gap: 0.75em;
	background-color: rgba(var(--color-rgb-dark), 0.02);
	border-style: dashed;
	border-width: 1px;
	border-top-color: rgba(var(--color-rgb-dark), 0.2);
	border-right-color: rgba(var(--color-rgb-dark), 0.2);
	border-bottom-color: rgba(var(--color-rgb-dark), 0.2);
	border-left-color: rgba(var(--color-rgb-dark), 0.2);
	min-height: calc(100vh - var(--dash-top-height) - 2em);
	border-radius: 0.5em;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	display: flex;
	position: relative;
}
.dash-main__no-saved-svg {
	width: 100%;
	display: block;
}
.dash-main__no-saved-visual {
	width: 100%;
	max-width: 21.5em;
	margin-bottom: 1.5em;
}
.dash-main__no-saved-h2 {
	font-family: PP Neue Montreal, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: 500;
	line-height: 1;
}
.dash-main__no-saved-p {
	color: var(--color-neutral-500);
	text-align: center;
	max-width: 24em;
	line-height: 1.4;
}
.dash-btn-only-icon {
	background-color: var(--color-neutral-200);
	color: var(--color-neutral-500);
	cursor: pointer;
	border-radius: 0.25em;
	justify-content: center;
	align-items: center;
	width: 2em;
	height: 2em;
	display: flex;
}
.dash-btn-only-icon__svg {
	width: 1.1875em;
	position: relative;
	overflow: visible !important;
}
.dash-notification__icon-saved {
	color: var(--color-ignore-saved-dark);
	margin-left: -0.25em;
}
.dash-notification__icon-inactive {
	color: var(--color-neutral-500);
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.5em;
	display: flex;
	position: relative;
}
.is--margin-bottom {
	margin-bottom: 0.125em;
}
.dash-sitemap__img {
	width: 0%;
	height: 0%;
	display: none;
}
.sr__thumbnail {
	background-color: var(--color-neutral-400);
	border-radius: 0.25em;
	width: 6.14em;
	position: relative;
}
.sr__thumbnail__before {
	padding-top: 62.5%;
}
.sr__resource__info {
	grid-column-gap: 0.375em;
	grid-row-gap: 0.375em;
	flex-flow: column;
	flex: 1;
	display: flex;
}
.sr__resource__cat {
	color: var(--color-neutral-500);
	font-size: 0.875em;
}
.sr__thumbnail__img {
	border-radius: 0.25em;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.sr__thumbnail__border {
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: var(--color-neutral-200);
	border-right-style: solid;
	border-right-width: 2px;
	border-right-color: var(--color-neutral-200);
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: var(--color-neutral-200);
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: var(--color-neutral-200);
	border-radius: 0.25em;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	position: absolute;
	top: -1px;
	left: -1px;
}
.sr__thumbnail__video-wrap {
	pointer-events: none;
	border-radius: 0.25em;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.sr__thumbnail__video {
	width: 100%;
	height: 100%;
	padding-bottom: 0;
	padding-right: 0;
	position: absolute;
	top: 0;
	left: 0;
}
.sr__link {
	border-radius: 0.4375em;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.dash-count__shine {
	width: 2.5em;
	position: absolute;
	transform: translate(-150%);
}
.dash-count__shine.is--on-dark {
	opacity: 0.1;
}
.dash-btn-info__lifetime-upgrade {
	color: var(--color-neutral-500);
	width: 1.5em;
}
.newsletter-hero {
	grid-column-gap: var(--gap-xlarge);
	grid-row-gap: var(--gap-xlarge);
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 100vh;
	padding-top: 10em;
	padding-bottom: 10em;
	display: flex;
}
.container-small-medium {
	width: 100%;
	max-width: 52em;
	margin-left: auto;
	margin-right: auto;
}
.container-xsmall {
	width: 100%;
	max-width: 40em;
	margin-left: auto;
	margin-right: auto;
}
.proof-list {
	flex-flow: row;
	justify-content: flex-start;
	align-items: center;
	display: flex;
}
.newsletter-wrap {
	padding: var(--gap-xlarge);
	grid-column-gap: var(--gap-xlarge);
	grid-row-gap: var(--gap-xlarge);
	-webkit-backdrop-filter: blur(0.5em);
	backdrop-filter: blur(0.5em);
	background-color: #efeeec0f;
	border: 1px solid #efeeec0f;
	border-radius: 0.75em;
	flex-flow: column;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 30em;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.875em;
	display: flex;
}
.dash-side__promo {
	width: 100%;
	padding-left: 1em;
	padding-right: 1em;
	position: relative;
}
.dash-side-promo-btn {
	background-color: var(--color-neutral-200);
	cursor: pointer;
	border-style: solid;
	border-width: 1px;
	border-top-color: rgba(var(--color-rgb-dark), 0.1);
	border-right-color: rgba(var(--color-rgb-dark), 0.1);
	border-bottom-color: rgba(var(--color-rgb-dark), 0.1);
	border-left-color: rgba(var(--color-rgb-dark), 0.1);
	border-radius: 0.5em;
	flex-flow: column;
	padding: 0.375em;
	display: flex;
	box-shadow: 0 0.2em 0.5em #0000000a;
}
.dash-side-promo-btn__inner {
	grid-column-gap: 0.25em;
	grid-row-gap: 0.25em;
	color: var(--color-dark);
	cursor: pointer;
	background-color: rgba(var(--color-rgb-dark), 0);
	border-radius: 0.25em;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 2.25em;
	text-decoration: none;
	display: flex;
	position: relative;
	overflow: hidden;
}
.dash-side-promo-btn__inner.is--soon {
	opacity: 0.25;
	pointer-events: none;
}
.dash-side-promo-btn__inner.is--logout {
	color: var(--color-primary);
}
.dash-side-promo-btn__title {
	white-space: nowrap;
	flex: none;
	font-size: 0.9375em;
}
.dash-side-promo-btn__title.is--lifetime-deal {
	font-size: 1em;
}
.dash-side-promo-btn__wf-icon {
	flex: none;
	width: 1.125em;
}
.modal-btn__wrap {
	padding-bottom: 0.75em;
	display: flex;
}
.dash-btn {
	grid-column-gap: 0.375em;
	grid-row-gap: 0.375em;
	background-color: var(--color-dark);
	color: var(--color-light);
	cursor: pointer;
	border-radius: 0.25em;
	justify-content: center;
	align-items: center;
	height: 3.125em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	text-decoration: none;
	display: flex;
}
.dash-btn.is--outline {
	color: var(--color-dark);
	border-style: solid;
	border-width: 1px;
	border-top-color: rgba(var(--color-rgb-dark), 0.12);
	border-right-color: rgba(var(--color-rgb-dark), 0.12);
	border-bottom-color: rgba(var(--color-rgb-dark), 0.12);
	border-left-color: rgba(var(--color-rgb-dark), 0.12);
	background-color: #0000;
}
.dash-btn.is--tooltip {
	background-color: var(--color-neutral-600);
	margin-top: 0.5em;
	margin-bottom: -0.25em;
}
.dash-btn.is--gsap-modal {
	background-color: var(--color-ignore-dark);
	color: var(--color-ignore-light);
}
.dash-btn.is--slack-modal {
	background-color: var(--color-ignore-dark);
	color: var(--color-ignore-light);
	position: relative;
}
.dash-btn__svg-box {
	color: var(--color-neutral-500);
	width: 1.125em;
}
.dash-btn__p {
	-webkit-user-select: none;
	user-select: none;
	white-space: nowrap;
	padding-right: 0.5em;
	font-size: 0.9375em;
	text-decoration: none;
	position: relative;
}
.dash-btn__svg-box-wf {
	display: block;
}
.dash-side__promo-inner {
	width: calc(var(--dash-side-width-ignore) - 2.5em);
	padding-bottom: 1em;
	padding-left: 0.25em;
	padding-right: 0.25em;
	overflow: hidden;
}
.dash-side__promo-mask {
	width: 100%;
	overflow: hidden;
}

.search-dummy {
	grid-column-gap: 0.5em;
	grid-row-gap: 0.5em;
	cursor: pointer;
	background-color: rgba(var(--color-rgb-dark), 0.06);
	border-radius: 0.25em;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	min-width: 12.5em;
	padding: 0.75em;
	display: flex;
}
.search-dummy__text {
	color: var(--color-neutral-500);
	-webkit-user-select: none;
	user-select: none;
}
.search-dummy__start {
	grid-column-gap: 0.5em;
	grid-row-gap: 0.5em;
	align-items: center;
	display: flex;
}
.search-dummy__end {
	justify-content: flex-end;
	align-items: stretch;
	display: flex;
	position: relative;
}
.search-dummy__end.is--db {
	background-color: var(--card--background-color-active);
}


.dash-icon {
	color: var(--color-neutral-500);
	-webkit-user-select: none;
	user-select: none;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.5em;
	padding-bottom: 0;
	padding-right: 0;
	display: flex;
}
.dash-icon.is--logout {
	color: var(--color-primary);
}
.dash-icon.is--lifetime-deal {
	margin-left: -0.25em;
}


.dash-icon-card {
	background-color: var(--color-light);
	transform-style: preserve-3d;
	border-radius: 0.5em;
	justify-content: center;
	align-items: center;
	width: 100%;
	display: flex;
	position: relative;
	overflow: hidden;
}
.dash-icon-card.is--home-features {
	border: 1px solid var(--color-neutral-600);
	background-color: var(--color-neutral-800);
	color: var(--color-light);
}
.dash-icon-card__before {
	padding-top: 100%;
}
.dash-icon-card__svg {
	color: var(--color-neutral-500);
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.5em;
	margin-bottom: 0.5em;
	display: flex;
	position: absolute;
}
.dash-icon-card__info {
	justify-content: center;
	align-items: center;
	width: 100%;
	padding-top: 1.25em;
	padding-bottom: 1.25em;
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
}
.dash-icon-card__h2 {
	color: var(--color-dark);
	text-align: center;
	font-size: 0.9375em;
	font-weight: 500;
	line-height: 1;
}
.dash-icon-card__btns {
	grid-column-gap: 0.375em;
	grid-row-gap: 0.375em;
	pointer-events: none;
	justify-content: center;
	width: 100%;
	padding: 1em;
	display: flex;
	position: absolute;
	bottom: 0;
	left: 0;
}

.dash-command.is--db {
	background-color: var(--card--background-color-active);
}

.dash-side__logo-icon {
	flex-shrink: 0;
	width: 1.5em;
	height: 1.5em;
	position: relative;
}

.dash-side__logo-wordmark {
	width: 4.4em;
	position: relative;
}

.dash-side__logo {
	color: var(--color-dark);
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 1.75em);
	padding-left: 0.75em;
	display: flex;
	position: relative;
}
.dash-side__logo-wordmark-wrap {
	flex-shrink: 0;
	width: calc(100% - 1.5em);
	padding-left: 0;
	position: relative;
	overflow: hidden;
}
.dash-side__logo-icon-wrap {
	pointer-events: none;
	width: calc(var(--dash-side-width-collapsed) - 0.5em);
	flex-shrink: 0;
	justify-content: center;
	display: flex;
	position: absolute;
	right: -1.75em;
}

.flow-dash-side__logo-icon {
	flex-shrink: 0;
	width: 1.5em;
	height: 1.5em;
	position: relative;
}


.dash-res-card {
	grid-column-gap: 0.5em;
	grid-row-gap: 0.5em;
	background-color: var(--color-light);
	border-radius: 0.5em;
	flex-flow: column;
	width: 100%;
	padding: 0.5em;
	text-decoration: none;
	display: flex;
	position: relative;
}
.dash-res-card.is--home-db {
	background-color: #0000;
}

.p-reg {
	font-size: 1em;
	font-weight: 500;
	line-height: 1.4;
    margin: 0;
}
.p-reg.mask {
	height: 1.5em;
	overflow: hidden;
}
.p-reg.sold-out {
	color: var(--color-neutral-500);
}

.p-small {
	font-size: 0.875em;
	line-height: 1.3;
    margin: 0;
}
.p-small.label {
	margin-bottom: 0;
}

.dash-notification {
	grid-column-gap: 0.5em;
	grid-row-gap: 0.5em;
	border-style: solid;
	border-width: 1px;
	border-top-color: var(--color-ignore-neutral-600);
	border-right-color: var(--color-ignore-neutral-600);
	border-bottom-color: var(--color-ignore-neutral-600);
	border-left-color: var(--color-ignore-neutral-600);
	background-color: var(--color-ignore-neutral-800);
	color: var(--color-ignore-neutral-200);
	border-radius: 0.375em;
	justify-content: center;
	align-items: center;
	height: 4em;
	padding-left: 2em;
	padding-right: 2em;
	display: flex;
	position: absolute;
}

.dash-command__command-svg {
	width: 0.6em;
	margin-left: 0;
	margin-right: -0.0625em;
}

@media screen and (max-width: 991px) {
	.h-display,
	.h-display.cs {
		font-size: 5em;
	}
	.button.is--dark {
		color: var(--color-neutral-200);
	}
	.dash-main {
		overflow: hidden;
	}
	.dash-main-top__end {
		width: auto;
	}
	.dash-res__split {
		flex-flow: column;
		align-items: flex-start;
	}
	.dash-res-content {
		width: 100%;
	}
	.dash-res-info {
		width: 100%;
		padding-bottom: 4em;
	}
	.dash-res-content__inner {
		padding-bottom: 0;
	}
	.dash-btn-icon {
		height: 2.125em;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	.dash-btn-icon.is--dark {
		background-color: var(--color-dark);
		color: var(--color-neutral-500);
	}
	.dash-btn-icon__svg-box.is--play {
		width: 1.2em;
		margin-left: 0.1em;
	}
	.dash-btn-icon__p.is--dark {
		color: var(--color-neutral-200);
	}
	.flow-side {
		width: 100%;
	}
	.flow-visual {
		display: none;
	}
	.flow-side__center {
		justify-content: center;
		align-items: center;
	}
	.outseat-widget-wrap {
		max-width: 40em;
		font-size: 1em;
	}
	.dash-main-top__resource-search {
		display: flex;
	}
	.dash-res-main__icon-btns {
		grid-column-gap: 0.5em;
		grid-row-gap: 0.5em;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: rgba(var(--color-rgb-dark), 0.12);
		justify-content: flex-start;
		padding-top: 1.5em;
		padding-bottom: 1.5em;
		display: flex;
	}
	.md--hide {
		display: none;
	}
	.home-hero-vid {
		position: relative;
		transform: none;
	}
	.home-hero__inner {
		grid-row-gap: calc(25vh - 10em);
	}
	.db-content {
		left: 22em;
	}
	.db-card__inner {
		flex-flow: column;
		display: flex;
	}
	.db-side {
		width: 16em;
	}
	.ul.trusted-nav-list {
		grid-column-gap: 1em;
		grid-row-gap: 1em;
	}
	.divider.is--dark {
		color: var(--color-neutral-200);
	}
	.trusted-nav-item {
		width: 3em;
		height: 3em;
	}
	.f-grid__vid-wrap {
		width: 21em;
	}
	.f-grid {
		grid-template-columns: repeat(6, 1fr);
	}
	.f-grid-card {
		grid-column: span 3;
	}
	.f-grid-card.basics {
		grid-column: 5/7;
		grid-row-start: 1;
	}
	.f-grid-card.video,
	.f-grid-card.components {
		grid-column: span 4;
	}
	.f-grid-card.icons {
		grid-column: 1/3;
		grid-row-start: 2;
	}
	.f-grid-card.full.end {
		grid-column: span 2;
	}
	.f-grid-card.snippets {
		grid-column: span 4;
	}
	.tab-container {
		grid-column-gap: calc(var(--gap-xxlarge) * 2);
		grid-row-gap: calc(var(--gap-xxlarge) * 2);
		justify-content: space-between;
		align-items: stretch;
		padding-bottom: 0;
		padding-left: 2em;
	}
	.tab-content-wrap {
		min-width: auto;
		max-width: 40em;
		min-height: 10em;
	}
	.tab-visual-wrap {
		height: 39.6em;
		padding-left: 2em;
		padding-right: 2em;
	}
	.layout-col.md--full {
		width: 100%;
	}
	.tab-visual-item {
		overflow: hidden;
	}
	.container-large.is-half {
		max-width: none;
	}
	.tab-container-top {
		grid-column-gap: 1.5em;
		grid-row-gap: 1.5em;
	}
	.price-card {
		aspect-ratio: 1/1.25;
		padding: 3em 2em;
	}
	.price-card-button {
		bottom: 2em;
		left: 2em;
		right: 2em;
	}
	.footer-content-row {
		max-width: 26em;
	}
	.footer-form-col {
		max-width: 31em;
	}
	.footer-bottom-col {
		grid-column-gap: 7.25em;
		grid-row-gap: 7.25em;
	}
	.slack-bar {
		width: 34.5em;
		top: 0.15em;
		left: 16.65em;
	}
	.dash-res-visual__thumb-pip,
	.dash-res-visual__thumb-preview {
		width: 7.5em;
	}
	.flow-side__under-construction {
		justify-content: center;
		align-items: center;
	}
	.dash-btn-only-icon {
		width: 2.125em;
		height: 2.125em;
	}
	.newsletter-wrap {
		font-size: 1em;
	}
}
@media screen and (max-width: 767px) {
	.container.c-pad-top {
		padding-top: 10em;
	}
	.nav-logo-row {
		grid-column-gap: 2.5em;
		grid-row-gap: 2.5em;
		width: auto;
	}
	.nav-row__right {
		grid-column-gap: 0rem;
		grid-row-gap: 0rem;
	}
	.nav-name__item {
		margin-left: -0.3em;
	}
	.name-name__item-img {
		width: 1.5em;
		height: 1.5em;
	}
	.cs-hero {
		justify-content: space-between;
		align-items: flex-start;
		height: auto;
		padding-top: 8.75em;
	}
	.cs-col-title {
		order: -1;
		padding-left: 0;
	}
	.cs-col-vid {
		padding-top: 0.75em;
		padding-left: 0.75em;
		padding-right: 0.75em;
	}
	.cs-col-info {
		margin-top: 3em;
	}
	.cs-hero__inner {
		grid-row-gap: 2em;
		flex-flow: column;
		justify-content: flex-start;
		align-items: stretch;
		display: flex;
	}
	.h-display {
		font-size: 4em;
	}
	.h-display.cs {
		font-size: 2.85em;
	}
	.cs-col-cta {
		order: -1;
		padding-left: 0;
	}
	.button.small {
		padding-left: 0.75em;
		padding-right: 0.75em;
	}
	.sidebar {
		left: calc(var(--container-padding) / 2);
		width: auto;
	}
	.sidebar-title {
		padding-right: 0;
	}
	.h-med {
		font-size: 1.75em;
	}
	.video-player {
		width: 90vw;
	}
	.video-player__wrap {
		padding: 0.5em;
	}
	.sm--hide {
		display: none;
	}
	.form-group {
		width: 100%;
	}
	.form-split {
		flex-flow: column;
	}
	.error-hero__inner {
		grid-row-gap: 2em;
		flex-flow: column;
		justify-content: flex-start;
		align-items: stretch;
		display: flex;
	}
	.error-col-title {
		order: -1;
		padding-left: 0;
	}
	.dash-main {
		width: 100vw;
		margin-left: 0;
		padding-left: 1em;
		padding-right: 1em;
	}
	.dash-side {
		background-color: var(--color-light);
		flex-flow: column;
		width: 100%;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		display: flex;
	}
	.dash-side__bottom {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	.dash-side__row-logo {
		display: none;
	}
	.dash-type-btn__inner,
	.dash-type-btn__inner.is--soon,
	.dash-cat-dropdown__collection,
	.dash-user-btn__inner {
		width: 100%;
	}
	.dash-main-top__end {
		display: none;
	}
	.dash-main-top__title {
		font-size: 1.3125em;
	}
	.dash-search {
		justify-content: center;
		align-items: flex-start;
	}
	.dash-notifcations {
		justify-content: center;
	}
	.dash-btn-icon.is--dark.is--video {
		margin-left: auto;
	}
	.dash-res-doc__title-h2 {
		font-size: 1.25em;
	}
	.dash-res-doc__toggle-btn {
		width: 3em;
	}
	.dash-res-doc__toggle-btn-p,
	.dash-res-doc__toggle-btn-p.is--webflow-mobile {
		display: none;
	}
	.dash-res-doc__toggle-btn-svg {
		transform: rotate(0.001deg);
	}
	.dash-res-doc__toggle-btn-svg.is--code-icon {
		display: block;
	}
	.flow-main {
		width: 100vw;
	}
	.flow-content {
		padding: 0;
	}
	.parallax__title {
		margin-left: 0;
		margin-right: 0;
		font-size: 4.6em;
	}
	.dash-main-top__resource-search {
		display: none;
	}
	.dash-res-main__icon-btns {
		padding-top: 0.75em;
		padding-bottom: 1.5em;
	}
	.dash-mobile-nav {
		grid-column-gap: 0.5em;
		grid-row-gap: 0.5em;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: rgba(var(--color-rgb-dark), 0.12);
		width: 100%;
		margin-bottom: 0.25em;
		padding: 1.25em 0 1.25em 0.125em;
		display: flex;
	}
	.dash-mobile-nav__logo {
		width: 7em;
		font-size: 1.0625em;
	}
	.dash-mobile-nav__hamburger {
		width: 3em;
		padding-left: 0;
		padding-right: 0;
	}
	.dash-mobile-nav__logo-icon {
		width: 2em;
		height: 2em;
	}
	.dash-side__mobile-nav {
		padding-bottom: 0.75em;
		padding-left: 1em;
		padding-right: 1em;
	}
	.nav-menu {
		z-index: 3;
		color: #131313;
		background-color: #efeeec;
		border-radius: 0.25em;
		width: calc(100vw - 1em);
		max-height: calc(100dvh - 1em);
		padding: 8em 2em 2em;
		display: none;
		position: fixed;
		top: -0.75em;
		left: 50%;
		right: 0;
		overflow: scroll;
	}
	.nav-menu-eyebrow {
		display: block;
		position: absolute;
		top: 1.6em;
		left: 2em;
	}
	.nav-menu__links {
		grid-column-gap: 0em;
		grid-row-gap: 0em;
		flex-flow: column;
		justify-content: space-between;
		align-items: stretch;
	}
	.link.nav-link {
		justify-content: space-between;
		align-items: center;
		padding-top: 1.25em;
		padding-bottom: 1.25em;
		display: flex;
	}
	.nav-link-text {
		font-size: 1.5em;
		text-shadow: none !important;
	}
	.nav-link-arrow {
		width: 0.75em;
		height: 1em;
		display: flex;
	}
	.nav-menu-divider {
		opacity: 0.25;
		background-image: linear-gradient(
			90deg,
			#13131300,
			#131313 25% 75%,
			#13131300
		);
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}
	.nav-menu-divider.bottom {
		inset: auto 0 0;
	}
	.nav-menu-buttons {
		grid-column-gap: 0.75em;
		grid-row-gap: 0.75em;
		flex-flow: column;
		margin-top: 2em;
		display: flex;
	}
	.nav-button-row {
		z-index: 4;
		grid-column-gap: 0.5em;
		grid-row-gap: 0.5em;
		position: relative;
	}
	.login-wrap {
		margin-right: 1em;
	}
	.menu-button {
		color: #131313;
		padding: 0.75em;
		display: flex;
	}
	.hero-col-title {
		margin-top: var(--gap-xxlarge);
		order: -1;
	}
	.home-hero {
		justify-content: space-between;
		align-items: flex-start;
		height: auto;
		min-height: auto;
		padding-top: 8.75em;
	}
	.home-col-cta {
		order: -1;
		padding-left: 0;
	}
	.home-hero-vid {
		padding-top: var(--gap-small);
		padding-right: var(--gap-small);
		padding-left: var(--gap-small);
		transform: translateY(20%);
	}
	.hero-col-info {
		margin-top: 3em;
	}
	.home-hero__inner {
		grid-row-gap: calc(var(--gap-xxlarge) * 2);
		flex-flow: column;
		justify-content: flex-start;
		align-items: stretch;
		display: flex;
	}
	.spacer.is--smaller {
		height: 4.5em;
	}
	.user-dots {
		display: none;
	}
	.db-content__card {
		width: calc((100% - 2 * var(--gap-tiny)) / 2);
	}
	.db-wrapper {
		height: 40.5em;
	}
	.db-content {
		left: 6.25em;
		right: 0.75em;
		top: calc(var(--gap-large) * 3.25);
	}
	.db-side__logo {
		grid-column-gap: 2.5em;
		grid-row-gap: 2.5em;
		width: auto;
		margin-bottom: 0;
		padding-top: 0;
	}
	.db-search {
		width: auto;
		font-size: 0.8em;
		top: 0.75em;
		left: 6.25em;
		right: 0.75em;
	}
	.h-medium {
		font-size: 2.75em;
	}
	.db-side {
		width: 4em;
	}
	.db-side__top {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	.ul.trusted-nav-list {
		flex-flow: wrap;
	}
	.f-grid {
		grid-template-columns: repeat(1, 1fr);
	}
	.f-grid-card.basics {
		grid-column: auto;
		grid-row-start: auto;
	}
	.f-grid-card.video,
	.f-grid-card.components {
		grid-column: span 1;
	}
	.f-grid-card.icons {
		grid-column: auto;
		grid-row-start: auto;
	}
	.f-grid-card.full.end,
	.f-grid-card.snippets {
		grid-column: span 1;
	}
	.comps-row {
		transform: rotateX(45deg) rotateY(20deg) rotate(-25deg)
			translate3d(-6em, 8em, 8em);
	}
	.f-grid__basics {
		order: 1;
	}
	.about-divider-img {
		width: 2.5em;
		height: 2.5em;
	}
	.h-large {
		font-size: 4em;
	}
	.h-large.u--text-align-center.is--medium-mobile {
		font-size: 2.75em;
	}
	.layout {
		grid-row-gap: 2em;
	}
	.filter-button {
		padding: 0.75em 1.25em;
	}
	.filter-bar {
		padding: 0.375em;
	}
	.tab-container {
		padding-right: 2em;
	}
	.tab-visual-wrap {
		height: 20em;
	}
	.layout-col {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.layout-col.sm--sticky {
		z-index: 2;
		padding-right: var(--container-padding);
		padding-left: var(--container-padding);
		margin-left: calc(-1 * var(--container-padding));
		flex: none;
		width: 100vw;
		position: sticky;
		top: 0;
	}
	.tab-visual-item {
		border-radius: 0.25em;
	}
	.price-card {
		aspect-ratio: 1/1.5;
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	.price-card-button {
		bottom: 1.25em;
		left: 1.25em;
		right: 1.25em;
	}
	.price-card-tag {
		top: 1.25em;
	}
	.price-card__overlay {
		padding-left: 1.25em;
		padding-right: 1.25em;
	}
	.price-bottom {
		padding-bottom: 0;
	}
	.u--abs.bottom {
		inset: auto 0 0;
	}
	.footer-main {
		flex-flow: column;
		display: flex;
	}
	.footer-top-row {
		grid-column-gap: calc(var(--gap-xxlarge) * 1.5);
		grid-row-gap: calc(var(--gap-xxlarge) * 1.5);
		margin-bottom: calc(var(--gap-xxlarge) * 2);
		flex-flow: column;
	}
	.footer-content-row {
		grid-row-gap: 2em;
		flex-flow: wrap;
		max-width: none;
	}
	.footer-link-col {
		grid-column-gap: 1em;
		grid-row-gap: 1em;
		width: 50%;
	}
	.footer-link-col.sm--show {
		display: flex;
	}
	.footer-link-col.full {
		width: 100%;
	}
	.footer-form-col {
		order: -1;
		max-width: none;
	}
	.footer-form-grid {
		grid-row-gap: var(--gap-reg);
		grid-template-columns: repeat(1, 1fr);
	}
	.footer-form-field {
		grid-column: span 1;
	}
	.footer-form-button {
		width: 100%;
		margin-top: 1.5em;
	}
	.footer-logo {
		order: 1;
		width: 34em;
		margin-top: -7.5em;
	}
	.footer-bottom-row {
		grid-column-gap: 1.5em;
		grid-row-gap: 1.5em;
		flex-flow: column;
		margin-top: 0;
	}
	.footer-bottom-col {
		grid-column-gap: 1.5em;
		grid-row-gap: 1.5em;
		flex-flow: column;
		order: 1;
		justify-content: space-between;
		align-items: center;
	}
	.footer-copyright {
		order: 1;
	}
	.faq-left-sticky {
		position: relative;
		top: auto;
	}
	.db-notificatin {
		z-index: 5;
		justify-content: center;
	}
	.db-notifications {
		justify-content: center;
	}
	.slack-bar {
		height: 0.6em;
		top: 0.05em;
		left: 8.1em;
	}
	.slack-search {
		padding-left: 2.75em;
		font-size: 0.45em;
	}
	.slack-search-icon {
		width: 0.4em;
		height: 0.4em;
		left: 0.4em;
	}
	.dash-res-visual__thumb-pip {
		width: 5.5em;
		top: 1em;
		right: 1em;
	}
	.dash-res-visual__thumb-pip-play {
		width: 1.75em;
		height: 1.75em;
	}
	.dash-res-visual__thumb-preview {
		width: 5.5em;
		top: 0.75em;
		right: 0.75em;
	}
	.vimeo-player__btn {
		width: 4em;
		height: 4em;
	}
	.rich-text {
		padding-right: var(--container-padding);
		padding-left: var(--container-padding);
	}
	.updates-list {
		flex-flow: wrap;
	}
	.updates-list-item {
		padding-top: var(--gap-small);
		padding-right: var(--gap-small);
		padding-bottom: var(--gap-med);
		padding-left: var(--gap-small);
		grid-column-gap: var(--gap-large);
		grid-row-gap: var(--gap-large);
		width: calc(50% - var(--gap-small) / 2);
		flex-flow: column;
	}
	.trusted-nav__list {
		flex-flow: wrap;
	}
	.slack-notfications {
		justify-content: center;
	}
	.f-grid-basics__item {
		width: 25em;
	}
	.footer-field-group {
		grid-column: span 1;
	}
	.layout-sold-out {
		padding-left: 0;
		padding-right: 0;
	}
	.updates-item__visual {
		order: -1;
		width: 100%;
	}
	.updates-item__content {
		gap: var(--gap-med);
		flex-direction: column;
		display: flex;
	}
	.updates-count {
		font-size: 1em;
		top: 30%;
		left: 7.5em;
		right: auto;
	}
	.updates-count.footer {
		inset: 0% -1.25em auto auto;
	}
	.spacer-half.is--smaller {
		height: 4.5em;
	}
	.updates-list__overlay {
		height: 50%;
	}
	.dash-side__promo-inner {
		width: 100%;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
}
@media screen and (max-width: 479px) {
	.nav-logo-row {
		grid-column-gap: 1em;
		grid-row-gap: 1em;
	}
	.button.xs--full {
		width: 100%;
	}
	.p-med {
		font-size: 1em;
	}
	.sidebar {
		top: calc(var(--container-padding) * 4);
	}
	.form-group {
		margin-bottom: 0;
		padding-bottom: 2em;
	}
	.form-notification-p {
		font-size: 1em;
	}
	.login-wrap {
		margin-right: 0.75em;
	}
	.xs--hide {
		display: none;
	}
	.p-large {
		font-size: 1.25em;
	}
	.rotate-card {
		width: 8em;
	}
	.hero-col-title {
		grid-column-gap: 2em;
		grid-row-gap: 2em;
	}
	.home-hero-vid {
		width: 100%;
		transform: none;
	}
	.hero-col-info {
		display: none;
	}
	.home-hero__inner {
		grid-row-gap: calc(var(--gap-xxlarge) * 2);
	}
	.db-content__card {
		width: 100%;
	}
	.db-wrapper {
		height: 46.5em;
	}
	.h-medium {
		font-size: 2.85em;
	}
	.trusted-nav-item.active {
		z-index: 5;
	}
	.comps-row {
		transform: rotateX(45deg) rotateY(20deg) rotate(-25deg)
			translate3d(-6em, 4em, 8em);
	}
	.h-large {
		font-size: 3.5em;
	}
	.h-large.u--text-align-center.is--medium-mobile {
		font-size: 2.85em;
	}
	.about-button-row {
		grid-column-gap: 1em;
		grid-row-gap: 1em;
		flex-flow: column;
		width: 100%;
		margin-top: 3em;
	}
	.rock-wrap.faq-page {
		height: 40em;
		top: 10em;
	}
	.layout.c-pad-top {
		padding-top: 10em;
	}
	.filter-button {
		white-space: nowrap;
		padding: 1em 0.75em;
	}
	.tab-container {
		grid-column-gap: calc(var(--gap-xxlarge) * 1.25);
		grid-row-gap: calc(var(--gap-xxlarge) * 1.25);
	}
	.tab-content-item {
		grid-column-gap: var(--gap-tiny);
		grid-row-gap: var(--gap-tiny);
	}
	.tab-content-wrap {
		min-height: 14em;
	}
	.tab-visual-wrap {
		height: 14.25em;
		padding-left: 1em;
		padding-right: 1em;
	}
	.layout-col.sm--sticky {
		background-image: linear-gradient(#000, #000000d9 85%, #0000);
		padding-bottom: 2em;
	}
	.tab-visual-item {
		left: 1em;
		right: 1em;
	}
	.price-card {
		padding-top: 1em;
	}
	.footer-content-row {
		grid-row-gap: 2em;
		flex-flow: wrap;
	}
	.footer-link-col {
		width: 50%;
	}
	.tabs-vid-wrap {
		padding: 0;
	}
	.slack-bar {
		width: 13em;
		height: 0.4em;
		top: 0.05em;
		left: 6.2em;
	}
	.slack-search {
		padding-left: 2.5em;
		font-size: 0.3em;
	}
	.slack-search-icon {
		width: 0.3em;
		height: 0.3em;
		left: 0.25em;
	}
	.rich-text h3 {
		font-size: 2em;
	}
	.updates-list {
		grid-column-gap: var(--gap-med);
		grid-row-gap: var(--gap-med);
	}
	.updates-list-item {
		width: 100%;
	}
	.f-grid-basics__item {
		width: 22em;
	}
	.tabs-vid-wrap-inner {
		aspect-ratio: auto;
	}
	.flow-side__europe {
		font-size: 0.9375em;
	}
	.updates-list__overlay {
		height: 65%;
	}
	.newsletter-wrap {
		padding-right: var(--gap-med);
		padding-left: var(--gap-med);
	}
}
#w-node-_9a43ab58-aff8-7154-f9cd-9e7e683161af-aff436fa,
#w-node-_2aacde1c-7b79-249f-2926-1a8bf2560dff-b4ef2fa0 {
	grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (max-width: 991px) {
	#w-node-_2aacde1c-7b79-249f-2926-1a8bf2560e03-b4ef2fa0 {
		grid-area: 2/1/3/2;
	}
}