/* The Gift Box: 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-s1 to --c-s5 are the five papers
   of the stars, streamers and spirals that spring out of the box. */
.ks-card--birthday-gift-box {
  --c-fold: rgba(58, 27, 63, .15); --c-lip: rgba(58, 27, 63, .16);
  --c-tag: #FFF8EC; --c-twine: #FFF6E9; --c-name: #3A1B3F; --c-spring: #FFF8EC; --c-spring-2: #E6D0B0;
  /* red ribbon (default): a jade box tied with vermilion on cream, a marigold starburst behind */
  --c-wall: #FDF1D8; --c-wall-2: #F8D273; --c-wall-3: #FBE2A2; --c-wall-dot: #F5DBA6; --c-ring: #FDF1D8;
  --c-floor: #F6E3C5; --c-floor-mark: #EED2A6;
  --c-box: #3FA796; --c-box-2: #66BCAD; --c-box-s: #348E80; --c-box-in: #1F665B; --c-box-rim: #8ACFC3;
  --c-tissue: #FFF6E9; --c-tissue-2: #F7B4A7;
  --c-rib: #E4472B; --c-rib-2: #BF3219; --c-rib-3: #F37F68;
  --c-wire: #6B4A6E; --c-twine-2: #E4472B;
  --c-s1: #E4472B; --c-s2: #6FB5DC; --c-s3: #F4978A; --c-s4: #3FA796; --c-s5: #6B4A6E;
  --c-tag-line: #F5B83D; --c-tag-ring: #E4472B; --c-tag-hole: #6B4A6E;
  --c-p1: #F7B4A7; --c-p1-2: #FBD3CA; --c-p1-rib: #F5B83D; --c-p1-rib-2: #DB9A1E;
  --c-p2: #F5B83D; --c-p2-2: #FBD787; --c-p2-rib: #5BA4D4; --c-p2-rib-2: #3A7CA5;
  --c-p3: #9CCDE6; --c-p3-2: #C9E4F1; --c-p3-rib: #E4472B; --c-p3-rib-2: #BF3219;
  --c-reel: #FFF6E9; --c-reel-2: #E6D0B0; --c-curl: #E4472B; --c-curl-2: #BF3219;
  --c-front: #F7B4A7; --c-front-2: #FFF6E9;
  --c-cover: #FBE2A2; --c-cover-2: #FDF1D8; --c-cover-line: #E4472B; --c-cover-ink: #3A1B3F;
}
/* marigold: a deep blue box tied with marigold on blush */
.ks-card--birthday-gift-box[data-colourway="marigold"] {
  --c-wall: #FBDDD3; --c-wall-2: #F7B9AC; --c-wall-3: #F9CBC0; --c-wall-dot: #F8CCC1; --c-ring: #FBDDD3;
  --c-floor: #FCF1DF; --c-floor-mark: #F4DDB6;
  --c-box: #3A7CA5; --c-box-2: #5E9CC0; --c-box-s: #2E6A90; --c-box-in: #1E4868; --c-box-rim: #8FBEDA;
  --c-tissue: #FFF6E9; --c-tissue-2: #F5B83D;
  --c-rib: #F5B83D; --c-rib-2: #DB9A1E; --c-rib-3: #FBD787;
  --c-s1: #F5B83D; --c-s2: #3A7CA5; --c-s3: #FFF6E9; --c-s4: #E4472B; --c-s5: #3FA796;
  --c-twine-2: #3A7CA5; --c-tag-line: #9CCDE6; --c-tag-ring: #F5B83D; --c-tag-hole: #2E6A90;
  --c-p1: #3FA796; --c-p1-2: #66BCAD; --c-p1-rib: #FFF6E9; --c-p1-rib-2: #E6D0B0;
  --c-p2: #E4472B; --c-p2-2: #F37F68; --c-p2-rib: #F5B83D; --c-p2-rib-2: #DB9A1E;
  --c-p3: #FFF6E9; --c-p3-2: #F9CBC0; --c-p3-rib: #3A7CA5; --c-p3-rib-2: #2E6A90;
  --c-curl: #F5B83D; --c-curl-2: #DB9A1E;
  --c-front: #9CCDE6; --c-front-2: #FFF6E9;
  --c-cover: #F9CBC0; --c-cover-2: #FBDDD3; --c-cover-line: #3A7CA5; --c-cover-ink: #3A1B3F;
}
/* midnight: an aubergine box tied with blush under a deep blue sky of paper */
.ks-card--birthday-gift-box[data-colourway="midnight"] {
  --c-fold: rgba(42, 18, 48, .2);
  --c-wall: #25456E; --c-wall-2: #31598A; --c-wall-3: #3D6CA2; --c-wall-dot: #2F5482; --c-ring: #25456E;
  --c-floor: #3B346A; --c-floor-mark: #47407A;
  --c-box: #53295B; --c-box-2: #74487C; --c-box-s: #3F1D46; --c-box-in: #2A1230; --c-box-rim: #8D6494;
  --c-tissue: #FFF6E9; --c-tissue-2: #F5B83D;
  --c-rib: #F7B4A7; --c-rib-2: #E58F80; --c-rib-3: #FCD9D1;
  --c-wire: #D9CCE6; --c-twine-2: #E58F80;
  --c-s1: #F5B83D; --c-s2: #F7B4A7; --c-s3: #FFF6E9; --c-s4: #9CCDE6; --c-s5: #F06B4E;
  --c-tag-line: #F7B4A7; --c-tag-ring: #F5B83D; --c-tag-hole: #53295B;
  --c-p1: #F5B83D; --c-p1-2: #FBD787; --c-p1-rib: #53295B; --c-p1-rib-2: #3F1D46;
  --c-p2: #9CCDE6; --c-p2-2: #C9E4F1; --c-p2-rib: #F06B4E; --c-p2-rib-2: #CF4A30;
  --c-p3: #F7B4A7; --c-p3-2: #FCD9D1; --c-p3-rib: #FFF6E9; --c-p3-rib-2: #E6D0B0;
  --c-curl: #F5B83D; --c-curl-2: #DB9A1E;
  --c-front: #74487C; --c-front-2: #F7B4A7;
  --c-cover: #25456E; --c-cover-2: #31598A; --c-cover-line: #F7B4A7; --c-cover-ink: #FFF6E9;
}
/* resting state = the finished still: the box open, everything sprung, the name written (the wipe has no width).
   Hidden until wanted: the three extra surprises a tap sends up out of the box. */
.ks-card--birthday-gift-box .gb-sur { opacity: 0; }
/* the name is written with a soft pen: a little weight so it reads at any size */
.ks-card--birthday-gift-box .gb-name { stroke: var(--c-name); stroke-width: .7px; stroke-linejoin: round; }