/*
 * Scarlet & Violet full arts with a TCG Live foil map: the Ultra Rare (ex and
 * Supporter full arts) and the gold Hyper Rare. Every Scarlet & Violet and
 * Mega Evolution set prints them the same way, so they live here rather than
 * in one set's sheet. Cards without a map keep the older recipes in
 * rarities.css and realism.css.
 *
 * - Ultra Rare (TCG Live: SUN_PILLAR / ETCHED, the Double Rare's sun pillar
 *   foil with an etch instead of a holo window). The whole card is foil, the
 *   Pokémon at part strength (the map's greys), under a fine etched texture
 *   of lines that follow the art. pokemon-cards-151's ex full art: a
 *   vertical sunpillar ramp hue-blended over steep 128.5deg tinsel bars and a
 *   pointer darkener, soft-lit by the card's etch, with an exclusion twin
 *   sliding the other way so the colour shifts like an oil slick instead of
 *   a rainbow sliding past. The etch lines run brighter than the flat foil
 *   between them, which is what makes the texture read under a lamp.
 * - Hyper Rare (gold; TCG Live: SV_ULTRA / ETCHED, the Special Illustration
 *   Rare's foil). Gold ink over it. pokemon-cards-151's hyper rare is its
 *   Special Illustration Rare recipe too: a soft 15deg rainbow that shows
 *   only inside two light bars crossing with the tilt, glitter, and a
 *   glare, plus the etch catching the light everywhere. Tuned against
 *   photos of real cards (see the gold section).
 *
 * Layer ideas follow pokemon-cards-151 by Simon Goellner (@simeydotme),
 * GPL-3.0; see NOTICE.md. The research is in the card-textures skill,
 * .claude/skills/card-textures/reference/sv-fullart.md.
 *
 * Each rule carries two extra :not() classes, which puts it above the
 * three-class full-art rules in rarities.css and realism.css and the map
 * rules in celebration.css, whichever order the sheets load in. Tera ex
 * (sv-finishes.css) and the 30th's Classic Collection are left alone.
 *
 * Rest state (PR 5): a resting card paints `.foil` alone; the pseudo layers
 * and `.glare` only exist while a card is held or settling.
 */

/* ---- Shared shape --------------------------------------------------------- */
body.fx-holo.fx-holo.fx-holo .tcg:is(.foil-ultra, .foil-gold).has-foil-map:not(.foil-tera):not(.foil-classic) .foil {
  background-repeat: repeat;
  border-radius: 0;
  opacity: calc((0.18 + var(--card-opacity) * 0.82) * var(--foil-strength, 1));
}
body.fx-holo.fx-holo.fx-holo .tcg:is(.foil-ultra, .foil-gold).has-foil-map:not(.foil-tera):not(.foil-classic):not(.lit):not(.settling) .foil {
  opacity: calc(0.18 * var(--foil-strength, 1));
}
body.fx-holo.fx-holo.fx-holo .tcg:is(.foil-ultra, .foil-gold).has-foil-map:not(.foil-tera):not(.foil-classic) .foil::before,
body.fx-holo.fx-holo.fx-holo .tcg:is(.foil-ultra, .foil-gold).has-foil-map:not(.foil-tera):not(.foil-classic) .foil::after {
  /* Clear what the older recipes put here; each finish sets its own. */
  background-image: none;
  background-size: auto;
  background-position: center;
  background-repeat: repeat;
  background-blend-mode: normal;
  mix-blend-mode: normal;
  filter: none;
  -webkit-mask-image: none;
  mask-image: none;
  clip-path: none;
  border-radius: 0;
  opacity: 1;
}

/* ---- Ultra Rare: SUN_PILLAR / ETCHED ---------------------------------------
   Upstream stacks the card's mask and etch as soft-light images on top of the
   gradients. Here the mask is already the layer's mask (maps.css), and the
   etch is an alpha map, so the two soft-light passes are split by where the
   etch is: `.foil` draws the stack under a white and a black soft-light (the
   foil between the lines: the mask's lift and the unetched black), and
   `::before` draws the same stack under two white ones, masked by the etch
   (the cut lines, a step brighter). `::after` is the exclusion twin.
   Against photos of real cards (SV base thread's texture-refs), upstream's
   `hue` blend over the grey bars left only a tint; the cards show several
   saturated diagonal rainbow bands at once, over the Pokémon, text and frame.
   So the ramp is `color`-blended (full saturation, the bars' luminance), the
   bars are tighter (more bands) and the filter keeps saturation. */
