/**
 *
 * 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 '../../../../styles/layout';

.pinGridContainer {
	border: 1px solid colors.$default-border;
	border-radius: 8px;
	height: 75vh;
	width: 75vh;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
}

.baseGrid {
	display: grid;
}

.pinRowsContainer {
	@extend .baseGrid;
	grid-template-rows: repeat(auto-fit, minmax(1em, 1fr));
	aspect-ratio: 1/1;
}

.pinRow {
	@extend .baseGrid;
	grid-template-columns: repeat(auto-fit, minmax(1em, 1fr));
}

.focusedPinBackdrop {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: colors.$default-background;
	opacity: 0.9;
	z-index: layout.$focused-pin-backdrop-z-index;
}
