/**
 * Configurator select chevron.
 *
 * Bricks removes the native select arrow. The TPC dark-panel background
 * shorthand then clears that image. These rules paint the arrow on the
 * configurator selects only, and must load after tpc-public-app.
 */

.tpc-public-shell--storefront .tpc-configuration-panel select.tpc-public-input,
.tpc-public-shell--storefront .tpc-configuration-panel .tpc-color-preview__select,
.tpc-public-shell--storefront .tpc-configuration-panel .tpc-texture-preview__select {
	-webkit-appearance: none;
	appearance: none;
	padding-right: 2.25rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.2 4.2 6 8l3.8-3.8' stroke='%23a0a8b4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.85rem center;
	background-size: 0.75rem 0.75rem;
}

.tpc-public-shell--storefront .tpc-configuration-panel select.tpc-public-input:hover:not(:disabled),
.tpc-public-shell--storefront .tpc-configuration-panel .tpc-color-preview__select:hover:not(:disabled),
.tpc-public-shell--storefront .tpc-configuration-panel .tpc-texture-preview__select:hover:not(:disabled),
.tpc-public-shell--storefront .tpc-configuration-panel select.tpc-public-input:focus-visible,
.tpc-public-shell--storefront .tpc-configuration-panel .tpc-color-preview__select:focus-visible,
.tpc-public-shell--storefront .tpc-configuration-panel .tpc-texture-preview__select:focus-visible {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.2 4.2 6 8l3.8-3.8' stroke='%23f3f4f6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.tpc-public-shell--storefront .tpc-configuration-panel select.tpc-public-input:disabled,
.tpc-public-shell--storefront .tpc-configuration-panel .tpc-color-preview__select:disabled,
.tpc-public-shell--storefront .tpc-configuration-panel .tpc-texture-preview__select:disabled {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.2 4.2 6 8l3.8-3.8' stroke='%236b7280' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	cursor: not-allowed;
}