/* staticsearch defaults */
:host {

  /* font sizes */
  --fsize: var(--staticsearch-fontsize, 1em);

  /* dimensions */
  --dmax: var(--staticsearch-maxwidth, 60ch);
  --dmargin: var(--staticsearch-margin, 3vmin);
  --dpadding: var(--staticsearch-padding, 2vmin);
  --sheight: var(--staticsearch-fieldset-height, calc(3em + (2 * var(--dpadding))) );

  /* colours */
  --colback0: var(--staticsearch-color-back, Canvas);
  --colbord0: var(--staticsearch-color-border, ButtonFace);

  --colfore0: var(--staticsearch-color-fore0, CanvasText);
  --colfore1: var(--staticsearch-color-fore1, color-mix(in oklab, CanvasText 80%, Canvas));
  --colfore2: var(--staticsearch-color-fore2, color-mix(in oklab, CanvasText 60%, Canvas));

  --collinkd: var(--staticsearch-color-link, color-mix(in oklab, LinkText 80%, CanvasText));
  --collinkv: var(--staticsearch-color-visited, color-mix(in oklab, VisitedText 80%, CanvasText));

  --colshad0: var(--staticsearch-color-shadow, #000);
  --colshad1: var(--staticsearch-color-backdrop, color-mix(in srgb, var(--colshad0), transparent 25%));
  --colblur0: var(--staticsearch-backdrop-blur, 3px);

}

template {
  display: none;
}

* {
  box-sizing: border-box;
  font-size: inherit;
  padding: 0;
  margin: 0;
}

@media (prefers-reduced-motion: reduce) {

  *, *::before, *::after, ::backdrop {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transition-behavior: normal !important;
    scroll-behavior: auto !important;
  }

}
