@keyframes IntervalVsRafDiagram-module-scss-module__peWCPa__cycle-border-color{0%{border:2px solid var(--primary-color)}to{border:2px solid var(--secondary-color)}}@keyframes IntervalVsRafDiagram-module-scss-module__peWCPa__cycle-colour{0%{color:var(--primary-color)}to{color:var(--secondary-color)}}@keyframes IntervalVsRafDiagram-module-scss-module__peWCPa__fadeInSlideFromLeft{0%{opacity:0;left:-10rem}to{opacity:1;left:0}}@keyframes IntervalVsRafDiagram-module-scss-module__peWCPa__fadeOutSlideToLeft{0%{opacity:1;left:0}to{opacity:0;left:-10rem}}@keyframes IntervalVsRafDiagram-module-scss-module__peWCPa__fadeInKF{0%{opacity:0}to{opacity:1}}@keyframes IntervalVsRafDiagram-module-scss-module__peWCPa__fadeOutKF{0%{opacity:1}to{opacity:0}}@keyframes IntervalVsRafDiagram-module-scss-module__peWCPa__fadeInScaleDownKF{0%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes IntervalVsRafDiagram-module-scss-module__peWCPa__fadeInSlideUpKF{0%{opacity:0;bottom:-5rem}to{opacity:1;bottom:0}}@keyframes IntervalVsRafDiagram-module-scss-module__peWCPa__slideDownKF{0%{top:-5rem}to{top:0}}@keyframes IntervalVsRafDiagram-module-scss-module__peWCPa__fadeInSlideDownKF{0%{opacity:0;top:-5rem}to{opacity:1;top:0}}@keyframes IntervalVsRafDiagram-module-scss-module__peWCPa__fadeOutSlideUpKF{0%{opacity:1;top:0}to{opacity:0;top:-5rem}}.IntervalVsRafDiagram-module-scss-module__peWCPa__animation{height:100%;display:block}.IntervalVsRafDiagram-module-scss-module__peWCPa__animation--cycle-border-color{-ms-animation:cycle-border-color 2s linear infinite alternate;padding:.5rem;animation:2s linear infinite alternate IntervalVsRafDiagram-module-scss-module__peWCPa__cycle-border-color}.IntervalVsRafDiagram-module-scss-module__peWCPa__animation--cycle-colors{-ms-animation:cycle-colour 1s linear infinite alternate;animation:1s linear infinite alternate IntervalVsRafDiagram-module-scss-module__peWCPa__cycle-colour}.IntervalVsRafDiagram-module-scss-module__peWCPa__container{text-align:left}.IntervalVsRafDiagram-module-scss-module__peWCPa__sections{flex-direction:column;gap:1.25rem;display:flex}.IntervalVsRafDiagram-module-scss-module__peWCPa__sectionLabel{color:var(--font-color);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.IntervalVsRafDiagram-module-scss-module__peWCPa__tracks{flex-direction:column;gap:.4rem;display:flex}.IntervalVsRafDiagram-module-scss-module__peWCPa__track{grid-template-columns:7rem 1fr;align-items:center;gap:.5rem;display:grid}@media screen and (min-width:0) and (max-width:800px){.IntervalVsRafDiagram-module-scss-module__peWCPa__track{grid-template-columns:5.5rem 1fr}}.IntervalVsRafDiagram-module-scss-module__peWCPa__trackLabel{color:var(--light-grey);white-space:nowrap;text-align:right;font-size:.75rem}.IntervalVsRafDiagram-module-scss-module__peWCPa__timeline{background:var(--background-color-dark-one);border-radius:4px;height:1.5rem;position:relative;overflow:hidden}.IntervalVsRafDiagram-module-scss-module__peWCPa__tick{opacity:.85;border-radius:2px;height:100%;position:absolute;top:0}.IntervalVsRafDiagram-module-scss-module__peWCPa__tickCountdown{background:var(--light-yellow)}.IntervalVsRafDiagram-module-scss-module__peWCPa__tickGame{background:var(--blue)}.IntervalVsRafDiagram-module-scss-module__peWCPa__tickRound{background:var(--purple)}.IntervalVsRafDiagram-module-scss-module__peWCPa__tickRaf{background:var(--primary-color)}.IntervalVsRafDiagram-module-scss-module__peWCPa__divider{background:var(--grey-blue);height:1px;margin:.25rem 0}.IntervalVsRafDiagram-module-scss-module__peWCPa__legend{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.IntervalVsRafDiagram-module-scss-module__peWCPa__legendItem{color:var(--light-grey);align-items:center;gap:.35rem;font-size:.7rem;display:flex}.IntervalVsRafDiagram-module-scss-module__peWCPa__legendSwatch{border-radius:2px;width:.7rem;height:.7rem}.IntervalVsRafDiagram-module-scss-module__peWCPa__caption{color:var(--light-grey);text-align:center;margin-top:.5rem;font-size:.8rem;line-height:1.5}
@keyframes ColourMatchGameUI-module-scss-module__XiTc3a__cycle-border-color{0%{border:2px solid var(--primary-color)}to{border:2px solid var(--secondary-color)}}@keyframes ColourMatchGameUI-module-scss-module__XiTc3a__cycle-colour{0%{color:var(--primary-color)}to{color:var(--secondary-color)}}@keyframes ColourMatchGameUI-module-scss-module__XiTc3a__fadeInSlideFromLeft{0%{opacity:0;left:-10rem}to{opacity:1;left:0}}@keyframes ColourMatchGameUI-module-scss-module__XiTc3a__fadeOutSlideToLeft{0%{opacity:1;left:0}to{opacity:0;left:-10rem}}@keyframes ColourMatchGameUI-module-scss-module__XiTc3a__fadeInKF{0%{opacity:0}to{opacity:1}}@keyframes ColourMatchGameUI-module-scss-module__XiTc3a__fadeOutKF{0%{opacity:1}to{opacity:0}}@keyframes ColourMatchGameUI-module-scss-module__XiTc3a__fadeInScaleDownKF{0%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes ColourMatchGameUI-module-scss-module__XiTc3a__fadeInSlideUpKF{0%{opacity:0;bottom:-5rem}to{opacity:1;bottom:0}}@keyframes ColourMatchGameUI-module-scss-module__XiTc3a__slideDownKF{0%{top:-5rem}to{top:0}}@keyframes ColourMatchGameUI-module-scss-module__XiTc3a__fadeInSlideDownKF{0%{opacity:0;top:-5rem}to{opacity:1;top:0}}@keyframes ColourMatchGameUI-module-scss-module__XiTc3a__fadeOutSlideUpKF{0%{opacity:1;top:0}to{opacity:0;top:-5rem}}.ColourMatchGameUI-module-scss-module__XiTc3a__animation{height:100%;display:block}.ColourMatchGameUI-module-scss-module__XiTc3a__animation--cycle-border-color{-ms-animation:cycle-border-color 2s linear infinite alternate;padding:.5rem;animation:2s linear infinite alternate ColourMatchGameUI-module-scss-module__XiTc3a__cycle-border-color}.ColourMatchGameUI-module-scss-module__XiTc3a__animation--cycle-colors{-ms-animation:cycle-colour 1s linear infinite alternate;animation:1s linear infinite alternate ColourMatchGameUI-module-scss-module__XiTc3a__cycle-colour}.ColourMatchGameUI-module-scss-module__XiTc3a__wrapper{max-width:400px;margin:1.5rem auto}.ColourMatchGameUI-module-scss-module__XiTc3a__gameArea{background:var(--background-color-dark-two);border:1px solid #ffffff0d;border-radius:12px;padding:20px;position:relative}.ColourMatchGameUI-module-scss-module__XiTc3a__liveStats{justify-content:space-between;align-items:center;margin-bottom:14px;padding:0 4px;display:flex}.ColourMatchGameUI-module-scss-module__XiTc3a__stat{flex-direction:column;align-items:center;gap:2px;display:flex}.ColourMatchGameUI-module-scss-module__XiTc3a__statValue{color:var(--font-color);font-size:1.2rem;font-weight:700}@media screen and (min-width:0) and (max-width:800px){.ColourMatchGameUI-module-scss-module__XiTc3a__statValue{font-size:1rem}}.ColourMatchGameUI-module-scss-module__XiTc3a__statLabel{color:var(--light-grey);text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:600}.ColourMatchGameUI-module-scss-module__XiTc3a__targetSection{flex-direction:column;align-items:center;gap:8px;margin-bottom:14px;display:flex}.ColourMatchGameUI-module-scss-module__XiTc3a__targetLabel{color:var(--light-grey);text-transform:uppercase;letter-spacing:2px;font-size:.7rem;font-weight:600}.ColourMatchGameUI-module-scss-module__XiTc3a__targetSwatch{border:3px solid #ffffff26;border-radius:50%;width:56px;height:56px;box-shadow:0 0 20px #0000004d}@media screen and (min-width:0) and (max-width:800px){.ColourMatchGameUI-module-scss-module__XiTc3a__targetSwatch{width:44px;height:44px}}.ColourMatchGameUI-module-scss-module__XiTc3a__timerBarContainer{background:#ffffff14;border-radius:3px;width:100%;height:6px;margin-bottom:14px;overflow:hidden}.ColourMatchGameUI-module-scss-module__XiTc3a__timerBarFill{background:var(--primary-color);border-radius:3px;width:65%;height:100%}.ColourMatchGameUI-module-scss-module__XiTc3a__grid{grid-template-columns:repeat(2,1fr);gap:10px;max-width:200px;margin:0 auto;display:grid}.ColourMatchGameUI-module-scss-module__XiTc3a__cell{aspect-ratio:1;border:2px solid #ffffff14;border-radius:12px}.ColourMatchGameUI-module-scss-module__XiTc3a__swatchRed{background-color:var(--red)}.ColourMatchGameUI-module-scss-module__XiTc3a__swatchBlue{background-color:var(--blue)}.ColourMatchGameUI-module-scss-module__XiTc3a__swatchGreen{background-color:var(--lime)}.ColourMatchGameUI-module-scss-module__XiTc3a__swatchYellow{background-color:var(--light-yellow)}.ColourMatchGameUI-module-scss-module__XiTc3a__annotationRow{flex-direction:column;gap:8px;margin-top:16px;display:flex}.ColourMatchGameUI-module-scss-module__XiTc3a__annotation{color:var(--light-grey);align-items:center;gap:10px;font-size:.8rem;display:flex}@media screen and (min-width:0) and (max-width:800px){.ColourMatchGameUI-module-scss-module__XiTc3a__annotation{font-size:.7rem}}.ColourMatchGameUI-module-scss-module__XiTc3a__annotationDot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.ColourMatchGameUI-module-scss-module__XiTc3a__dotCountdown{background:var(--orange)}.ColourMatchGameUI-module-scss-module__XiTc3a__dotGameClock{background:var(--blue,#5dadec)}.ColourMatchGameUI-module-scss-module__XiTc3a__dotRoundTimer{background:var(--primary-color)}.ColourMatchGameUI-module-scss-module__XiTc3a__highlightCountdown{outline:2px dashed var(--orange);outline-offset:4px;border-radius:12px}.ColourMatchGameUI-module-scss-module__XiTc3a__highlightGameClock{outline:2px dashed var(--blue,#5dadec);outline-offset:4px;border-radius:8px}.ColourMatchGameUI-module-scss-module__XiTc3a__highlightRoundTimer{outline:2px dashed var(--primary-color);outline-offset:4px;border-radius:6px}
@keyframes TimerDriftDemo-module-scss-module__U7BN3G__cycle-border-color{0%{border:2px solid var(--primary-color)}to{border:2px solid var(--secondary-color)}}@keyframes TimerDriftDemo-module-scss-module__U7BN3G__cycle-colour{0%{color:var(--primary-color)}to{color:var(--secondary-color)}}@keyframes TimerDriftDemo-module-scss-module__U7BN3G__fadeInSlideFromLeft{0%{opacity:0;left:-10rem}to{opacity:1;left:0}}@keyframes TimerDriftDemo-module-scss-module__U7BN3G__fadeOutSlideToLeft{0%{opacity:1;left:0}to{opacity:0;left:-10rem}}@keyframes TimerDriftDemo-module-scss-module__U7BN3G__fadeInKF{0%{opacity:0}to{opacity:1}}@keyframes TimerDriftDemo-module-scss-module__U7BN3G__fadeOutKF{0%{opacity:1}to{opacity:0}}@keyframes TimerDriftDemo-module-scss-module__U7BN3G__fadeInScaleDownKF{0%{opacity:0}to{opacity:1;transform:scale(1)}}@keyframes TimerDriftDemo-module-scss-module__U7BN3G__fadeInSlideUpKF{0%{opacity:0;bottom:-5rem}to{opacity:1;bottom:0}}@keyframes TimerDriftDemo-module-scss-module__U7BN3G__slideDownKF{0%{top:-5rem}to{top:0}}@keyframes TimerDriftDemo-module-scss-module__U7BN3G__fadeInSlideDownKF{0%{opacity:0;top:-5rem}to{opacity:1;top:0}}@keyframes TimerDriftDemo-module-scss-module__U7BN3G__fadeOutSlideUpKF{0%{opacity:1;top:0}to{opacity:0;top:-5rem}}.TimerDriftDemo-module-scss-module__U7BN3G__animation{height:100%;display:block}.TimerDriftDemo-module-scss-module__U7BN3G__animation--cycle-border-color{-ms-animation:cycle-border-color 2s linear infinite alternate;padding:.5rem;animation:2s linear infinite alternate TimerDriftDemo-module-scss-module__U7BN3G__cycle-border-color}.TimerDriftDemo-module-scss-module__U7BN3G__animation--cycle-colors{-ms-animation:cycle-colour 1s linear infinite alternate;animation:1s linear infinite alternate TimerDriftDemo-module-scss-module__U7BN3G__cycle-colour}.TimerDriftDemo-module-scss-module__U7BN3G__container{text-align:left}.TimerDriftDemo-module-scss-module__U7BN3G__demo{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem .75rem;display:grid}@media screen and (min-width:0) and (max-width:800px){.TimerDriftDemo-module-scss-module__U7BN3G__demo{grid-template-columns:1fr auto}}.TimerDriftDemo-module-scss-module__U7BN3G__label{color:var(--light-grey);white-space:nowrap;font-size:.85rem}@media screen and (min-width:0) and (max-width:800px){.TimerDriftDemo-module-scss-module__U7BN3G__label{grid-column:1/-1}}.TimerDriftDemo-module-scss-module__U7BN3G__barTrack{background:var(--background-color-dark-one);border-radius:4px;height:1.25rem;overflow:hidden}.TimerDriftDemo-module-scss-module__U7BN3G__barFill{border-radius:4px;height:100%}.TimerDriftDemo-module-scss-module__U7BN3G__counter{background:var(--grey-blue)}.TimerDriftDemo-module-scss-module__U7BN3G__timestamp{background:var(--primary-color)}.TimerDriftDemo-module-scss-module__U7BN3G__time{font-variant-numeric:tabular-nums;text-align:right;min-width:3rem;font-size:.85rem}.TimerDriftDemo-module-scss-module__U7BN3G__controls{grid-column:1/-1;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.TimerDriftDemo-module-scss-module__U7BN3G__button{border:1px solid var(--primary-color);color:var(--font-color);cursor:pointer;background:0 0;border-radius:4px;padding:.4rem 1rem;font-size:.85rem;transition:background .15s,color .15s}.TimerDriftDemo-module-scss-module__U7BN3G__button:hover{background:var(--primary-color);color:var(--background-color-dark-one)}.TimerDriftDemo-module-scss-module__U7BN3G__hint{color:var(--light-grey);opacity:.7;font-size:.75rem}.TimerDriftDemo-module-scss-module__U7BN3G__result{color:var(--light-grey);text-align:center;grid-column:1/-1;margin-top:.25rem;font-size:.85rem}