body.fx-holo.fx-holo.fx-holo .tcg.foil-ultra.has-foil-map:not(.foil-tera):not(.foil-classic) .foil {
  --fa-space: 5%;
  --fa-pillar: repeating-linear-gradient(0deg,
    var(--sunpillar-clr-1) calc(var(--fa-space) * 1),
    var(--sunpillar-clr-2) calc(var(--fa-space) * 2),
    var(--sunpillar-clr-3) calc(var(--fa-space) * 3),
    var(--sunpillar-clr-4) calc(var(--fa-space) * 4),
    var(--sunpillar-clr-5) calc(var(--fa-space) * 5),
    var(--sunpillar-clr-6) calc(var(--fa-space) * 6),
    var(--sunpillar-clr-1) calc(var(--fa-space) * 7));
  --fa-bars: repeating-linear-gradient(128.5deg,
    #0e152e 0%, hsl(180, 10%, 60%) 3.8%, hsl(180, 29%, 66%) 4.5%,
    hsl(180, 10%, 60%) 5.2%, #0e152e 14%, #0e152e 16%);
  --fa-dim: radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),
    hsla(0, 0%, 0%, 0.1) 12%, hsla(0, 0%, 0%, 0.15) 20%, hsla(0, 0%, 0%, 0.25) 120%);
  --fa-pos: 0% var(--background-y),
    calc(var(--background-x) + (var(--background-y) * 0.2)) var(--background-y),
    var(--background-x) var(--background-y);
  background-image:
    linear-gradient(#fff, #fff),
    linear-gradient(#000, #000),
    var(--fa-pillar), var(--fa-bars), var(--fa-dim);
  background-size: cover, cover, 200% 700%, 200% 100%, 200% 100%;
  background-position: center, center, var(--fa-pos);
  background-blend-mode: soft-light, soft-light, color, hard-light, normal;
  filter: brightness(calc((var(--pointer-from-center) * 0.4) + 0.5)) contrast(2.2) saturate(1);
  mix-blend-mode: color-dodge;
}
/* Where the light is. Photos under one lamp (151's Alakazam ex, Arbok ex and
   Zapdos ex; SV base's Koraidon ex in flat light) keep the art saturated:
   the bands show in the part of the card catching the light and along the
   edges, not as a pastel wash over the whole face. So the whole foil layer
   (both twins; `::before` inside it) is masked by a soft pool around the
   pointer, a third of the card at full strength, a quarter strength by the
   far corner. The glare stays whole-card. */
body.fx-holo.fx-holo.fx-holo .tcg.foil-ultra.has-foil-map:not(.foil-tera):not(.foil-classic) .foil {
  --fa-light: radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),
    #000 0%, #000 22%, rgba(0, 0, 0, 0.45) 55%, rgba(0, 0, 0, 0.25) 100%);
  -webkit-mask-image: var(--art), var(--foil-map), var(--fa-light);
  -webkit-mask-composite: source-in, source-in, source-over;
  mask-image: var(--art), var(--foil-map), var(--fa-light);
  mask-composite: intersect, intersect, add;
  -webkit-mask-size: contain, 100% 100%, 100% 100%;
  mask-size: contain, 100% 100%, 100% 100%;
}
/* Resting, the silver-grey of the foil rather than a tinted wash. */
body.fx-holo.fx-holo.fx-holo .tcg.foil-ultra.has-foil-map:not(.foil-tera):not(.foil-classic):not(.lit):not(.settling) .foil {
  filter: brightness(0.5) contrast(2.5) saturate(0.35);
}
body.fx-holo.fx-holo.fx-holo .tcg.foil-ultra.has-foil-map:is(.has-etch-map, .has-etch-tile):not(.foil-tera):not(.foil-classic) .foil::before {
  background-image:
    linear-gradient(#fff, #fff),
    linear-gradient(#fff, #fff),
    var(--fa-pillar), var(--fa-bars), var(--fa-dim);
  background-size: cover, cover, 200% 700%, 200% 100%, 200% 100%;
  background-position: center, center, var(--fa-pos);
  background-blend-mode: soft-light, soft-light, color, hard-light, normal;
  -webkit-mask-image: var(--fa-etch);
  mask-image: var(--fa-etch);
  -webkit-mask-size: var(--fa-etch-size);
  mask-size: var(--fa-etch-size);
  -webkit-mask-position: var(--fa-etch-pos);
  mask-position: var(--fa-etch-pos);
  -webkit-mask-repeat: var(--fa-etch-repeat);
  mask-repeat: var(--fa-etch-repeat);
}
/* The etch: TCG Live's map, or the drawn engraving tile on prints Live has
   no etch for (the ME sets, Black Bolt, White Flare; js/foil-maps.js gives
   them `has-etch-tile`). Same tile as the SIRs, celebration.css. */
body.fx-holo.fx-holo.fx-holo .tcg:is(.foil-ultra, .foil-gold).has-foil-map.has-etch-map {
  --fa-etch: var(--etch-map);
  --fa-etch-size: 100% 100%;
  --fa-etch-pos: center;
  --fa-etch-repeat: no-repeat;
}
body.fx-holo.fx-holo.fx-holo .tcg:is(.foil-ultra, .foil-gold).has-foil-map.has-etch-tile {
  --fa-etch: var(--etch-tile);
  --fa-etch-size: 100% auto;
  --fa-etch-pos: var(--seed-pos, center);
  --fa-etch-repeat: repeat;
}
body.fx-holo.fx-holo.fx-holo .tcg.foil-ultra.has-foil-map:not(.foil-tera):not(.foil-classic) .foil::after {
  /* Restated so the ramp picks up this layer's rotated sunpillar colours
     (base.css); `::before` inherits `.foil`'s, as it is the same layer. */
  --fa-pillar: repeating-linear-gradient(0deg,
    var(--sunpillar-clr-1) calc(var(--fa-space) * 1),
    var(--sunpillar-clr-2) calc(var(--fa-space) * 2),
    var(--sunpillar-clr-3) calc(var(--fa-space) * 3),
    var(--sunpillar-clr-4) calc(var(--fa-space) * 4),
    var(--sunpillar-clr-5) calc(var(--fa-space) * 5),
    var(--sunpillar-clr-6) calc(var(--fa-space) * 6),
    var(--sunpillar-clr-1) calc(var(--fa-space) * 7));
  background-image:
    linear-gradient(#fff, #fff),
    linear-gradient(#000, #000),
    var(--fa-pillar), var(--fa-bars), var(--fa-dim);
  background-size: cover, cover, 200% 400%, 130% 100%, 200% 100%;
  background-position: center, center,
    0% var(--background-y),
    calc(100% - (var(--background-x) + (var(--background-y) * 0.2))) calc(var(--background-y) * -1),
    var(--background-x) var(--background-y);
  background-blend-mode: soft-light, soft-light, color, hard-light, normal;
  filter: brightness(calc((var(--pointer-from-center) * 0.4) + 0.5)) contrast(1.66) saturate(1);
  mix-blend-mode: exclusion;
}
body.fx-holo.fx-holo.fx-holo .tcg.foil-ultra.has-foil-map:not(.foil-tera):not(.foil-classic) .glare {
  /* The far end was 10% lightness: hard-light with near-black halved the
     side of the card away from the lamp, and the etch lines there read as
     dark dots (Noah, 2026-09-28). Silver away from a lamp is duller, not
     dark: the far end now sits at a third. */
  background-image: radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),
    hsl(0, 0%, 75%) 5%, hsl(200, 5%, 42%) 70%, hsl(320, 20%, 32%) 150%);
  background-size: 120% 150%;
  background-position: center;
  mix-blend-mode: hard-light;
  filter: brightness(0.8) contrast(1) saturate(1);
  opacity: var(--card-opacity);
}
/* The etched lines under the light, over the whole card and never off, as
   the real cards' relief shows at every angle (SIR rebuild, 2026-09-28);
   softer than the SIR's because nine tenths of a full art is etched and the
   hard-light glare already lifts it. */
body.fx-holo.fx-holo.fx-holo .tcg.foil-ultra.has-foil-map:is(.has-etch-map, .has-etch-tile):not(.foil-tera):not(.foil-classic) .glare::after {
  background-image: radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),
    hsla(0, 0%, 100%, 0.55) 0%, hsla(0, 0%, 100%, 0.28) 25%, hsla(0, 0%, 100%, 0.16) 60%, hsla(0, 0%, 100%, 0.1) 100%);
  background-size: 100% 100%;
  -webkit-mask-image: var(--fa-etch);
  mask-image: var(--fa-etch);
  -webkit-mask-size: var(--fa-etch-size);
  mask-size: var(--fa-etch-size);
  -webkit-mask-position: var(--fa-etch-pos);
  mask-position: var(--fa-etch-pos);
  -webkit-mask-repeat: var(--fa-etch-repeat);
  mask-repeat: var(--fa-etch-repeat);
  mix-blend-mode: normal;
  filter: none;
  opacity: calc(0.5 + var(--pointer-from-center) * 0.5);
}

