/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
body, html {
    width: 100%;
    height: 100%;
    margin: 0px;
}
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/style.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************/
* {
	transition: all ease 0.3s;
}
body {
	padding: 0;
	margin: 0;
	font-family: "Roboto", sans-serif;
}
.wrap {
	height: 100vh;
	display: flex;
	justify-content: center;
}

	.map {
		background-color: #f2f2f2;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 0;
	}

	.grid {
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 24px;
		width: 440px;
	}

		.status-holder {
			background: #fff;
			margin-bottom: auto;
			padding: 20px;
			border: 1px solid #E9E9E9;
			box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
			border-radius: 8px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
			.status-holder h2 {
				padding: 0;
				margin: 0;
				font-size: 16px;
				color: #1C2031;
				font-weight: 700;
				margin-bottom: 8px;
			}
			.status-holder p {
				margin: 0;
				font-size: 14px;
				color: #6a6a6a;
				font-weight: 400;
			}
			.time label {
				color: #1C2031;
				font-size: 16px;
				font-weight: 700;
			}

		.info-holder {
			display: flex;
			flex-direction: column;
			gap: 16px;
		}
			.partner-info {
				background: #fff;
				margin-bottom: auto;
				padding: 20px;
				border: 1px solid #E9E9E9;
				box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
				border-radius: 8px;
				display: flex;
				align-items: center;
				justify-content: space-between;
			}
				.partner-info .avatar {
					width: 48px!important;
					height: 48px;
					overflow: hidden;
					border-radius: 48px;

				}
					.partner-info .avatar img {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
				.partner-info .partner {
					display: flex;
					align-items: center;
					gap: 16px;
				}
					.partner-info .partner h2 {
						font-size: 16px;
						margin: 0;
						padding: 0;
						margin-bottom: 8px;
						color: #1C2031;
					}
					.partner-info .partner p {
						margin: 0;
						font-size: 14px;
						color: #6a6a6a;
						font-weight: 400;
					}
				.partner-info .ratings {
					display: flex;
					align-items: center;
					gap: 4px;
					font-size: 14px;
					color: #aaa;
				}
					.partner-info .ratings label {
						margin: 0;
						padding: 0;
					}

			.route {
				background: #fff;
				margin-bottom: auto;
				border: 1px solid #E9E9E9;
				box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
				border-radius: 8px;
			}
				.route .route-item {
					display: flex;
					gap: 16px;
					align-items: center;
					padding: 16px 20px;
					border-bottom: 1px solid #E9E9E9;
				}
					.route .route-item .route-info {

					}
						.route .route-item .route-info label {
							padding: 0;
							margin: 0;
							font-size: 14px;
							color: #aaa;
						}
						.route .route-item .route-info h3 {
							padding: 0;
							margin: 0;
							font-size: 16px;
							color: #1C2031;
							font-weight: 700;
							margin-top: 8px;
						}

@media (max-width: 768px) {
	.grid {
		width: 100%;
	}
}


































/*# sourceMappingURL=styles.css.map*/