:root,
.color-background-1,
.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  --lm--color-background: var(--color-background, 255,255,255);
  --lm--color-foreground: var(--color-foreground, 0,0,0);
  --lm--color-shadow: var(--color-shadow, 0,0,0);
  --lm--color-border: var(--lm--color-foreground, 0,0,0);
  --lm--duration-default: var(--duration-default, 200ms);

  --lm--color-button: var(--color-button, var(--lm--color-foreground));
  --lm--color-button-text: var(--color-button-text, var(--lm--color-background));
  --lm--color-secondary-button: var(--color-secondary-button, var(--lm--color-background));
  --lm--color-secondary-button-text: var(--color-secondary-button-text, var(--lm--color-foreground));
  --lm--button-radius: var(--buttons-radius, 4px);
  --lm--button-radius-outset: var(--buttons-radius-outset, 4px);
  --lm--button-border-width: var(--buttons-border-width, 0);
  --lm--button-border-opacity: var(--buttons-border-opacity, 1);
  --lm--button-shadow-opacity: var(--buttons-shadow-opacity, 1);
  --lm--button-shadow-visible: var(--buttons-shadow-visible, 1);
  --lm--button-shadow-offset-x: var(--buttons-shadow-horizontal-offset, 3px);
  --lm--button-shadow-offset-y: var(--buttons-shadow-vertical-offset, 3px);
  --lm--button-shadow-blur: var(--buttons-shadow-blur, 5px);
  --lm--button-border-offset: var(--buttons-border-offset, 0);

  --lm--account-max-width: 140rem;
}

@media screen and (max-width: 749px) {
  .lm--small-hide {
    display: none !important;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .lm--medium-hide {
    display: none !important;
  }
}

@media screen and (min-width: 990px) {
  .lm--large-up-hide {
    display: none !important;
  }
}

/* Actions */
.lm--action-group {
  display: flex;
  gap: 2rem;
}

.lm--button {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  background-color: rgb(var(--lm--color-button));
  color: rgb(var(--lm--color-button-text));
  border-radius: var(--lm--button-radius);
  padding: 0.5rem 0.3rem;
  border: 0;
  text-align: center;
  text-decoration: none;
  font-size: 1.5rem;
}

.lm--button--secondary {
  background-color: rgb(var(--lm--color-secondary-button));
  color: rgb(var(--lm--color-secondary-button-text));
  border: 1px solid rgba(var(--lm--color-border));
}

/* Details Disclosure defaults */
lm--details-disclosure,
lm--header-menu {
  --lm--dropdown-background: var(--color-background, white);
  --lm--dropdown-border-opacity: var(--popup-border-opacity, 0.25);
  --lm--dropdown-corner-radius: var(--popup-corner-radius, 4px);
  --lm--dropdown-border-width: var(--popup-border-width, 1px);
  --lm--dropdown-shadow-offset-x: var(--popup-shadow-horizontal-offset, 0.2rem);
  --lm--dropdown-shadow-offset-y: var(--popup-shadow-vertical-offset, 0.2rem);
  --lm--dropdown-shadow-blur-radius: var(--popup-shadow-blur-radius, 10px);
  --lm--dropdown-shadow-opacity: var(--popup-shadow-opacity, 0.1);
}

lm--details-disclosure summary::-webkit-details-marker,
lm--header-menu  summary::-webkit-details-marker {
  display: none;
}