.custom_select{background-color: transparent; color: var(--black); transition: all .5s ease-in-out;}

	/*Select input*/
	.custom_select .input{display: flex; cursor: pointer; column-gap: 5px;}

		/*Selected option*/
		.custom_select .input .selected_option{font-size: 1rem; font-weight: 400; color: var(--black); position: relative;}
		.custom_select .input .selected_option::before{width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; background: var(--custom-black); content: ''; transform: scaleX(0); transform-origin: center; transition: all 0.5s cubic-bezier(0.25, 0.1, 0.1, 1);}

			/* Hover */
			.custom_select .input:hover .selected_option::before{transform: scaleX(1);}

		/*Empty placeholder*/
		.custom_select:not(.active) .input .selected_option.empty{font-size: 0;}

		/*Select arrow*/
		.custom_select .input .arrow{transition: transform .45s ease-in-out;}

				/*Open arrow*/
				.custom_select .input:hover .arrow,
				.custom_select.open .input .arrow{transform: rotate(-180deg);}
				

	/*Select options*/
	.custom_select .content_options{display: grid; grid-template-rows: 0fr; transform: translateY(0); background-color: var(--white); border: 0px solid var(--black); border-radius: 5px; margin-top: 5px; position: absolute; right: 0; top: 20px; min-width: 100%; transition: all .5s ease-in-out; z-index: 20;}
	
		/*Animated height*/
        /*Border width must be defined here*/
		.custom_select.open .content_options{grid-template-rows: 1fr; border-width: 1px;}

			.custom_select .content_options .options_list{overflow: hidden;}

		/*Options*/
		.custom_select .content_options .options_list .option{display: flex; align-items: center; border-radius: 5px; margin: 5px; font-size: 1rem; font-weight: 400; color: var(--custom-black); line-height: 24px; cursor: pointer; transition: all .2s ease-in-out;}
		.custom_select .content_options .options_list .option:hover{background-color: var(--black-01);}

	/*Real select*/
	.custom_select .real_select{position: absolute; width: 0px; height: 0px; margin: -1px; border: 0; padding: 0;}
