@media screen and (max-width: 1024px) {

	.longFeatures:not(.collapsed) {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: thin;
	}
	.longFeatures::-webkit-scrollbar {
		height: 4px;
	}
	.longFeatures::-webkit-scrollbar-thumb {
		background: var(--base-greengrey-a-200);
		border-radius: 2px;
	}
	.longFeatures.collapsed {
		overflow: hidden;
	}

	.longFeatures table {
		min-width: 700px;
	}

	.longFeatures.has-cloned-thead table thead {
		visibility: hidden;
	}

	.longFeatures table tbody td:first-child {
		position: sticky;
		left: 0;
		z-index: 3;
		background: var(--base-greengrey-100);
		padding-right: 20px;
	}

	.longFeatures table tbody tr.group td:first-child {
		position: sticky;
		left: 0;
		z-index: 3;
		background: var(--base-greengrey-100);
	}

	.longFeatures table tbody td:first-child::after {
		content: '';
		position: absolute;
		top: 0;
		right: -6px;
		bottom: 0;
		width: 6px;
		pointer-events: none;
		background: linear-gradient(to right, rgba(0, 0, 0, 0.05), transparent);
		opacity: 0;
		transition: opacity 0.15s;
	}
	.longFeatures.is-scrolled-x table tbody td:first-child::after {
		opacity: 1;
	}

	.lf-stickyThead {
		position: sticky;
		top: var(--table-sticky-top, 0px);
		z-index: 1006;
		overflow-x: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.lf-stickyThead::-webkit-scrollbar {
		display: none;
	}

	.lf-stickyThead table {
		border-collapse: separate;
		border-spacing: 0;
		background: var(--base-greengrey-100);
	}

	.lf-stickyThead table thead tr th {
		padding: 20px;
		background: var(--base-greengrey-100);
	}

	.lf-stickyThead table thead tr th .tablePlanContainer {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}
	.lf-stickyThead table thead tr th .tablePlanContainer-name {
		color: var(--text-base-primary);
		font: var(--font-body-med-lg);
	}
	.lf-stickyThead table thead tr th .tablePlanContainer-price .planAndPrices__plan-price .digit {
		display: flex;
		flex-wrap: wrap;
	}
	.lf-stickyThead table thead tr th .tablePlanContainer-price .planAndPrices__plan-price .digit span {
		color: var(--text-base-primary);
		font: var(--font-body-med-sm);
	}
	.lf-stickyThead table thead tr th .tablePlanContainer-price .planAndPrices__plan-price .digit .per_user {
		color: var(--text-base-tertiatry);
		font: var(--font-body-reg-xs);
		text-align: left;
		width: 100%;
	}
	.lf-stickyThead table thead tr th .tablePlanContainer-button {
		padding-top: 20px;
		width: 100%;
	}
	.lf-stickyThead table thead tr th .tablePlanContainer-button .btn {
		width: 100%;
	}
	.lf-stickyThead table thead tr th .tablePlanContainer.tablePlan-free .tablePlanContainer-price .planAndPrices__plan-price .digit {
		opacity: 0;
	}

	.lf-stickyThead.is-stick table {
		background: var(--bg-surf-20);
	}
	.lf-stickyThead.is-stick table thead tr th {
		background: var(--bg-surf-20);
		box-shadow: 0 2px 0 0 var(--base-greengrey-a-100);
	}

	.lf-stickyThead table thead tr th:first-child {
		position: sticky;
		left: 0;
		z-index: 2;
		background: var(--base-greengrey-100);
		padding-right: 20px;
	}
	.lf-stickyThead.is-stick table thead tr th:first-child {
		background: var(--bg-surf-20);
	}

	.lf-stickyThead table thead tr th:first-child::after {
		content: '';
		position: absolute;
		top: 0;
		right: -6px;
		bottom: 0;
		width: 6px;
		pointer-events: none;
		background: linear-gradient(to right, rgba(0, 0, 0, 0.05), transparent);
		opacity: 0;
		transition: opacity 0.15s;
	}
	.lf-stickyThead.is-scrolled-x table thead tr th:first-child::after {
		opacity: 1;
	}

	.lf-stickyThead.lf-hidden {
		display: none;
	}
}