@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.components {
.lmvz-wrapper-card-sm,
.lmvz-wrapper-card-md,
.lmvz-wrapper-card-lg {
  background: var(--lmvz-semantic-color-surface-primary, #ffffff);
  box-shadow: var(--lmvz-ds-shadow-l3-default-strong, 0 2px 32px 0 rgba(120, 120, 128, 0.11));
}

.lmvz-wrapper-card-sm {
  padding: var(--lmvz-component-wrapper-sm-padding-y, clamp(0.75rem, 0.69rem + 0.26vw, 1rem)) var(--lmvz-component-wrapper-sm-padding-x, clamp(0.75rem, 0.69rem + 0.26vw, 1rem));
  border-radius: var(--lmvz-component-wrapper-sm-border-radius, 14px);
}
.lmvz-wrapper-card-md {
  padding: var(--lmvz-component-wrapper-md-padding-y, clamp(1rem, 0.88rem + 0.52vw, 1.5rem)) var(--lmvz-component-wrapper-md-padding-x, clamp(1rem, 0.88rem + 0.52vw, 1.5rem));
  border-radius: var(--lmvz-component-wrapper-md-border-radius, 18px);
}
.lmvz-wrapper-card-lg {
  padding: var(--lmvz-component-wrapper-lg-padding-y, clamp(2.25rem, 2.19rem + 0.26vw, 2.5rem)) var(--lmvz-component-wrapper-lg-padding-x, clamp(1.5rem, 1.14rem + 1.55vw, 3rem));
  border-radius: var(--lmvz-component-wrapper-lg-border-radius, 18px);
}

}
:host {
  --lmvz-popover-z-index-internal: var(--lmvz-popover-z-index, 100);
  display: contents;

  .container {
    position: absolute;
    top: -9999999999px;
    left: -9999999999px;
    max-width: var(--lmvz-popover-max-width, none);
    max-height: var(--lmvz-popover-max-height, none);
    z-index: var(--lmvz-popover-z-index-internal);
    overflow: auto;
    box-sizing: border-box;
  }
}
:host(:not([open])) .container {
  display: none;
}