.sticky-thead-and-scrollable-x{
	.table-wrapper{
		overflow-x: auto;

		thead th{
			visibility: hidden;
			padding-top: 0;
			padding-bottom: 0;
			line-height: 0;
			border-top: none;
			border-bottom: none;
		}
	}

	table{
		border-collapse: collapse;

		th, a{
			white-space: nowrap;
		}
	}

	.sticky-header-clone{
		position: sticky;
		top: 0;
		overflow: hidden;
		background: #fff;
		z-index: 10;

		&.is-sticky{
			box-shadow: 0 10px 10px 0 rgba(0,0,0,.2);
		}

		th{
			padding: 14px 0;
		}
	}

	&.fullwidth{
		--innerColumn: calc( ( var(--halfInnerContainer) - 5 * var(--bs-gutter-x) - var(--bs-gutter-x) / 2 ) / 6 );

		.table-wrapper, .sticky-header-clone{
			margin-left: calc( var(--snap) - var(--innerColumn) - var(--bs-gutter-x) );
			margin-right: calc( var(--snap) - var(--innerColumn) - var(--bs-gutter-x) );

			@media (max-width: 1399px){
				margin-left: var(--snap);
				margin-right: var(--snap);
			}

			:is(th,td):first-child{
				padding-left: calc( var(--bs-offset) + var(--innerColumn) + var(--bs-gutter-x) );

				@media (max-width: 1399px){
					padding-left: var(--bs-offset);
				}
			}

			:is(th,td):last-child{
				padding-right: calc( var(--bs-offset) + var(--innerColumn) + var(--bs-gutter-x) );

				@media (max-width: 1399px){
					padding-right: var(--bs-offset);
				}
			}
		}
	}
}

@keyframes scrollHint{
	0% { transform: translateX(0) }
	15% { transform: translateX(22px) }
	30% { transform: translateX(0) }
	45% { transform: translateX(-22px) }
	60% { transform: translateX(0) }
	100% { transform: translateX(0) }
}