/* Signature elements. Class-based because they are geometry, not values. */

.pzr-flag{
  height:var(--flag-height);
  background-image:repeating-conic-gradient(var(--asphalt) 0% 25%, transparent 0% 50%);
  background-size:var(--flag-tile) var(--flag-tile);
  transform:skewX(var(--flag-skew));
  transform-origin:left bottom;
}
.pzr-flag--pink{background-image:repeating-conic-gradient(var(--pink) 0% 25%, transparent 0% 50%)}
.pzr-flag--light{background-image:repeating-conic-gradient(var(--paper) 0% 25%, transparent 0% 50%)}
.pzr-flag--thin{height:var(--flag-height-thin)}
.pzr-flag-wrap{overflow:hidden}

.pzr-marker{height:var(--marker-thickness);width:56px;background:var(--pink)}

.pzr-hairline{height:1px;background:var(--line-hairline);border:0;margin:var(--space-3) 0}
.pzr-rule-strong{height:2px;background:var(--line-strong);border:0}

/* Type utilities */
.pzr-display{font-family:var(--font-display);font-variation-settings:var(--wdth-display);font-style:italic;font-weight:var(--fw-display);text-transform:uppercase;line-height:var(--lh-display);letter-spacing:var(--ls-display)}
.pzr-h1{font-family:var(--font-display);font-variation-settings:var(--wdth-display);font-style:italic;font-weight:var(--fw-display);text-transform:uppercase;font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1)}
.pzr-h2{font-family:var(--font-display);font-variation-settings:var(--wdth-sub);font-weight:var(--fw-sub);text-transform:uppercase;font-size:var(--fs-h2);letter-spacing:var(--ls-h2)}
.pzr-body{font-family:var(--font-text);font-weight:var(--fw-body);font-size:var(--fs-body);line-height:var(--lh-body);max-width:var(--measure-body)}
.pzr-label{font-family:var(--font-text);font-weight:var(--fw-label);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-label)}
.pzr-data{font-family:var(--font-text);font-weight:var(--fw-data);font-size:var(--fs-data);font-variant-numeric:tabular-nums;letter-spacing:var(--ls-data)}
.pzr-caption{font-family:var(--font-text);font-size:var(--fs-caption);letter-spacing:var(--ls-caption);text-transform:uppercase;color:var(--text-muted)}

a{color:var(--podium);text-decoration:none;border-bottom:1px solid var(--kerb)}
a:hover{color:var(--asphalt);border-bottom-color:var(--asphalt)}
