.csw-seat-tiers {
	display: grid;
	gap: 12px;
	margin: 0 0 20px;
	padding: 0;
	border: 0;
}

.csw-seat-tiers legend {
	margin-bottom: 10px;
	font-weight: 600;
}

.csw-seat-tier {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto minmax(90px, auto);
	gap: 12px;
	align-items: center;
	padding: 16px;
	border: 1px solid currentColor;
}

.csw-seat-tier > input {
	margin: 0;
}

.csw-seat-tier__range {
	cursor: pointer;
}

.csw-seat-tier__range,
.csw-seat-tier__price {
	font-weight: 600;
}

.csw-seat-tier__price {
	text-align: right;
}

.csw-seat-tier__quantity {
	display: grid;
	grid-template-columns: auto 64px;
	gap: 8px;
	align-items: center;
	margin: 0;
}

.csw-seat-tier__quantity input {
	box-sizing: border-box;
	width: 64px;
	margin: 0;
}

.csw-seat-tier--quote {
	grid-template-columns: auto minmax(0, 1fr) auto;
}

.csw-seat-tier--fixed {
	grid-template-columns: auto minmax(0, 1fr) auto;
}

.csw-seat-tier__quote-button {
	white-space: nowrap;
}

.csw-seat-summary {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px 20px;
	margin: 0 0 20px;
}

@media (max-width: 480px) {
	.csw-seat-tier {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.csw-seat-tier__price {
		grid-column: 2;
		text-align: left;
	}

	.csw-seat-tier__quantity {
		grid-column: 2;
		justify-content: start;
	}

	.csw-seat-tier--quote {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.csw-seat-tier--fixed {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.csw-seat-tier__quote-spacer {
		display: none;
	}
}