.ds-loop-sort {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	font-family: var(--ui-font-family, inherit) !important;
}

.ds-loop-sort-label {
	flex: 0 0 auto !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: var(--ui-text-muted, #818ba0) !important;
	white-space: nowrap !important;
}

.ds-loop-sort-control {
	position: relative !important;
	flex: 0 0 200px !important;
	width: 200px !important;
}

.ds-loop-sort-trigger {
	width: 100% !important;
	height: 42px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 10px !important;
	padding: 0 14px !important;
	background: var(--ui-bg-main, #ffffff) !important;
	background-color: var(--ui-bg-main, #ffffff) !important;
	color: var(--ui-text-main, #1d2129) !important;
	border: var(--ui-border-width, 1px) solid var(--ui-border-color, #d2d6dc) !important;
	border-radius: var(--ui-radius, 8px) !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	cursor: pointer !important;
	box-sizing: border-box !important;
	transition: all 0.2s ease !important;
}

.ds-loop-sort-trigger-inner {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	min-width: 0 !important;
}

.ds-loop-sort-trigger-icon,
.ds-loop-sort-trigger-icon svg {
	display: none !important;
}

.ds-loop-sort-trigger-label {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	color: var(--ui-text-main, #1d2129) !important;
}

.ds-loop-sort-chevron {
	flex: 0 0 auto !important;
	color: var(--ui-text-main, #1d2129) !important;
	transition: transform 0.25s ease !important;
	display: block !important;
}

.ds-loop-sort-trigger:hover {
	border-color: var(--ui-border-color-hover, #aeb4bb) !important;
}

.ds-loop-sort-trigger:focus-visible,
.ds-loop-sort-trigger[aria-expanded="true"] {
	outline: none !important;
	border-color: var(--ui-text-main, #000000) !important;
	box-shadow: 0 0 0 1px var(--ui-text-main, #000000) !important;
}

.ds-loop-sort-trigger[aria-expanded="true"] .ds-loop-sort-chevron {
	transform: rotate(180deg) !important;
}

.ds-loop-sort-panel {
	position: fixed !important;
	z-index: 9999 !important;
	display: flex !important;
	flex-direction: column !important;
	padding: 0 !important;
	background: var(--ui-bg-main, #ffffff) !important;
	background-color: var(--ui-bg-main, #ffffff) !important;
	border: var(--ui-border-width, 1px) solid var(--ui-border-color, #d2d6dc) !important;
	border-radius: calc(var(--ui-radius, 8px) - 2px) !important;
	box-shadow: var(--ui-shadow, 0 4px 12px rgba(0, 0, 0, 0.08)) !important;
	box-sizing: border-box !important;
	transform-origin: top center !important;
	opacity: 0 !important;
	transform: translateY(-4px) !important;
	pointer-events: none !important;
	transition: opacity 0.16s ease, transform 0.16s ease !important;
	overflow: hidden !important;
}

.ds-loop-sort-panel.is-open {
	opacity: 1 !important;
	transform: translateY(4px) !important;
	pointer-events: auto !important;
}

.ds-loop-sort-panel[hidden] { 
	display: none !important; 
}

.ds-loop-sort-option {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	width: 100% !important;
	padding: 10px 14px !important;
	background: transparent !important;
	background-color: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: var(--ui-text-main, #1d2129) !important;
	text-align: start !important;
	cursor: pointer !important;
	transition: background-color 0.15s ease, color 0.15s ease !important;
}

.ds-loop-sort-option-icon,
.ds-loop-sort-option-icon svg,
.ds-loop-sort-option-check,
.ds-loop-sort-option-check svg {
	display: none !important;
}

.ds-loop-sort-option-label { 
	flex: 1 1 auto !important; 
	overflow: hidden !important; 
	text-overflow: ellipsis !important; 
	white-space: nowrap !important; 
	color: inherit !important;
}

.ds-loop-sort-option:hover,
.ds-loop-sort-option:focus-visible,
.ds-loop-sort-option[aria-selected="true"] {
	background: var(--ui-primary, #4267b2) !important;
	background-color: var(--ui-primary, #4267b2) !important;
	color: #ffffff !important;
	outline: none !important;
}

.ds-loop-sort-loading {
	opacity: 0.5 !important;
	pointer-events: none !important;
	transition: opacity 0.3s ease !important;
	filter: blur(2px) !important;
}