/* ---- Hyper Rare: gold, SV_ULTRA / ETCHED ------------------------------------
   The rainbow is faint on the real cards: the gold ink tints it, so it reads
   as a warm sheen moving through the light bars rather than colour. Dodged
   paler than upstream: at brightness(.6) the rainbow's red slices turn the
   brightest golds (sv1's Koraidon ex, the gold energies) orange. Photos show
   a heavy glitter grain over the whole card, Pokémon included, and a wash
   to pale champagne at the glare angle: two glitter tiles drifting apart,
   and a hard-light glare that lifts near the light and dims away from it. */
body.fx-holo.fx-holo.fx-holo .tcg.foil-gold.has-foil-map:not(.foil-tera):not(.foil-classic) .foil {
  --fa-spectrum: hsl(2, 100%, 73%), hsl(53, 100%, 69%), hsl(93, 100%, 69%),
    hsl(176, 100%, 76%), hsl(228, 100%, 74%), hsl(283, 100%, 73%), hsl(2, 100%, 73%);
  background-image: repeating-linear-gradient(15deg, var(--fa-spectrum), var(--fa-spectrum), var(--fa-spectrum));
  background-size: 240% 240%;
  background-position: var(--background-x) var(--background-y);
  background-blend-mode: normal;
  filter: brightness(0.62) contrast(1.5) saturate(0.45);
  mix-blend-mode: color-dodge;
}
/* Resting, gold stays gold. */
body.fx-holo.fx-holo.fx-holo .tcg.foil-gold.has-foil-map:not(.foil-tera):not(.foil-classic):not(.lit):not(.settling) .foil {
  filter: brightness(0.6) contrast(1.5) saturate(0.3);
}
/* The foil cut to the etch, as the SIR's (celebration.css): art, Live map,
   then the etch with a 40% floor between the lines, so the sheen and the
   glitter follow the engraving and the relief shows at rest as well as
   under the light. Gold ink is bright, so white lines alone (the glare2
   below) read faint on it; the cut is what makes the texture visible
   (Noah, Iron Crown ex 216/162, 2026-09-28). */
