.sc-dropdown {
	display: inline-block;
	position: relative;
}

.sc-dropdown__panel {
	background-color: var(--sc-panel-background-color);
	border: 1px solid var(--sc-panel-border-color);
	border-radius: var(--sc-border-radius-medium);
	-webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
	-webkit-box-shadow: var(--sc-shadow-large);
	box-shadow: var(--sc-shadow-large);
	color: var(--color);
	font-family: var(--sc-font-sans);
	font-size: var(--sc-font-size-medium);
	font-weight: var(--sc-font-weight-normal);
	max-height: var(--sc-dropdown-height, 75vh);
	overflow: auto;
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-ms-scroll-chaining: none;
	margin-top: .5em;
	min-width: -webkit-max-content;
	min-width: -moz-max-content;
	min-width: max-content;
	overscroll-behavior: none;
	padding: var(--sc-spacing-x-small) 0;
	position: absolute;
	-webkit-transition: var(--sc-transition-fast) opacity, var(--sc-transition-fast) transform;
	transition: var(--sc-transition-fast) opacity, var(--sc-transition-fast) transform;
	z-index: 5;
}

.sc-dropdown__panel--center {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
}

.sc-dropdown__panel--right {
	right: 0;
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
}

.sc-dropdown__panel--bottom {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
}

.sc-dropdown__panel--top-left {
	bottom: calc(100% + 10px);
	left: 0;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

.sc-dropdown__panel--top-right {
	bottom: calc(100% + 10px);
	right: 0;
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
}

.sc-dropdown__menu-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	color: var(--sc-menu-item-color, var(--sc-color-gray-700));
	cursor: pointer;
	font-family: var(--sc-font-sans);
	font-size: var(--sc-font-size-medium);
	font-weight: var(--sc-font-weight-normal);
	letter-spacing: var(--sc-letter-spacing-normal);
	line-height: var(--sc-menu-item-line-height, var(--sc-line-height-normal));
	padding: var(--sc-spacing-xx-small) var(--sc-spacing-x-large);
	text-align: left;
	text-decoration: none !important;
	-webkit-transition: var(--sc-input-transition, var(--sc-transition-medium)) fill, var(--sc-input-transition, var(--sc-transition-medium)) background-color;
	transition: var(--sc-input-transition, var(--sc-transition-medium)) fill, var(--sc-input-transition, var(--sc-transition-medium)) background-color;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: var(--sc-menu-item-white-space, nowrap);
}

.sc-dropdown__menu-item.sc-focused, .sc-dropdown__menu-item:focus, .sc-dropdown__menu-item:hover {
	background-color: var(--sc-menu-item-background-focused, var(--sc-color-gray-100));
	outline: none;
}

.sc-dropdown__menu-item.menu-item--disabled {
	color: var(--sc-color-gray-400);
	cursor: not-allowed;
	outline: none;
}

.sc-dropdown__menu-item__label {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.sc-dropdown__menu-item .sc-menu-item__check {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	left: .5em;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: inherit;
}

.sc-dropdown__menu-item .sc-menu-item__check svg {
	height: 1em;
	width: 1em;
}

.sc-dropdown__menu-item .sc-menu-item__check--right {
	left: auto;
	right: 1em;
}