@import '../../styles/styles.scss';
.s-pop-sort-container {
	padding: 5px 0;
}
.s-pop-sort-label {
	padding: 2.5px 1.6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 13px;
}
.s-pop-sort-label-icon {
	color: var(--p-form-field-icon-color);
	font-size: 12px;
}
.s-pop-sort-label:hover {
	background-color: var(--p-list-option-focus-background);
	cursor: pointer;
}
.s-pop-sort-panel {
	padding: 0 0.4rem;
	overflow-y: scroll;
	max-height: 200px;
}
.s-pop-sort-panel-show {
	display: block;
}
.s-pop-sort-panel-hide {
	display: none;
}

.s-check {
	padding: 0 2.5px;
	font-size: 1rem;
	width: 1.5rem;
	line-height: 1;
	display: inline-block;
}
.s-pop-sort-item-option {
	font-size: 12px;
	padding: 2px 0;
}
.s-pop-sort-item-option:hover {
	background-color: var(--p-list-option-focus-background);
	cursor: pointer;
}
.s-pop-sort-item-selected-option {
	color: var(--p-form-field-focus-border-color);
}