.btb-suppressor-sizes {
	position: relative;
}

.btb-suppressor-sizes::after {
	animation: btb-suppressor-sizes-spin 0.75s linear infinite;
	border: 3px solid rgba(0, 0, 0, 0.18);
	border-top-color: currentColor;
	border-radius: 50%;
	content: "";
	display: none;
	height: 28px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 28px;
	z-index: 2;
}

.btb-suppressor-sizes--loading {
	pointer-events: none;
}

.btb-suppressor-sizes--loading::after {
	display: block;
}

.btb-suppressor-sizes__field:not([hidden]):not(.btb-suppressor-sizes__custom-toggle) {
    display: grid;
    grid-template-columns: 1fr 2fr;
    margin-bottom: 8px;
}

.btb-suppressor-sizes--loading .btb-suppressor-sizes__field {
	opacity: 0.45;
	transition: opacity 0.15s ease;
}

/* Hides the native selects once selectWoo has replaced them with its own
   widget, independent of whether the JS-managed "select2-hidden-accessible"
   class stays attached to the element. */
.btb-suppressor-sizes select[data-btb-field="brand"],
.btb-suppressor-sizes select[data-btb-field="model"],
.btb-suppressor-sizes select[data-btb-field="length"],
.btb-suppressor-sizes select[data-btb-field="diameter"] {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;
}

.btb-suppressor-sizes__field.btb-suppressor-sizes__custom-toggle {
    margin-bottom: 10px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
}

.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
}

#btb-suppressor-sizes-1 {
    border: 1px solid #d7d7d7;
    padding: 10px;
    border-radius: 10px;
    margin: 10px 0; 
    background: #f5f5f5;
}

@keyframes btb-suppressor-sizes-spin {
	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}