.vtmn-dropdown{
  box-sizing:border-box;
  inline-size:-moz-fit-content;
  inline-size:fit-content;
  block-size:-moz-fit-content;
  block-size:fit-content;
  font-family:'Roboto', 'system-ui', '-apple-system', sans-serif;
  font-size:1rem;
  line-height:1.5;
  color:hsl(200, 100%, 4.7%);
  font-weight:400;
  outline:0;
}

.vtmn-dropdown details{
  box-sizing:border-box;
  display:block;
  inline-size:-moz-fit-content;
  inline-size:fit-content;
  min-block-size:3rem;
  block-size:-moz-fit-content;
  block-size:fit-content;
  outline:0;
}

.vtmn-dropdown > label{
  display:inline-block;
  -webkit-margin-after:0.25rem;
          margin-block-end:0.25rem;
}

.vtmn-dropdown summary{
  display:flex;
  cursor:pointer;
  list-style:none;
  position:relative;
  inline-size:-moz-fit-content;
  inline-size:fit-content;
  border-radius:0.25rem;
  background-color:hsl(0, 0%, 100%);
  padding:0.75rem 2.5rem 0.75rem 1rem;
  outline:0;
  box-shadow:inset 0 0 0 0.0625rem hsl(213, 10.6%, 59.2%);
}

.vtmn-dropdown summary::-webkit-details-marker{
  display:none;
}

.vtmn-dropdown:not([aria-disabled='true']) summary:hover{
  box-shadow:inset 0 0 0 0.0625rem hsl(213, 10.6%, 59.2%), 0 0 0 3px hsl(200, 60%, 94.1%);
}

.vtmn-dropdown:not([aria-disabled='true']) summary:active{
  box-shadow:inset 0 0 0 0.125rem hsl(200, 100%, 36.9%);
}

.vtmn-dropdown:not([aria-disabled='true']) details[open] summary{
  box-shadow:inset 0 0 0 0.125rem hsl(200, 100%, 36.9%);
}

.vtmn-dropdown:not([aria-disabled='true']) summary:focus-visible{
  box-shadow:inset 0 0 0 0.125rem hsl(200, 100%, 36.9%);
}

.vtmn-dropdown[aria-disabled='true'] summary{
  pointer-events:none;
}

.vtmn-dropdown[aria-disabled='true'] details > *{
  opacity:0.38;
}

.vtmn-dropdown[aria-disabled='true'] > label{
  opacity:0.38;
}

.vtmn-dropdown[aria-disabled='true'] > label,
.vtmn-dropdown[aria-disabled='true'] details{
  cursor:not-allowed;
}

.vtmn-dropdown summary::after{
  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");
  -webkit-mask-size:cover;
          mask-size:cover;
  inline-size:1.5rem;
  block-size:1.5rem;
  position:absolute;
  display:block;
  inset-inline-end:0.625rem;
  transition:transform 200ms ease;
  background-color:hsl(200, 100%, 4.7%);
}

.vtmn-dropdown_items{
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  position:absolute;
  background-color:hsl(0, 0%, 100%);
  border-radius:0.25rem;
  block-size:-moz-fit-content;
  block-size:fit-content;
  inline-size:-moz-fit-content;
  inline-size:fit-content;
  padding:0.5rem;
  box-shadow:0 1.5rem 1.5rem 0 hsla(200, 100%, 24.5%, 0.1);
  z-index:2;
  overflow-y:auto;
  transform:translateY(0.25rem);
  max-block-size:16.25rem;
}

.vtmn-dropdown_items:focus{
  outline:none;
  box-shadow:0 0 0 0.25rem hsl(210, 14.3%, 94.5%), 0 0 0 0.375rem hsl(200, 100%, 4.7%);
}

.vtmn-dropdown_items input[type='checkbox']{
  position:relative;
  opacity:0;
  inline-size:0;
  block-size:0;
}

.vtmn-dropdown_items > label{
  box-sizing:border-box;
  background-color:hsl(0, 0%, 100%);
  padding:0.75rem;
  margin:0;
  width:100%;
  block-size:100%;
  border-radius:0.25rem;
  display:inline-flex;
  position:relative;
  height:auto;
}

.vtmn-dropdown_items > .vtmn-divider{
  width:100%;
}

.vtmn-dropdown_items span[class^='vtmx-']{
  font-size:1.125rem;
  -webkit-margin-end:0.5rem;
          margin-inline-end:0.5rem;
}

.vtmn-dropdown_items > label:hover{
  background-color:hsla(200, 100%, 4.7%, 0.05);
  cursor:pointer;
}

.vtmn-dropdown_items > label:active{
  background-color:hsla(200, 100%, 4.7%, 0.15);
}

.vtmn-dropdown_items > input:focus-visible + label{
  box-shadow:0 0 0 0.25rem hsl(210, 14.3%, 94.5%), 0 0 0 0.375rem hsl(200, 100%, 4.7%);
  z-index:2;
}

.vtmn-dropdown_items > input:checked + label{
  color:hsl(200, 100%, 36.9%);
  -webkit-padding-end:3rem;
          padding-inline-end:3rem;
}

.vtmn-dropdown_items > input + label::after{
  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='m6.667 10.115 6.128-6.129.943.943L6.667 12 2.424 7.757l.943-.942 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='m6.667 10.115 6.128-6.129.943.943L6.667 12 2.424 7.757l.943-.942 3.3 3.3Z'/%3E%3C/svg%3E");
  width:1.5rem;
  block-size:1.5rem;
  position:relative;
  display:block;
  -webkit-margin-start:0.75rem;
          margin-inline-start:0.75rem;
  background-color:transparent;
}

.vtmn-dropdown_items > input:checked + label::after{
  background-color:hsl(200, 100%, 36.9%);
  position:absolute;
  inset-inline-end:0;
  margin-block:0;
  margin-inline:0.75rem;
}

.vtmn-dropdown details[open] summary::after{
  transform:rotateZ(-180deg);
}

.vtmn-dropdown_items > input:last-of-type ~ .vtmn-divider{
  display:none;
}