/*
 * Copyright (c) 2022 Ford Motor Company
 * All rights reserved.
 *
 * 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.
 */

@use '../../Styles/main';

.checkbox-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;

	cursor: pointer;

	position: relative;

	&:focus,
	&:hover {
		color: main.$teal;
	}

	.label-text {
		font-weight: 600;
		font-size: 0.625rem;
		line-height: 0.75rem;
	}

	.checkbox-icon {
		width: 1.25rem;
		height: 1.25rem;
	}

	> * {
		cursor: pointer;
	}

	.checkbox-input {
		width: 1.25rem;
		height: 1.25rem;
		overflow: hidden;

		clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
		clip: rect(1px, 1px, 1px, 1px);

		position: absolute;
		top: 0;
		left: 30%;
	}
}

@include main.dark-theme {
	.checkbox-container {
		color: main.$off-white;

		&:focus,
		&:hover {
			color: main.$sea-foam;
		}
	}
}
