.vtmn-breadcrumb{
  display:block;
  block-size:-moz-fit-content;
  block-size:fit-content;
  inline-size:-moz-fit-content;
  inline-size:fit-content;
  font-family:'Roboto', 'system-ui', '-apple-system', sans-serif;
  color:hsl(211, 13%, 46.9%);
  font-size:0.875rem;
  font-weight:400;
  line-height:1.42;
  list-style:none;
  margin:0;
  padding:0;
}

.vtmn-breadcrumb a{
  text-decoration:none;
  line-height:1;
  color:inherit;
  transition:box-shadow 200ms ease-out;
}

.vtmn-breadcrumb button{
  background-color:unset;
  color:inherit;
  border:0;
  padding:0;
  cursor:pointer;
}

.vtmn-breadcrumb > ol,
.vtmn-breadcrumb li{
  display:flex;
  flex-flow:row wrap;
  align-items:center;
}

.vtmn-breadcrumb li{
  list-style-type:none;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.vtmn-breadcrumb li > span{
  -webkit-margin-end:0.25rem;
          margin-inline-end:0.25rem;
}

.vtmn-breadcrumb li:not(:last-child)::after{
  content:' ';
  display:inline-block;
  transform:rotate(15deg);
  -webkit-border-end:0.1em solid currentcolor;
          border-inline-end:0.1em solid currentcolor;
  height:0.8em;
  margin-block:0;
  margin-inline:0.5rem;
}

.vtmn-breadcrumb li > a:hover,
.vtmn-breadcrumb li > button:hover{
  text-decoration:underline;
  color:inherit;
}

.vtmn-breadcrumb li > a:focus-visible{
  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%);
  text-decoration:underline;
  color:inherit;
}

.vtmn-breadcrumb li > button:focus-visible{
  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%);
  text-decoration:underline;
  color:inherit;
}

.vtmn-breadcrumb li:last-child{
  color:hsl(200, 100%, 4.7%);
}

.vtmn-breadcrumb li > span[class^='vtmx-']{
  font-size:1rem;
}