@font-face {
  font-display: swap;
  font-family: 'BLOKK';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/BLOKKNeue-Regular.woff2') format('woff2');
}
:root {
  --fluks-wf-color: #3927ff;
  --fluks-wf-light: #eaeaff;
  --fluks-wf-text: #8176ff;
  --fluks-wf-border: #5e50ff;
}
.wireframe.text,
.wireframe .text {
  font-family: BLOKK;
  font-size-adjust: 0.32;
  line-height: 1;
  color: var(--fluks-wf-text, var(--fluks-wf-color, #3158ab));
}
.wireframe.text :where(h1, h2, h3, h4),
.wireframe .text :where(h1, h2, h3, h4) {
  font-size: 2.2rem;
  line-height: 1;
  color: var(--fluks-wf-color, #3158ab);
}
.wireframe.text :not(h1, h2, h3, h4, .linkbutton::after),
.wireframe .text :not(h1, h2, h3, h4, .linkbutton::after) {
  opacity: 0.7;
  line-height: 1.2;
}
.wireframe .mainnav,
.wireframe .breadcrumb {
  font-family: BLOKK;
  font-size-adjust: 0.32;
  line-height: 1;
  color: var(--fluks-wf-text, var(--fluks-wf-color, #3158ab));
}
.wireframe .mainnav :where(h1, h2, h3, h4),
.wireframe .breadcrumb :where(h1, h2, h3, h4) {
  font-size: 2.2rem;
  line-height: 1;
  color: var(--fluks-wf-color, #3158ab);
}
.wireframe .mainnav :not(h1, h2, h3, h4, .linkbutton::after),
.wireframe .breadcrumb :not(h1, h2, h3, h4, .linkbutton::after) {
  opacity: 0.7;
  line-height: 1.2;
}
.wireframe.mediablock:not(.deleted),
.wireframe .mediablock:not(.deleted) {
  background: var(--fluks-wf-light, #d0dbf2);
  outline: 1px solid var(--fluks-wf-border, var(--fluks-wf-color, #3158ab));
  outline-offset: -1px;
}
.wireframe.mediablock:not(.deleted) picture,
.wireframe .mediablock:not(.deleted) picture,
.wireframe.mediablock:not(.deleted) video,
.wireframe .mediablock:not(.deleted) video,
.wireframe.mediablock:not(.deleted) img,
.wireframe .mediablock:not(.deleted) img {
  visibility: hidden;
}
.wireframe.textwithmedia .mediablock,
.wireframe .textwithmedia .mediablock {
  background: var(--fluks-wf-light, #d0dbf2);
  outline: 1px solid var(--fluks-wf-border, var(--fluks-wf-color, #3158ab));
  outline-offset: -1px;
}
.wireframe.textwithmedia .mediablock picture,
.wireframe .textwithmedia .mediablock picture,
.wireframe.textwithmedia .mediablock video,
.wireframe .textwithmedia .mediablock video,
.wireframe.textwithmedia .mediablock img,
.wireframe .textwithmedia .mediablock img {
  visibility: hidden;
}
.wireframe.textwithmedia .text,
.wireframe .textwithmedia .text {
  font-family: BLOKK;
  font-size-adjust: 0.32;
  line-height: 1;
  color: var(--fluks-wf-text, var(--fluks-wf-color, #3158ab));
}
.wireframe.textwithmedia .text :where(h1, h2, h3, h4),
.wireframe .textwithmedia .text :where(h1, h2, h3, h4) {
  font-size: 2.2rem;
  line-height: 1;
  color: var(--fluks-wf-color, #3158ab);
}
.wireframe.textwithmedia .text :not(h1, h2, h3, h4, .linkbutton::after),
.wireframe .textwithmedia .text :not(h1, h2, h3, h4, .linkbutton::after) {
  opacity: 0.7;
  line-height: 1.2;
}
.wireframe.linkbutton,
.wireframe .linkbutton {
  position: relative;
}
.wireframe.linkbutton::after,
.wireframe .linkbutton::after {
  background: var(--fluks-wf-light, #d0dbf2);
  outline: 2px solid var(--fluks-wf-border, var(--fluks-wf-color, #3158ab));
  outline-offset: -2px;
  content: "Click!";
  font-family: BLOKK;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0;
  background: var(--fluks-wf-color, #3158ab);
  color: #fff;
  outline-color: var(--fluks-wf-color, #3158ab);
  outline-offset: 0;
}
.wireframe.linkbutton::after picture,
.wireframe .linkbutton::after picture,
.wireframe.linkbutton::after video,
.wireframe .linkbutton::after video,
.wireframe.linkbutton::after img,
.wireframe .linkbutton::after img {
  visibility: hidden;
}