/* Group portraits and colours are independent of enrolment and payment states. */
[data-group-tone] { --gi-surface:#e9e8ff; --gi-wash:#f3efff; --gi-border:#bcb8e4; --gi-accent:#4d4b9c; --gi-ink:#193348; }
[data-group-tone="coral"] { --gi-surface:#ffdfdc; --gi-wash:#fff0e8; --gi-border:#e6a6a6; --gi-accent:#a63846; }
[data-group-tone="orange"] { --gi-surface:#ffe3c4; --gi-wash:#fff0df; --gi-border:#e7b881; --gi-accent:#9a4d0a; }
[data-group-tone="amber"] { --gi-surface:#ffeaba; --gi-wash:#fff5d7; --gi-border:#dfc178; --gi-accent:#795314; }
[data-group-tone="lime"] { --gi-surface:#e6efbf; --gi-wash:#f5f9df; --gi-border:#bbc886; --gi-accent:#49691c; }
[data-group-tone="mint"] { --gi-surface:#cceede; --gi-wash:#eaf8ed; --gi-border:#99cdb4; --gi-accent:#1a6748; }
[data-group-tone="teal"] { --gi-surface:#c9eeeb; --gi-wash:#e5f7f4; --gi-border:#96ccc8; --gi-accent:#0b6770; }
[data-group-tone="sky"] { --gi-surface:#d2eafb; --gi-wash:#ebf6ff; --gi-border:#a2c9e4; --gi-accent:#1b668e; }
[data-group-tone="blue"] { --gi-surface:#d8e5ff; --gi-wash:#ecf3ff; --gi-border:#a8bfe4; --gi-accent:#28569f; }
[data-group-tone="indigo"] { --gi-surface:#dedffc; --gi-wash:#eeefff; --gi-border:#b4b5de; --gi-accent:#4d4b9c; }
[data-group-tone="violet"] { --gi-surface:#e7d9fb; --gi-wash:#f5ecff; --gi-border:#c6a7e6; --gi-accent:#6b409e; }
[data-group-tone="rose"] { --gi-surface:#fad8e7; --gi-wash:#ffedf4; --gi-border:#e1a8c0; --gi-accent:#a33867; }
[data-group-tone="slate"] { --gi-surface:#dce8ee; --gi-wash:#eff5f7; --gi-border:#b1c6d0; --gi-accent:#3d596c; }


/* Saturated options keep dark text and a contrasting action colour. */
[data-group-tone^="vivid-"] { --gi-copy:#193348; }
[data-group-tone="vivid-red"] { --gi-surface:#ff838e; --gi-wash:#ffabb2; --gi-border:#d24d62; --gi-accent:#8c1630; }
[data-group-tone="vivid-coral"] { --gi-surface:#ff9b85; --gi-wash:#ffbc98; --gi-border:#d86845; --gi-accent:#8c2b10; }
[data-group-tone="vivid-orange"] { --gi-surface:#ffac5b; --gi-wash:#ffcb81; --gi-border:#d47620; --gi-accent:#7c3508; }
[data-group-tone="vivid-tangerine"] { --gi-surface:#ffc05c; --gi-wash:#ffdc83; --gi-border:#c78721; --gi-accent:#6c3b08; }
[data-group-tone="vivid-amber"] { --gi-surface:#ffd05a; --gi-wash:#ffe68a; --gi-border:#be8b20; --gi-accent:#68420a; }
[data-group-tone="vivid-gold"] { --gi-surface:#f4d74d; --gi-wash:#ffea78; --gi-border:#ad8c14; --gi-accent:#5e4404; }
[data-group-tone="vivid-yellow"] { --gi-surface:#ffe55c; --gi-wash:#fff293; --gi-border:#c1a52b; --gi-accent:#65500b; }
[data-group-tone="vivid-lemon"] { --gi-surface:#e9ed4b; --gi-wash:#f6fa81; --gi-border:#9ea923; --gi-accent:#4a5007; }
[data-group-tone="vivid-lime"] { --gi-surface:#c8e953; --gi-wash:#e0f48c; --gi-border:#8eac21; --gi-accent:#40580a; }
[data-group-tone="vivid-green"] { --gi-surface:#84de7a; --gi-wash:#a7eda0; --gi-border:#4ba548; --gi-accent:#20531a; }
[data-group-tone="vivid-emerald"] { --gi-surface:#62dba0; --gi-wash:#99ecc4; --gi-border:#32a874; --gi-accent:#0d5338; }
[data-group-tone="vivid-mint"] { --gi-surface:#75e4bb; --gi-wash:#a1f1d4; --gi-border:#3eb28e; --gi-accent:#0e5641; }
[data-group-tone="vivid-teal"] { --gi-surface:#68d8ca; --gi-wash:#9aebdf; --gi-border:#369e91; --gi-accent:#10544c; }
[data-group-tone="vivid-aqua"] { --gi-surface:#65dfe6; --gi-wash:#99f0ed; --gi-border:#35a3ad; --gi-accent:#0d5359; }
[data-group-tone="vivid-cyan"] { --gi-surface:#6bd4f2; --gi-wash:#a1eaff; --gi-border:#389dbb; --gi-accent:#0d4f65; }
[data-group-tone="vivid-sky"] { --gi-surface:#85caff; --gi-wash:#b0dfff; --gi-border:#4d93c7; --gi-accent:#17476e; }
[data-group-tone="vivid-blue"] { --gi-surface:#8cb8ff; --gi-wash:#b4d3ff; --gi-border:#5686d1; --gi-accent:#193e83; }
[data-group-tone="vivid-cobalt"] { --gi-surface:#a2adff; --gi-wash:#c1c9ff; --gi-border:#6c7ad5; --gi-accent:#2e3d87; }
[data-group-tone="vivid-indigo"] { --gi-surface:#b2a0ff; --gi-wash:#d1bfff; --gi-border:#8267cc; --gi-accent:#432c82; }
[data-group-tone="vivid-violet"] { --gi-surface:#cd9bff; --gi-wash:#e2beff; --gi-border:#9c62c7; --gi-accent:#592a81; }
[data-group-tone="vivid-purple"] { --gi-surface:#e4a0f5; --gi-wash:#f2c1fb; --gi-border:#b867c3; --gi-accent:#66266e; }
[data-group-tone="vivid-orchid"] { --gi-surface:#f59ae7; --gi-wash:#ffbdf0; --gi-border:#c55aa7; --gi-accent:#6d225e; }
[data-group-tone="vivid-fuchsia"] { --gi-surface:#ff99cf; --gi-wash:#ffb9e4; --gi-border:#cc5796; --gi-accent:#7d1d57; }
[data-group-tone="vivid-raspberry"] { --gi-surface:#ff92b6; --gi-wash:#ffb5cd; --gi-border:#d25580; --gi-accent:#821b44; }

.tfpgi-avatar { display:block; flex:0 0 auto; width:82px; height:82px; border-radius:50%; background-repeat:no-repeat; background-size:400% 400%; background-image:url('/frontend/images/academy/animals-classic-v2.webp'); overflow:hidden; }
.tfpgi-avatar[data-avatar="fox"] { background-image:url('/frontend/images/academy/animals-classic-v2.webp'); background-size:400% 400%; background-position:0.000000% 0.000000%; }
.tfpgi-avatar[data-avatar="lynx"] { background-image:url('/frontend/images/academy/animals-classic-v2.webp'); background-size:400% 400%; background-position:33.333333% 0.000000%; }
.tfpgi-avatar[data-avatar="tiger"] { background-image:url('/frontend/images/academy/animals-classic-v2.webp'); background-size:400% 400%; background-position:66.666667% 0.000000%; }
.tfpgi-avatar[data-avatar="lion"] { background-image:url('/frontend/images/academy/animals-classic-v2.webp'); background-size:400% 400%; background-position:100.000000% 0.000000%; }
.tfpgi-avatar[data-avatar="panda"] { background-image:url('/frontend/images/academy/animals-classic-v2.webp'); background-size:400% 400%; background-position:0.000000% 33.333333%; }
.tfpgi-avatar[data-avatar="bear"] { background-image:url('/frontend/images/academy/animals-classic-v2.webp'); background-size:400% 400%; background-position:33.333333% 33.333333%; }
.tfpgi-avatar[data-avatar="wolf"] { background-image:url('/frontend/images/academy/animals-classic-v2.webp'); background-size:400% 400%; background-position:66.666667% 33.333333%; }
.tfpgi-avatar[data-avatar="eagle"] { background-image:url('/frontend/images/academy/animals-classic-v2.webp'); background-size:400% 400%; background-position:100.000000% 33.333333%; }
.tfpgi-avatar[data-avatar="owl"] { background-image:url('/frontend/images/academy/animals-classic-v2.webp'); background-size:400% 400%; background-position:0.000000% 66.666667%; }
.tfpgi-avatar[data-avatar="rabbit"] { background-image:url('/frontend/images/academy/animals-classic-v2.webp'); background-size:400% 400%; background-position:33.333333% 66.666667%; }
.tfpgi-avatar[data-avatar="koala"] { background-image:url('/frontend/images/academy/animals-classic-v2.webp'); background-size:400% 400%; background-position:66.666667% 66.666667%; }
.tfpgi-avatar[data-avatar="raccoon"] { background-image:url('/frontend/images/academy/animals-classic-v2.webp'); background-size:400% 400%; background-position:100.000000% 66.666667%; }
.tfpgi-avatar[data-avatar="otter"] { background-image:url('/frontend/images/academy/animals-classic-v2.webp'); background-size:400% 400%; background-position:0.000000% 100.000000%; }
.tfpgi-avatar[data-avatar="cheetah"] { background-image:url('/frontend/images/academy/animals-classic-v2.webp'); background-size:400% 400%; background-position:33.333333% 100.000000%; }
.tfpgi-avatar[data-avatar="panther"] { background-image:url('/frontend/images/academy/animals-classic-v2.webp'); background-size:400% 400%; background-position:66.666667% 100.000000%; }
.tfpgi-avatar[data-avatar="turtle"] { background-image:url('/frontend/images/academy/animals-classic-v2.webp'); background-size:400% 400%; background-position:100.000000% 100.000000%; }
.tfpgi-avatar[data-avatar="red-panda"] { background-image:url('/frontend/images/academy/animals-tennis-v2.webp'); background-size:400% 400%; background-position:0.000000% 0.000000%; }
.tfpgi-avatar[data-avatar="dog"] { background-image:url('/frontend/images/academy/animals-tennis-v2.webp'); background-size:400% 400%; background-position:33.333333% 0.000000%; }
.tfpgi-avatar[data-avatar="cat"] { background-image:url('/frontend/images/academy/animals-tennis-v2.webp'); background-size:400% 400%; background-position:66.666667% 0.000000%; }
.tfpgi-avatar[data-avatar="squirrel"] { background-image:url('/frontend/images/academy/animals-tennis-v2.webp'); background-size:400% 400%; background-position:100.000000% 0.000000%; }
.tfpgi-avatar[data-avatar="hedgehog"] { background-image:url('/frontend/images/academy/animals-tennis-v2.webp'); background-size:400% 400%; background-position:0.000000% 33.333333%; }
.tfpgi-avatar[data-avatar="penguin"] { background-image:url('/frontend/images/academy/animals-tennis-v2.webp'); background-size:400% 400%; background-position:33.333333% 33.333333%; }
.tfpgi-avatar[data-avatar="kangaroo"] { background-image:url('/frontend/images/academy/animals-tennis-v2.webp'); background-size:400% 400%; background-position:66.666667% 33.333333%; }
.tfpgi-avatar[data-avatar="horse"] { background-image:url('/frontend/images/academy/animals-tennis-v2.webp'); background-size:400% 400%; background-position:100.000000% 33.333333%; }
.tfpgi-avatar[data-avatar="gorilla"] { background-image:url('/frontend/images/academy/animals-tennis-v2.webp'); background-size:400% 400%; background-position:0.000000% 66.666667%; }
.tfpgi-avatar[data-avatar="elephant"] { background-image:url('/frontend/images/academy/animals-tennis-v2.webp'); background-size:400% 400%; background-position:33.333333% 66.666667%; }
.tfpgi-avatar[data-avatar="giraffe"] { background-image:url('/frontend/images/academy/animals-tennis-v2.webp'); background-size:400% 400%; background-position:66.666667% 66.666667%; }
.tfpgi-avatar[data-avatar="zebra"] { background-image:url('/frontend/images/academy/animals-tennis-v2.webp'); background-size:400% 400%; background-position:100.000000% 66.666667%; }
.tfpgi-avatar[data-avatar="badger"] { background-image:url('/frontend/images/academy/animals-tennis-v2.webp'); background-size:400% 400%; background-position:0.000000% 100.000000%; }
.tfpgi-avatar[data-avatar="lemur"] { background-image:url('/frontend/images/academy/animals-tennis-v2.webp'); background-size:400% 400%; background-position:33.333333% 100.000000%; }
.tfpgi-avatar[data-avatar="deer"] { background-image:url('/frontend/images/academy/animals-tennis-v2.webp'); background-size:400% 400%; background-position:66.666667% 100.000000%; }
.tfpgi-avatar[data-avatar="beaver"] { background-image:url('/frontend/images/academy/animals-tennis-v2.webp'); background-size:400% 400%; background-position:100.000000% 100.000000%; }
.tfpgi-avatar[data-avatar="crocodile"] { background-image:url('/frontend/images/academy/animals-extra-v2.webp'); background-size:300% 600%; background-position:0.000000% 0.000000%; }
.tfpgi-avatar[data-avatar="dolphin"] { background-image:url('/frontend/images/academy/animals-extra-v2.webp'); background-size:300% 600%; background-position:50.000000% 0.000000%; }
.tfpgi-avatar[data-avatar="shark"] { background-image:url('/frontend/images/academy/animals-extra-v2.webp'); background-size:300% 600%; background-position:100.000000% 0.000000%; }
.tfpgi-avatar[data-avatar="seal"] { background-image:url('/frontend/images/academy/animals-extra-v2.webp'); background-size:300% 600%; background-position:0.000000% 20.000000%; }
.tfpgi-avatar[data-avatar="walrus"] { background-image:url('/frontend/images/academy/animals-extra-v2.webp'); background-size:300% 600%; background-position:50.000000% 20.000000%; }
.tfpgi-avatar[data-avatar="polar-bear"] { background-image:url('/frontend/images/academy/animals-extra-v2.webp'); background-size:300% 600%; background-position:100.000000% 20.000000%; }
.tfpgi-avatar[data-avatar="moose"] { background-image:url('/frontend/images/academy/animals-extra-v2.webp'); background-size:300% 600%; background-position:0.000000% 40.000000%; }
.tfpgi-avatar[data-avatar="buffalo"] { background-image:url('/frontend/images/academy/animals-extra-v2.webp'); background-size:300% 600%; background-position:50.000000% 40.000000%; }
.tfpgi-avatar[data-avatar="rhino"] { background-image:url('/frontend/images/academy/animals-extra-v2.webp'); background-size:300% 600%; background-position:100.000000% 40.000000%; }
.tfpgi-avatar[data-avatar="hippo"] { background-image:url('/frontend/images/academy/animals-extra-v2.webp'); background-size:300% 600%; background-position:0.000000% 60.000000%; }
.tfpgi-avatar[data-avatar="chameleon"] { background-image:url('/frontend/images/academy/animals-extra-v2.webp'); background-size:300% 600%; background-position:50.000000% 60.000000%; }
.tfpgi-avatar[data-avatar="flamingo"] { background-image:url('/frontend/images/academy/animals-extra-v2.webp'); background-size:300% 600%; background-position:100.000000% 60.000000%; }
.tfpgi-avatar[data-avatar="toucan"] { background-image:url('/frontend/images/academy/animals-extra-v2.webp'); background-size:300% 600%; background-position:0.000000% 80.000000%; }
.tfpgi-avatar[data-avatar="parrot"] { background-image:url('/frontend/images/academy/animals-extra-v2.webp'); background-size:300% 600%; background-position:50.000000% 80.000000%; }
.tfpgi-avatar[data-avatar="duck"] { background-image:url('/frontend/images/academy/animals-extra-v2.webp'); background-size:300% 600%; background-position:100.000000% 80.000000%; }
.tfpgi-avatar[data-avatar="rooster"] { background-image:url('/frontend/images/academy/animals-extra-v2.webp'); background-size:300% 600%; background-position:0.000000% 100.000000%; }
.tfpgi-avatar[data-avatar="snow-leopard"] { background-image:url('/frontend/images/academy/animals-extra-v2.webp'); background-size:300% 600%; background-position:50.000000% 100.000000%; }
.tfpgi-avatar[data-avatar="fennec"] { background-image:url('/frontend/images/academy/animals-extra-v2.webp'); background-size:300% 600%; background-position:100.000000% 100.000000%; }