Template:Ink card

From stencil.wiki
Revision as of 15:13, 10 December 2024 by IssuePress (talk | contribs)

A template for displaying inks as simple color ramps.

Usage

{{Ink card|Burgundy}}
100%
75%
50%
25%


<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Aqua]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Bisque]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Black]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Blue]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Brick]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Brown]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Citron]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Copper]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Coral]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Forest]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Grape]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Grass]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Gray]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Green]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Indigo]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Ivy]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Lagoon]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Lake]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Maroon]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Melon]]

... further results