/**
 *
 * Copyright (c) 2024 Analog Devices, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
 */
@use '@common/styles/colors';
@use '@common/styles/fonts';
@use '../../../../styles/layout';

.gridUnit {
	width: 100%;
	height: 100%;
}

.basePin {
	container-type: inline-size;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	word-break: break-word;
	text-align: center;
	padding: 0 2px;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;

	span {
		font-size: 22.5cqw;
		line-height: normal;
	}
}

.assigned {
	background-color: colors.$default-foreground;
	color: colors.$default-background;
}

.unassigned {
	background-color: colors.$default-background;
	color: colors.$default-foreground;
	border: 1px solid colors.$default-foreground;
}

.conflict {
	background-color: colors.$error;
	color: colors.$default-background;
}

.focused {
	z-index: calc(layout.$focused-pin-backdrop-z-index + 1);
}

.empty {
	cursor: default;
	pointer-events: none;
}
