.wp-block-mops-horizontal-overflow-row.hos-row {
	position: relative;
	display: block;
	padding-bottom: 1rem;
	--hos-ease: cubic-bezier(0.45, 0, 0.55, 1);
	--hos-closed-offset: 0px;
}

.hos-row__content {
	position: relative;
}

.wp-block-mops-horizontal-overflow-row.hos-row:not(.hos-row--enhanced) [data-hos-content] {
	opacity: 0;
}

.wp-block-mops-horizontal-overflow-row.hos-row.hos-row--enhanced [data-hos-content] {
	opacity: 1;
}

.hos-row__content-shell {
	overflow: hidden;
}

.hos-row__overflow-track {
	display: block;
}

.wp-block-mops-horizontal-overflow-row.hos-row [data-hos-content] .kt-row-column-wrap {
	display: flex !important;
	flex-wrap: nowrap !important;
	width: max-content;
	min-width: 100%;
	grid-template-columns: none !important;
}

.wp-block-mops-horizontal-overflow-row.hos-row:not(.is-open) [data-hos-content] .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) {
	opacity: 0;
	pointer-events: none;
}

.hos-row__track {
	transform: translateX(var(--hos-closed-offset));
	will-change: transform;
}

.hos-row__section {
	flex: 0 0 auto;
}

.hos-row__section > *:first-child {
	margin-top: 0 !important;
}

.hos-row__section > *:last-child {
	margin-bottom: 0 !important;
}

.hos-row__section.is-trigger {
	cursor: pointer;
}

.hos-row__section.is-overflow {
	transition: opacity 0.28s ease-out;
}

.hos-row.is-open .hos-row__content-shell {
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
	scrollbar-color: rgba(20, 20, 20, 0.22) transparent;
}

.hos-row--enhanced .hos-row__track {
	transition: opacity 0.24s ease-out;
}

.hos-row--enhanced .hos-row__section.is-overflow {
	opacity: 0;
	pointer-events: none;
}

.hos-row.is-open .hos-row__section.is-overflow {
	opacity: 1;
	pointer-events: auto;
}

.hos-row.has-hidden-trigger-on-open.is-open .hos-row__section.is-trigger {
	opacity: 0;
	pointer-events: none;
	width: 0;
	min-width: 0;
	flex-basis: 0;
	overflow: hidden;
}

.hos-row.is-open .hos-row__content-shell::-webkit-scrollbar {
	height: 8px;
}

.hos-row.is-open .hos-row__content-shell::-webkit-scrollbar-track {
	background: transparent;
}

.hos-row.is-open .hos-row__content-shell::-webkit-scrollbar-thumb {
	background: rgba(20, 20, 20, 0.18);
	border-radius: 999px;
}

.hos-row.is-open .hos-row__content-shell:hover::-webkit-scrollbar-thumb,
.hos-row.is-open .hos-row__content-shell:focus-visible::-webkit-scrollbar-thumb,
.hos-row.has-overflow.is-open .hos-row__content-shell:hover::-webkit-scrollbar-thumb {
	background: rgba(20, 20, 20, 0.34);
}

.hos-row.has-overflow.is-open .hos-row__content-shell {
	cursor: ew-resize;
}

.hos-row.has-drag-scroll.has-overflow.is-open .hos-row__content-shell.is-dragging {
	cursor: grabbing;
	user-select: none;
}

.hos-row.has-hidden-scrollbar.is-open .hos-row__content-shell {
	scrollbar-width: none;
}

.hos-row.has-hidden-scrollbar.is-open .hos-row__content-shell::-webkit-scrollbar {
	display: none;
}

.hos-row__empty-slot {
	border: 1px dashed rgba(20, 20, 20, 0.18);
	padding: 1rem;
	background: rgba(255, 255, 255, 0.8);
	color: #4b5563;
}