.list-container {
	margin-inline: auto;
	max-width: 710px;
	width: 100%;

	> .card {
		margin-inline: 0;
		min-height: 46px;

		> h4 {
			height: 46px;
			padding-inline: 19px;
			font-weight: bold;
			color: var(--secondary-color, var(--primary-color));
		}

		.item {
			box-sizing: border-box;
			overflow: hidden;
			padding-inline: 19px;
			transition: background-color 155ms;
			margin: 0 !important;
			text-decoration: none;
			color: black;
			cursor: default;

			&.card {
				min-height: 0;
				transition: background-color 155ms, box-shadow 155ms;
			}

			@media (prefers-color-scheme: dark) {
				color: white;
			}
			
			&:is(hbox) {
				align-items: center;
			}
			
			&:not(:last-child) {
				border-bottom: 1px solid rgb(240,240,240);
				
				@media (prefers-color-scheme: dark) {
					border-bottom: 1px solid rgb(54, 54, 54);
				}
			}

			&.ripple-enabled:not([disabled]) {
				&:hover,
				&:focus-visible {
					background: rgba(153, 153, 153, .1);
				}
			}

			> h4 {
				height: 32px;
				color: var(--secondary-color, var(--primary-color));
			}

			> .item,
			> divider {
				margin-inline: -19px !important;
			}

			vbox > label {
				&:first-of-type {
					margin-block-start: 13px;
				}

				&:last-of-type {
					margin-block-end: 15px;
				}
			}

			.menu .placeholder {
				display: none;
			}

			.description {
				&:not(:first-of-type) {
					margin-block-start: 4px;
				}

				color: rgb(117,117,121)
			}

			.ripple {
				background: rgba(153, 153, 153, .4);
			}

			.radio-parent {
				margin-inline-start: 64px;
				height: 32px;

				.radio:not(:checked) ~ .label .menu {
					pointer-events: none;
					opacity: .5;
				}

				.placeholder {
					display: none;
				}
			}
		}

		divider {
			border-bottom: 1px solid rgb(240,240,240);

			@media (prefers-color-scheme: dark) {
				border-bottom: 1px solid rgb(54, 54, 54);
			}
		}
	}
}