@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/outfit-700-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/outfit-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:bpreplaybold, 'Outfit', 'Inter', 'Segoe UI', sans-serif;src:url('fonts/bpreplaybold-webfont.woff2') format('woff2'),url('fonts/bpreplaybold-webfont.woff') format('woff');font-weight:400;font-style:normal}html{-webkit-user-select:none;-ms-user-select:none;user-select:none;background:#0291c5}#mainLoader{position:absolute;z-index:5;display:none;font-size:35px;line-height:35px;color:#fff;text-align:center;width:100%;font-family:bpreplaybold}#mainHolder{position:absolute;width:100%;height:100%}#notSupportHolder{width:90%;margin:5% auto;position:relative;color:#fff;text-align:center;font-size:35px;font-family:bpreplaybold;display:none}@-moz-keyframes spin{50%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(0)}}@-webkit-keyframes spin{50%{-webkit-transform:rotate(90deg)}100%{-webkit-transform:rotate(0)}}@keyframes spin{50%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}#canvasHolder{display:none;width:100%;max-width:1280px;height:100%;margin:auto;position:relative}canvas{position:fixed}#editWrapper{display:none;font-size:12px;font-family:'Outfit','Inter',sans-serif}#floatForm{position:fixed;left:0;top:0;z-index:100;background:#0070ec;padding:15px;color:#fff;width:280px;border:#fff solid 2px}#floatForm{font-size:12px}#floatForm #boardEditWrapper,#floatForm #homePathEditWrapper,#floatForm #nameEditWrapper,#floatForm #pathEditWrapper,#floatForm #playersEditWrapper,#floatForm #positionEditWrapper{background:#0a55b2;padding:10px}#floatForm #homePathWrapper,#floatForm #pathWrapper,#floatForm #positionWrapper{border:#fff solid 1px;padding:5px}#floatForm #homePathEditWrapper,#floatForm #nameEditWrapper,#floatForm #playersDetailsEditWrapper,#floatForm #positionEditWrapper{background:#0070ec;padding:10px}#floatForm input.button,#floatForm label,#floatForm select.half{width:49%}#floatForm .formRow,#floatForm .formRowLong{height:25px}#floatForm .extraHeight{height:55px}#floatForm .formRow input,#floatForm .formRow select{float:right;width:48%}#floatForm .formRow label{float:left;width:48%}#floatForm .divider{margin:10px 0;padding:10px 10px;border:#fff solid 1px}#floatForm input{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#floatForm textarea{float:left;width:100%;resize:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#floatForm option,#floatForm select{width:100%}