:host,
:root {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;

  --shadow-focus-dark: 0px 0px 0px 2px var(--gray800), 0px 0px 2px 5px var(--color-white);
  --shadow-focus-light: var(--shadow-focus-primary);
}

#idp-login-shopping-cart {
  & > z-icon {
    color: var(--color-white);
    fill: currentColor;
    &.light {
      color: var(--gray900);
    }
  }

  &.z-link:focus,
  &.z-link:focus-visible {
    outline: none;
    box-shadow: var(--shadow-focus);
    border-radius: var(--border-radius-small);
  }

  &.z-link-inverse:focus,
  &.z-link-inverse:focus-visible {
    box-shadow: var(--shadow-focus-dark);
  }
}