:root {
	--color-white: #ffffff;
	--color-gray-0: #ffffff;
    --color-gray-100: #000000;
    --color-gray-5: #fafafa;
    --color-gray-10: #f3f3f3;
    --color-gray-15: #ececec;
    --color-gray-20: #e0e0e0;
    --color-gray-30: #cccccc;
    --color-gray-40: #999999;
    --color-gray-50: #808080;
    --color-gray-60: #666666;
    --color-gray-70: #4c4c4c;
    --color-gray-80: #333333;
    --color-gray-85: #262626;
    --color-gray-90: #1b1b1b;
    --color-gray-95: #131313;
    --color-black: #000000;
	--font-size-4xl: 7.5rem;
	--font-size-3xl: 4rem;
    --font-size-2xl: 2rem;
    --font-size-xl: 1.75rem;
    --font-size-lg: 1.5rem;
    --font-size-md: 1.3125rem;
    --font-size-sm: 1rem;
    --font-size-xs: 0.875rem;
    --font-size-2xs: 0.8125rem;
    --font-size-3xs: 0.6875rem;
	--line-height-densest: 1;
    --line-height-denser: 1.1;
    --line-height-dense: 1.15;
    --line-height-normal: 1.2;
    --line-height-loose: 1.3;
    --line-height-looser: 1.35;
	--neutral-highlight-color: var(--color-gray-30);
}


.select2-hidden-accessible {
	clip: rect(0 0 0 0); 
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden !important;
	position: absolute;
	white-space: nowrap; 
	width: 1px;
}

.select2-container {
  	display: inline-block;
}

.select2-selection {
	box-sizing: border-box;

}

.select2-container--default .select2-selection--single {
	box-sizing: border-box;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
	background-color: var(--color-gray-10);
    transition: background-color 150ms ease 0s;
	border-radius: 0.625rem;
    border: solid 1px var(--color-gray-10);
	padding: 0px 0.688rem 0px 0.813rem;
    height: 2.25rem;
    width: 100%;
    cursor: pointer;
    user-select: none;
}
.select2-container--default .select2-selection--single:hover {
    background-color: var(--neutral-highlight-color);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 31px;
	color: #000 !important;
	padding-left: 0;
	font-size: var(--font-size-xs);
}

.select2-selection--small {
	font-size: var(--font-size-2xs);
	line-height: 1.35;
	padding: 0.438rem 0.688rem 0.375rem 0.813rem;
	width: 10rem;
}

.select2-selection__arrow {
	top: 6px !important;
	height: 0.688rem;
	width: 0.504rem;
	display: inline-flex;
	justify-content: center;
	overflow: hidden; /* Fixe focus outline render issue in Safari */
	flex-shrink: 0;
	overflow: unset !important;
}

.select2-selection--small .select2-selection__arrow {
	width: 0.982rem;
	margin-left: 0.5rem;
}

.select2-selection__arrow b {
	left: unset !important;
	border: none !important;
	display: inline-block;
	height: 0.688rem;
	width: 0.504rem;
	background-image: url('arrow.svg');
	background-size: cover;
	transform: rotate(180deg);
	transition: transform 300ms;
}

.select2-container--open .select2-selection__arrow b {
	transform: rotate(0deg);
}


.select2-selection__rendered {
	flex-grow: 1;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.select2-selection__clear {
	cursor: pointer;
  	font-weight: bold;
}

.select2-container--disabled .select2-selection__clear {
	display: none;
}

.select2-search--dropdown.select2-search--hide {
	display: none;
}

.select2-dropdown {
	background-color: #fff;
	border-radius: 8px;
  	display: block;
  	position: absolute;
  	left: -100000px;
  	z-index: 9999;
	overflow: hidden;
	top: 17px;
	min-width: 250px;
}

.select2-dropdown--right-align {
	left: unset !important;
}

.select2-dropdown--above {
	top: unset;
	bottom: 17px;
}

.select2-results__options {
	list-style: none;
	border-bottom: 2px solid var(--color-gray-15);
  	margin: 0;
  	padding: 0;
	max-height: 295px;
	overflow-y: overlay;
	overflow-x: hidden; /* Hide horizontal scrollbar in Firefox */
    line-height: var(--line-height-looser);
    min-height: 3rem;
}

.select2-results__option {
	display: flex;
	align-items: center;
	user-select: none;
  	color: var(--primary-text-color);
  	font-size: var(--font-size-xs);
	line-height: 1.3;
  	padding: 1.125rem 2.25rem 1rem 1.125rem;
  	min-height: 3.563rem;
	width: 20rem !important;
	min-width: 100%;
	cursor: pointer;
}

.select2-dropdown--small .select2-results__option {
	font-size: var(--font-size-2xs);
	line-height: 1.35;
	
}
.select2-results__option--selectable.select2-results__option--highlighted {
	background: #fafafa !important;
}

.select2-results__option:not(:last-child) {
	border-bottom: 2px solid var(--color-gray-15);
}

.select2-results__option--selected {
	background: #fafafa !important;
}

.select2-container--open .select2-dropdown {
	left: 0;
  	box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
}

.select2-container--open .select2-dropdown--above {
  	box-shadow: 0px -2px 14px rgba(0, 0, 0, 0.25);
}
