	.me-page-result {
		min-height: 100%;
		height: 100vh;
		display: flex;
		position: relative;
		flex-direction: column;
		justify-content: center;
		box-sizing: border-box;
		background-color: #f6f8fb;
		.container {
			// background-color: green;
			min-width: 20rem;
			margin: 0 auto;
			padding: 24px 16px;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.empty {
			display: flex;
			box-sizing: border-box;

			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: 100%;
			width: 448px;
			padding: 48px;
			text-align: center;
			&-header {
				margin: 0 0 1rem;
				font-size: 60px;
				font-weight: 200;
				line-height: 1;
				color: #6c7a91;

				letter-spacing: 1px;
			}
			&-subtitle,
			&-title {
				margin: 0 0 0.5rem;
			}
			&-title {
				color: #182433;
				font-size: 20px;
				line-height: 1.75rem;
				font-weight: 600;
			}
			&-subtitle {
				color: #6c7a91;
				font-size: 14px;
				letter-spacing: 0.5px;
			}
			&-action {
				margin-top: 1.5rem;

				&__btn {
					display: inline-flex;
					padding: 0.5625rem 1rem;
					align-items: center;
					color: #f6f8f8;
					background-color: #206bc4;
					justify-content: center;
					border-radius: 5px;
					white-space: nowrap;
					text-decoration: none;
					box-shadow: 0 1px 1px rgba(24, 36, 51, 0.06);
				}
			}
		}

		.empty-action__btn {
			cursor: pointer;
		}
	}