/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the Source EULA. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	!!!!NOTICE!!!!
	This CSS file is only to be used with vertical selector.
	If you want to reuse some of the stuff here, just copy/paste them.
 */

.vertical .card-group {
	display: flex;
	flex-direction: column;
}

.vertical .model-card {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 10px;
}

.vertical .model-card .model-card>* {
	margin: 5px;
}

.vertical .model-card .selection-indicator-container {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: white;
	border-width: 1px;
	border-color: rgb(214, 214, 214);
	border-style: solid;
}

.vertical .model-card .selection-indicator {
	border-radius: 50%;
	width: 8px;
	height: 8px;
	background-color: rgb(0, 120, 215);
	margin: 4px;
}

/* Icon container */
.vertical .model-card .icon-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-right: 5px;
	padding-left: 5px;
}

/* The icon itself */
.vertical .model-card .icon-container .icon {
	display: inline-block;
	width: 100%;
	height: 100%;
	max-width: 50px;
	max-height: 50px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.vertical .model-card .text-container {
	display: flex;
	flex-direction: column;
	padding-left: 5px;
}

.vertical .model-card .text-container .inner-text-content {
	display: flex;
	flex-direction: row;
	padding-bottom: 5px;
}

.vertical .model-card .text-value {
	padding-right: 5px;
}

.vertical .model-card .link-value .codicon {
	padding-left: 5px;
}
