/* signal.css: the Signal window. GENERATED by ~/Code/antoniz-tools/build_signal_css.py; do not edit by hand.

   The slash is the first signal of the mark at its own proportion (25.6953 : 51.4648); it is scaled as a whole, never widened.
   It is a window: a scene lives inside it, and a subject comes out of it, from inside to outside.

   <figure class="sgw" style="--sgw-h:640px">            the slash; data-out="right" makes things come out on the right (default left)
     <div class="sgw-in">  scene: img, video, or text  </div>   only seen inside the slash
     <div class="sgw-out"> a cut-out subject           </div>   seen inside the slash and past ONE edge; hidden past the other
     <div class="sgw-on">  a logo, a line of text      </div>   never cut: seen whole, in front
   </figure>
   Children are placed in per cent of the slash's own box, so the whole device scales with --sgw-h.
   Rules: a logo or a line of text is never hidden or cut (use .sgw-on); artwork is never the scene; one window per screen. */
.sgw{position:relative;display:block;flex:none;margin:0;height:var(--sgw-h,640px);aspect-ratio:25.6953 / 51.4648}
.sgw-in,.sgw-out,.sgw-on{position:absolute;inset:0;display:block}
.sgw-in{z-index:1;clip-path:polygon(100.00% 0.00%,97.61% 0.02%,95.24% 0.10%,92.90% 0.22%,90.58% 0.39%,88.28% 0.60%,86.02% 0.86%,83.78% 1.17%,81.59% 1.52%,79.42% 1.91%,77.30% 2.34%,75.22% 2.82%,73.18% 3.33%,71.19% 3.89%,69.24% 4.48%,67.34% 5.11%,65.50% 5.78%,63.71% 6.48%,61.98% 7.22%,60.30% 8.00%,58.69% 8.80%,57.14% 9.64%,55.66% 10.51%,54.24% 11.42%,52.90% 12.35%,51.63% 13.31%,50.43% 14.30%,49.31% 15.31%,48.27% 16.36%,47.31% 17.43%,46.44% 18.52%,45.65% 19.64%,44.95% 20.78%,0.00% 100.00%,2.39% 99.98%,4.76% 99.90%,7.11% 99.78%,9.43% 99.61%,11.72% 99.40%,13.99% 99.14%,16.22% 98.83%,18.42% 98.48%,20.59% 98.09%,22.71% 97.66%,24.79% 97.18%,26.83% 96.67%,28.83% 96.11%,30.77% 95.52%,32.67% 94.89%,34.51% 94.22%,36.30% 93.52%,38.04% 92.78%,39.71% 92.01%,41.32% 91.20%,42.87% 90.36%,44.36% 89.49%,45.77% 88.59%,47.12% 87.66%,48.39% 86.69%,49.58% 85.70%,50.70% 84.69%,51.74% 83.64%,52.70% 82.57%,53.58% 81.48%,54.36% 80.36%,55.06% 79.22%)}
.sgw-out{z-index:2;pointer-events:none;clip-path:polygon(-900% -900%,100% -900%,100.00% 0.00%,55.06% 79.22%,54.36% 80.36%,53.58% 81.48%,52.70% 82.57%,51.74% 83.64%,50.70% 84.69%,49.58% 85.70%,48.39% 86.69%,47.12% 87.66%,45.77% 88.59%,44.36% 89.49%,42.87% 90.36%,41.32% 91.20%,39.71% 92.01%,38.04% 92.78%,36.30% 93.52%,34.51% 94.22%,32.67% 94.89%,30.77% 95.52%,28.83% 96.11%,26.83% 96.67%,24.79% 97.18%,22.71% 97.66%,20.59% 98.09%,18.42% 98.48%,16.22% 98.83%,13.99% 99.14%,11.72% 99.40%,9.43% 99.61%,7.11% 99.78%,4.76% 99.90%,2.39% 99.98%,0.00% 100.00%,0% 900%,-900% 900%)}
.sgw[data-out="right"] .sgw-out{clip-path:polygon(900% -900%,100% -900%,100.00% 0.00%,97.61% 0.02%,95.24% 0.10%,92.90% 0.22%,90.58% 0.39%,88.28% 0.60%,86.02% 0.86%,83.78% 1.17%,81.59% 1.52%,79.42% 1.91%,77.30% 2.34%,75.22% 2.82%,73.18% 3.33%,71.19% 3.89%,69.24% 4.48%,67.34% 5.11%,65.50% 5.78%,63.71% 6.48%,61.98% 7.22%,60.30% 8.00%,58.69% 8.80%,57.14% 9.64%,55.66% 10.51%,54.24% 11.42%,52.90% 12.35%,51.63% 13.31%,50.43% 14.30%,49.31% 15.31%,48.27% 16.36%,47.31% 17.43%,46.44% 18.52%,45.65% 19.64%,44.95% 20.78%,0.00% 100.00%,0% 900%,900% 900%)}
.sgw-on{z-index:3;pointer-events:none}
.sgw img,.sgw video{position:absolute;display:block;max-width:none}
.sgw-in>.sgw-fill{left:0;top:0;width:100%;height:100%;object-fit:cover}
.sgw-on>*{position:absolute}