[data-forms='classic'] select, [data-forms='classic'] textarea, [data-forms='classic'] .selectr-selected, [data-forms='classic'] input[type='url'], [data-forms='classic'] input[type='tel'], [data-forms='classic'] input[type='text'], [data-forms='classic'] input[type='date'], [data-forms='classic'] input[type='email'], [data-forms='classic'] input[type='number'], [data-forms='classic'] input[type='password'], [data-forms='classic'] input[type='search']:not(.modal-field) { border-radius: var(--formBorderRadius, 3px); border: var(--formBorderSize) var(--formBorderStyle, solid) var(--formBorderInitialColor); &:focus { border-color: var(--formBorderFocusColor); } } [data-forms='classic'] .selectr-container.open .selectr-selected { border-color: var(--formBorderFocusColor); } [data-forms='classic'] textarea { --formPadding: 15px; } // [data-forms='classic'] select { // background-image: url("data:image/svg+xml,%3Csvg width='21' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5.379L20.621 2.5 10.5 12.621.379 2.5 2.5.379l8 8z' fill='%234F5D6D' fill-rule='nonzero'/%3E%3C/svg%3E"); // background-repeat: no-repeat, repeat; // background-position: right 15px top 50%, 0 0; // background-size: 8px auto, 100%; // }