body.fx-holo.fx-holo.fx-holo .tcg.foil-gold.has-foil-map:is(.has-etch-map, .has-etch-tile):not(.foil-tera):not(.foil-classic) .foil {
  --fa-floor: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  -webkit-mask-image: var(--art), var(--foil-map), var(--fa-etch), var(--fa-floor);
  -webkit-mask-composite: source-in, source-in, source-over, source-over;
  mask-image: var(--art), var(--foil-map), var(--fa-etch), var(--fa-floor);
  mask-composite: intersect, intersect, add, add;
  -webkit-mask-size: contain, 100% 100%, var(--fa-etch-size), 100% 100%;
  mask-size: contain, 100% 100%, var(--fa-etch-size), 100% 100%;
  -webkit-mask-position: center, center, var(--fa-etch-pos), center;
  mask-position: center, center, var(--fa-etch-pos), center;
  -webkit-mask-repeat: no-repeat, no-repeat, var(--fa-etch-repeat), no-repeat;
  mask-repeat: no-repeat, no-repeat, var(--fa-etch-repeat), no-repeat;
}
body.fx-holo.fx-holo.fx-holo .tcg.foil-gold.has-foil-map:not(.foil-tera):not(.foil-classic) .foil::before {
  background-image:
    linear-gradient(calc(var(--rotate-x) * -0.25), #000 24%, #797979 30%, #000 36%),
    linear-gradient(calc(var(--rotate-x) * 0.25), #000 24%, #797979 30%, #000 36%);
  background-size: 300% 300%;
  background-position: 50% min(100%, calc(var(--background-y) * 1.7)), 50% calc(100% - (var(--background-y) * 1.3));
  background-blend-mode: exclusion;
  filter: contrast(0.75);
  mix-blend-mode: hard-light;
}
body.fx-holo.fx-holo.fx-holo .tcg.foil-gold.has-foil-map:not(.foil-tera):not(.foil-classic) .foil::after {
  --shift: 3px;
  background-image: var(--holo-glitter), var(--holo-glitter);
  background-size: 14% auto, 23% auto;
  background-position:
    calc(50% + var(--pointer-from-left) * var(--shift)) calc(50% + var(--pointer-from-top) * var(--shift)),
    calc(30% - var(--pointer-from-left) * var(--shift)) calc(70% - var(--pointer-from-top) * var(--shift));
  background-blend-mode: screen;
  filter: brightness(1.5) contrast(2.2) saturate(0.9);
  mix-blend-mode: plus-lighter;
  opacity: calc(0.35 + var(--pointer-from-center) * 0.5);
}
body.fx-holo.fx-holo.fx-holo .tcg.foil-gold.has-foil-map:not(.foil-tera):not(.foil-classic) .glare {
  background-image: radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),
    hsl(40, 15%, 74%) 5%, hsl(0, 0%, 50%) 35%, hsl(0, 0%, 40%) 110%);
  background-size: cover;
  background-position: center;
  mix-blend-mode: hard-light;
  filter: none;
  opacity: calc(var(--card-opacity) * 0.6);
}
/* Upstream's glare2: the etch lit across the whole card, brightest under the
   light. In the hard-light glare, the white lines lift the gold under them. */
