@charset "UTF-8";

section#office {
	height: 100%;
	display: flex;

	> div.map {
		width: 250px;
		height: 100%;
		overflow: hidden;
		border-radius: 0.75rem;
		border: 1px solid #fff;
		background-color: #0c110c;

		> div.loading {
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			filter: brigtless(0.8) blur(1px);

			&:before {
				margin-top: 50px;
				position: absolute;
				content: var(--map-loading, "Loading");
				width: max-content;
				text-align: center;
				font-family: "Geologica";
				font-style: normal;
				font-weight: 400;
				font-size: 0.6rem;
				color: #533a3a;
			}

			> i.icon.loading.spinner {
				color: #fff;
			}
		}
	}
}
