/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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);
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/components/app/LoadingApp/LoadingScreen.styles.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
.rotate {
    animation: rotation 3.14s infinite cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

.loadingText {
    display: inline-block;
    clip-path: inset(0 1.5ch 0 0);
    animation: l 1s steps(4) infinite;
}

@keyframes l {
    to {
        clip-path: inset(0 -0.5ch 0 0);
    }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/components/Footer/footer.styles.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.footer {
	max-height: 0px;
	overflow: hidden;
	transition: max-height 0.3s ease-in-out;
}

.footer-open {
	max-height: 200px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/components/app/AppLayout/applayout.styles.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.app-body-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}