@charset "UTF-8";:root{--done-button-width: 75pt;--toolbar-item-min-width: 50pt;--toolbar-height: 60pt;--toolbar-item-font-size: 11px;--card-closer-height: 50px;--clr-1-hue: 220;--clr-1-sat: 15%;--clr-1: hsl(var(--clr-1-hue), var(--clr-1-sat), 20%);--clr-1-d1: hsl(var(--clr-1-hue), var(--clr-1-sat), 15%);--clr-1-b1: hsl(var(--clr-1-hue), var(--clr-1-sat), 30%);--clr-1-b2: hsl(var(--clr-1-hue), var(--clr-1-sat), 50%);--clr-1-b3: hsl(var(--clr-1-hue), var(--clr-1-sat), 70%);--clr-1-b4: hsl(var(--clr-1-hue), var(--clr-1-sat), 80%);--clr-1-b5: hsl(var(--clr-1-hue), 75%, 98%);--clr-1-a1: hsla(var(--clr-1-hue), var(--clr-1-sat), 0%, 45%);--clr-2-hue: 191;--clr-2-sat: 95%;--clr-2: hsl(var(--clr-2-hue), var(--clr-2-sat), 37%);--clr-2-d1: hsl(var(--clr-2-hue), var(--clr-2-sat), 27%);--clr-2-b1: hsl(var(--clr-2-hue), var(--clr-2-sat), 47%);--clr-2-b2: hsl(var(--clr-2-hue), var(--clr-2-sat), 57%);--clr-2-b3: hsl(var(--clr-2-hue), var(--clr-2-sat), 97%);--clr-3-hue: 48;--clr-3-sat: 100%;--clr-3: hsl(var(--clr-3-hue), var(--clr-3-sat), 62%);--clr-3-d1: hsl(var(--clr-3-hue), var(--clr-3-sat), 72%);--clr-3-b1: hsl(var(--clr-3-hue), var(--clr-3-sat), 52%);--clr-4-hue: 149;--clr-4-sat: 69%;--clr-4: hsl(var(--clr-4-hue), var(--clr-4-sat), 51%);--clr-4-d1: hsl(var(--clr-4-hue), var(--clr-4-sat), 41%);--clr-4-d2: hsl(var(--clr-4-hue), var(--clr-4-sat), 31%);--clr-4-d3: hsl(var(--clr-4-hue), var(--clr-4-sat), 11%);--clr-4-b1: hsl(var(--clr-4-hue), var(--clr-4-sat), 61%);--clr-5-hue: 343;--clr-5-sat: 100%;--clr-5: hsl(var(--clr-5-hue), var(--clr-5-sat), 53%);--clr-5-d1: hsl(var(--clr-5-hue), var(--clr-5-sat), 43%);--clr-5-d2: hsl(var(--clr-5-hue), var(--clr-5-sat), 33%);--clr-5-d3: hsl(var(--clr-5-hue), var(--clr-5-sat), 23%);--clr-5-b1: hsl(var(--clr-5-hue), var(--clr-5-sat), 63%);--clr-5-b2: hsl(var(--clr-5-hue), var(--clr-5-sat), 73%);--clr-5-b3: hsl(var(--clr-5-hue), var(--clr-5-sat), 93%)}@media screen and (max-width: 400px),screen and (max-height: 800px){:root{--toolbar-item-min-width: 45pt;--done-button-width: 50pt;--toolbar-height: 45pt;--toolbar-item-font-size: 6.5pt}}.inline_left,.inline_center,.inline_right{display:block;list-style:none;font-size:0;letter-spacing:-4px}.inline_left li,.inline_center li,.inline_right li{display:inline-block;letter-spacing:normal}.inline_left{text-align:left}.inline_center{text-align:center}.inline_right,.text-right{text-align:right}.v_center1{width:100%;display:table}.v_center1 .v_center2{width:100%;display:table-cell;vertical-align:middle}.pusher{width:100%}.unselectable *{-webkit-user-select:none;user-select:none}.invisible{display:none;visibility:hidden}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;box-sizing:border-box;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:"";content:none}q:before,q:after{content:"";content:none}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],textarea,select{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #D1D1D1;border-radius:4px;box-shadow:none;box-sizing:border-box}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,textarea:focus,select:focus{outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local(""),url(/fonts/roboto-v30-latin-regular.woff2) format("woff2"),url(/fonts/roboto-v30-latin-regular.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local(""),url(/fonts/roboto-v30-latin-700.woff2) format("woff2"),url(/fonts/roboto-v30-latin-700.woff) format("woff")}@font-face{font-display:swap;font-family:Yantramanav;font-style:normal;font-weight:300;src:url(/fonts/yantramanav-v11-latin_latin-ext-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:Yantramanav;font-style:normal;font-weight:700;src:url(/fonts/yantramanav-v11-latin_latin-ext-700.woff2) format("woff2")}q.comment,blockquote.comment{quotes:"“" "”" "‘" "’"}q.comment:before,blockquote.comment:before{content:"“"}q.comment:after,blockquote.comment:after{content:"”"}a{text-decoration:none;color:inherit}h1{font-size:28px}@media screen and (min-width: 400px){h1{font-size:31px}}@media screen and (min-width: 700px){h1{font-size:33px}}@media screen and (min-width: 1024px){h1{font-size:36px}}h2{font-weight:400;text-transform:uppercase}h3.title{margin:0 0 .25em;text-transform:uppercase;text-align:left;font-weight:700;color:#333;font-size:14px}@media screen and (min-width: 400px){h3.title{font-size:18px}}@media screen and (min-width: 700px){h3.title{font-size:19px}}@media screen and (min-width: 1024px){h3.title{font-size:21px}}h4{color:#fbfbfb;font-weight:700;padding:.25em 0;text-align:center;text-transform:uppercase;font-size:10px}@media screen and (min-width: 400px){h4{font-size:14px}}@media screen and (min-width: 700px){h4{font-size:14px}}@media screen and (min-width: 1024px){h4{font-size:16px}}h5{color:#d5d5d5;font-weight:400;padding:1em 0 1.5em;font-size:10px}@media screen and (min-width: 400px){h5{font-size:10px}}@media screen and (min-width: 700px){h5{font-size:12px}}@media screen and (min-width: 1024px){h5{font-size:14px}}.sub-title{font-family:Yantramanav,sans-serif;font-weight:100;font-size:12px}.link{text-decoration:underline;font-weight:700;cursor:pointer}.medium-font{font-size:13px}@media screen and (min-width: 400px){.medium-font{font-size:13px}}@media screen and (min-width: 700px){.medium-font{font-size:15px}}@media screen and (min-width: 1024px){.medium-font{font-size:15px}}.small{font-size:12px}@media screen and (min-width: 400px){.small{font-size:12px}}@media screen and (min-width: 700px){.small{font-size:14px}}@media screen and (min-width: 1024px){.small{font-size:14px}}.tiny{font-size:10px}@media screen and (min-width: 400px){.tiny{font-size:10px}}@media screen and (min-width: 700px){.tiny{font-size:12px}}@media screen and (min-width: 1024px){.tiny{font-size:12px}}.light{font-weight:100}.dark{color:#333!important}.salient{color:#f7315b!important}.salient.two{color:#4bd3d8!important}.salient.dark-blue{color:#6f9fb1!important}.salient.three{color:gray!important}.salient.three:hover{color:#fff!important}.pale{color:var(--clr-1-b2)}.paled{color:#a6a6a6}.bold{font-weight:700}.italic{font-style:italic}.uppercase{text-transform:uppercase}.centered{text-align:center}.line{width:100%;line-height:1.25em}.spacing{line-height:2em}p.hint{font-family:Yantramanav,sans-serif;color:var(--clr-1-d1);background-color:#f2f2f2;padding:.75em;font-size:11pt;line-height:1.2em;margin:0 5em 1em;display:flex;justify-content:flex-start;align-items:center}.hint__icon{display:inline-block;height:24px;width:5ch;margin-right:6px}.hint__icon svg{width:100%;height:100%;fill:var(--clr-2)}header.homecrowd{font-size:1em}.shirt-number,.name,.comment{font-family:Arial,Helvetica,sans-serif}.largescreen .hero,.smallscreen .hero{font-size:48px}.largescreen .sub-hero,.smallscreen .sub-hero{font-size:24px}.largescreen .heading,.smallscreen .heading{font-size:18px;padding:0}.largescreen .title,.smallscreen .title{font-size:18px;color:#000}.largescreen .sub-title,.largescreen .sub-title-small,.smallscreen .sub-title,.smallscreen .sub-title-small{font-size:13px;color:#000;text-transform:uppercase;font-weight:700;vertical-align:middle}.largescreen .sub-title-small,.smallscreen .sub-title-small{font-size:10px;font-weight:400;color:#666;text-transform:uppercase}.largescreen .value-indicator,.smallscreen .value-indicator{font-family:monospace;background-color:#ffd83b;width:18px;height:18px;line-height:18px;color:#000;border-radius:50%;display:inline-block;text-align:center;font-size:12px;font-weight:100;margin:-3px 0 0}.largescreen .value-indicator.mental,.smallscreen .value-indicator.mental{background-color:var(--clr-2)}.largescreen .value-indicator.gameplay,.smallscreen .value-indicator.gameplay{background-color:var(--clr-4)}.largescreen .value-indicator.role,.smallscreen .value-indicator.role{background-color:var(--clr-5)}.slide-in-up{animation:slideInUp .25s ease-in-out 1 forwards}.flip-y-in{animation:flipYIn .25s ease-in-out 1 forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(5%)}to{opacity:1}}@keyframes slideInUpBounce{0%{opacity:0;transform:translateY(33vh)}45%{opacity:1;transform:translateY(10%)}66%{opacity:1;transform:translateY(-10%)}90%{opacity:1;transform:translateY(5%)}to{opacity:1}}@keyframes flipYIn{0%{opacity:0;transform:scaleX(-1)}to{opacity:1}}@-webkit-keyframes circleRotationAnim{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@keyframes circleRotationAnim{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@-webkit-keyframes circleMorphAnim{0%{border-radius:30%}to{border-radius:50%}}@keyframes circleMorphAnim{0%{border-radius:30%}to{border-radius:50%}}@keyframes busyIndicatorAnim{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes headerSlide{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes formationInfo{0%{opacity:0}to{opacity:1}}@keyframes fadeInOut{0%{opacity:.1}to{opacity:1}}@keyframes fadeInFromGhost{0%{opacity:0}to{opacity:1}}@keyframes tada{0%{transform:scaleZ(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scaleZ(1)}}.bounce-in-anim{animation:flipInX .55s ease-in-out;backface-visibility:visible!important}@keyframes flipInX{0%{transform:scale(0);animation-timing-function:ease-in;opacity:0}60%{transform:scale(1.1);animation-timing-function:ease-in}80%{transform:scale(.95);opacity:1}90%{transform:scale(1.02)}to{transform:scale(1)}}.bounce-bang-anim{animation:bounce-bang-anim .25s ease-in-out 0s 1 forwards}.bounce-bang-anim-center{animation:bounce-bang-anim-center .25s ease-in-out 0s 1 forwards}.bounce-in-scale{animation:bounceInScale .2s ease-in-out 0s 1 forwards}.fade-bg-anim{animation:fade-bg-anim .25s ease-in-out 0s 1 forwards}@keyframes bounceInScale{0%{transform:scale(.75)}25%{transform:scale(.75)}to{transform:none}}@keyframes bounce-bang-anim{0%{transform:translate(-50%) scale(.5)}80%{transform:translate(-50%) scale(1.1)}to{transform:translate(-50%)}}@keyframes bounce-bang-anim-center{0%{transform:scale(.5)}80%{transform:scale(1.1)}to{transform:none}}@keyframes show-prompt{0%{opacity:0;transform:scale(.5)}80%{transform:scale(1.1)}to{opacity:1;transform:none}}@keyframes fade-bg-anim{0%{background-color:var(--clr-1-b3)}to{background-color:var(--clr-1)}}@keyframes bounce-in{0%{transform:scale(0)}to{transform:none}}@keyframes heart-pulse{10%{transform:scale(1.1)}}@keyframes unfold{0%{transform:perspective(400px) rotateX(90deg)}50%{transform:perspective(400px) rotateX(-30deg)}70%{transform:perspective(400px) rotateX(18deg)}80%{transform:perspective(400px) rotateX(-9deg)}to{transform:perspective(400px) rotateX(0)}}.shirt{display:block;position:absolute;top:0;left:0;width:100%;height:40px}.shirt svg{display:block;vertical-align:top;width:100%;height:100%}.shirt .shirt-number{display:block;position:absolute;top:18px;left:31px;transform:translate(-50%,-50%);font-size:10px;line-height:10px;text-align:center;vertical-align:middle;margin:0;padding:0;color:#eee;background-color:#000}.shirt.medium{height:75px;width:100%}.shirt.medium .shirt-number{font-size:14px;line-height:14px;top:27px;left:54px}.shirt.large{height:375px;position:relative}.shirt.large .shirt-number{font-size:46px;line-height:46px;top:38.5%;left:49.5%;padding:2.5%;text-align:center;font-weight:600}.toggle-button{display:block;width:1em;height:1em}.toggle-button nav{position:relative;width:100%;height:100%}.toggle-button nav .hit-area{position:absolute;top:-.5em;left:-.5em;width:2em;height:2em;background-color:#0000;z-index:10}.toggle-button nav .symbol-icon{position:absolute;top:0;left:0;width:100%;height:100%;display:block;cursor:pointer;transition:transform .25s ease-out}.toggle-button nav .symbol-icon svg{pointer-events:none;display:block;width:100%;height:100%}.toggle-button nav.is-set svg{fill:#ffd83b}.formation-creator .formation-pitch .card-closer{background-color:#fff;box-shadow:0 2px 2px #00000040;color:#a18100;width:100%;text-align:center;height:var(--card-closer-height);line-height:var(--card-closer-height)}.formation-creator .formation-pitch.card,.formation-creator .formation-pitch.card.show{transition:none}.formation-creator .formation-pitch .content{display:flex;flex-direction:column;justify-content:center;align-items:center}.formation-creator .formation-pitch .toolbar{max-width:960px}.formation-creator .formations-pitch-container{position:absolute;width:100%;max-width:860px;top:50%;left:50%;transform:translate(-50%,-50%);display:block;-webkit-user-select:none;user-select:none;touch-action:pinch-zoom;visibility:hidden;transition:opacity .35s ease-in-out .25s}.formation-creator .formations-pitch-container.is-loaded{visibility:visible}@media (max-width: 860px) and (orientation: portrait){.formation-creator .formations-pitch-container{top:inherit;bottom:var(--toolbar-height);left:0;transform:none}}.formation-creator .formations{position:relative;width:100%;height:100%;box-shadow:0 -30px 50px #00000059;overflow:hidden}@media (max-width: 860px){.formation-creator .formations.is-tool-open{opacity:0;transition:opacity .25s ease-in-out;touch-action:none}}.formation-creator .formations .pitch-container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;width:100%;height:100%;position:relative;margin:0 auto}.formation-creator .formations .pitch-container img{opacity:.75;pointer-events:none;touch-action:none}.formation-creator .formations .pitch-container.landscape .pitch{top:6.5%;left:5%;width:90.5%;height:86.5%}.formation-creator .formations .pitch-container.landscape .pitch .player{margin-top:-29px;margin-left:-25px}.formation-creator .formations .pitch-container.portrait{margin:0 auto}.formation-creator .formations .pitch-container.portrait .pitch{top:4.5%;left:6.5%;width:87%;height:91.5%}.formation-creator .formations .pitch-container.portrait .pitch .player{margin-top:-45px;margin-left:-25px}.formation-creator .formations .pitch-container.portrait img{width:100%;height:100%}.formation-creator .formations .pitch-container .pitch{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;position:absolute}.formation-creator .formations .pitch-container .pitch .player{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:pointer;position:absolute;margin-top:-29px;margin-left:-25px;height:54px;width:50px;text-transform:uppercase;z-index:1;font-size:1rem;padding:0}.formation-creator .formations .pitch-container .pitch .player.swapping{transition:top .25s ease-out,left .25s ease-out}.formation-creator .formations .pitch-container .pitch .player.substituting{transition:all .3s .5s ease-out}.formation-creator .formations .pitch-container .pitch .player.moving{transition:all .25s 0s ease-out}.formation-creator .formations .pitch-container .pitch .player .value-indicator{position:absolute;z-index:1;right:-5px;top:-5px;color:#6e5800;background-color:#ffd83b;box-shadow:0 1px;margin:0}.formation-creator .formations .pitch-container .pitch .player .motm-indicator{position:absolute;z-index:1;left:2px;top:26px;width:21px;height:21px;fill:#ffd83b;stroke-width:1px;stroke:#000}.formation-creator .formations .pitch-container .pitch .player .name-holder{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);height:14px;width:auto;color:var(--clr-1-b5);text-align:center;vertical-align:middle;white-space:nowrap;padding-bottom:2px}.formation-creator .formations .pitch-container .pitch .player .name-holder .shirt-name{color:currentColor;background-color:var(--clr-1);padding:2px 3px 1px;font-size:11px;min-width:5ch;display:block}.formation-creator .formations .bench-trigger{--bench-trigger-width: 175px;position:absolute;display:inline-flex;justify-content:center;align-items:center;gap:5px;bottom:-80px;left:0;width:var(--bench-trigger-width);height:auto;box-shadow:0 -2px 5px #00000040;margin-left:0;border-radius:3px 3px 0 0;transition:all .15s ease-out;background-color:var(--clr-1-b1);padding:10px 10px 10px 5px;color:var(--clr-1-b3)}@media (max-width: 860px) and (orientation: portrait){.formation-creator .formations .bench-trigger{--bench-trigger-width: 100pt}}.formation-creator .formations .bench-trigger .inout{width:50pt;height:25pt;display:inline-block;color:currentColor}.formation-creator .formations .bench-trigger .inout svg{width:100%;height:100%;fill:currentColor}.formation-creator .formations .bench-trigger h3.title{-webkit-user-select:none;user-select:none;color:currentColor;font-size:9pt;line-height:1.25em}.formation-creator .formations .bench-trigger.bench-active{background-color:var(--clr-1-b2)}.formation-creator .formations .bench-trigger.bench-active .inout svg{fill:#fff}.formation-creator .formations .bench-trigger.bench-active h3.title{color:#fff}.formation-creator .formations.drag-mode .bench-trigger{animation:tada .75s ease-in-out 1.5s;bottom:0}.formation-creator .squad,.formation-creator .bench,.formation-creator .styles,.formation-creator .description,.formation-creator .formation-ratings{background-color:#fff}.formation-creator .squad.card,.formation-creator .bench.card,.formation-creator .styles.card,.formation-creator .description.card,.formation-creator .formation-ratings.card{z-index:20000}.formation-creator .squad.card .card-closer,.formation-creator .bench.card .card-closer,.formation-creator .styles.card .card-closer,.formation-creator .description.card .card-closer,.formation-creator .formation-ratings.card .card-closer{background-color:#fff;box-shadow:0 2px 2px #00000040;color:#a18100;width:100%;text-align:center;height:var(--card-closer-height);line-height:var(--card-closer-height)}.formation-creator .squad .container,.formation-creator .bench .container,.formation-creator .styles .container,.formation-creator .description .container,.formation-creator .formation-ratings .container{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:10px}.formation-creator .squad .container.is-inactive,.formation-creator .bench .container.is-inactive,.formation-creator .styles .container.is-inactive,.formation-creator .description .container.is-inactive,.formation-creator .formation-ratings .container.is-inactive{filter:opacity(.35) saturate(.25);pointer-events:none;touch-action:none}.formation-creator .squad ul,.formation-creator .bench ul,.formation-creator .styles ul,.formation-creator .description ul,.formation-creator .formation-ratings ul{margin:0 1em}.formation-creator .squad>ul>li,.formation-creator .bench>ul>li,.formation-creator .styles>ul>li,.formation-creator .description>ul>li,.formation-creator .formation-ratings>ul>li{list-style:none;font-size:1.75em;font-weight:100;margin:0}.formation-creator .squad .player,.formation-creator .bench .player,.formation-creator .styles .player,.formation-creator .description .player,.formation-creator .formation-ratings .player{margin-bottom:10pt;font-size:18px}.formation-creator .squad .player-display,.formation-creator .squad .player-input,.formation-creator .squad .player-display-rating,.formation-creator .bench .player-display,.formation-creator .bench .player-input,.formation-creator .bench .player-display-rating,.formation-creator .styles .player-display,.formation-creator .styles .player-input,.formation-creator .styles .player-display-rating,.formation-creator .description .player-display,.formation-creator .description .player-input,.formation-creator .description .player-display-rating,.formation-creator .formation-ratings .player-display,.formation-creator .formation-ratings .player-input,.formation-creator .formation-ratings .player-display-rating{display:block;gap:.5em;margin:0 0 1em;font-size:18px;border-bottom:1px solid rgb(249.9,249.9,249.9);padding:.5em;display:flex;cursor:pointer}.formation-creator .squad .player-display,.formation-creator .squad .player-display-rating,.formation-creator .bench .player-display,.formation-creator .bench .player-display-rating,.formation-creator .styles .player-display,.formation-creator .styles .player-display-rating,.formation-creator .description .player-display,.formation-creator .description .player-display-rating,.formation-creator .formation-ratings .player-display,.formation-creator .formation-ratings .player-display-rating{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;align-items:flex-start}.formation-creator .squad .player-display-rating,.formation-creator .bench .player-display-rating,.formation-creator .styles .player-display-rating,.formation-creator .description .player-display-rating,.formation-creator .formation-ratings .player-display-rating{width:100%;display:grid;grid-template-columns:4ch 1fr auto}.formation-creator .squad .player-display-rating .shirt-number,.formation-creator .bench .player-display-rating .shirt-number,.formation-creator .styles .player-display-rating .shirt-number,.formation-creator .description .player-display-rating .shirt-number,.formation-creator .formation-ratings .player-display-rating .shirt-number{display:inline-block;width:3ch}.formation-creator .squad .player-display-rating .name,.formation-creator .bench .player-display-rating .name,.formation-creator .styles .player-display-rating .name,.formation-creator .description .player-display-rating .name,.formation-creator .formation-ratings .player-display-rating .name{white-space:nowrap}.formation-creator .squad .player-display-rating .attributes-holder,.formation-creator .bench .player-display-rating .attributes-holder,.formation-creator .styles .player-display-rating .attributes-holder,.formation-creator .description .player-display-rating .attributes-holder,.formation-creator .formation-ratings .player-display-rating .attributes-holder{align-self:flex-end;display:flex;justify-content:flex-end;align-items:center;width:11ch}.formation-creator .squad .player-display-rating .value-indicator,.formation-creator .bench .player-display-rating .value-indicator,.formation-creator .styles .player-display-rating .value-indicator,.formation-creator .description .player-display-rating .value-indicator,.formation-creator .formation-ratings .player-display-rating .value-indicator{margin:0 0 0 .9em}.formation-creator .squad .player-display-rating .motm-indicator,.formation-creator .bench .player-display-rating .motm-indicator,.formation-creator .styles .player-display-rating .motm-indicator,.formation-creator .description .player-display-rating .motm-indicator,.formation-creator .formation-ratings .player-display-rating .motm-indicator{width:1em;height:1em;fill:#ffd83b;margin:0 0 0 .5em}.formation-creator .squad .player-input,.formation-creator .bench .player-input,.formation-creator .styles .player-input,.formation-creator .description .player-input,.formation-creator .formation-ratings .player-input{border-bottom:none}.formation-creator .squad .position,.formation-creator .squad .shirt-number,.formation-creator .squad .name,.formation-creator .bench .position,.formation-creator .bench .shirt-number,.formation-creator .bench .name,.formation-creator .styles .position,.formation-creator .styles .shirt-number,.formation-creator .styles .name,.formation-creator .description .position,.formation-creator .description .shirt-number,.formation-creator .description .name,.formation-creator .formation-ratings .position,.formation-creator .formation-ratings .shirt-number,.formation-creator .formation-ratings .name{display:inline-block}.formation-creator .squad .position,.formation-creator .bench .position,.formation-creator .styles .position,.formation-creator .description .position,.formation-creator .formation-ratings .position{font-size:.6em;text-align:center;flex:1 1 auto;align-self:center;height:100%;display:inline-block;color:currentColor;box-sizing:border-box;vertical-align:middle}.formation-creator .squad .shirt-number,.formation-creator .squad input.shirt-number,.formation-creator .bench .shirt-number,.formation-creator .bench input.shirt-number,.formation-creator .styles .shirt-number,.formation-creator .styles input.shirt-number,.formation-creator .description .shirt-number,.formation-creator .description input.shirt-number,.formation-creator .formation-ratings .shirt-number,.formation-creator .formation-ratings input.shirt-number{flex:1 1 auto;text-align:center;font-weight:700;color:currentColor;width:3em}.formation-creator .squad .name,.formation-creator .squad input.name,.formation-creator .bench .name,.formation-creator .bench input.name,.formation-creator .styles .name,.formation-creator .styles input.name,.formation-creator .description .name,.formation-creator .description input.name,.formation-creator .formation-ratings .name,.formation-creator .formation-ratings input.name{flex:8 8 auto;text-align:left;font-weight:700;color:currentColor}.formation-creator .squad input.name,.formation-creator .squad input.shirt-number,.formation-creator .bench input.name,.formation-creator .bench input.shirt-number,.formation-creator .styles input.name,.formation-creator .styles input.shirt-number,.formation-creator .description input.name,.formation-creator .description input.shirt-number,.formation-creator .formation-ratings input.name,.formation-creator .formation-ratings input.shirt-number{padding-bottom:1em;margin-right:4px}.formation-creator .squad .player-display-rating .shirt-number,.formation-creator .bench .player-display-rating .shirt-number,.formation-creator .styles .player-display-rating .shirt-number,.formation-creator .description .player-display-rating .shirt-number,.formation-creator .formation-ratings .player-display-rating .shirt-number{text-align:left;width:2.5em}.formation-creator .squad .player-display-rating .position,.formation-creator .bench .player-display-rating .position,.formation-creator .styles .player-display-rating .position,.formation-creator .description .player-display-rating .position,.formation-creator .formation-ratings .player-display-rating .position{padding-right:.25em;text-align:right}@media (min-width: 960px){.formation-creator .squad .row,.formation-creator .bench .row,.formation-creator .formation-ratings .row{display:flex;justify-content:space-around;align-content:space-around;height:auto}.formation-creator .squad .row>ul,.formation-creator .bench .row>ul,.formation-creator .formation-ratings .row>ul{flex:1 1 33%;gap:1em}}.formation-creator .bench p.hint{margin:0 1em 1em}.formation-creator .bench p.hint .hint__icon svg{fill:#4c7}.formation-creator .bench .player-display{-webkit-user-select:none;user-select:none;justify-content:flex-start;align-items:center;display:grid;grid-template-columns:1em 2em auto;grid-gap:1em;grid-auto-rows:1ch;color:var(--clr-1-b1)}.formation-creator .bench .player-display:hover{color:var(--clr-1-b2)}.formation-creator .bench .player{cursor:pointer!important;margin-bottom:16pt}.formation-creator .bench .player .name,.formation-creator .bench .player .shirt-number{color:#fff;text-transform:uppercase;text-shadow:1px 1px 0px black}.formation-creator .squad .squad-bench{padding-bottom:5em}.formation-creator .squad h2.title{margin:12px}@media (min-width: 320px) and (max-width: 390px){.formation-creator .squad h2.title{font-size:16px}}.formation-creator .squad p.hint{display:block;margin:10px}@media (max-width: 480px){.formation-creator .squad p.hint{font-size:11pt;line-height:1.2em}}.formation-creator .squad p.info{font-size:12px}@media screen and (min-width: 400px){.formation-creator .squad p.info{font-size:12px}}@media screen and (min-width: 700px){.formation-creator .squad p.info{font-size:14px}}@media screen and (min-width: 1024px){.formation-creator .squad p.info{font-size:14px}}.formation-creator .squad form{margin:12px 0 24px}.formation-creator .squad .player-input{display:inline-flex;gap:.25em}.formation-creator .squad .player-input .position{width:3ch}.formation-creator .squad .player-input .shirt-number{width:5ch}.formation-creator .squad .player-input .name{width:100%}.formation-creator .squad .player-input input[type=text]:focus{color:var(--clr-2);border-bottom:1px solid var(--clr-2)}.formation-creator .squad input.shirt-number,.formation-creator .squad input.name{padding-bottom:0}.formation-creator .squad .delete-player{display:inline-block;padding:0;margin:0;width:36px;min-width:36px;flex:1 1 auto;height:36px;vertical-align:middle;background-position:center center;background-repeat:no-repeat}.formation-creator .squad .delete-player{background-image:url(/images/icons/delete.svg);opacity:.2}.formation-creator .squad .delete-player.BENCH{opacity:1}.formation-creator .formation-ratings h2.title{margin:1.2em}.formation-creator .formation-ratings .ratings{margin-bottom:1em;padding-bottom:1em}.formation-creator .formation-ratings .row{margin-bottom:2.5em}@media (orientation: landscape){.formation-creator .mobilescreen .formations .player .label,.formation-creator .mobilescreen .formations .player .substituted{display:block}}@media (max-width: 750px){.fade-pitch{animation:pitchInAnim .25s ease}.fade-shirt{animation:shirtInAnim .25s ease}.fade-squad{animation:squadInAnim .25s ease}.fade-bench{animation:benchInAnim .25s ease}.fade-ratings{animation:ratingsInAnim .25s ease}.fade-styles{animation:stylesInAnim .3s ease-in}.fade-description{animation:descriptionInAnim .3s ease-in}}@keyframes pitchInAnim{0%{opacity:0}to{opacity:1}}@keyframes shirtInAnim{0%{transform:scale(1.2);opacity:0}to{transform:none;opacity:1}}@keyframes squadInAnim{0%{transform:scale(1.2);opacity:0}}@keyframes ratingsInAnim{0%{transform:scale(1.2);opacity:0}to{transform:none;opacity:1}}@keyframes benchInAnim{0%{transform:scale(1.2);opacity:0}to{transform:none;opacity:1}}@keyframes stylesInAnim{0%{opacity:0}to{opacity:1}}@keyframes descriptionInAnim{0%{opacity:0}to{opacity:1}}.draggable{touch-action:none}.drag-over{filter:brightness(1.1)}.is-dragging{transition:none!important;z-index:20000!important}.is-dragging div{-webkit-transform:scale3d(.9,.9,1);transform:scale3d(.9,.9,1)}.grid{margin:0 auto;max-width:50em;padding:0 1em}.grid__item{font-size:2em;display:inline-block;margin:.2em .1em;padding-top:2.25em;width:5.5em;height:5.5em;border-radius:4px;color:#76737c;text-align:center}.grid__item:hover{cursor:move;cursor:-webkit-grab;cursor:grab}.grid__item:active{cursor:-webkit-grabbing;cursor:grabbing}.is-active{z-index:100}.is-dropped{opacity:0;-webkit-transform:scale3d(.7,.7,1);transform:scale3d(.7,.7,1)}.is-complete{opacity:1;-webkit-transition:opacity .3s,-webkit-transform .3s!important;transition:opacity .3s,transform .3s!important;-webkit-transform:scale3d(1,1,1)!important;transform:scaleZ(1)!important}.animate{-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.drop-area{position:fixed;top:100%;left:0;z-index:99;width:100%;height:17em;text-align:center;-webkit-transition:-webkit-transform .5s cubic-bezier(.6,0,.4,1);transition:transform .5s cubic-bezier(.6,0,.4,1);-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.drop-area.show{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.drop-area>div{width:100%;height:100%;-webkit-transition:-webkit-transform .4s .3s;transition:transform .4s .3s;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.drop-area.show>div{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.drop-area__item{position:relative;display:inline-block;margin:1.25em 1% 1%;max-width:13em;width:20%;height:12em;border-radius:4px;-webkit-transition:-webkit-transform .3s,background .3s;transition:transform .3s,background .3s;-webkit-backface-visibility:hidden}.drop-area__item.highlight{background:#00000026;-webkit-transform:scale3d(1.08,1.08,1);transform:scale3d(1.08,1.08,1)}.drop-area__item:before,.drop-area__item:after{position:absolute;top:50%;left:0;width:100%;color:#00000026;font-size:1.5em;margin-top:-.35em;font-family:FontAwesome;pointer-events:none}.drop-area__item:before{content:""}.drop-feedback.drop-area__item:before{opacity:0;-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}.drop-area__item:after{color:#fffdc599;content:"";font-size:3em;margin-top:-.5em;opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;-webkit-transform:scale3d(2,2,1);transform:scale3d(2,2,1)}.drop-feedback.drop-area__item:after{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}.dummy,.dummy:after{position:absolute;top:100%;left:0;margin:.25em 0;height:.65em;border-radius:2px;background:#00000026;-webkit-backface-visibility:hidden}.dummy{width:90%}.dummy:after{width:60%;content:""}.drop-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s;pointer-events:none}.drop-area.show+.drop-overlay{opacity:1}.helper{position:absolute!important;margin:0}@media screen and (max-width: 50em){.grid__item{font-size:1.5em}.drop-area{font-size:.6em}}@media screen and (max-width: 25.5em){.grid{padding:0 2em}.grid__item{font-size:1em}}.deck{position:relative;width:100%;height:100%;overflow:hidden}.card{position:absolute;left:0;bottom:0;background:transparent;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;outline:none;width:100%;height:100%;color:#666;font-size:14px;-webkit-font-smoothing:antialiased;visibility:hidden;opacity:0}.card .card-closer .symbol{cursor:pointer}.card .card-closer .done{visibility:hidden!important;opacity:0}.card.show{opacity:1;visibility:visible;transition:visibility 0s linear 0s,opacity .15s ease-in 0s}.card.show .card-closer .done{visibility:visible!important;opacity:1;transition:visibility 0s linear .25s,opacity .25s ease-in .4s}.card .scrollable-card-detail{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;overflow-x:hidden;box-sizing:border-box;padding-top:50px;overscroll-behavior:contain}.card .done-button{position:absolute;bottom:90px;right:0;width:40px;height:40px;line-height:40px;text-align:center;border-radius:0;color:#fff;background-color:#4bd3d8;box-shadow:0 1px 10px 1px #00000080}.card .done-button.default-state{box-shadow:0 5px 5px 5px #00000040}.card .done-button.active-state{box-shadow:none;transform:scale(.8)}.card .done-button:hover{cursor:pointer;background-color:#75dde1}.card .done-button:after{content:"";background:transparent url(/images/icons/done.svg) center no-repeat;width:50%;height:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#formations.card{top:0;visibility:hidden;opacity:0;transition:none;transform:none}#formations.card.show{visibility:visible;opacity:1;transform:none}.flex-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center}.flex-header .flex-header-item,.flex-header .flex-header-item-grow{width:10px}.flex-header .flex-header-item-grow{flex:1 1 auto}.flex-header .flex-header-item{flex:0 0 auto}._flxrcw{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}._finline{display:inline-flex}.formation-home .card-closer{background-color:#fff;box-shadow:0 2px 2px #00000040;color:#a18100;width:100%;text-align:center;height:var(--card-closer-height);line-height:var(--card-closer-height)}.formation-home.card{z-index:20000;display:none}.formation-home.card.show{display:flex;flex-direction:column;justify-content:center;align-items:center}.formation-home .card-closer .title.left{left:40px}.formation-home .card-closer svg.icon.symbol{fill:#bb9500}.formation-home .content{width:100%;height:100vh}.formation-home .container{position:absolute;width:100%;max-width:1280px;height:100vh}.formation-home .container.enter .card-closer{display:none}.formation-home .container.enter .suggester-input{margin-top:0}.formation-home .suggester-wrapper.has-hero{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;animation:bounce-in .25s ease-in-out 1}.formation-home .suggester-wrapper.has-hero .suggester-input{margin-top:0;width:95%;max-width:540px;overflow:hidden;border-radius:10px;box-shadow:0 -5px 20px #00000080}.formation-home .suggester-wrapper.has-hero .mobile-ux-prompt{display:flex}.formation-home .suggester-wrapper .mobile-ux-prompt{display:none;position:absolute;bottom:5em;max-width:40ch;justify-content:center;align-items:center;color:#fff;color:var(--clr-1-b3);background-color:var(--clr-1);border-radius:3px;font-size:.8em;line-height:1.25em;padding:1em;opacity:0;animation:show-prompt .25s ease-in-out 1s 1 forwards}.formation-home .suggester-wrapper .mobile-ux-prompt .prompt-icon{display:block;width:48px;height:28px;fill:var(--clr-4-b1)}.formation-home .suggester-wrapper .mobile-ux-prompt .prompt-icon .icon{width:100%;height:100%}.formation-home .suggester-wrapper .mobile-ux-prompt .ux-prompt{padding:0 1em}.formation-home .suggester-wrapper .mobile-ux-prompt .ux-prompt__title{color:var(--clr-1-b4);font-weight:500;text-transform:uppercase}.formation-home .suggester-wrapper .mobile-ux-prompt a{white-space:nowrap;color:var(--clr-4-b1);text-decoration:underline}.formation-home .suggester-input{display:block;margin-top:50px}.formation-styles .content{display:flex;flex-direction:column;justify-content:center;align-items:center}.formation-styles .content.show{opacity:1;visibility:visible}.formation-styles .card-closer{background-color:#fff;box-shadow:0 2px 2px #00000040;color:#a18100;width:100%;text-align:center;height:var(--card-closer-height);line-height:var(--card-closer-height)}.formation-styles label{color:#fff}.formation-styles .zoom{display:none}.formation-styles .busy-indicator{display:none;position:absolute;height:1px;width:100%;overflow:hidden}.formation-styles .busy-indicator i{position:absolute;left:0;border-bottom:1px solid #ffd83b;height:1px;width:100%;z-index:1}.formation-styles .busy-indicator i:after,.formation-styles .busy-indicator i:before{position:absolute;top:0;left:0;display:block;content:"";border-bottom:1px solid #f7315b;width:200px;z-index:3;animation:busyIndicatorAnim 1s linear infinite}.formation-styles .busy-indicator i:before{border-bottom:1px solid #4bd3d8;z-index:2;animation:busyIndicatorAnim 1s linear infinite .5s}.formation-styles .busy-indicator.active{display:block}.formation-styles .busy-indicator{bottom:var(--toolbar-height)}.formation-styles .zoom,.formation-styles .download-image{display:none;position:absolute;background-color:#fff;padding:8px;border-radius:50%;box-shadow:0 3px 7px 1px #00000059;top:75px;right:15px;width:40px;height:40px}.formation-styles .zoom svg,.formation-styles .download-image svg{fill:#333;width:100%;height:100%;padding:4px}.formation-styles .download-image{display:block;padding:.25em;cursor:pointer}@media (max-width: 920px){.formation-styles .zoom{display:block}.formation-styles .download-image{display:none}}.formation-styles .toolbar nav{background-color:#333}.formation-styles .toolbar ul{display:flex;flex-wrap:nowrap;justify-content:center}.formation-styles .container{height:auto;width:100%;max-width:100%;transition:transform .25s 0s ease-out}.formation-styles .rendering{-webkit-user-select:none;user-select:none;position:absolute;top:var(--card-closer-height);left:0;height:calc(90vh - var(--card-closer-height) - var(--toolbar-height));min-height:75vh;width:100%;display:flex;justify-content:center;align-items:center}@supports (height: 100svh2){.formation-styles .rendering{height:calc(100svh - var(--card-closer-height) - var(--toolbar-height))}}.formation-styles .rendering .styles-canvas-wrapper{max-height:calc(100vh - var(--card-closer-height) - var(--toolbar-height));-webkit-overflow-scrolling:touch;overflow:auto;margin-top:2em}.formation-styles .rendering .styles-canvas-wrapper::-webkit-scrollbar{-ms-overflow-style:none;display:none;scrollbar-width:none}.formation-styles .rendering .styles-canvas-wrapper canvas{display:block;max-width:100%;max-height:100vh;box-sizing:border-box;padding:0;margin:0 auto;font-family:Roboto;backface-visibility:hidden;object-fit:contain}.formation-styles .rendering .styles-canvas-wrapper.zoomed{box-shadow:inset 0 0 10px #000;background-color:#00000080;border:1px solid #333}.formation-styles .rendering .styles-canvas-wrapper.zoomed canvas{max-width:none;max-height:none}@media screen and (max-width: 768px){.formation-styles .rendering .styles-canvas-wrapper{max-height:100%;margin-top:0}}.largescreen .formation-styles .rendering .styles-canvas-wrapper{overflow:visible}.largescreen .formation-styles .busy-indicator{max-width:960px;margin:0 auto}.largescreen .formation-styles .toolbar .toolbar-items{width:100%}.description{background:transparent!important;font-family:Yantramanav,sans-serif;--done-button-width: 70pt}.description ul li{padding:10px 0}.description .scrollable-card-detail{background-color:#fff;padding-top:0;top:var(--card-closer-height);height:calc(100dvh - var(--card-closer-height))}.description label,.description .label,.description .labeled{font-family:Yantramanav,sans-serif;color:var(--clr-1);font-size:14px;font-weight:700;text-transform:uppercase;display:inline-block;margin-right:1ch}.description p.hint{margin:0 3em 1em}.description .loading{display:block;margin:0 auto;text-align:center}.description .loading .loading-spinner{width:48px;height:48px;margin:0 auto;clear:both;border-top:5px #ffd83b solid;border-right:5px #4bd3d8 solid;border-bottom:5px #ffffff solid;border-left:5px #bdd142 solid;border-radius:50%;box-shadow:0 0 2px #000;-webkit-animation:circleRotationAnim .9s infinite linear,circleMorphAnim 2.907s infinite alternate-reverse cubic-bezier(.21,-.01,0,1.32);animation:circleRotationAnim .9s infinite linear,circleMorphAnim 2.907s infinite alternate-reverse cubic-bezier(.21,-.01,0,1.32)}.description .loading .loading-label{font-family:Yantramanav,sans-serif;text-transform:uppercase;color:#eee;background:#333;font-size:14px;padding:.5em;text-align:center;display:inline-block;margin:1.5em auto}.description form input,.description form textarea{width:100%;text-shadow:none;font-weight:400}.description form section{margin:.5em 0;padding:0 1em;border-left:1px solid #e8e8e8}.description form p{line-height:1.5em;font-size:1.15em;font-weight:400;color:#000}.description form p a{text-decoration:underline}.description form .flxircs{margin:.5em 0;display:flex;align-items:center}.description form input[type=checkbox]{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#e8e8e8;width:1.5em;height:1.5em;margin-right:.5em;border:2px solid black;border-radius:2px;cursor:pointer;position:relative;vertical-align:middle}.description form input[type=checkbox]+label{margin:0;padding:0;text-transform:none;font-weight:400}.description form input[type=checkbox]:checked:before{content:"✔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#4caf50;font-size:1em}.description form input[type=checkbox]:hover{border-color:#4caf50}.description form input[type=text]{color:#000;font-size:1.2em}.description form select{margin-top:.5em;width:auto;padding:.25em;border:1px solid #ccc;background-color:#f4f4f4;color:#000;border-radius:2px}.description form textarea{height:10em;line-height:1.5em}.description .done-button{bottom:10pt}.description .done-item{width:var(--done-button-width)}.description .toolbar{width:clamp(320px,100%,100vw);height:calc(var(--done-button-width) * .9);background-color:transparent!important}.description .toolbar .toolbar-mask{background-color:transparent!important}.detail{width:100%;overflow:hidden}.detail.zoomed-in{overflow-x:auto}.detail .container{margin:0 auto;width:100%;height:100%}.detail .field{transform-origin:0 0}.detail .field .pitch{opacity:1}.detail .field .temp{position:absolute;opacity:.5}.detail .field .player{position:absolute;opacity:0;cursor:pointer}.detail .formation-detail-field canvas{max-width:100vw}.card-closer{position:absolute;z-index:1;top:0;left:0;width:100%;height:4em;line-height:4em;margin-bottom:0rem;text-transform:uppercase}.card-closer .icon,.card-closer .title,.card-closer .close,.card-closer .done,.card-closer .back{position:absolute;height:100%;width:100%;color:#3b2f00}.card-closer .icon svg,.card-closer .title svg,.card-closer .close svg,.card-closer .done svg,.card-closer .back svg{width:100%;height:100%;padding:1em;fill:#3b2f00}.card-closer .icon,.card-closer .symbol{top:0;left:0;width:50px;height:50px}.card-closer .title{top:2px;left:50px;padding-left:10px}.card-closer .title.left{left:0}.card-closer__steps{margin-right:10px}.card-closer .close,.card-closer .done{top:0;right:0;width:50px;height:50px;text-align:center}.card-closer .icon.close{top:0;right:0;left:initial;background-color:transparent;cursor:pointer}.card-closer .icon.close:hover{color:#f7315b26}.card-closer .icon.close svg{fill:#333}.card-closer .back{background-color:transparent}.card-closer .back svg{fill:#333}.card-closer .symbol-wrapper{background-color:#ffd83b;height:100%;width:50px}.card-closer .done{background-color:#f7315b;padding:5px;border-radius:50%;box-shadow:0 3px 7px 1px #00000059;top:25px;right:15px}.card-closer .done svg{fill:#fff;width:21px;height:21px;padding:10px}.card-closer svg{width:100%;height:100%}.card-closer .done:hover,.card-closer .back:hover{cursor:pointer}.color-picker ul{box-sizing:border-box;display:flex;justify-content:center;flex-wrap:wrap}.color-picker ul .color-item{display:inline-block;margin:8pt;border-radius:60pt;width:30pt;height:30pt;cursor:pointer}.color-picker ul .color-item.transparent{border:2px solid #ccc;background:repeating-conic-gradient(silver,silver 25%,#e0e0e0 0%,#e0e0e0 50%) 50%/20px 20px}.shirt-editor{z-index:20000;display:flex;flex-direction:column;justify-content:center;align-items:center}.shirt-editor .card-closer{background-color:#fff;box-shadow:0 2px 2px #00000040;color:#a18100;width:100%;text-align:center;height:var(--card-closer-height);line-height:var(--card-closer-height)}.shirt-editor .shirt{height:100%}.shirt-editor .painter-shirt.large{position:relative;width:clamp(350px,420px,100vw);aspect-ratio:1.05;height:clamp(333px,400px,100vh)}.shirt-editor .shirt-mode-toggle{position:absolute;top:60pt;right:20pt;z-index:200000;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--clr-1);overflow:hidden;border-radius:5px;box-shadow:0 0 10px 1px var(--clr-1-a1)}.shirt-editor .shirt-mode-toggle .icon-button{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--clr-1-b2);gap:.5ch;padding:1ch;width:100%;cursor:pointer}.shirt-editor .shirt-mode-toggle .icon-button.is-selected{background-color:#fff}.shirt-editor .shirt-mode-toggle .icon-button.is-selected svg{fill:var(--clr-4);stroke:none}.shirt-editor .shirt-mode-toggle .icon-button.is-selected .label{color:var(--clr-4)}.shirt-editor .shirt-mode-toggle .icon-button svg{fill:none;stroke-width:3px;width:24px;height:24px;stroke:var(--clr-1-b2)}.shirt-editor .shirt-mode-toggle .icon-button .label{display:block;color:currentColor;font-size:xx-small}.shirt-editor .shirt-mode-toggle .icon-button:first-child{border-bottom:1px solid var(--clr-1-b1)}.shirt-editor .painter{position:absolute;top:0;width:100%;max-width:900px;height:100%;display:block;box-sizing:border-box}.shirt-editor .painter li{list-style:none;display:inline-block}.shirt-editor .painter .preview{position:absolute;top:12vh;width:100%;box-sizing:border-box;touch-action:none;display:flex;justify-content:center;align-items:center}.shirt-editor .painter .preview svg{stroke-width:1;stroke-dasharray:4 1}.shirt-editor .painter .preview .shirt-preview{display:block;position:relative;left:10%;width:80%;height:100%}.shirt-editor .painter .tools{position:absolute;box-sizing:border-box;bottom:var(--toolbar-height);height:45%;width:100%;overflow:hidden;transition:transform .25s ease-out;transform:translateY(0) translateY(55px);background-color:var(--clr-1-d1)}.shirt-editor .painter .tools .scrollable-card-detail{padding-top:0;margin-top:0;top:42px}.shirt-editor .painter .tools .scrollable-card-detail{height:100%}.shirt-editor .painter .tools .tools-label{background-color:var(--clr-1);color:#fafafa;padding:1em;font-weight:100;font-size:1em;touch-action:none;height:40px;text-transform:uppercase}.shirt-editor .painter .tools .tools-label:after{position:absolute;right:2em;content:"";display:inline-block;top:14px;width:6px;height:6px;border-right:.2em solid #fff;border-top:.2em solid #fff;transform:rotate(-45deg)}@media (max-width: 480px){.shirt-editor .painter .tools .tools-label:after{right:1em}}.shirt-editor .painter .tools .shirt-picker,.shirt-editor .painter .tools .color-picker{width:100%;height:100%;background-color:transparent;background:transparent}.shirt-editor .painter .tools .shirt-picker ul{padding-bottom:70px}.shirt-editor .painter .tools .color-picker ul{padding-bottom:60px}.shirt-editor .painter .tools .shirt-picker .shirt-list-item{position:relative}.shirt-editor .painter .tools .shirt-picker .shirt-list-item .hit-area{position:absolute;top:0;left:0;bottom:0;right:0;background-color:#fff0}.shirt-editor .painter .tools.color-mode .shirt-picker{display:none}.shirt-editor .painter .tools.color-mode .color-picker,.shirt-editor .painter .tools.shirt-mode .shirt-picker{display:block}.shirt-editor .painter .tools.shirt-mode .color-picker{display:none}.shirt-editor .painter.show-tooling .tools{transform:translateY(0)}.shirt-editor .painter.show-tooling .tools .tools-label:after{transform:rotate(135deg)}.shirt-editor .painter.show-preview .tools{transform:translateY(75%)}.shirt-select ul{box-sizing:border-box;display:flex;justify-content:center;flex-wrap:wrap}.shirt-select ul li{position:relative;width:80px;height:76px;margin:7pt;cursor:pointer;transition:transform .15s ease-in-out}.shirt-select ul li.is-selected{border:1px dotted #888}.shirt-select ul li:hover{transform:scale(1.1)}.suggester-wrapper.attention-anim{animation:slideInUpBounce .5s ease-in-out 1 forwards}.suggester-wrapper.has-hero .suggester-input .value-input-wrapper{background:#fff;color:var(--clr-1-b1);border-bottom:1px solid var(--clr-1-b1)!important}.suggester-wrapper .suggester-input .value-input-wrapper{position:relative;height:100px;background:var(--clr-1-b5);padding-left:30px;color:var(--clr-2-d1);border-bottom:3px solid var(--clr-2-b1)!important}.suggester-wrapper .suggester-input .value-input-wrapper .ok-icon{display:none}.suggester-wrapper .suggester-input .value-input-wrapper input[type=text],.suggester-wrapper .suggester-input .value-input-wrapper label{position:absolute;font-size:32px;line-height:32px;height:100px;padding:34px 24px;background:transparent;box-sizing:border-box;border:none}.suggester-wrapper .suggester-input .value-input-wrapper input[type=text]{width:90%}.suggester-wrapper .suggester-input .value-input-wrapper label{font-family:Yantramanav,sans-serif;cursor:text;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis}.suggester-wrapper .suggester-input .value-input-wrapper.fillin label{font-weight:100;font-size:14px;line-height:14px;margin:0;padding:10px 24px;height:14px}.suggester-wrapper .suggester-input .value-input-wrapper:before{content:"";position:absolute;top:3px;left:16px;bottom:0;display:inline-block;width:28px;background-position:center center;background-repeat:no-repeat;background-image:url(/images/icons/search.svg)}.suggester-wrapper .suggester-input .value-input-wrapper.fillin:before{top:0;left:18px;width:32px}.suggester-wrapper .suggester-input ul{max-height:68vh;overflow-y:auto;background-color:var(--clr-1)}.suggester-wrapper .suggester-input ul li{background-color:var(--clr-1);color:#eee;height:auto;padding:1em;border-bottom:1px solid rgb(38.25,38.25,38.25)}.suggester-wrapper .suggester-input ul li.user-suggestion{border-left:3px solid #fbfbfb}.suggester-wrapper .suggester-input ul li .suggestion-value{font-family:Arial;color:#eee;line-height:1.7em}.suggester-wrapper .suggester-input ul li .suggestion-hint{font-family:Yantramanav,sans-serif;line-height:1em;color:var(--clr-1-b3)}.suggester-wrapper .suggester-input ul li.focused{background-color:var(--clr-1-b1)}.suggester-wrapper .suggester-input ul li.focused .label{color:#b3b3b3}.suggester-wrapper .suggester-input ul li:hover{background-color:var(--clr-1-b1)}.suggester-wrapper .suggester-input ul li:hover .label{color:#bfbfbf}.suggester-wrapper .suggester-input ul li.user-suggestion,.suggester-wrapper .suggester-input ul li.suggestion{position:relative}.suggester-wrapper .suggester-input ul li.user-suggestion:after,.suggester-wrapper .suggester-input ul li.suggestion:after{content:"";opacity:1;position:absolute;top:0;right:12px;bottom:0;display:inline-block;width:32px;background-position:center center;background-repeat:no-repeat;background-image:url(/images/icons/arrow-right-w-bg.svg)}.suggester-wrapper .suggester-input ul li.user-suggestion.focused:after,.suggester-wrapper .suggester-input ul li.suggestion.focused:after{opacity:1}.suggester-wrapper .suggester-input .divider{padding:0;background-color:#eee;color:#6f6f6f;overflow:visible;font-size:12px}@media screen and (min-width: 400px){.suggester-wrapper .suggester-input .divider{font-size:12px}}@media screen and (min-width: 700px){.suggester-wrapper .suggester-input .divider{font-size:14px}}@media screen and (min-width: 1024px){.suggester-wrapper .suggester-input .divider{font-size:14px}}.suggester-wrapper .suggester-input .divider .searching{padding:1em;display:none}.suggester-wrapper .suggester-input .divider .searching .spinner{width:14px;height:14px;clear:both;border-top:1px #ffd83b solid;border-right:1px #333 solid;border-bottom:1px #ffd83b solid;border-left:1px #333 solid;border-radius:50%;box-shadow:0 0 2px #000;-webkit-animation:circleRotationAnim .8s infinite linear,circleMorphAnim 2.584s infinite alternate-reverse cubic-bezier(.21,-.01,0,1.32);animation:circleRotationAnim .8s infinite linear,circleMorphAnim 2.584s infinite alternate-reverse cubic-bezier(.21,-.01,0,1.32);position:absolute;margin:0;background-color:transparent;box-shadow:none;z-index:1}.suggester-wrapper .suggester-input .divider .searching .hint{padding-left:1.5em}.suggester-wrapper .suggester-input .divider.search-pending .searching{display:block}.suggester-wrapper .suggester-input .divider.search-pending .divider-title{display:none}.suggester-wrapper .suggester-input .divider .divider-title{position:relative;padding:1em}.suggester-wrapper .suggester-input .divider .divider-title:after{content:"";position:absolute;left:5%;margin-left:-4px;top:100%;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid rgb(238.25,238.25,238.25);clear:both;z-index:10}.suggester-wrapper .suggester-input .suggestions.preset-picks.search-pending li{opacity:.3;pointer-events:none;cursor:none}.suggester-wrapper .suggester-input .suggestions{position:relative;width:100%;list-style-type:none}.suggester-wrapper .suggester-input .suggestions li:hover,.suggester-wrapper .suggester-input .suggestions li.focused{cursor:pointer}.suggester-wrapper .suggester-input .suggestions li .team-name{line-height:1.25em;float:left;padding-right:6px}.suggester-wrapper .suggester-input .suggestions li .flag-icon{display:inline-block;height:1em;vertical-align:top;line-height:1.35em}.suggester-wrapper .suggester-input .suggestions li .flag-icon img{height:1em}@media (max-width: 640px){.suggester-wrapper .container{width:100vw}.suggester-wrapper .suggester-input .divider .divider-title{padding:.5em}.suggester-wrapper .suggester-input .value-input-wrapper{height:60px}.suggester-wrapper .suggester-input .value-input-wrapper input[type=text],.suggester-wrapper .suggester-input .value-input-wrapper label{font-size:18px;font-weight:100;line-height:28px;height:60px;padding:18px}.suggester-wrapper .suggester-input .value-input-wrapper label{padding-left:18px}.suggester-wrapper .suggester-input .value-input-wrapper.fillin input[type=text]{font-size:21px;line-height:21px;height:60px;padding:38px 8px}.suggester-wrapper .suggester-input .value-input-wrapper.fillin label{padding-left:8px}.suggester-wrapper .suggester-input .value-input-wrapper.fillin.has-value.has-focus .ok-icon{display:block;position:absolute;right:16px;top:20px;width:24px;height:24px;border-radius:50%;fill:var(--clr-1-b2)}.suggester-wrapper .suggester-input .value-input-wrapper:before{top:3px;left:16px}.suggester-wrapper .suggester-input .value-input-wrapper.fillin:before{top:3px;left:5px;width:28px}.suggester-wrapper .suggester-input ul{max-height:68vh;overflow-y:auto}.suggester-wrapper .suggester-input ul li{padding:1em;font-size:.9em}}.formations-pitch-container .formation-box,.formations-pitch-container .formation-box-mobile{position:absolute;padding:1rem;width:250pt;max-width:80vw;height:100pt;top:50%;left:50%;margin-top:-50pt;opacity:1;transform:translate(-50%);z-index:100000;color:var(--clr-1-b3);background-color:var(--clr-1);box-shadow:0 0 15px 5px #00000040}.formations-pitch-container .formation-box .icon.close,.formations-pitch-container .formation-box-mobile .icon.close{position:absolute;top:.5em;right:.5em;width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.formations-pitch-container .formation-box .icon.close svg,.formations-pitch-container .formation-box-mobile .icon.close svg{width:100%;height:100%;fill:currentColor}.formations-pitch-container .formation-box label,.formations-pitch-container .formation-box-mobile label{color:currentColor;display:block;margin-bottom:.5rem;text-align:center;font-weight:100;padding:1rem}.formations-pitch-container .formation-box .tactic-input,.formations-pitch-container .formation-box-mobile .tactic-input{font-size:2em;display:inline-block;width:100%;text-align:center;border:none;color:var(--clr-4);background-color:var(--clr-1-d1)}.formations-pitch-container .formation-box .tactic-input:focus,.formations-pitch-container .formation-box-mobile .tactic-input:focus{border-bottom:1px solid var(--clr-1-b1)}.formations-pitch-container .formation-box-mobile{position:absolute;max-width:90vw;height:auto;top:25%;left:50%;opacity:1;color:var(--clr-1-b3);transform:translate(-50%,-50%);z-index:100000;background-color:var(--clr-1);box-shadow:0 0 15px 5px #00000040;font-family:Yantramanav,sans-serif;font-weight:700;font-size:10pt}.formations-pitch-container .formation-box-mobile label{padding:0;margin:0 0 1em}.formations-pitch-container .formation-box-mobile .tactics{display:grid;height:90%;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;border-left:1px solid var(--clr-1-b1);border-top:1px solid var(--clr-1-b1);width:100%}.formations-pitch-container .formation-box-mobile .tactics__item{display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid var(--clr-1-b1);border-bottom:1px solid var(--clr-1-b1);cursor:pointer;padding:1em;gap:.5em}.formations-pitch-container .formation-box-mobile .tactics__item:hover{color:var(--clr-4)}.formations-pitch-container .formation-box-mobile .tactics__item .tactics-label{color:var(--clr-4);font-size:1.25em;white-space:nowrap}.formations-pitch-container .formation-box-mobile .tactics__item.is-selected{background:var(--clr-1-b1);color:var(--clr-4)}.dialog{position:absolute;padding:1em;width:320pt;max-width:90vw;top:50%;left:50%;opacity:1;color:var(--clr-1-b5);transform:translate(-50%,-50%);z-index:100000;background-color:var(--clr-1);box-shadow:0 0 15px 5px #00000040;font-family:Yantramanav,sans-serif;font-size:14pt}@media (max-width: 860px) and (orientation: portrait){.dialog{font-size:11pt;top:0%;margin:0 auto;max-width:100vw;height:auto;max-height:100vh;overflow:scroll;transform:none;left:50%;transform:translate(-50%)}}.dialog h3{color:var(--clr-1-b3);text-transform:uppercase;text-align:center}.dialog p{line-height:1.5em}.dialog .dialog__section{margin:1em}.dialog .dialog__section .button-wrapper{width:100%;display:flex;place-content:center;gap:2em;margin-top:2em}.dialog .dialog__section .button-wrapper .button{-webkit-user-select:none;user-select:none;cursor:pointer;width:16ch;font-size:1em;line-height:1.2em;padding:.5em;text-align:center;text-transform:uppercase;border-radius:3px}.dialog .dialog__section .button-wrapper .cancel-button{border:1px solid var(--clr-1-d1)}.dialog .dialog__section .button-wrapper .confirm-button{font-weight:700;color:#fff;background-color:var(--clr-4-d1)}.dialog .dialog__section .button-wrapper .confirm-button:hover{background-color:var(--clr-4-d1)}.dialog .icon.close{position:absolute;top:.5em;right:.5em;width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.dialog .icon.close svg{width:100%;height:100%;fill:#fff}.dialog label{display:block;margin-bottom:1em;text-align:center;font-weight:100}.side-select{position:absolute;padding:1.5em;width:250pt;max-width:80vw;top:50%;left:50%;margin-top:-75pt;opacity:1;color:var(--clr-1-b3);transform:translate(-50%);z-index:100000;background-color:var(--clr-1);box-shadow:0 0 15px 5px #00000040;font-family:Yantramanav,sans-serif}.side-select .sides{display:grid;height:90%;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;border-left:1px solid var(--clr-1-b1);border-top:1px solid var(--clr-1-b1)}.side-select .sides__item{display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:1px solid var(--clr-1-b1);border-bottom:1px solid var(--clr-1-b1);cursor:pointer;padding:1em;gap:.5em}.side-select .sides__item:hover{color:var(--clr-4)}.side-select .sides__item .side-number{font-size:2em;font-weight:800}.side-select .sides__item .side-label{font-size:.75em;white-space:nowrap}.side-select .sides__item.is-selected{background:var(--clr-1-b1);color:var(--clr-4)}.side-select .icon.close{position:absolute;top:.5em;right:.5em;width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.side-select .icon.close svg{width:100%;height:100%;fill:#fff}.side-select label{display:block;margin-bottom:1em;text-align:center;font-weight:100}.text-to-formation-wrapper{position:fixed;top:0;left:0;height:100%;width:100%;z-index:1000000;background-color:#000000bf;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Yantramanav,sans-serif}@media (max-width: 860px){.text-to-formation-wrapper{justify-content:flex-start}}.text-to-formation-wrapper .text-to-formation__notification{position:absolute;top:50%;left:50%;width:clamp(320pt,100vw,65ch);max-width:50ch;z-index:1;transform:translate(-50%,-50%);background:var(--clr-1-b5);border-radius:.25em;padding:1.5em 2em;color:var(--clr-1-b1);display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 0 10pt #000000bf}.text-to-formation-wrapper .text-to-formation__notification p{width:100%;line-height:1.5em;font-size:1.25em}.text-to-formation-wrapper .text-to-formation__notification .icon{margin:1em;fill:var(--clr-4-d1);cursor:pointer}.text-to-formation-wrapper .text-to-formation__notification .icon svg{width:32pt;height:32pt}.text-to-formation-wrapper .text-to-formation__notification button{margin:2em 1em .5em}.text-to-formation-wrapper .text-to-formation{animation:bounce-bang-anim-center .25s ease-in-out 0s 1 forwards;display:flex;flex-direction:column;padding:0;width:clamp(320px,65ch,100vw);height:100%;max-height:45em;opacity:1;color:var(--clr-1-b3);background-color:var(--clr-1);box-shadow:0 0 15px 5px #00000040}@media (max-width: 860px){.text-to-formation-wrapper .text-to-formation{height:100%;width:100%;max-height:100%}}.text-to-formation-wrapper .text-to-formation label{margin:0;padding:0}.text-to-formation-wrapper .text-to-formation__navigation{padding:0 1em;height:3em;display:flex;justify-content:center;align-items:center;font-size:1.1em}.text-to-formation-wrapper .text-to-formation__content{padding:1em 1.5em;max-height:clamp(320px,80vh,100svh);overflow-y:scroll}.text-to-formation-wrapper .text-to-formation__actions{display:flex;justify-content:flex-end;align-items:center;min-height:3em;padding:0;flex:1}.text-to-formation-wrapper .text-to-formation .lineup-line{margin:.5em 0;display:flex;justify-content:space-between;align-items:center;gap:1ch;width:100%}.text-to-formation-wrapper .text-to-formation .lineup-line li{flex:auto;padding:.1em;border:1px solid var(--clr-1-d1);text-align:center}.text-to-formation-wrapper .text-to-formation .text-to-formation__formats{display:flex;justify-content:center;align-items:center;width:100%;height:3em;gap:1em}.text-to-formation-wrapper .text-to-formation .text-to-formation__formats label{display:flex;font-weight:100;cursor:pointer}.text-to-formation-wrapper .text-to-formation .text-to-formation__formats label input[type=radio]{margin-right:.5em}.text-to-formation-wrapper .text-to-formation .text-to-formation__formats label.clear{color:var(--clr-4-b1)}.text-to-formation-wrapper .text-to-formation .text-to-formation__title{text-transform:uppercase;font-weight:100;font-size:1.1em}.text-to-formation-wrapper .text-to-formation p{line-height:1.35em}.text-to-formation-wrapper .text-to-formation .text-to-formation__explanation{line-height:1.2em;padding:0 0 .5em;min-height:4em;color:var(--clr-4)}.text-to-formation-wrapper .text-to-formation .text-to-formation__input{width:100%;background:var(--clr-1-d1);color:var(--clr-1-b4);padding:1em;min-height:11.25em;line-height:1.25em;font-family:monospace;resize:none}.text-to-formation-wrapper .text-to-formation .text-to-formation__input::placeholder{color:var(--clr-1-b2)}.text-to-formation-wrapper .text-to-formation .text-to-formation__preview{width:100%;min-height:13.75em;line-height:1.25em;font-family:monospace;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.text-to-formation-wrapper .text-to-formation .icon.close{position:absolute;top:.5em;right:.5em;width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.text-to-formation-wrapper .text-to-formation .icon.close svg{width:100%;height:100%;fill:#fff}.text-to-formation-wrapper .text-to-formation .apply-button{display:flex;flex-direction:column-reverse;align-self:flex-end;height:100%;max-height:5em;color:var(--clr-1-b2);background-color:var(--clr-1-b1);pointer-events:none;transition:all .25s ease-in-out}.text-to-formation-wrapper .text-to-formation .apply-button.is-valid{color:#fff;background-color:var(--clr-4-d1);pointer-events:all}.toolbar{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;position:absolute;bottom:0;height:var(--toolbar-height);width:100%;width:clamp(320px,1140px,100vw)}.toolbar.shirt-tools{max-width:960px}@media (min-width: 400px) and (max-width: 1023px){.toolbar.shirt-tools{--toolbar-item-min-width: 50pt}}.toolbar.shirt-tools .toolbar-item.is-active{background-color:var(--clr-1-b1)}.toolbar.squad-editor,.toolbar.ratings-editor,.toolbar.formation-description{max-width:100%;background-color:transparent!important}.toolbar.squad-editor .toolbar-mask{pointer-events:none;background:transparent;padding:0}.toolbar.squad-editor .toolbar-mask .nav-indicator{display:none;width:0}.toolbar.squad-editor .toolbar-mask .toolbar-items{margin:0;justify-content:flex-end}.toolbar.squad-editor .toolbar-mask .toolbar-items .toolbar-item{background:var(--clr-1);width:var(--done-button-width)}.toolbar .toolbar-mask{pointer-events:all;height:100%;width:calc(100% - var(--done-button-width));padding:0 5px 0 0;background:var(--clr-1);position:relative}.toolbar .toolbar-mask .nav-indicator{width:20pt;background:linear-gradient(270deg,#333,transparent);position:absolute;top:0;bottom:0;z-index:100000;pointer-events:none;opacity:0;visibility:hidden;transition:visibility .3s linear,opacity .3s linear}.toolbar .toolbar-mask .nav-indicator svg{width:100%;height:100%;fill:none;stroke:#fff}.toolbar .toolbar-mask .nav-indicator.more-left{left:0;padding-right:5px;background:linear-gradient(270deg,transparent,#333)}.toolbar .toolbar-mask .nav-indicator.more-right{padding-left:5px;right:0}.toolbar .toolbar-mask .nav-indicator.show-nav{transition:visibility .3s linear,opacity .3s linear;visibility:visible;opacity:1}.toolbar .toolbar-mask .toolbar-items{display:flex;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;text-align:center;scroll-behavior:smooth;scroll-snap-type:x mandatory;height:100%}.toolbar .toolbar-mask .toolbar-item,.toolbar .toolbar-mask .done-item{pointer-events:all;scroll-snap-align:center;list-style:none;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:100%;font-size:var(--toolbar-item-font-size);border-right:1px solid var(--clr-1-d1);box-sizing:border-box;width:clamp(var(--toolbar-item-min-width),9vw,70pt);min-width:var(--toolbar-item-min-width);background:transparent;overflow:hidden;color:#eee}.toolbar .toolbar-mask .toolbar-item:active,.toolbar .toolbar-mask .done-item:active{background-color:var(--clr-1-b1)}.toolbar .toolbar-mask .toolbar-item.is-toggle.is-on,.toolbar .toolbar-mask .done-item.is-toggle.is-on{background-color:var(--clr-2);color:#fff}.toolbar .toolbar-mask .toolbar-item .icon,.toolbar .toolbar-mask .toolbar-item .title,.toolbar .toolbar-mask .done-item .icon,.toolbar .toolbar-mask .done-item .title{display:block;height:2.5em;width:2.5em;margin:auto;fill:currentColor;stroke:currentColor;stroke-width:1px}.toolbar .toolbar-mask .toolbar-item .title,.toolbar .toolbar-mask .done-item .title{font-family:Yantramanav,sans-serif;font-weight:700;display:table-cell;vertical-align:middle;text-align:center;color:#eee;height:1.5em}@media (max-width: 950px){.toolbar .toolbar-mask .toolbar-item .title,.toolbar .toolbar-mask .done-item .title{font-size:21px;height:1em;width:1em}}.toolbar .toolbar-mask .toolbar-item .label,.toolbar .toolbar-mask .done-item .label{width:100%;white-space:nowrap;color:#eee;text-transform:uppercase;padding:0 5pt;letter-spacing:.1ch}.toolbar .toolbar-mask .toolbar-item:hover,.toolbar .toolbar-mask .done-item:hover{cursor:pointer}.toolbar .toolbar-mask .toolbar-item:hover .icon,.toolbar .toolbar-mask .done-item:hover .icon{fill:#fff;stroke:#eee}.toolbar .toolbar-mask .toolbar-item:hover .label,.toolbar .toolbar-mask .done-item:hover .label{color:#fff}.toolbar .toolbar-mask .toolbar-item.disabled-state{opacity:.2;pointer-events:none;filter:grayscale(1)}.toolbar .done-item{pointer-events:all;cursor:pointer;position:absolute;bottom:0;right:0;width:var(--done-button-width);height:100%;color:var(--clr-4);background-color:var(--clr-1-b1);font-weight:400;padding:.75em;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background-color .1s ease-in-out}@media (min-width: 320px) and (max-width: 480px){.toolbar .done-item{height:100%}}.toolbar .done-item:hover{background-color:var(--clr-1-b2)}.toolbar .done-item.ok-action{background-color:var(--clr-1-b1)}.toolbar .done-item.ok-action:hover{background-color:var(--clr-1-b2)}.toolbar .done-item svg{width:100%;height:18pt;display:block;margin:auto;fill:currentColor}@media (min-width: 320px) and (max-width: 480px){.toolbar .done-item svg{height:16pt}}.toolbar .done-item .label{display:block;text-align:center;width:100%;white-space:nowrap;font-size:10pt;margin:0;color:currentColor}@media (max-width: 950px){.toolbar .done-item{right:0;width:var(--done-button-width)}}.collapsible .collapsible-header{cursor:default}.collapsible .collapsible-header.expandable{cursor:pointer}.collapsible .collapsible-header .icon{width:1em;height:1em;margin:0 0 0 .5em}.collapsible .collapsible-content{display:none;visibility:hidden;opacity:0;transition:visibility 0s linear,opacity .25s .25s ease-out}.collapsible .collapsible-content.open{display:inherit;visibility:visible;opacity:1}.formation-creator .formation-ratings .ratings{margin:1em 0 2em;padding:0 0 0 1em;border-left:1px solid #eee}.formation-creator .formation-ratings .ratings .value-indicator{margin:0 1em}.formation-creator .formation-ratings .ratings .ratings-heading .flex-header-item{min-width:1em}.formation-creator .formation-ratings .ratings .ratings-heading .title{flex:8 8 auto}.formation-creator .formation-ratings .ratings .ratings-heading .motm-label{width:4em}.formation-creator .formation-ratings .ratings .ratings-heading .motm{width:1em;height:1em}.formation-creator .formation-ratings .ratings .ratings-heading .motm svg{width:100%;height:100%}.formation-creator .formation-ratings .ratings .ratings-heading .motm .state-0 svg{fill:var(--clr-1);stroke:none;stroke-width:0px}.formation-creator .formation-ratings .ratings .ratings-heading .motm .state-1 svg{fill:#ffd83b;stroke:#bb9500;stroke-width:1px}.formation-creator .formation-ratings .ratings .collapsible-header{margin:.75em 0}.formation-creator .formation-ratings .ratings .collapsible-header:after{clear:both}.formation-creator .formation-ratings .ratings ul{margin:.5em 0 2em}.formation-creator .formation-ratings .ratings .ratings-value-holder{text-align:right;width:8em;margin:0 0 0 .5em}.formation-creator .formation-ratings .ratings .bar-graph{margin:0 0 1em}.formation-creator .formation-ratings .ratings .bar-graph .fill{background-color:var(--clr-2);transition:transform .25s ease-out}.formation-creator .formation-ratings .ratings .bar-graph .tint,.formation-creator .formation-ratings .ratings .bar-graph .bg{background-color:var(--clr-1);opacity:1}.formation-creator .formation-ratings .ratings .bar-graph .label,.formation-creator .formation-ratings .ratings .bar-graph .value{display:inline-block;margin:0 0 .5em}.formation-creator .formation-ratings .ratings .bar-graph .bar-graph-wrapper{height:1.2em}.formation-creator .formation-ratings .ratings .bar-graph.has-value .tint,.formation-creator .formation-ratings .ratings .bar-graph.has-value .bg{border:none}.formation-creator .formation-ratings .ratings .bar-graph.has-value .tint{background-color:var(--clr-1)}.formation-creator .formation-ratings .ratings .overall{display:block;margin:.5em 0}.formation-creator .formation-ratings .ratings .overall .bar-graph .bar-graph-wrapper{height:1.68em}.formation-creator .formation-ratings .ratings .overall .bar-graph .bar-graph-wrapper .fill{background-color:#ffd83b}.formation-creator .formation-ratings .ratings .mental .fill{background-color:#80f2ff}.formation-creator .formation-ratings .ratings .gameplay .fill{background-color:var(--clr-2)}.formation-creator .formation-ratings .ratings .role .fill{background-color:#f7315b}.remarks{font-size:13px}.remarks .label,.remarks textarea,.remarks .comment,.remarks .char-limit{display:block;width:100%;font-weight:700}.remarks textarea{border:none;background-color:#f8f8f8!important;border-bottom:1px solid rgb(216.75,216.75,216.75);resize:none;box-sizing:border-box;padding:.25em;margin:.5em 0;line-height:1.45em;min-height:initial;height:1.5em}.remarks .comment{margin:.5em 0;line-height:1.5em;white-space:pre-wrap}.remarks .char-limit{text-align:right}.c-toast-container{z-index:100000!important}.c-toast{font-size:12pt;display:grid;align-items:center;margin:calc(70px + .5em) 0;animation-duration:.15s;border-radius:5px;min-height:3em;cursor:pointer;padding:1em 2em;line-height:1.35em;word-break:break-word;box-shadow:0 0 5px 1px #00000040;pointer-events:auto}.c-toast[data-align=center]{text-align:center}@media (max-width: 640px){.c-toast{font-size:10pt;max-width:38ch}}.c-toast.c-toast--default{color:var(--clr-1-b4);background-color:var(--clr-1)}.c-toast.c-toast--info{color:var(--clr-2-b3);background-color:var(--clr-2)}.c-toast.c-toast--error{color:var(--clr-5-b3);background-color:var(--clr-5-d1)}.loading-wrapper{z-index:100000;position:absolute;display:none;top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center}.loading-wrapper.open{display:flex}.loading-wrapper.valign-center{align-items:center}.loading-wrapper.valign-bottom{align-items:flex-end}.loading-wrapper.valign-top{align-items:flex-start}.loading-wrapper .loading{display:block;margin:0 auto;text-align:center}.loading-wrapper .loading .loading-spinner{width:48px;height:48px;margin:0 auto;clear:both;border-top:5px #ffd83b solid;border-right:5px #4bd3d8 solid;border-bottom:5px #ffffff solid;border-left:5px #bdd142 solid;border-radius:50%;box-shadow:0 0 2px #000;-webkit-animation:circleRotationAnim .9s infinite linear,circleMorphAnim 2.907s infinite alternate-reverse cubic-bezier(.21,-.01,0,1.32);animation:circleRotationAnim .9s infinite linear,circleMorphAnim 2.907s infinite alternate-reverse cubic-bezier(.21,-.01,0,1.32)}.loading-wrapper .loading .loading-label{font-family:Yantramanav,sans-serif;text-transform:uppercase;color:#eee;background:#333;font-size:14px;padding:.5em;text-align:center;display:inline-block;margin:1.5em auto}.loading-wrapper .retry-button{display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:pointer;font-size:21;text-decoration:none;color:#fff;background-color:#80f2ff;border:1px solid rgb(77,236.7795275591,255);text-align:center;border-radius:5px;margin:0 auto;padding:.5em;color:#000001;text-transform:uppercase;max-width:140px;box-shadow:0 0 10px 1px #008a9a}.loading-wrapper .retry-button:hover{background-color:#cdfaff}.hint-note .hint-note-wrapper{display:none;visibility:hidden;opacity:0;position:absolute;top:40px;left:50%;z-index:50000;transform:translate(-50%,-25px);box-shadow:0 1px 5px #00000080;padding:.25em;background-color:#333;color:#fff}.hint-note .hint-note-wrapper .hint-note-message{padding:10px}.hint-note .hint-note-wrapper.active{display:block;visibility:visible;opacity:0;transition:all .35s 0s ease-in}.hint-note .hint-note-wrapper.show{opacity:1;transform:translate(-50%);transition:all .35s 0s cubic-bezier(.46,.71,0,2.43)}.homecrowd-shirt{background:transparent;width:320pt;max-width:65vw;display:flex;flex-direction:column;justify-content:center;align-items:center;transform-origin:50% 100%;transform:perspective(400px) rotateX(90deg);animation:unfold .75s ease-in-out .2s 1 normal forwards}.homecrowd-shirt svg{width:100%;height:100%}.homecrowd-shirt .st0{fill:#fff}.homecrowd-shirt .st1{fill:var(--clr-1)}.homecrowd-shirt .st2{fill:var(--clr-3)}.homecrowd-shirt .st3{fill:var(--clr-1-d1);transform-origin:center;animation:heart-pulse 1s linear 1s infinite backwards}.homecrowd-shirt .st4{fill:var(--clr-3);transform-origin:center;animation:heart-pulse 1s linear 1s infinite backwards}.homecrowd-shirt .hero-hint{display:inline-block;font-size:.8em;color:var(--clr-1-b3);background-color:var(--clr-1);margin-top:-10px;padding:.5em;border-radius:5px 5px 0 0;box-shadow:0 0 10px 3px #00000040;text-transform:uppercase;white-space:nowrap}.add-player{position:absolute;padding:1em;width:320pt;max-width:90vw;top:50%;left:50%;opacity:1;color:var(--clr-1-b5);transform:translate(-50%,-50%);z-index:100000;background-color:var(--clr-1);box-shadow:0 0 15px 5px #00000040;font-family:Yantramanav,sans-serif;font-size:14pt}@media (max-width: 860px){.add-player{font-size:11pt;top:0%;margin:0 auto;max-width:100vw;height:auto;max-height:100vh;overflow:scroll;transform:none;left:50%;transform:translate(-50%)}}.add-player .add-player__section{margin:1em}.add-player .add-player__section h3{padding:.5em 0}.add-player .add-player__section .pos-list-wrapper ul.pos-list{display:inline-flex;background-color:var(--clr-1-b1)}.add-player .add-player__section .pos-list-wrapper ul.pos-list .pos{cursor:pointer;padding:.5em;-webkit-user-select:none;user-select:none}.add-player .add-player__section .pos-list-wrapper ul.pos-list .pos.active{color:#fff;font-weight:700;background-color:var(--clr-4-d1);touch-action:none}.add-player .add-player__section .pos-list-wrapper ul.pos-list .pos.active:hover{background-color:var(--clr-4-d1)}.add-player .add-player__section .pos-list-wrapper ul.pos-list .pos:hover{background-color:var(--clr-1-b2)}.add-player .add-player__section .input-wrapper{display:flex}.add-player .add-player__section .input-wrapper input[type=text]{color:currentColor}.add-player .add-player__section .input-wrapper input.shirt-number,.add-player .add-player__section .input-wrapper input.name{padding:.5em;outline:none;border:none;border-bottom:1px solid var(--clr-1-b1);width:100%;background-color:var(--clr-1-d1)}.add-player .add-player__section .input-wrapper input.shirt-number:focus,.add-player .add-player__section .input-wrapper input.name:focus{color:var(--clr-4-b1);border-bottom:1px solid var(--clr-4)}.add-player .add-player__section .input-wrapper input.shirt-number{width:4ch;margin-right:1ch}.add-player .add-player__section .button-wrapper{width:100%;display:flex;place-content:center;gap:2em;margin-top:2em}.add-player .add-player__section .button-wrapper .button{-webkit-user-select:none;user-select:none;cursor:pointer;width:10ch;font-size:1em;line-height:1.2em;padding:.5em;text-align:center;text-transform:uppercase;border-radius:3px}.add-player .add-player__section .button-wrapper .close-button{border:1px solid var(--clr-1-d1)}.add-player .add-player__section .button-wrapper .ok-button{font-weight:700;color:#fff;background-color:var(--clr-4-d1)}.add-player .add-player__section .button-wrapper .ok-button:hover{background-color:var(--clr-4-d1)}.add-player .icon.close{position:absolute;top:.5em;right:.5em;width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.add-player .icon.close svg{width:100%;height:100%;fill:#fff}.add-player label{display:block;margin-bottom:1em;text-align:center;font-weight:100}.text-input.input-wrapper{width:100%;position:relative;display:inline-block}.text-input .icon{position:absolute;right:.25em;top:50%;transform:translateY(-50%);cursor:pointer;width:1.5em;height:1.5em}.bar-graph{touch-action:pan-y}.bar-graph.is-interactive{cursor:pointer}.bar-graph .label,.bar-graph .label.value{font-weight:700}.bar-graph .bar-graph-wrapper{position:relative;min-height:1px;width:100%;overflow:visible;background-color:var(--clr-3)!important}.bar-graph .bar-graph-wrapper .fill{position:absolute;top:0;left:0;bottom:0;right:0;width:100%}.bar-graph .bar-graph-wrapper .thumb{position:absolute;top:50%;left:0;background:var(--clr-3);width:1.5em;height:1.5em;margin-top:-.75em;margin-left:-.75em;border-radius:50%;border:5px solid white;box-shadow:0 0 10px 1px #00000040}.bar-graph .bar-graph-wrapper .thumb:before{content:"";display:inline-block;width:3em;height:3em;margin-top:-1em;margin-left:-1em;background-color:transparent}button.apply-button,button.ok-button{display:flex;justify-content:center;align-items:center;border:none;width:12ch;background-color:var(--clr-4-d1);color:#fff;gap:.5em;padding:.5em;line-height:1em;text-transform:uppercase}button.apply-button__label,button.ok-button__label{margin:0}button.apply-button svg,button.ok-button svg{width:1em;height:1em;fill:currentColor}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-size:16px}body ::-webkit-scrollbar,html ::-webkit-scrollbar{width:5px;height:5px}body ::-webkit-scrollbar-thumb,html ::-webkit-scrollbar-thumb{background:var(--clr-1-b1)}body ::-webkit-scrollbar-track,html ::-webkit-scrollbar-track{background:var(--clr-1)}body body,html body{scrollbar-face-color:var(--clr-1-b1);scrollbar-track-color:var(--clr-1)}body{font-family:Yantramanav,sans-serif}.formation-styles .rendering,.field,.done-item .label{font-family:Roboto,sans-serif!important}.formation-creator{width:100%;height:100%;overflow:hidden}.formation-creator #app{background-image:repeating-conic-gradient(from 0deg at 50% -73%,#4fff4226,#4fff4226 6deg,#00998526 1deg,#00998526 15deg,#00994559 15deg,#00994559 22deg),repeating-linear-gradient(0deg,#11ff0059,#11ff0059 15%,#22ff0040 15%,#22ff0040 20%),url(/images/bg/grass-pattern-8.jpg)}.formation-creator .formation-module-container{height:100%;margin:0 auto;max-width:1280px;padding:0;position:relative;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.formation-creator .formation-module-container.show-page{overflow:auto}.formation-creator ::-webkit-input-placeholder{color:#fff;font-weight:100}.formation-creator :-moz-placeholder{color:#fff;opacity:1}.formation-creator ::-moz-placeholder{color:#fff;opacity:1}.formation-creator :-ms-input-placeholder{color:#fff}.formation-creator input[type=email],.formation-creator input[type=number],.formation-creator input[type=search],.formation-creator input[type=text],.formation-creator input[type=tel],.formation-creator input[type=url],.formation-creator input[type=password],.formation-creator textarea{border:none;border-bottom:1px solid rgb(191.25,191.25,191.25);border-radius:0;background-color:transparent;color:#333;font-weight:400}.formation-creator .--clr-1{color:var(--clr-1)}.formation-creator .--clr-2{color:var(--clr-2)}.formation-creator .--clr-3{color:var(--clr-3)}.formation-creator .--clr-4{color:var(--clr-4)}.formation-creator .--clr-5{color:var(--clr-5)}.formation-creator input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-1-d1);margin:0;font:inherit;color:currentColor;width:1.15em;height:1.15em;border:.15em solid currentColor;border-radius:50%;transform:translateY(-.075em);display:grid;place-content:center}.formation-creator input[type=radio]:before{content:"";width:.65em;height:.65em;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--color-1-b1);background-color:CanvasText}.formation-creator input[type=radio]:checked:before{transform:scale(1)}.formation-creator input[type=radio]:checked{color:var(--clr-4-b1)}.formation-creator input[type=radio]:focus{outline:max(2px,.15em) solid currentColor;outline-offset:max(2px,.15em)}.fade-enter-active,.fade-leave-active{transition-duration:.3s;transition-property:height,opacity;transition-timing-function:ease;overflow:hidden}.fade-enter,.fade-leave-active{opacity:0}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition-duration:.5s;transition-property:height,opacity,transform;transition-timing-function:cubic-bezier(.55,0,.1,1);overflow:hidden}.slide-left-enter,.slide-right-leave-active{opacity:0;transform:translate(2em)}.slide-left-leave-active,.slide-right-enter{opacity:0;transform:translate(-2em)}.zoom-enter-active,.zoom-leave-active{animation-duration:.5s;animation-fill-mode:both;animation-name:zoom}.zoom-leave-active{animation-direction:reverse}@keyframes zoom{0%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}