.back{background-color:#141414;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;min-height:-moz-available;min-height:-webkit-fill-available}.front{width:100%;max-width:400px;height:100%;min-height:-moz-available;min-height:-webkit-fill-available;display:flex;align-items:center;justify-content:center}.main{background:var(--main-background);overflow:auto;scrollbar-width:none;width:100%;display:flex;flex-direction:column;height:100%}.main-form{display:flex;flex-direction:column;height:100%}@media only screen and (min-device-width: 480px){.main{max-height:700px}}.bundesliga-logo{width:45%}.powered-by-logo{width:60%}.checkboxes{display:flex;align-items:center;justify-content:start;padding-left:.5rem;gap:.5rem;max-height:1.5rem}.checkboxes>input[type=checkbox]{max-height:1rem}.heading{padding:.5rem 1rem 1rem}.sign-up{background-color:var(--dark-blue-background);border-radius:10px;width:100%;padding:1rem;min-height:23rem;display:flex;flex-direction:column;gap:0}.sign-up-instruction-top{margin-bottom:1rem}.sign-up-instruction-bottom{color:var(--sign-up-instruction-color)}.signed-up{background-color:var(--dark-blue-background);border-radius:10px;width:100%;padding:1rem;min-height:9rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.signed-up .player-name{font-family:Amazon Ember Heavy;font-size:2rem;margin:.5rem 0}.signed-up .cta{text-align:center;font-family:Amazon Ember Light;font-size:.8rem}input{background-color:var(--darker-blue-background);border-radius:6px;height:45px;padding:.5rem 1rem;color:var(--inputs-color);font-family:Amazon Ember Bold;border:var(--input-border);font-size:1.1rem;caret-color:var(--caret-color);opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-backdrop-filter:none;backdrop-filter:none;mix-blend-mode:normal}input::placeholder{font-style:italic;font-family:Amazon Ember Regular;font-size:.9rem;color:var(--inputs-placeholder-color)}.inputs{display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.inputs>input:invalid{border-color:red}button{width:100%;padding:.8rem 1rem;border-radius:6px;background-color:var(--button-background-color);font-family:var(--button-font-family);font-size:var(--button-font-size);cursor:pointer;color:var(--button-color)}button:active{transform:scale(97%)}button:disabled{opacity:.5;cursor:default;transform:unset}.submit{display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:end;margin-top:2rem;margin-bottom:2rem;padding:0rem 2rem;flex-grow:1}.downloadVideo{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:end;margin-top:0rem;padding:1rem 2rem;flex-grow:1}.downloadVideoAchor{color:#fa820a;font-family:Amazon Ember Bold;font-size:1.1rem;text-align:center}.cta-sign-up{display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:end;margin-top:2rem;margin-bottom:2rem;padding:0rem 2rem;flex-grow:1}a{color:#fff;font-size:.7rem}.error{font-family:Amazon Ember Bold;color:red;margin-top:.2rem;min-height:1rem}.feedback-cta{color:#fa820a;font-family:Amazon Ember Bold;font-size:1.2rem;margin:1rem;margin-top:10%;line-height:2rem;text-align:center}.feedback-cta-sub{font-family:Amazon Ember Bold;margin:1rem;text-align:center}select{background-color:var(--darker-blue-background);border-radius:6px;height:45px;padding:.5rem 1rem;color:#fff;font-family:Amazon Ember Bold;border:var(--select-border);font-size:1.1rem;caret-color:var(--caret-color);cursor:pointer}select:focus{outline:none;border-color:#fa820a}select option{background-color:var(--dark-blue-background);color:#fff;font-family:Amazon Ember Regular;font-size:1rem}.terms-conditions{color:var(--terms-conditions-color)}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex}.bordered{border-style:solid;border-radius:4vh;border-color:#ffffff1a;padding:1%;border-width:.1rem}.tabs{display:grid;background-color:var(--dark-blue-background);border-radius:.5rem;margin:1rem .5rem}.tab{border-radius:.5rem;text-align:center;padding:.5rem 0rem;color:var(--button-background-color);font-size:.9rem;cursor:pointer}.tab-selected{color:var(--button-color);font-family:Amazon Ember Heavy;background-color:var(--button-background-color);cursor:unset}.tabs-secondary{border-radius:.5rem;display:grid;margin:1rem .5rem;background-color:#0000001a;margin-top:0}.tab-secondary{text-align:center;padding:.5rem 0rem;color:var(--button-background-color);font-size:.9rem;cursor:pointer}.tab-selected-secondary{color:#fff;font-family:Amazon Ember Heavy;cursor:unset;text-decoration:underline}.shots{display:grid;gap:1rem;grid-template-columns:1fr 1fr;grid-template-areas:"left right" "goal goal";margin:0 1rem}.not-eligible-banner{position:absolute;bottom:-1.5rem;text-align:center;width:100%;font-style:italic;font-family:Amazon Ember Light;color:red}.additional-label{grid-area:additional-label;height:1rem;font-family:Amazon Ember Heavy;font-size:.9rem}.label{background-color:#0000001a;padding:.5rem 0rem;text-align:center;border-radius:1rem;display:flex;flex-direction:column;gap:.5rem}.speed,.distance{grid-area:left}.rank{grid-area:right}.goal{grid-area:goal;position:relative}.label-value{font-family:Amazon Ember Light;font-size:2rem}.label-text{font-family:Amazon Ember Heavy;font-size:.7rem}@keyframes digits{0%{transform:rotateX(180deg)}to{transform:rotateX(0)}}.digits-animate{animation-duration:1.5s;animation-name:digits}.latest-action{display:flex;flex-direction:column;flex-grow:1;align-items:center}.latest-action-attempt{position:relative;width:100%;display:flex;justify-content:center;height:9rem}.latest-action-attempt-time{position:absolute;top:-.5rem;font-family:Amazon Ember Heavy;font-size:x-large;width:100%;text-align:center}.commentary-box{background-color:var(--dark-blue-background);margin:.5rem;border-radius:.5rem;padding:.5rem;display:flex;flex-direction:column;gap:.5rem;min-height:9.5rem;width:95%}.feed-icon{width:1.5rem}.commentary-box-title{display:flex;gap:.5rem;color:var(--button-background-color);align-items:center;justify-content:center}.commentary-text{padding:.25rem}.leaderboard-title{font-family:Amazon Ember Heavy;margin-bottom:1rem;margin-left:1rem;font-size:.9rem}.leaderboard{width:100%;padding:0rem 1rem;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.leaderboard-entry{display:flex;gap:1rem;position:relative}.leaderboard-entry:not(:last-child):after{content:"";border-bottom:2px solid rgb(255,255,255,.1);width:100%;position:absolute;left:0;bottom:-50%}.leaderboard-entry-name{flex-grow:1;font-family:Amazon Ember Heavy}.leaderboard-entry-rank{color:#fa820a}.how-to-play-step{flex-grow:1;display:flex;flex-direction:column;align-items:center;background-color:var(--darker-blue-background);font-size:1.2rem;gap:1rem;text-align:center}.start-dribble-svg{width:90%}.step3-svg{width:40%}.step4-svg-discard-area{width:90%}.step4-svg-foot-on-ball{margin-left:40%}.step5-goal{width:80%}.step5-shooter{width:80%;margin-right:20%}.step6-svg{width:90%}*{box-sizing:border-box;padding:0;margin:0;border-width:0px;outline:none}html{height:100%;min-height:-moz-available;min-height:-webkit-fill-available}#root{width:100%;height:100%;min-height:-moz-available;min-height:-webkit-fill-available}body{margin:0;font-family:var(--default-font-family),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e1e1e1;height:100%;min-height:-moz-available;min-height:-webkit-fill-available;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Amazon Ember Regular;src:url(/fonts/AmazonEmber_W_Rg.woff2) format("woff2");font-display:block}@font-face{font-family:Amazon Ember Heavy;src:url(/fonts/AmazonEmber_W_He.woff2) format("woff2");font-display:block}.ember-heavy{font-family:Amazon Ember Heavy}@font-face{font-family:Amazon Ember Heavy Italic;src:url(/fonts/AmazonEmber_W_HeIt.woff2) format("woff2");font-display:block}.ember-heavy-italic{font-family:Amazon Ember Heavy Italic}@font-face{font-family:Amazon Ember Light;src:url(/fonts/AmazonEmber_W_Lt.woff2) format("woff2");font-display:block}.ember-light{font-family:Amazon Ember Light}@font-face{font-family:Amazon Ember Light Italic;src:url(/fonts/AmazonEmber_W_LtIt.woff2) format("woff2");font-display:block}.ember-light-italic{font-family:Amazon Ember Light Italic}@font-face{font-family:Amazon Ember Thin;src:url(/fonts/AmazonEmber_W_Th.woff2) format("woff2");font-display:block}.ember-thin{font-family:Amazon Ember Thin}@font-face{font-family:Amazon Ember Bold;src:url(/fonts/AmazonEmber_W_SBd.woff2) format("woff2");font-display:block}.ember-bold{font-family:Amazon Ember Bold}@font-face{font-family:Amazon Ember Modern Regular;src:url(/fonts/EmberModernDisplayStd-Regular.woff2) format("woff2");font-display:block}.ember-modern-regular{font-family:Amazon Ember Modern Regular}@font-face{font-family:Amazon Ember Modern Bold;src:url(/fonts/EmberModernDisplayStd-Bold.woff2) format("woff2");font-display:block}.ember-modern-bold{font-family:Amazon Ember Modern Bold}:root{--default-font-family: "Amazon Ember Regular";--fkc-title-font-family: "Amazon Ember Heavy";--sign-up-instruction-color: rgb(216, 216, 0);--main-background: linear-gradient( 180deg, rgb(42, 104, 88) 0%, rgb(3, 107, 154) 50%, rgb(28, 55, 80) 100% );--button-background-color: rgb(250, 130, 10);--button-font-family: "Amazon Ember Heavy";--button-font-size: 1.1rem;--button-color: rgb(28, 55, 80);--terms-conditions-color: white;--inputs-color: white;--inputs-placeholder-color: lightslategray;--dark-blue-background: rgb(22, 30, 42, .4);--darker-blue-background: rgb(22, 30, 42, .5);--caret-color: rgb(250, 130, 10);--input-border: 2px solid rgb(40, 50, 60);--select-border: 2px solid rgb(40, 50, 60);--live-feed-color: rgb(116, 160, 250)}.fkc-title{font-family:var(--fkc-title-font-family);font-size:2.6rem;font-size:2.3rem;line-height:2.3rem;letter-spacing:.028rem;margin-top:1.4rem;margin-bottom:.8rem}.logos{display:flex;gap:.6rem;align-items:center}.logo-separator-bar{width:1px;height:1.5rem;background-color:#fff;display:none}.logo-spacer{flex-grow:1}.logo-svg{fill:#fff;stroke-width:0px}.prime-logo,.nwsl-logo{display:none}.mexico-logo{height:40px;transform:scale(1.5);transform-origin:center;margin-left:-.5rem;display:none}.amazon-logo{height:40px;transform:scale(1.1) translateY(1px);transform-origin:center;display:none}