@layer base {
  :root {
    --made-with-panda: '🐼';
    }

  *, *::before, *::after, ::backdrop {
    --blur:   ;
    --brightness:   ;
    --contrast:   ;
    --grayscale:   ;
    --hue-rotate:   ;
    --invert:   ;
    --saturate:   ;
    --sepia:   ;
    --drop-shadow:   ;
    --backdrop-blur:   ;
    --backdrop-brightness:   ;
    --backdrop-contrast:   ;
    --backdrop-grayscale:   ;
    --backdrop-hue-rotate:   ;
    --backdrop-invert:   ;
    --backdrop-opacity:   ;
    --backdrop-saturate:   ;
    --backdrop-sepia:   ;
    --scroll-snap-strictness: proximity;
    --border-spacing-x: 0;
    --border-spacing-y: 0;
    --translate-x: 0;
    --translate-y: 0;
    --rotate: 0;
    --skew-x: 0;
    --skew-y: 0;
    --scale-x: 1;
    --scale-y: 1;
    }

  :where(.inkeep-widget-root, inkeep-portal) pre {
    padding: var(--inkeep-spacing-0);
    background: var(--inkeep-colors-transparent);
    }

  :where(.inkeep-widget-root, inkeep-portal) {
    font-family: var(--inkeep-fonts-body, inherit);
    color: var(--inkeep-colors-gray-800);
    }

  .dark :where(.inkeep-widget-root, inkeep-portal), [data-theme="dark"] :where(.inkeep-widget-root, inkeep-portal) {
    color: var(--inkeep-colors-white-alpha-900);
    background: var(--inkeep-colors-gray-dark-900);
    }

  :where(.inkeep-widget-root, inkeep-portal) {
    background: var(--inkeep-colors-white);
    line-height: var(--inkeep-line-heights-base);
    }

  :where(.inkeep-widget-root, inkeep-portal) *, *::before, &::after {
    border-color: var(--inkeep-colors-gray-200);
    }

  .dark :where(.inkeep-widget-root, inkeep-portal) *, [data-theme="dark"] :where(.inkeep-widget-root, inkeep-portal) *, .dark *::before, [data-theme="dark"] *::before, .dark &::after, [data-theme="dark"] &::after {
    border-color: var(--inkeep-colors-white-alpha-300);
    }

  :where(.inkeep-widget-root, inkeep-portal) body {
    font-family: var(--inkeep-fonts-body);
    color: var(--inkeep-colors-chakra-body-text);
    background: var(--inkeep-colors-chakra-body-bg);
    --transition-prop: background-color;
    transition-property: background-color;
    --transition-duration: var(--inkeep-durations-normal);
    transition-duration: var(--inkeep-durations-normal);
    line-height: var(--inkeep-line-heights-base);
    }

  :where(.inkeep-widget-root, inkeep-portal) *::placeholder {
    color: var(--inkeep-colors-chakra-placeholder-color);
    }
}