@charset "UTF-8";

.pl-nowrap { white-space: nowrap; }
.pl-reference-light {
    background: radial-gradient(ellipse at 0 8%, #a8f5f77a, transparent 27%),
        radial-gradient(ellipse at 100% 90%, #abf8f977, transparent 35%),
        linear-gradient(180deg, #d7e3e955 0, transparent 90px),
        linear-gradient(115deg, #f5fdfd, #fcfdff 50%, #f0fdff);
}
.pl-reference-gradient { color: #008797; }
@supports (background-clip: text) or (-webkit-background-clip: text) {
    .pl-reference-gradient {
        background: linear-gradient(180deg, #009a94 5%, #008e9b 48%, #006685 92%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}
.pl-reference-curve {
    display: block;
    width: 100%;
    height: calc(80 * var(--pl-u));
    color: #00cbd3;
    overflow: visible;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
    pointer-events: none;
}
.pl-reference-curve--reverse { transform: rotate(180deg); }