.wpcb-configurator-list {

	.wpcb-option-item {
		display: flex;
		align-items: center;
	}

	.wpcb-zoom-icon {
		margin-left: 6px;
	}
	
	.wpcb-option-thumbnail {
		position: relative;
		text-align: center;
		flex: 0 0 72px;
		padding: 12px 0 12px 12px;

		@media (min-width: 768px) {
			flex: 0 0 88px;
		}

		img {
			display: block;
			object-fit: contain;
			height: 48px;
			width: 48px;
			border-radius: 8px;
			margin: 0 auto;

			@media (min-width: 768px) {
				height: 64px;
				width: 64px;
			}
		}
	}

	.wpcb-option-type-color {

		.wpcb-option-thumbnail {
			flex: 0 0 50px;

			@media (min-width: 768px) {
				flex: 0 0 72px;
			}
		}

		.wpcb-swatch-fill {
			display: block;
			height: 36px;
			width: 36px;
			object-fit: contain;
			border-radius: 8px;

			@media (min-width: 768px) {
				height: 48px;
				width: 48px;
			}
		}
	}

	.wpcb-option-details {
		flex: 1;
		padding: 12px;
	}
	
	.wpcb-option-totals {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: wrap;
		gap: 8px;
		padding: 12px;
		padding-left: 0;

		@media (min-width: 768px) {
			gap: 20px;
			padding: 12px 20px 12px 12px;
		}

		.wpcb-view-option-details {
			margin: 0;
		}
	}
}