body.fx-holo.fx-holo.fx-holo .tcg.foil-gold.has-foil-map:is(.has-etch-map, .has-etch-tile):not(.foil-tera):not(.foil-classic) .glare::after {
  background-image: radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),
    hsla(0, 0%, 100%, 0.95) 0%, hsla(0, 0%, 100%, 0.55) 30%, hsla(0, 0%, 100%, 0.3) 80%);
  background-size: 100% 100%;
  -webkit-mask-image: var(--fa-etch);
  mask-image: var(--fa-etch);
  -webkit-mask-size: var(--fa-etch-size);
  mask-size: var(--fa-etch-size);
  -webkit-mask-position: var(--fa-etch-pos);
  mask-position: var(--fa-etch-pos);
  -webkit-mask-repeat: var(--fa-etch-repeat);
  mask-repeat: var(--fa-etch-repeat);
  mix-blend-mode: normal;
  filter: none;
  opacity: calc(0.6 + var(--pointer-from-center) * 0.4);
}

/* ---- Hyper Rare and Mega Hyper Rare, Scarlet & Violet and Mega Evolution ----
   Noah, 2026-10-02: "most have really shitty texture and i dont like the
   overuse of the rainbow glare". Photos of the real Mega Hyper Rares
   (mega-hyper-rare/texture-refs: Gardevoir, Lucario, Charizard X and Y,
   Dragonite, Zygarde) show mirror gold, not a rainbow card: lemon-gold that
   goes pale near the lamp and olive away from it, engraved lines and a fine
   glitter grain, and colour only as one hard-edged diffraction band that
   slides across with the tilt (gone at some angles). The dark ink, text and
   symbols stay matte. So the whole-card rainbow above becomes a warm light
   pool on `.foil`, and the band rides the hard-light glare, which is masked
   by the foil map twice (squared: the half-foil Pokémon takes a quarter of
   the band, the ink none). The Sword & Shield golds keep the recipe above;
   the Paldean Fates Scodix golds keep shiny-vault.css. */
