:root{--MULTIPLICATEUR:.8}@media(min-width:300px){:root{--MULTIPLICATEUR:.55}}@media(min-width:400px){:root{--MULTIPLICATEUR:.8}}@media(min-width:576px){:root{--MULTIPLICATEUR:1}}@media(min-width:768px){:root{--MULTIPLICATEUR:1.2}}@media(min-width:992px){:root{--MULTIPLICATEUR:1.6}}@media(min-width:1200px){:root{--MULTIPLICATEUR:1.9}}@media(min-width:1400px){:root{--MULTIPLICATEUR:2.5}}.hex{float:left;position:relative;margin-left:calc(3px*var(--MULTIPLICATEUR));margin-bottom:calc(calc((30px)*var(--MULTIPLICATEUR)) + (3px*var(--MULTIPLICATEUR)))}.hex:not(.hex-empty) .top,.hex:not(.hex-empty) .middle,.hex:not(.hex-empty) .bottom{background:linear-gradient(to bottom right,#d3d3d3 0%,#808080 100%)}.hex .circle,.hex .ribbon-text{transition:color .2s ease}.hex.hex-disabled{opacity:.2;pointer-events:none;cursor:not-allowed}.hex.hex-disabled .top,.hex.hex-disabled .middle,.hex.hex-disabled .bottom{background:linear-gradient(to bottom right,#b2b2b2 0%,#9e9e9e 100%)}.hex.hex-disabled .circle,.hex.hex-disabled .ribbon-text{color:#787878}.hex.silver .top,.hex.silver .middle,.hex.silver .bottom{background:linear-gradient(to bottom right,#b2b2b2 0%,#9e9e9e 100%)}.hex.silver .circle,.hex.silver .ribbon-text{color:#787878}.hex.yellow .top,.hex.yellow .middle,.hex.yellow .bottom{background:linear-gradient(to bottom right,#ffdfc2 0%,#ffca99 100%)}.hex.yellow .circle,.hex.yellow .ribbon-text{color:#ffa24d}.hex.orange .top,.hex.orange .middle,.hex.orange .bottom{background:linear-gradient(to bottom right,#fb8271 0%,#fa5f49 100%)}.hex.orange .circle,.hex.orange .ribbon-text{color:#f02407}.hex.pink .top,.hex.pink .middle,.hex.pink .bottom{background:linear-gradient(to bottom right,#fcedf6 0%,#f7cae4 100%)}.hex.pink .circle,.hex.pink .ribbon-text{color:#ed88c2}.hex.red .top,.hex.red .middle,.hex.red .bottom{background:linear-gradient(to bottom right,#ff8e8e 0%,#ff6565 100%)}.hex.red .circle,.hex.red .ribbon-text{color:#ff1919}.hex.purple .top,.hex.purple .middle,.hex.purple .bottom{background:linear-gradient(to bottom right,#c9abf5 0%,#b186f1 100%)}.hex.purple .circle,.hex.purple .ribbon-text{color:#8541e9}.hex.teal .top,.hex.teal .middle,.hex.teal .bottom{background:linear-gradient(to bottom right,#7bccc6 0%,#5dc1b9 100%)}.hex.teal .circle,.hex.teal .ribbon-text{color:#3a9890}.hex.blue .top,.hex.blue .middle,.hex.blue .bottom{background:linear-gradient(to bottom right,#d3e9fc 0%,#add5fa 100%)}.hex.blue .circle,.hex.blue .ribbon-text{color:#65b0f6}.hex.blue-dark .top,.hex.blue-dark .middle,.hex.blue-dark .bottom{background:linear-gradient(to bottom right,#bbd1f9 0%,#95b8f6 100%)}.hex.blue-dark .circle,.hex.blue-dark .ribbon-text{color:#4e89f0}.hex.green .top,.hex.green .middle,.hex.green .bottom{background:linear-gradient(to bottom right,#c4f4e0 0%,#a2edce 100%)}.hex.green .circle,.hex.green .ribbon-text{color:#62e1ac}.hex.green-dark .top,.hex.green-dark .middle,.hex.green-dark .bottom{background:linear-gradient(to bottom right,#b7dfc5 0%,#9bd3ae 100%)}.hex.green-dark .circle,.hex.green-dark .ribbon-text{color:#66bc83}.hex.gold .top,.hex.gold .middle,.hex.gold .bottom{background:linear-gradient(to bottom right,#d6d788 0%,#cbcd69 100%)}.hex.gold .circle,.hex.gold .ribbon-text{color:#adaf3a}.hex.light-green .top,.hex.light-green .middle,.hex.light-green .bottom{background:linear-gradient(to bottom right,#7bd7b8 0%,#5ccda7 100%)}.hex.light-green .circle,.hex.light-green .ribbon-text{color:#34a981}.hex.brown .top,.hex.brown .middle,.hex.brown .bottom{background:linear-gradient(to bottom right,#d68e87 0%,#cb7169 100%)}.hex.brown .circle,.hex.brown .ribbon-text{color:#ac453c}.hex:hover .circle{font-size:calc(calc(1rem*var(--MULTIPLICATEUR))*2)}.hex .circle{z-index:11;position:absolute;top:0;left:calc(50% - calc((30px)*var(--MULTIPLICATEUR)));background:#fff;width:calc(calc((30px)*var(--MULTIPLICATEUR))*2);height:calc(calc((30px)*var(--MULTIPLICATEUR))*2);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:calc(1rem*var(--MULTIPLICATEUR));transition:font-size .2s ease}.hex .ribbon{position:absolute;z-index:12;top:calc(100% - calc(.75rem*var(--MULTIPLICATEUR)));width:100%}.hex .ribbon>.ribbon-text{font-weight:bold;font-size:calc(.75rem*var(--MULTIPLICATEUR));text-shadow:0 2px 8px white,0 -2px 8px white,2px 0 8px white,-2px 0 8px white;text-transform:uppercase;user-select:none;text-align:center;line-height:calc(.75rem*var(--MULTIPLICATEUR));overflow:hidden;text-overflow:ellipsis}.hex .top,.hex .middle,.hex .bottom{width:calc(calc((52px)*var(--MULTIPLICATEUR))*2);height:calc(calc((30px)*var(--MULTIPLICATEUR))*2)}.hex .top{margin-bottom:calc(calc((30px)*var(--MULTIPLICATEUR))*-2);transform:rotate(60deg)}.hex .bottom{margin-top:calc(calc((30px)*var(--MULTIPLICATEUR))*-2);transform:rotate(-60deg)}.hex-row:first-child{padding-top:calc((30px)*var(--MULTIPLICATEUR))}.hex-row{clear:left}.hex-row.even{margin-left:calc((calc((52px)*var(--MULTIPLICATEUR)) + 1px*var(--MULTIPLICATEUR))*-1)}.animation{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media(prefers-reduced-motion){.animation{transition:none!important;-webkit-animation:unset!important;animation:unset!important}}@-webkit-keyframes translate-fade-in{0%{opacity:0;transform:translateX(25px)}to{opacity:1;transform:translateX(0)}}@keyframes translate-fade-in{0%{opacity:0;transform:translateX(25px)}to{opacity:1;transform:translateX(0)}}.translate-fade-in{-webkit-animation-name:translate-fade-in;animation-name:translate-fade-in}.animation[animation-delay="0"]{animation-delay:0ms}.animation[animation-fast-delay="0"]{animation-delay:0ms}.animation[animation-delay="1"]{animation-delay:100ms}.animation[animation-fast-delay="1"]{animation-delay:30ms}.animation[animation-delay="2"]{animation-delay:200ms}.animation[animation-fast-delay="2"]{animation-delay:60ms}.animation[animation-delay="3"]{animation-delay:300ms}.animation[animation-fast-delay="3"]{animation-delay:90ms}.animation[animation-delay="4"]{animation-delay:400ms}.animation[animation-fast-delay="4"]{animation-delay:120ms}.animation[animation-delay="5"]{animation-delay:500ms}.animation[animation-fast-delay="5"]{animation-delay:150ms}.animation[animation-delay="6"]{animation-delay:600ms}.animation[animation-fast-delay="6"]{animation-delay:180ms}.animation[animation-delay="7"]{animation-delay:700ms}.animation[animation-fast-delay="7"]{animation-delay:210ms}.animation[animation-delay="8"]{animation-delay:800ms}.animation[animation-fast-delay="8"]{animation-delay:240ms}.animation[animation-delay="9"]{animation-delay:900ms}.animation[animation-fast-delay="9"]{animation-delay:270ms}.animation[animation-delay="10"]{animation-delay:1000ms}.animation[animation-fast-delay="10"]{animation-delay:300ms}.animation[animation-delay="11"]{animation-delay:1100ms}.animation[animation-fast-delay="11"]{animation-delay:330ms}.animation[animation-delay="12"]{animation-delay:1200ms}.animation[animation-fast-delay="12"]{animation-delay:360ms}.animation[animation-delay="13"]{animation-delay:1300ms}.animation[animation-fast-delay="13"]{animation-delay:390ms}.animation[animation-delay="14"]{animation-delay:1400ms}.animation[animation-fast-delay="14"]{animation-delay:420ms}.animation[animation-delay="15"]{animation-delay:1500ms}.animation[animation-fast-delay="15"]{animation-delay:450ms}.animation[animation-delay="16"]{animation-delay:1600ms}.animation[animation-fast-delay="16"]{animation-delay:480ms}.animation[animation-delay="17"]{animation-delay:1700ms}.animation[animation-fast-delay="17"]{animation-delay:510ms}.animation[animation-delay="18"]{animation-delay:1800ms}.animation[animation-fast-delay="18"]{animation-delay:540ms}.animation[animation-delay="19"]{animation-delay:1900ms}.animation[animation-fast-delay="19"]{animation-delay:570ms}.animation[animation-delay="20"]{animation-delay:2000ms}.animation[animation-fast-delay="20"]{animation-delay:600ms}.animation[animation-delay="21"]{animation-delay:2100ms}.animation[animation-fast-delay="21"]{animation-delay:630ms}.animation[animation-delay="22"]{animation-delay:2200ms}.animation[animation-fast-delay="22"]{animation-delay:660ms}.animation[animation-delay="23"]{animation-delay:2300ms}.animation[animation-fast-delay="23"]{animation-delay:690ms}.animation[animation-delay="24"]{animation-delay:2400ms}.animation[animation-fast-delay="24"]{animation-delay:720ms}.animation[animation-delay="25"]{animation-delay:2500ms}.animation[animation-fast-delay="25"]{animation-delay:750ms}.animation[animation-delay="26"]{animation-delay:2600ms}.animation[animation-fast-delay="26"]{animation-delay:780ms}.animation[animation-delay="27"]{animation-delay:2700ms}.animation[animation-fast-delay="27"]{animation-delay:810ms}.animation[animation-delay="28"]{animation-delay:2800ms}.animation[animation-fast-delay="28"]{animation-delay:840ms}.animation[animation-delay="29"]{animation-delay:2900ms}.animation[animation-fast-delay="29"]{animation-delay:870ms}.animation[animation-delay="30"]{animation-delay:3000ms}.animation[animation-fast-delay="30"]{animation-delay:900ms}.animation[animation-delay="31"]{animation-delay:3100ms}.animation[animation-fast-delay="31"]{animation-delay:930ms}.animation[animation-delay="32"]{animation-delay:3200ms}.animation[animation-fast-delay="32"]{animation-delay:960ms}.animation[animation-delay="33"]{animation-delay:3300ms}.animation[animation-fast-delay="33"]{animation-delay:990ms}.animation[animation-delay="34"]{animation-delay:3400ms}.animation[animation-fast-delay="34"]{animation-delay:1020ms}.animation[animation-delay="35"]{animation-delay:3500ms}.animation[animation-fast-delay="35"]{animation-delay:1050ms}.animation[animation-delay="36"]{animation-delay:3600ms}.animation[animation-fast-delay="36"]{animation-delay:1080ms}.animation[animation-delay="37"]{animation-delay:3700ms}.animation[animation-fast-delay="37"]{animation-delay:1110ms}.animation[animation-delay="38"]{animation-delay:3800ms}.animation[animation-fast-delay="38"]{animation-delay:1140ms}.animation[animation-delay="39"]{animation-delay:3900ms}.animation[animation-fast-delay="39"]{animation-delay:1170ms}.animation[animation-delay="40"]{animation-delay:4000ms}.animation[animation-fast-delay="40"]{animation-delay:1200ms}.animation[animation-delay="41"]{animation-delay:4100ms}.animation[animation-fast-delay="41"]{animation-delay:1230ms}.animation[animation-delay="42"]{animation-delay:4200ms}.animation[animation-fast-delay="42"]{animation-delay:1260ms}.animation[animation-delay="43"]{animation-delay:4300ms}.animation[animation-fast-delay="43"]{animation-delay:1290ms}.animation[animation-delay="44"]{animation-delay:4400ms}.animation[animation-fast-delay="44"]{animation-delay:1320ms}.animation[animation-delay="45"]{animation-delay:4500ms}.animation[animation-fast-delay="45"]{animation-delay:1350ms}.animation[animation-delay="46"]{animation-delay:4600ms}.animation[animation-fast-delay="46"]{animation-delay:1380ms}.animation[animation-delay="47"]{animation-delay:4700ms}.animation[animation-fast-delay="47"]{animation-delay:1410ms}.animation[animation-delay="48"]{animation-delay:4800ms}.animation[animation-fast-delay="48"]{animation-delay:1440ms}.animation[animation-delay="49"]{animation-delay:4900ms}.animation[animation-fast-delay="49"]{animation-delay:1470ms}.animation[animation-delay="50"]{animation-delay:5000ms}.animation[animation-fast-delay="50"]{animation-delay:1500ms}.animation[animation-delay="51"]{animation-delay:5100ms}.animation[animation-fast-delay="51"]{animation-delay:1530ms}.animation[animation-delay="52"]{animation-delay:5200ms}.animation[animation-fast-delay="52"]{animation-delay:1560ms}.animation[animation-delay="53"]{animation-delay:5300ms}.animation[animation-fast-delay="53"]{animation-delay:1590ms}.animation[animation-delay="54"]{animation-delay:5400ms}.animation[animation-fast-delay="54"]{animation-delay:1620ms}.animation[animation-delay="55"]{animation-delay:5500ms}.animation[animation-fast-delay="55"]{animation-delay:1650ms}.animation[animation-delay="56"]{animation-delay:5600ms}.animation[animation-fast-delay="56"]{animation-delay:1680ms}.animation[animation-delay="57"]{animation-delay:5700ms}.animation[animation-fast-delay="57"]{animation-delay:1710ms}.animation[animation-delay="58"]{animation-delay:5800ms}.animation[animation-fast-delay="58"]{animation-delay:1740ms}.animation[animation-delay="59"]{animation-delay:5900ms}.animation[animation-fast-delay="59"]{animation-delay:1770ms}.animation[animation-delay="60"]{animation-delay:6000ms}.animation[animation-fast-delay="60"]{animation-delay:1800ms}.animation[animation-delay="61"]{animation-delay:6100ms}.animation[animation-fast-delay="61"]{animation-delay:1830ms}.animation[animation-delay="62"]{animation-delay:6200ms}.animation[animation-fast-delay="62"]{animation-delay:1860ms}.animation[animation-delay="63"]{animation-delay:6300ms}.animation[animation-fast-delay="63"]{animation-delay:1890ms}.animation[animation-delay="64"]{animation-delay:6400ms}.animation[animation-fast-delay="64"]{animation-delay:1920ms}.animation[animation-delay="65"]{animation-delay:6500ms}.animation[animation-fast-delay="65"]{animation-delay:1950ms}.animation[animation-delay="66"]{animation-delay:6600ms}.animation[animation-fast-delay="66"]{animation-delay:1980ms}.animation[animation-delay="67"]{animation-delay:6700ms}.animation[animation-fast-delay="67"]{animation-delay:2010ms}.animation[animation-delay="68"]{animation-delay:6800ms}.animation[animation-fast-delay="68"]{animation-delay:2040ms}.animation[animation-delay="69"]{animation-delay:6900ms}.animation[animation-fast-delay="69"]{animation-delay:2070ms}.animation[animation-delay="70"]{animation-delay:7000ms}.animation[animation-fast-delay="70"]{animation-delay:2100ms}.animation[animation-delay="71"]{animation-delay:7100ms}.animation[animation-fast-delay="71"]{animation-delay:2130ms}.animation[animation-delay="72"]{animation-delay:7200ms}.animation[animation-fast-delay="72"]{animation-delay:2160ms}.animation[animation-delay="73"]{animation-delay:7300ms}.animation[animation-fast-delay="73"]{animation-delay:2190ms}.animation[animation-delay="74"]{animation-delay:7400ms}.animation[animation-fast-delay="74"]{animation-delay:2220ms}.animation[animation-delay="75"]{animation-delay:7500ms}.animation[animation-fast-delay="75"]{animation-delay:2250ms}.animation[animation-delay="76"]{animation-delay:7600ms}.animation[animation-fast-delay="76"]{animation-delay:2280ms}.animation[animation-delay="77"]{animation-delay:7700ms}.animation[animation-fast-delay="77"]{animation-delay:2310ms}.animation[animation-delay="78"]{animation-delay:7800ms}.animation[animation-fast-delay="78"]{animation-delay:2340ms}.animation[animation-delay="79"]{animation-delay:7900ms}.animation[animation-fast-delay="79"]{animation-delay:2370ms}.animation[animation-delay="80"]{animation-delay:8000ms}.animation[animation-fast-delay="80"]{animation-delay:2400ms}.animation[animation-delay="81"]{animation-delay:8100ms}.animation[animation-fast-delay="81"]{animation-delay:2430ms}.animation[animation-delay="82"]{animation-delay:8200ms}.animation[animation-fast-delay="82"]{animation-delay:2460ms}.animation[animation-delay="83"]{animation-delay:8300ms}.animation[animation-fast-delay="83"]{animation-delay:2490ms}.animation[animation-delay="84"]{animation-delay:8400ms}.animation[animation-fast-delay="84"]{animation-delay:2520ms}.animation[animation-delay="85"]{animation-delay:8500ms}.animation[animation-fast-delay="85"]{animation-delay:2550ms}.animation[animation-delay="86"]{animation-delay:8600ms}.animation[animation-fast-delay="86"]{animation-delay:2580ms}.animation[animation-delay="87"]{animation-delay:8700ms}.animation[animation-fast-delay="87"]{animation-delay:2610ms}.animation[animation-delay="88"]{animation-delay:8800ms}.animation[animation-fast-delay="88"]{animation-delay:2640ms}.animation[animation-delay="89"]{animation-delay:8900ms}.animation[animation-fast-delay="89"]{animation-delay:2670ms}.animation[animation-delay="90"]{animation-delay:9000ms}.animation[animation-fast-delay="90"]{animation-delay:2700ms}.animation[animation-delay="91"]{animation-delay:9100ms}.animation[animation-fast-delay="91"]{animation-delay:2730ms}.animation[animation-delay="92"]{animation-delay:9200ms}.animation[animation-fast-delay="92"]{animation-delay:2760ms}.animation[animation-delay="93"]{animation-delay:9300ms}.animation[animation-fast-delay="93"]{animation-delay:2790ms}.animation[animation-delay="94"]{animation-delay:9400ms}.animation[animation-fast-delay="94"]{animation-delay:2820ms}.animation[animation-delay="95"]{animation-delay:9500ms}.animation[animation-fast-delay="95"]{animation-delay:2850ms}.animation[animation-delay="96"]{animation-delay:9600ms}.animation[animation-fast-delay="96"]{animation-delay:2880ms}.animation[animation-delay="97"]{animation-delay:9700ms}.animation[animation-fast-delay="97"]{animation-delay:2910ms}.animation[animation-delay="98"]{animation-delay:9800ms}.animation[animation-fast-delay="98"]{animation-delay:2940ms}.animation[animation-delay="99"]{animation-delay:9900ms}.animation[animation-fast-delay="99"]{animation-delay:2970ms}.animation[animation-delay="100"]{animation-delay:10000ms}.animation[animation-fast-delay="100"]{animation-delay:3000ms}