/* Decorative opening layer. The existing page keeps its original layout. */
.ts-opening {
  position: fixed;
  z-index: 998;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  contain: layout paint style;
}

.ts-opening svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ts-opening .ts-opening-stroke {
  fill: none;
  stroke: #e4dcd0;
  stroke-width: 1.15;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.ts-opening .ts-opening-code { stroke: #ebcfaa; stroke-width: 1.65; }
.ts-opening .ts-opening-frame { stroke: #b6aa98; }
.ts-opening .ts-opening-detail { stroke: #9b8266; }
.ts-opening .ts-opening-tip { fill: #ebcfaa; }

@media print {
  .ts-opening { display: none !important; }
}