/*
  this is a modifier of .prs-input
*/

.prs-input:where(.prs-select),.prs-input :where(.prs-select) {
  padding-right: 2rem;
  background-image: linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);
  background-size: 4px 4px, 4px 4px;
  background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
  background-repeat: no-repeat;
  cursor: pointer;
  user-select: none;
}

/* as container */
.prs-input :where(select) {
  border: 0 none;
  appearance: none;
  flex-grow: 1;
}
.prs-input :where(select):last-child {
  margin-inline-end: -1rem;
}
