@layer lmvz-ds.reset, lmvz-ds.theme, lmvz-ds.components, lmvz-ds.overrides;
/**
 * This defines the order of our lmvz-ds' CSS layers. See readme.md for details.
 * Important: Always import this file _before_ layering your own styles!
 */
@layer lmvz-ds.reset {
body {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

*[hidden] {
  display: none !important;
}

hr {
  height: 0;
  border: none;
  margin: var(--lmvz-dimension-8-4, clamp(0.25rem, 0.19rem + 0.26vw, 0.5rem)) 0;
  border-top: var(--lmvz-semantic-border-width-default, 1px) solid var(--lmvz-semantic-color-border-subtle, #f0f0f0);
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
  display: block;
}

}
:host {
  display: inline-block;
}
.tablist {
  display: inline-flex;
  flex-direction: row;
  background: var(--lmvz-semantic-color-int-secondary, #f0f0f0);
  border-radius: var(--lmvz-semantic-border-radius-round, 999px);
  /* Horizontal overflow: tabs scroll when they overflow the container */
  overflow: auto hidden;
  /* Hide scrollbar visually while keeping scroll functionality */
  scrollbar-width: none; /* Firefox */
}
.tablist::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}
:host([has-icon-tabs]) .tablist {
  gap: var(--lmvz-dimension-8-6, clamp(0.38rem, 0.34rem + 0.13vw, 0.5rem));
  background: none;
  border-radius: 0;
}
/* ── Vertical orientation ────────────────────────────────────────────────── */
:host([orientation='vertical']) .tablist {
  flex-direction: column;
  overflow: visible auto;
}
/* The panels slot renders inline; individual panels control their own display */
::slotted([role='tabpanel']) {
  display: block;
}
::slotted([role='tabpanel'][hidden]) {
  display: none;
}