/* The Balloons: colourways and the scene's own resting states. Every colour the template uses is a --c-* variable set
   here per colourway, so a colourway is a real change of paper, never a filter. --c-b1 to --c-b5 are the five
   balloon papers; --c-shade and --c-shine are the darker and paler cuts laid on a balloon. */
.ks-card--birthday-balloons {
  --c-string: #6B4A6E; --c-shade: rgba(58, 27, 63, .15); --c-shine: rgba(255, 251, 244, .5); --c-dot: #FFF6E9;
  --c-flash: #FFFBF4; --c-banner: #FFFBF4; --c-banner-2: #F1D9B4; --c-banner-3: #D3B588; --c-name: #3A1B3F;
  /* party (default): the brand's bright papers on a pale sky */
  --c-wall: #D5EAF4; --c-wall-2: #C5E1F0; --c-cloud: #FFFBF4; --c-floor: #E2F0F6; --c-floor-2: #F3F8F8; --c-front: #FFFBF4;
  --c-b1: #E4472B; --c-b2: #F5B83D; --c-b3: #3FA796; --c-b4: #5BA4D4; --c-b5: #F7B4A7;
  --c-gift: #6B4A6E; --c-gift-2: #84638A; --c-ribbon: #F5B83D; --c-ribbon-2: #DB9A1E;
  --c-gift-b: #3FA796; --c-gift-b2: #FFF6E9; --c-gift-b3: #52B5A5;
  --c-cover: #D5EAF4; --c-cover-2: #FFFBF4; --c-cover-ink: #3A1B3F; --c-cover-bow: #F5B83D; --c-cover-bow-2: #DB9A1E;
}
/* sherbet: soft pastels on cream, blush clouds */
.ks-card--birthday-balloons[data-colourway="sherbet"] {
  --c-wall: #FCF1DF; --c-wall-2: #F8E6CB; --c-cloud: #FDDDD3; --c-floor: #F6E3C5; --c-floor-2: #FBEEDB; --c-front: #FDDDD3;
  --c-b1: #F4978A; --c-b2: #F8D27E; --c-b3: #9AD3C6; --c-b4: #A9D3EA; --c-b5: #CDB6DA;
  --c-gift: #9AD3C6; --c-gift-2: #7CC2B3; --c-ribbon: #FFFBF4; --c-ribbon-2: #EAD7BE;
  --c-gift-b: #F8D27E; --c-gift-b2: #FFFBF4; --c-gift-b3: #FADD9C; --c-banner-2: #F6C6BA; --c-banner-3: #E29E90; --c-shade: rgba(58, 27, 63, .11);
  --c-cover: #FCF1DF; --c-cover-2: #FDDDD3; --c-cover-bow: #F4978A; --c-cover-bow-2: #E07A6C;
}
/* jewel: deeper papers on warm cream-2 */
.ks-card--birthday-balloons[data-colourway="jewel"] {
  --c-wall: #F6E3C5; --c-wall-2: #F0D5AC; --c-cloud: #FFFBF4; --c-floor: #EED6B0; --c-floor-2: #F6E3C5; --c-front: #FFFBF4;
  --c-b1: #BF3219; --c-b2: #E5A32E; --c-b3: #2A8474; --c-b4: #32709F; --c-b5: #7B3F7D;
  --c-gift: #3A1B3F; --c-gift-2: #5A3560; --c-ribbon: #E5A32E; --c-ribbon-2: #C4841A;
  --c-gift-b: #BF3219; --c-gift-b2: #F6E3C5; --c-gift-b3: #CC4A33; --c-banner-2: #E7C592; --c-banner-3: #C59B5E; --c-shine: rgba(255, 251, 244, .36);
  --c-cover: #F6E3C5; --c-cover-2: #FFFBF4; --c-cover-bow: #E5A32E; --c-cover-bow-2: #C4841A;
}
/* resting state = the finished still: every balloon up, the name written (the wipe has no width).
   Hidden until wanted: the scrap a popped balloon leaves, the pop itself, the roll the banner unrolls from, and the
   pennants that drop in when the last balloon has gone. */
.ks-card--birthday-balloons .bal-scrap,
.ks-card--birthday-balloons .bal-pop,
.ks-card--birthday-balloons .bal-roll,
.ks-card--birthday-balloons .bal-fin { opacity: 0; }
/* the name is a thin script: the same ink round each stroke keeps a long name readable on the banner */
.ks-card--birthday-balloons .bal-name { stroke: var(--c-name); stroke-width: .7px; stroke-linejoin: round; }