@layer components{.dropdown{appearance:none;width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);border:1px solid var(--color-gray-300);border-radius:var(--radius);background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:left var(--spacing-2) center;padding-left:var(--spacing-8);background-repeat:no-repeat;background-size:1.5em 1.5em;display:block}.dropdown-error,.dropdown-error:hover:not(:disabled){border-color:var(--color-error);box-shadow:0 0 0 3px rgba(220,38,38,.2)}.dropdown-error:focus-visible{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(220,38,38,.2)}[dir=rtl] .form-select{background-position:right var(--spacing-2) center;padding-left:var(--spacing-3);padding-right:var(--spacing-8)}}