/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/common/ui/InfoButton/InfoButton.styles.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.info-button {
	position: relative;
	display: inline-block;
}

.info-button-text {
	line-height: 30px;
	/* line-height: 20px; */
}

.info-button:hover .info-button-text {
	opacity: 1;
	pointer-events: auto;
}
.info-button-text {
	padding-left: 30px;
	opacity: 0;
	/* pointer-events: auto; */
}

.info-button:hover .info-button-text-box {
	background-color: var(--color-grey-100);
	outline: 1px solid #e0e0e0;

	display: block;

	padding-right: 8px;
}

.info-button-text-box {
	/* display: none; */
	border-radius: 15px;

	outline-width: 0px;
	outline-color: var(--color-grey-200);

	width: 30px;
	height: 30px;

	position: absolute;
	left: 0;
	top: 0;
}

.info-button,
.info-button-text-box,
.info-button-text {
	transition: 0.3s;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[12].use[3]!./src/common/ui/TextInput/textinput.styles.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.custom-text-input {
	padding: var(--spacing-1);
	padding-top: 4px;
	padding-bottom: 4px;
	outline-style: solid;
	outline-width: 1px;
	outline-color: var(--color-grey-300);
	border-radius: 4px;
}

.custom-text-input:hover {
	outline-color: var(--color-grey-500);
}

.custom-text-input:focus-within {
	outline-color: var(--color-primary);
}