.vtmn-tabs{
  block-size:-moz-fit-content;
  block-size:fit-content;
  inline-size:100%;
  background-color:hsl(0, 0%, 100%);
  display:block;
  white-space:nowrap;
  overflow-x:auto;
  margin:0;
  padding:0;
}

.vtmn-tabs > li{
  display:inline-flex;
  padding-inline:0.125rem;
  -webkit-padding-before:0.125rem;
          padding-block-start:0.125rem;
}

.vtmn-tabs > li > button{
  cursor:pointer;
  background-color:transparent;
  background-image:none;
  -webkit-appearance:button;
     -moz-appearance:button;
          appearance:button;
  padding:0;
  box-sizing:border-box;
  border-width:0;
  display:inline-flex;
  align-items:center;
  font-family:'Roboto', 'system-ui', '-apple-system', sans-serif;
  font-size:1rem;
  padding-inline:1.25rem;
  -webkit-padding-before:0.75rem;
          padding-block-start:0.75rem;
  -webkit-padding-after:0.625rem;
          padding-block-end:0.625rem;
  white-space:nowrap;
  color:hsl(209, 15.7%, 36.3%);
  -webkit-border-after:0.125rem solid transparent;
          border-block-end:0.125rem solid transparent;
  transition:color 200ms ease, box-shadow 200ms ease-out, -webkit-border-after 200ms ease;
  transition:border-block-end 200ms ease, color 200ms ease, box-shadow 200ms ease-out;
  transition:border-block-end 200ms ease, color 200ms ease, box-shadow 200ms ease-out, -webkit-border-after 200ms ease;
  outline:none;
  text-decoration:none;
}

.vtmn-tabs > li > button:hover{
  color:hsla(200, 100%, calc(36.9% * 0.85), 1);
}

.vtmn-tabs > li > button:active{
  color:hsla(200, 100%, calc(36.9% * 0.7), 1);
}

.vtmn-tabs > li > button:focus-visible{
  -webkit-border-after:0.125rem solid hsl(200, 100%, 4.7%);
          border-block-end:0.125rem solid hsl(200, 100%, 4.7%);
  box-shadow:0 0 0 0.125rem hsl(200, 100%, 4.7%);
}

.vtmn-tabs > li > button[aria-selected='true']{
  color:hsl(200, 100%, 36.9%);
  -webkit-border-after:0.125rem solid hsl(200, 100%, 36.9%);
          border-block-end:0.125rem solid hsl(200, 100%, 36.9%);
}

.vtmn-tabs > li > button[aria-selected='true']:focus-visible{
  -webkit-border-after:0.125rem solid hsl(200, 100%, 4.7%);
          border-block-end:0.125rem solid hsl(200, 100%, 4.7%);
}

.vtmn-tabs-item--selected > .vtmn-badge{
  background-color:hsl(200, 100%, 36.9%);
  color:hsl(0, 0%, 100%);
  box-shadow:none;
}

.vtmn-tabs .vtmn-badge{
  -webkit-margin-start:0.5rem;
          margin-inline-start:0.5rem;
}

.vtmn-tabs span[class^='vtmx-']{
  font-size:1.25rem;
  -webkit-margin-end:0.5rem;
          margin-inline-end:0.5rem;
  color:inherit;
}

@media screen and (min-width: 1800px){

  .vtmn-tabs span[class^='vtmx-']{
  font-size:1.25rem;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1799px){

  .vtmn-tabs span[class^='vtmx-']{
  font-size:1.25rem;
  }
}

@media screen and (min-width: 900px) and (max-width: 1199px){

  .vtmn-tabs span[class^='vtmx-']{
  font-size:1.25rem;
  }
}

@media screen and (min-width: 600px) and (max-width: 899px){

  .vtmn-tabs span[class^='vtmx-']{
  font-size:1.25rem;
  }
}

.vtmn-tabs_size--medium span[class^='vtmx-']{
  font-size:1.25rem;
  -webkit-margin-end:0.5rem;
          margin-inline-end:0.5rem;
  color:inherit;
  font-size:1.25rem;
}

@media screen and (min-width: 1800px){

  .vtmn-tabs_size--medium span[class^='vtmx-']{
  font-size:1.25rem;
  font-size:1.25rem;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1799px){

  .vtmn-tabs_size--medium span[class^='vtmx-']{
  font-size:1.25rem;
  font-size:1.25rem;
  }
}

@media screen and (min-width: 900px) and (max-width: 1199px){

  .vtmn-tabs_size--medium span[class^='vtmx-']{
  font-size:1.25rem;
  font-size:1.25rem;
  }
}

@media screen and (min-width: 600px) and (max-width: 899px){

  .vtmn-tabs_size--medium span[class^='vtmx-']{
  font-size:1.25rem;
  font-size:1.25rem;
  }
}

.vtmn-tabs_align--start{
  text-align:start;
}

.vtmn-tabs_align--center{
  text-align:center;
}

.vtmn-tabs_align--end{
  text-align:end;
}

.vtmn-tabs_size--medium > li > button{
  font-size:1rem;
  padding-inline:1.25rem;
  -webkit-padding-before:0.75rem;
          padding-block-start:0.75rem;
  -webkit-padding-after:0.625rem;
          padding-block-end:0.625rem;
}

@media screen and (min-width: 1800px){}

@media screen and (min-width: 1200px) and (max-width: 1799px){}

@media screen and (min-width: 900px) and (max-width: 1199px){}

@media screen and (min-width: 600px) and (max-width: 899px){}

.vtmn-tabs_size--small > li > button{
  font-size:0.875rem;
  padding-inline:1rem;
  -webkit-padding-before:0.5rem;
          padding-block-start:0.5rem;
  -webkit-padding-after:0.375rem;
          padding-block-end:0.375rem;
}

.vtmn-tabs_size--small span[class^='vtmx-']{
  font-size:1rem;
}