.ty-select-native {
  display: inline-block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  color: var(--ty-native-select-color);
  width: 100%;
  min-width: 0;
  margin: 0;
  vertical-align: middle;
  box-sizing: border-box;
  border: 1px solid var(--ty-native-select-border);
  border-radius: var(--ty-native-select-radius);
  background-color: var(--ty-native-select-bg);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg==");
  background-repeat: no-repeat, repeat;
  background-position: right 8px center, 0 0;
  background-size: 0.62em auto, 100%;
  transition: all 0.3s;
  outline: none;
}
.ty-select-native:hover {
  border-color: var(--ty-native-select-border-hover);
}
.ty-select-native:focus {
  border-color: var(--ty-native-select-border-focus);
  box-shadow: var(--ty-native-select-shadow-focus);
}
.ty-select-native_disabled {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg==");
  background-size: 0.52em auto, 100%;
  background-color: var(--ty-native-select-disabled-bg);
  opacity: var(--ty-native-select-opacity-disabled);
  color: var(--ty-native-select-disabled-color);
  cursor: not-allowed;
  resize: none;
}
.ty-select-native_disabled:hover {
  border-color: transparent;
}
.ty-select-native_disabled:focus {
  border-color: transparent;
  box-shadow: none;
}
.ty-select-native_sm {
  height: var(--ty-control-height-sm, var(--ty-height-sm));
  padding: 0 calc(var(--ty-control-padding-inline-sm, 8px) + 16px) 0 var(--ty-control-padding-inline-sm, 8px);
  font-size: var(--ty-native-select-font-size-sm, var(--ty-control-font-size-sm, var(--ty-font-size-sm)));
  line-height: calc(var(--ty-control-height-sm, var(--ty-height-sm)) - 2px);
}
.ty-select-native_md {
  height: var(--ty-control-height-md, var(--ty-height-md));
  padding: 0 calc(var(--ty-control-padding-inline-md, 12px) + 16px) 0 var(--ty-control-padding-inline-md, 12px);
  font-size: var(--ty-native-select-font-size-md, var(--ty-control-font-size-md, var(--ty-font-size-base)));
  line-height: calc(var(--ty-control-height-md, var(--ty-height-md)) - 2px);
}
.ty-select-native_lg {
  height: var(--ty-control-height-lg, var(--ty-height-lg));
  padding: 0 calc(var(--ty-control-padding-inline-lg, 16px) + 16px) 0 var(--ty-control-padding-inline-lg, 16px);
  font-size: var(--ty-native-select-font-size-lg, var(--ty-control-font-size-lg, var(--ty-font-size-lg)));
  line-height: calc(var(--ty-control-height-lg, var(--ty-height-lg)) - 2px);
}