.vtmn-select_container{
  font-family:'Roboto', 'system-ui', '-apple-system', sans-serif;
  font-weight:400;
  box-sizing:border-box;
  font-size:1rem;
  line-height:1.5;
  color:hsl(200, 100%, 4.7%);
  inline-size:-moz-min-content;
  inline-size:min-content;
  white-space:nowrap;
}

.vtmn-select_container > label{
  -webkit-margin-after:0.25rem;
          margin-block-end:0.25rem;
  display:inline-block;
  inline-size:-moz-fit-content;
  inline-size:fit-content;
}

.vtmn-select_container select{
  color:inherit;
  font-family:inherit;
  font-size:inherit;
  margin:0;
  line-height:inherit;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  padding-block:0.75rem;
  -webkit-padding-start:0.75rem;
          padding-inline-start:0.75rem;
  -webkit-padding-end:2.5rem;
          padding-inline-end:2.5rem;
  display:block;
  box-shadow:inset 0 0 0 0.0625rem hsl(213, 10.6%, 59.2%);
  border-radius:4px;
  block-size:3rem;
  min-inline-size:100%;
  inline-size:-moz-min-content;
  inline-size:min-content;
  background-color:hsl(0, 0%, 100%);
  cursor:pointer;
  border:0;
  transition:box-shadow 200ms ease-out;
}

.vtmn-select--no-border select{
  box-shadow:inset 0 0 0 0.0625rem transparent;
}

.vtmn-select_container::before{
  content:'';
  -webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m8 8.781 3.3-3.3.943.943L8 10.667 3.757 6.424l.943-.943 3.3 3.3z'/%3E%3C/svg%3E");
          mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m8 8.781 3.3-3.3.943.943L8 10.667 3.757 6.424l.943-.943 3.3 3.3z'/%3E%3C/svg%3E");
  display:block;
  position:relative;
  float:right;
  inset-block-start:2.5rem;
  inset-inline-end:0.75rem;
  inline-size:1.5rem;
  block-size:1.5rem;
  pointer-events:none;
  background-color:hsl(200, 100%, 4.7%);
}

.vtmn-select_container .vtmn-select_error-text{
  font-size:0.875rem;
  line-height:1.42;
  -webkit-margin-before:0.25rem;
          margin-block-start:0.25rem;
  display:inline-block;
  white-space:normal;
}

.vtmn-select_container .vtmn-select_error-text::before{
  position:relative;
  content:'';
  -webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.333 8a6.667 6.667 0 1 0 13.333 0A6.667 6.667 0 0 0 1.333 8zm12 0A5.333 5.333 0 1 1 2.667 8a5.333 5.333 0 0 1 10.666 0zm-4.666 2v1.333H7.333V10h1.334zm0-1.333v-4H7.333v4h1.334z'/%3E%3C/svg%3E");
          mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.333 8a6.667 6.667 0 1 0 13.333 0A6.667 6.667 0 0 0 1.333 8zm12 0A5.333 5.333 0 1 1 2.667 8a5.333 5.333 0 0 1 10.666 0zm-4.666 2v1.333H7.333V10h1.334zm0-1.333v-4H7.333v4h1.334z'/%3E%3C/svg%3E");
  -webkit-mask-size:cover;
          mask-size:cover;
  display:inline-block;
  background-color:hsl(357, 77.1%, 52%);
  block-size:1rem;
  inline-size:1rem;
  -webkit-margin-end:0.3125rem;
          margin-inline-end:0.3125rem;
  transform:translateY(0.125rem);
}

.vtmn-select_container select:not(:disabled):hover{
  color:hsl(200, 100%, 4.7%);
}

.vtmn-select_container select:not(:disabled):active{
  outline:none;
  box-shadow:inset 0 0 0 0.125rem hsl(200, 100%, 36.9%);
}

.vtmn-select_container select:not(:disabled):focus-visible{
  outline:none;
  box-shadow:inset 0 0 0 0.125rem hsl(200, 100%, 36.9%);
}

.vtmn-select_container select:disabled{
  opacity:0.38;
  cursor:not-allowed;
}

.vtmn-select_container select:disabled + label{
  opacity:0.38;
  cursor:not-allowed;
}

.vtmn-select_container select.vtmn-select--error{
  box-shadow:inset 0 0 0 0.125rem hsl(357, 77.1%, 52%);
}