body.fx-holo.fx-holo.fx-holo .tcg.foil-gold.has-foil-map:is(.era-sv, .era-me):not(.foil-tera):not(.foil-classic):not(.foil-scodix) .foil {
  background-image: radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),
    hsl(46, 100%, 90%) 0%, hsl(43, 85%, 66%) 22%, hsl(38, 65%, 34%) 55%, hsl(30, 45%, 14%) 100%);
  background-size: 100% 100%;
  background-position: center;
  filter: brightness(0.7) contrast(1.35) saturate(0.9);
}
body.fx-holo.fx-holo.fx-holo .tcg.foil-gold.has-foil-map:is(.era-sv, .era-me):not(.foil-tera):not(.foil-classic):not(.foil-scodix):not(.lit):not(.settling) .foil {
  filter: brightness(0.6) contrast(1.5) saturate(0.3);
}
/* A lower floor between the engraved lines, so the light follows them. */
body.fx-holo.fx-holo.fx-holo .tcg.foil-gold.has-foil-map:is(.era-sv, .era-me):is(.has-etch-map, .has-etch-tile):not(.foil-tera):not(.foil-classic):not(.foil-scodix) .foil {
  --fa-floor: linear-gradient(rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 0.22));
}
/* The grain under the sheen, not over it. */
body.fx-holo.fx-holo.fx-holo .tcg.foil-gold.has-foil-map:is(.era-sv, .era-me):not(.foil-tera):not(.foil-classic):not(.foil-scodix) .foil::after {
  filter: brightness(1.3) contrast(1.8) saturate(0.5);
  opacity: calc(0.22 + var(--pointer-from-center) * 0.3);
}
/* Pale gold at the lamp, olive gold away from it (its far end stays at a
   third grey: shade, never dark dots), and the diffraction band: one
   spectrum about a third of the card wide, which drifts about once across
   the card per sweep. */
body.fx-holo.fx-holo.fx-holo .tcg.foil-gold.has-foil-map:is(.era-sv, .era-me):not(.foil-tera):not(.foil-classic):not(.foil-scodix) .glare {
  background-image:
    linear-gradient(110deg, transparent 43%,
      hsla(350, 100%, 60%, 0.45) 44.5%, hsla(35, 100%, 58%, 0.5) 46%, hsla(90, 90%, 52%, 0.5) 47.5%,
      hsla(170, 90%, 50%, 0.5) 49%, hsla(220, 100%, 62%, 0.5) 50.5%, hsla(280, 90%, 62%, 0.42) 52%, transparent 53.5%),
    radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),
      hsl(48, 55%, 76%) 0%, hsl(44, 30%, 52%) 32%, hsl(40, 32%, 34%) 100%);
  background-size: 300% 300%, 100% 100%;
  background-position: var(--background-x) var(--background-y), center;
  mix-blend-mode: hard-light;
  filter: none;
  opacity: calc(var(--card-opacity) * 0.8);
  -webkit-mask-image: var(--art), var(--foil-map), var(--foil-map);
  -webkit-mask-composite: source-in, source-in, source-over;
  mask-image: var(--art), var(--foil-map), var(--foil-map);
  mask-composite: intersect, intersect, add;
  -webkit-mask-size: contain, 100% 100%, 100% 100%;
  mask-size: contain, 100% 100%, 100% 100%;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
/* The engraved lines catch the lamp warm, not white. */
body.fx-holo.fx-holo.fx-holo .tcg.foil-gold.has-foil-map:is(.era-sv, .era-me):is(.has-etch-map, .has-etch-tile):not(.foil-tera):not(.foil-classic):not(.foil-scodix) .glare::after {
  background-image: radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),
    hsla(48, 100%, 95%, 0.9) 0%, hsla(46, 100%, 90%, 0.45) 30%, hsla(44, 100%, 85%, 0.18) 80%);
}