html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}body{margin:0;padding:0;font-family:open sans,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#5375e2;color:#fafafa;width:100%}h1{margin:20px 0;font-size:50px;text-align:center;font-family:saira condensed,open sans,Arial,Helvetica,sans-serif;font-weight:800;text-transform:capitalize}.App{margin:0 auto;width:900px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:top;align-content:top}.Settings{position:relative;width:340px;height:545px}.Settings .Sub-title{margin:25px 0;font-size:25px;font-family:suez one,open sans,Arial,Helvetica,sans-serif;letter-spacing:4px}.Settings .Search-player,.Settings .user-name{width:100%;padding:0 10px;background:#fafafa;height:56px;font-size:16px;text-transform:capitalize;border-radius:3px;-webkit-appearance:none;border:none}.Settings .user-name{margin-top:5px}.Settings .Results{background:#fafafa;margin-top:15px;max-height:330px;overflow-y:scroll;border-radius:3px;color:rgba(0,0,0,.95)}.Settings .Results .Result-player{height:56px;position:relative}.Settings .Results .Result-player:not(:last-child){border-bottom:1px solid rgba(0,0,0,.2)}.Settings .Results .Result-player .Status{display:inline-block;line-height:56px;margin:0;vertical-align:top;-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}.Settings .Results .Result-player .Photo{height:56px;margin:0 10px;display:inline-block;vertical-align:top}.Settings .Result-player .Icon{height:40px;margin-top:8px;display:inline-block;vertical-align:top;position:absolute;right:10px}.Settings .Results .Result-player .Name{display:inline-block;line-height:50px;margin:6px 0 0;vertical-align:top;max-width:144px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;text-transform:capitalize}.Settings .Customize{position:absolute;width:100%;bottom:5px}.Settings .Menu{-webkit-box-sizing:border-box;box-sizing:border-box;width:162px;line-height:56px;height:56px;display:inline-block;background:#fafafa;border-radius:3px;padding:0 20px;border:none;color:#000;cursor:pointer;text-align:center;-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;will-change:transform;-webkit-tap-highlight-color:rgba(104,27,39,.1)}.Settings .Menu,.Settings .Menu .Selected{margin:0;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-o-transition:.3s transform ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.Settings .Menu.expanded{border-radius:0 0 3px 3px}.Settings .Menu.expanded .Selected{margin:0}.Settings .Menu .Options{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;width:162px;border-radius:3px 3px 0 0;position:absolute;left:0;background:#fafafa;bottom:56px;overflow:hidden;margin:0;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-o-transition:.3s transform ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;will-change:transform;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0)}.Settings .Menu.expanded .Options{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}.Settings .Menu .Options div:not(:last-child){background:#fafafa;height:56px;width:162px;border-top:1px solid rgba(0,0,0,.2)}.Settings .Menu .Options div:first-child{border-bottom:1px solid rgba(0,0,0,.2)}.Settings .Menu .Options div:hover{background:#ececec}.Settings .Menu.Tactic{position:relative}.Settings .Menu.Pitch-style{position:absolute;right:0}.Settings .CTA{display:block;width:100%;margin-top:15px;line-height:56px;text-align:center;background:#fafafa;border-radius:3px;text-decoration:none;color:rgba(0,0,0,.95);cursor:pointer}.Pitch,.Settings .CTA{position:relative;-webkit-box-shadow:0 3px 6px 1px rgba(0,0,0,.06);box-shadow:0 3px 6px 1px rgba(0,0,0,.06)}.Pitch{width:540px;height:540px;background:#2e7d32;-webkit-perspective:800px;perspective:800px;overflow:hidden}.Pitch>div{height:100%;background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,hsla(0,0%,100%,.2)),to(hsla(0,0%,100%,0)));background:-webkit-linear-gradient(top,hsla(0,0%,100%,.2) 5%,hsla(0,0%,100%,0));background:-o-linear-gradient(top,hsla(0,0%,100%,.2) 5%,hsla(0,0%,100%,0) 100%);background:linear-gradient(180deg,hsla(0,0%,100%,.2) 5%,hsla(0,0%,100%,0))}.Pitch .Outlines{position:absolute;-webkit-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;-webkit-transform:scale(1.41);-ms-transform:scale(1.41);transform:scale(1.41);pointer-events:none;bottom:-13%;left:5%;width:90%;height:76%}.Pitch .Outlines,.Pitch .Signature{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Pitch .Signature{background:hsla(0,0%,100%,.2);color:rgba(0,0,0,.95);text-align:center;font-size:12px;width:20%;line-height:140%;margin:0 auto}.Trash{position:absolute;top:5%;width:70%;margin:0 15%;background:#5375e2;border-radius:3px;z-index:300;line-height:50px;text-align:center;font-size:16px;display:none;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.Trash.visible{display:block}.Trash.active{background:#000}.Pitch .LineupName{z-index:100;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Pitch .EditLineupName,.Pitch .LineupName{font-family:saira condensed,Arial,Helvetica,sans-serif;font-size:36px;width:70%;font-weight:800;top:5%;text-align:center;position:absolute;text-transform:uppercase;margin:0 15%;line-height:50px}.Pitch .EditLineupName{z-index:200;background:#fff;color:#000;border:0;padding:0;display:block;border-radius:5px;opacity:0;resize:none}.Pitch .EditLineupName:hover{opacity:1}.Pitch .PositionIndicator{position:absolute;width:6%;height:6%;border-radius:50%;background:hsla(0,0%,100%,.2);-webkit-transform:translate(-50%) rotateX(45deg);transform:translate(-50%) rotateX(45deg)}.grabbable{cursor:pointer}.grabbable,.PlayerCard{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.PlayerCard{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:start;-ms-flex-align:center;align-items:center;width:17%;height:17.5%;z-index:300;position:absolute;text-align:center;cursor:move;will-change:transform;border-radius:5px;font-family:saira condensed,Arial,Helvetica,sans-serif;font-weight:500;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.PlayerCard.Selected{background:rgba(0,0,0,.2)!important}.PlayerCard .Portrait{width:80%;height:auto;border-bottom:2px solid #fff}.PlayerCard .Portrait,.PlayerCard p{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.PlayerCard p{text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.4);width:100%;margin:0;font-size:16px}.disabled{cursor:default!important;opacity:.6}@media screen and (max-width:910px){h1{font-size:35px;margin:8px auto}.App{top:61px;-webkit-transform:translate(-50%);-ms-transform:translate(-50%);transform:translate(-50%);width:100vw;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:start;-ms-flex-line-pack:center;align-content:center;height:calc(100vh - 61px)}.App .Settings{width:100%;max-width:100vw;z-index:100;-webkit-transform:translate(50%);-ms-transform:translate(50%);transform:translate(50%);pointer-events:none}input.Search-player,input.user-name{position:absolute;z-index:100;pointer-events:auto;-webkit-box-shadow:0 3px 6px 1px rgba(0,0,0,.06);box-shadow:0 3px 6px 1px rgba(0,0,0,.06)}.Settings .Results{top:50px;pointer-events:auto}.Settings>div{position:absolute;left:0;width:calc(100% - 20px);margin:0 10px}.Settings .Results{position:absolute;width:100%;z-index:500}.Settings .Customize{bottom:unset;left:0;top:calc(100vw + 56px);margin:0;width:100%;pointer-events:auto}.Settings .Customize .Menu{width:calc(50% - 15px);margin:10px;height:45px;line-height:45px}.Settings .Customize .Menu .Options{bottom:45px}.Settings .Customize .Options,.Settings .Customize .Options div{width:100%!important}.Menu .Selected,.Search-player,.Settings .Customize .Menu .Options div,.us .Result-player{height:45px!important;line-height:45px}.Settings .Results .Result-player .Status{height:45px;line-height:45px}.Settings .Results .Result-player .Name{margin:0;height:45px;line-height:45px}.Settings .Results .Result-player .Photo{height:45px}.Settings .Results .Result-player .Icon{height:35px;margin-top:5px}.Settings .CTA{height:45px;line-height:45px;margin:0 10px;width:calc(100% - 20px)}.Pitch{width:100vw;height:100vw;-webkit-transform:translate(-50%,56px);-ms-transform:translate(-50%,56px);transform:translate(-50%,56px)}.Pitch.Transform{-webkit-transform:translate(-50%,56px)!important;-ms-transform:translate(-50%,56px)!important;transform:translate(-50%,56px)!important}.Pitch .Signature{font-size:2.5vw;width:20vw}.Pitch .Trash{width:90%;height:40px;line-height:40px;margin:0 5%}.Pitch .EditLineupName,.Pitch .LineupName{top:3.5%;font-size:8vw}.Pitch .PositionIndicator{width:4%;height:4%}.PlayerCard{height:19%}.PlayerCard:hover{background:transparent}.PlayerCard.Selected{background:rgba(0,0,0,.2)}.PlayerCard p{font-size:2.7vw}}@media screen and (min-width:600px) and (max-width:900px){.App{width:580px}.App .Settings{position:absolute;left:0;-webkit-transform:unset;-ms-transform:unset;transform:unset}.App .Settings .Customize{top:644px}.App .Pitch{width:100%;height:580px;-webkit-transform:translateY(65px);-ms-transform:translateY(65px);transform:translateY(65px)}.Pitch .Signature{font-size:15px}.App .Pitch .LineupName,.EditLineupName{font-size:48px!important;top:6%!important}.App .Pitch .PlayerCard p{font-size:17px}.App .Pitch.Transform{-webkit-transform:translateY(65px)!important;-ms-transform:translateY(65px)!important;transform:translateY(65px)!important}}
/*# sourceMappingURL=main.8cefb0d3.css.map*/