select.orselect { appearance: none; background-color: transparent; border: none; padding: 0 1em 0 0; margin: 0; font-family: inherit; font-size: inherit; cursor: inherit; line-height: inherit; outline: none; grid-area: select; }
select.orselect::-ms-expand { display: none; }

.idtselect { position: relative; display: grid; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; padding: 0px 5px; line-height: 23px; height: 24px; background-color: #fff; background-color: #fff; grid-template-areas: "select"; align-items: center; }
    .idtselect::after { content: ""; width: 0.8em; height: 0.5em; background-color: #666; clip-path: polygon(100% 0%, 0 0%, 50% 100%); grid-area: select; justify-self: end; }
    .idtselect:hover { border-color: #000 }
    .idtselect:focus-within { border-color: #000; outline: 1px solid #000; outline-offset: -1px; }
.idtselect--disabled { cursor: not-allowed; background-color: #eee; background-image: linear-gradient(to top, #ddd, #eee 33%); }

/* Error Frame */
.idtselect:has(.orselect.errorframe) { border-color: #d00; box-shadow: 10px 10px 20px -10px #d00 }