//   Copyright 2024 Cisco Systems, Inc.
//
//   Licensed under the Apache License, Version 2.0 (the "License");
//   you may not use this file except in compliance with the License.
//   You may obtain a copy of the License at
//
//        http://www.apache.org/licenses/LICENSE-2.0
//
//   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.
//
//   SPDX-License-Identifier: Apache-2.0

.tooltip-container {
	position: relative;
	background-color: var(--tooltip);
	color: var(--popover-color);
	border-radius: 6px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

	padding: 10px 8px;
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
}

.tooltip-content {
	padding: 12px;
}

.tooltip-container.top .tooltip-arrow {
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px 10px 0 10px;
	border-color: var(--tooltip) transparent transparent transparent;
}

.tooltip-container.bottom .tooltip-arrow {
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent var(--tooltip) transparent;
}

.tooltip-container.left .tooltip-arrow {
	right: -10px;
	top: 50%;
	transform: translateY(-50%);
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent var(--tooltip);
}

.tooltip-container.right .tooltip-arrow {
	left: -10px;
	top: 50%;
	transform: translateY(-50%);
	border-width: 10px 10px 10px 0;
	border-color: transparent var(--tooltip) transparent transparent;
}

.close-button {
	position: absolute;
	right: 0;
	top: 0;
}
