@import "fonts.css";
@import "default.css";
@import "variables.css";

/* Grid */
@import "grid.css";

/* Buttons */
@import "primary-btn.css";
@import "secondary-btn.css";
@import "additional-btn.css";
@import "link-btn.css";

/* Choice */
@import "choice.css";

/* Select */
@import "select.css";

/* Textarea */
@import "textarea.css";

/* Progress bar */
@import "progress.css";

/* Inputs */
@import "inputs.css";

/* Search field */
@import "search-field.css";

/* Range */
@import "range.css";

/* Checkbox */
@import "checkbox.css";

/* Gains */
@import "gains.css";

/* Main blocks */
@import "header.css";
@import "footer.css";

/* Pages */
@import "login-page.css";
@import "intro-page.css";
@import "profile-page.css";

/* For demo page only */
body.demo {
	padding: 5rem;
}

body._dark {
	background-color: #112135;
}

h2._light-text {
	color: var(--secondary-text-color);
}

._superhidden {
	cursor: pointer;
	position: absolute;
	height: 0.1px;
	width: 0.1px;
	opacity: 0;
	top: -1px;
	left: -1px;
	padding: 60px 413px 50px 100px;
}

._display-none {
	display: none;
}

.floaty-stripe-frame {
	position: fixed;
	z-index: 100;
	width: 700px;
	height: 400px;
	top: calc(50% - 200px);
	left: calc(50% - 350px);
	background-color: white;
	border: 0px;
	border-radius: 10px;
	padding: 40px;
	box-shadow: 0 0 100px 0 black;
}
@media only screen and (max-width: 700px) {
	.floaty-stripe-frame {
		width: 400px;
		left: calc(50% - 200px);
	}
}
@media only screen and (max-width: 500px) {
	.floaty-stripe-frame {
		width: 280px;
		left: calc(50% - 140px);
	}
}

#tidio-chat-iframe {
	bottom: 100px !important;
}

/*.row + .row,*/
/*.row + .col {*/
/*	margin-top: 2rem;*/
/*}*/
/* End */