/* see also @layer utilities in frontend.input.css */
:root {
  --pattern-blue: rgb(0 144 208);
}

/* https://stackoverflow.com/questions/61694949/resizing-wagtail-embedded-videos */
.responsive-object {
  position: relative;
}

.responsive-object iframe,
.responsive-object object,
.responsive-object embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Every Alpinejs x-show attribute needs to have x-cloak as well to fix the initial flash/flocker
 * on page load.
 */
[x-cloak] {
  display: none !important;
}