:root{--phone-width:400px;--desktop-width:1024px;--narrow-width:920px;--small-phone-breakpoint:320px;--medium-phone-breakpoint:390px;--large-phone-breakpoint:480px;--small-desktop-breakpoint:920px;--card-heading-height:50px;--global-padding:10px;--primary-action-bg-color:#bbcd15;--secondary-action-color:#5adabe;--teriary-color:#244f47;--suggestions-background-color:var(--teriary-color);--primary-button-size:3em;--flag-icon-css-path:"http://storage.googleapis.com/homecrowd-assets/icons/flags";--flag-icon-rect-path:"";--flag-icon-square-path:"";--color-1:#bdd142;--color-2:#333;--color-3:#4bd3d8;--color-4:#fff;--color-5:#fbfbfb;--color-6:#ffd83b;--color-7:#80f2ff;--color-8:#7aa129;--color-9:#f7315b;--color-10:#50844c;--color-11:#6f9fb1;--dark-green:#343;--dark:#333;--dark-grey:#555;--light:#eee;--grey:#888;--card-tint-bg-color:#fff;--done-button-bg-color:var(--color-3);--done-button-width:75pt;--toolbar-item-min-width:50pt;--toolbar-height:60pt;--toolbar-item-font-size:11px;--card-closer-height:50px;--clr-w:#fff;--clr-w-d1:#fcfcfc;--clr-w-d2:#f7f7f7;--clr-w-d3:#f2f2f2;--clr-w-d4:#ebebeb;--clr-w-d5:#e3e3e3;--clr-ink:var(--color-2);--clr-ink-soft:var(--dark-grey);--clr-ink-muted:var(--grey);--clr-ink-inverse:var(--color-4);--clr-surface-base:var(--color-4);--clr-surface-soft:var(--color-5);--clr-surface-muted:var(--clr-w-d1);--clr-surface-subtle:var(--clr-w-d2);--clr-border-soft:var(--clr-w-d4);--clr-border-strong:var(--clr-w-d5);--clr-border-input:#bfbfbf;--clr-brand-cyan:var(--color-3);--clr-brand-cyan-hover:#75dde1;--clr-brand-yellow:var(--color-6);--clr-brand-yellow-ink:#a18100;--clr-brand-pink:var(--color-9);--clr-brand-pink-soft:#f7315b26;--clr-brand-pink-hover:#fa7b96;--clr-alert:#ff3d00;--clr-shadow-ink-10:#0000001a;--clr-shadow-ink-15:#00000026;--clr-shadow-ink-25:#00000040;--clr-shadow-ink-35:#00000059;--clr-shadow-ink-50:#00000080;--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-2-b4: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-d2:hsl(var(--clr-3-hue), var(--clr-3-sat), 52%);--clr-3-d5:hsl(var(--clr-3-hue), var(--clr-3-sat), 20%);--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-4-b2:hsl(var(--clr-4-hue), var(--clr-4-sat), 71%);--clr-4-b3:hsl(var(--clr-4-hue), var(--clr-4-sat), 81%);--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}}*{box-sizing:border-box;margin:0;padding:0}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{font-size:100%;font:inherit;box-sizing:border-box;vertical-align:baseline;border:0;margin:0;padding:0}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,q:before,q:after{content:"";content:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{vertical-align:baseline;display:inline-block}audio:not([controls]){height:0;display:none}[hidden],template{display:none}a{background-color:#0000}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family: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{border:0;padding:0}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{height:auto}input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;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{background-color:var(--clr-surface-base);border:1px solid var(--clr-1-b4);height:38px;box-shadow:none;box-sizing:border-box;border-radius:4px;padding:6px 10px}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],textarea{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{margin-bottom:.5rem;font-weight:600;display:block}fieldset{border-width:0;padding:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{margin-left:.5rem;font-weight:400;display:inline-block}@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{color:inherit;text-decoration:none}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{text-transform:uppercase;font-weight:400}h3.title{text-transform:uppercase;text-align:left;color:var(--clr-ink);margin:0 0 .25em;font-size:14px;font-weight:700}@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:var(--clr-surface-soft);text-align:center;text-transform:uppercase;padding:.25em 0;font-size:10px;font-weight:700}@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:var(--clr-1-b4);padding:1em 0 1.5em;font-size:10px;font-weight:400}@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}}.link{cursor:pointer;font-weight:700;text-decoration:underline}.line{width:100%;line-height:1.25em}.spacing{line-height:2em}p.hint{font-family:var(--font-family-base);color:var(--clr-1-d1);background-color:var(--clr-w-d3);border-radius:.875rem;grid-template-columns:auto minmax(0,1fr);justify-content:start;align-items:center;gap:.5em;width:min(100%,42rem);max-width:calc(100% - 1.5rem);margin:0 auto 1em;padding:.75em;font-size:11pt;line-height:1.2em;display:grid}p.hint.hint--page{text-align:center;grid-template-columns:auto minmax(0,max-content);justify-content:center;width:fit-content;max-width:min(42rem,100% - 1.5rem)}p.hint.hint--page>span:last-child{max-width:34rem}p.hint.hint--inline{text-align:left;justify-content:start;width:100%;max-width:100%}.hint__icon{aspect-ratio:1;width:24px;height:24px;display:inline-block}.hint__icon svg{width:100%;height:100%;fill:var(--clr-4-d1)}header.homecrowd{font-size:1em}.shirt-number,.name,.comment{font-family:var(--font-family-body)}.value-indicator{font-family:var(--font-family-mono);background-color:var(--clr-brand-yellow);width:5ch;height:18px;color:var(--clr-ink);text-align:center;border-radius:2em;margin:-3px 0 0;font-size:12px;font-weight:100;line-height:18px;display:inline-block}.value-indicator.mental{background-color:var(--clr-2)}.value-indicator.gameplay{background-color:var(--clr-4)}.value-indicator.role{background-color:var(--clr-5)}.value-indicator--ratings-input{background-color:var(--clr-4-d1);color:#fff}:root{--font-size-2xs:.6875rem;--font-family-base:"Yantramanav", sans-serif;--font-family-body:Roboto, Arial, sans-serif;--font-family-mono:ui-monospace, SFMono-Regular, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:.925rem;--font-size-lg:1.25rem;--font-size-xl:1.625rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-heavy:800;--line-height-tight:1.1;--line-height-snug:1.25;--line-height-normal:1.5;--text-primary:var(--clr-1);--text-secondary:var(--clr-1-b1);--text-muted:var(--clr-1-b2);--text-inverse:var(--clr-1-b5);--text-accent:var(--clr-2);--text-success:var(--clr-4);--text-error:var(--clr-5);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem}.ui-label,.ui-qualifier,.ui-descriptor,.ui-value,.ui-supporting-text,.ui-page-title,.ui-section-title,.ui-section-subtitle,.ui-heading{font-family:var(--font-family-base)}.ui-label{font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em}.ui-qualifier{font-size:var(--font-size-2xs);line-height:var(--line-height-tight);font-weight:var(--font-weight-regular);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.ui-descriptor{font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.ui-value{font-size:var(--font-size-md);line-height:var(--line-height-snug);font-weight:var(--font-weight-medium);color:var(--text-primary)}.ui-supporting-text{font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-weight:var(--font-weight-regular);color:var(--text-secondary)}.ui-page-title{font-size:var(--font-size-sm);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em}.ui-section-title{font-size:var(--font-size-md);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.ui-section-subtitle{font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.ui-heading{font-size:clamp(var(--font-size-lg), 2vw + .8rem, var(--font-size-xl));line-height:.95;font-weight:var(--font-weight-heavy);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}[data-appearance=subtle]{color:var(--text-muted)}[data-appearance=strong]{font-weight:var(--font-weight-semibold)}[data-appearance=prominent]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}[data-appearance=numeric]{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum", "lnum"}[data-appearance=error]{color:var(--text-error)}[data-appearance=success]{color:var(--text-success)}.ui-numeric,.ui-tabular-numbers{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum", "lnum"}.ui-player-number{font-weight:var(--font-weight-bold);color:var(--text-primary);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum", "lnum";line-height:1}.ui-code{font-size:var(--font-size-xs);line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.ui-monospace{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums}.ui-nowrap{white-space:nowrap}.ui-truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ui-text-center{text-align:center}.ui-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.slide-in-up{animation:.25s ease-in-out forwards slideInUp}.flip-y-in{animation:.25s ease-in-out forwards flipYIn}@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(0)}to{-webkit-transform:rotate(359deg)}}@keyframes circleRotationAnim{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@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:scale(1)}10%,20%{transform:scale3d(.9,.9,.9)rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1)rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1)rotate(-3deg)}to{transform:scale(1)}}.bounce-in-anim{animation:.55s ease-in-out flipInX;backface-visibility:visible!important}@keyframes flipInX{0%{opacity:0;animation-timing-function:ease-in;transform:scale(0)}60%{animation-timing-function:ease-in;transform:scale(1.1)}80%{opacity:1;transform:scale(.95)}90%{transform:scale(1.02)}to{transform:scale(1)}}.bounce-bang-anim{animation:.25s ease-in-out forwards bounce-bang-anim}.bounce-bang-anim-center{animation:.25s ease-in-out forwards bounce-bang-anim-center}.bounce-in-scale{animation:.2s ease-in-out forwards bounceInScale}.fade-bg-anim{animation:.25s ease-in-out forwards fade-bg-anim}@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)}}@media (max-width:750px){.fade-pitch{animation:.25s pitchInAnim}.fade-shirt{animation:.25s shirtInAnim}.fade-squad{animation:.25s squadInAnim}.fade-bench{animation:.25s benchInAnim}.fade-ratings{animation:.25s ratingsInAnim}.fade-annotations{animation:.25s annotationsInAnim}.fade-styles{animation:.3s ease-in stylesInAnim}.fade-description{animation:.3s ease-in descriptionInAnim}}@keyframes pitchInAnim{0%{opacity:0}to{opacity:1}}@keyframes shirtInAnim{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:none}}@keyframes squadInAnim{0%{opacity:0;transform:scale(1.2)}}@keyframes ratingsInAnim{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:none}}@keyframes annotationsInAnim{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:none}}@keyframes benchInAnim{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:none}}@keyframes stylesInAnim{0%{opacity:0}to{opacity:1}}@keyframes descriptionInAnim{0%{opacity:0}to{opacity:1}}.deck{width:100%;height:100%;position:relative;overflow:hidden}.card{box-sizing:border-box;color:#666;-webkit-font-smoothing:antialiased;visibility:hidden;opacity:0;background:0 0;outline:none;width:100%;height:100%;font-size:14px;position:absolute;bottom:0;left:0}.card-closer{z-index:10;width:100%;height:var(--card-closer-height);margin-bottom:0;line-height:1;position:absolute;top:0;left:0}.card-closer button{appearance:none;font:inherit;border:0;margin:0;padding:0}.card-closer .icon,.card-closer .title,.card-closer .close,.card-closer .done,.card-closer .back{color:#3b2f00;width:100%;height:100%;position:absolute}.card-closer .icon svg,.card-closer .title svg,.card-closer .close svg,.card-closer .done svg,.card-closer .back svg{fill:#3b2f00;width:100%;height:100%;padding:1em}.card-closer .icon,.card-closer .symbol{width:50px;height:50px;top:0;left:0}.card-closer .title{align-items:center;gap:.4rem;padding-left:10px;line-height:1;display:flex;top:0;left:50px}.card-closer .title.left{left:0}.card-closer__steps{margin-right:0}.card-closer__steps,.card-closer__title{align-items:center;min-height:100%;display:inline-flex}.card-closer .close,.card-closer .done{text-align:center;width:50px;height:50px;top:0;right:0}.card-closer svg{width:100%;height:100%}.formation-creator .formation-pitch .card-closer,.formation-creator .formation-ratings .card-closer,.formation-creator .formation-annotations .card-closer,.formation-creator .formation-squad .card-closer,.formation-creator .formation-bench .card-closer,.description .card-closer,.vote-description .card-closer,.vote-validation .card-closer{background-color:var(--clr-surface-base);box-shadow:0 2px 2px 0 var(--clr-shadow-ink-25);color:var(--clr-brand-yellow-ink);width:100%;height:var(--card-closer-height);line-height:var(--card-closer-height);text-align:center}.formation-creator .formation-ratings .content,.formation-creator .formation-annotations .content,.formation-creator .formation-squad .content,.formation-creator .formation-bench .content{background-color:var(--clr-surface-base);width:100%;height:100%}.formation-creator .formation-ratings .container,.formation-creator .formation-annotations .container,.formation-creator .formation-squad .container,.formation-creator .formation-bench .container{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:1rem .5rem}.card .card-closer .symbol{cursor:pointer}.card .card-closer .done{opacity:0;visibility:hidden!important}.card.show{opacity:1;visibility:visible;transition:visibility linear,opacity .15s ease-in}.card.show .card-closer .done{opacity:1;transition:visibility 0s linear .25s,opacity .25s ease-in .4s;visibility:visible!important}.card .scrollable-card-detail{-webkit-overflow-scrolling:touch;box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--clr-1-b1) var(--clr-1);width:100%;height:100%;padding-top:50px;position:absolute;top:0;bottom:0;left:0;overflow:hidden scroll}.card .scrollable-card-detail::-webkit-scrollbar{width:5px;height:5px}.card .scrollable-card-detail::-webkit-scrollbar-thumb{background:var(--clr-1-b1)}.card .scrollable-card-detail::-webkit-scrollbar-track{background:var(--clr-1)}.card .done-button{text-align:center;width:40px;height:40px;color:var(--clr-ink-inverse);background-color:var(--clr-brand-cyan);box-shadow:0px 1px 10px 1px var(--clr-shadow-ink-50);border-radius:0;line-height:40px;position:absolute;bottom:90px;right:0}.card .done-button.default-state{box-shadow:0px 5px 5px 5px var(--clr-shadow-ink-25)}.card .done-button.active-state{box-shadow:none;transform:scale(.8)}.card .done-button:hover{cursor:pointer;background-color:var(--clr-brand-cyan-hover)}.card .done-button:after{content:"";background:url(/images/icons/done.svg) 50% no-repeat;width:50%;height:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#formations.card{visibility:hidden;opacity:0;transition:none;top:0;transform:none}#formations.card.show{visibility:visible;opacity:1;transform:none}.add-player .icon.close,.formations-pitch-container .formation-box .icon.close,.formations-pitch-container .formation-box-mobile .icon.close,.side-select .icon.close,.text-to-formation-wrapper .text-to-formation .icon.close{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:absolute;top:.5em;right:.5em}.add-player .icon.close svg,.formations-pitch-container .formation-box .icon.close svg,.formations-pitch-container .formation-box-mobile .icon.close svg,.side-select .icon.close svg,.text-to-formation-wrapper .text-to-formation .icon.close svg{width:100%;height:100%}.flex-header{-webkit-user-select:none;user-select:none;-o-user-select:none;justify-content:space-between;align-items:center;display:flex}.flex-header .flex-header-item,.flex-header .flex-header-item-grow{width:10px}.flex-header .flex-header-item-grow{flex:auto}.flex-header .flex-header-item{flex:none}._flxrcw{flex-wrap:wrap;justify-content:center;align-items:flex-start;display:flex}._finline{display:inline-flex}._flxlr100{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}._flxcolleft{flex-direction:column;align-items:flex-start;display:flex}._flxcolright{flex-direction:column;align-items:flex-end;display:flex}.grid2x2{grid-template-columns:1fr 1fr;gap:1em;display:grid}.grid2x2-1fr-max{grid-template-columns:1fr max-content;gap:1em;display:grid}.inline_left,.inline_center,.inline_right{letter-spacing:-4px;font-size:0;list-style:none;display:block}.inline_left li,.inline_center li,.inline_right li{letter-spacing:normal;display:inline-block}.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{vertical-align:middle;width:100%;display:table-cell}.pusher{width:100%}.unselectable *{-webkit-user-select:none;user-select:none}.invisible{visibility:hidden;display:none}.svg-symbols{width:0;height:0;display:none;position:absolute}.shirt-templates{display:none}html,body,#app{width:100%;height:100%;margin:0}body{background:var(--clr-1-b5);font-family:Roboto,Arial,sans-serif}.formation-module-container{width:100%;height:100%}.shell-screen{text-align:center;place-content:center;gap:.5rem;min-height:100%;padding:1rem;display:grid}.shell-screen h1,.shell-screen p{margin:0}.show-page-formation-module-container{width:100%;height:100%;min-height:100%;display:none}.show-page-formation-module-container.is-ready{display:block}.related-formations{opacity:1}.related-formations.is-client-ready{opacity:1;display:block}.formations-pitch-container .formation-box-mobile .tactics__item,.side-select .sides__item{border-right:1px solid var(--clr-1-b1);border-bottom:1px solid var(--clr-1-b1);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.5em;padding:1em;display:flex}.formations-pitch-container .formation-box-mobile .tactics__item:hover,.side-select .sides__item:hover{color:var(--clr-4)}.formations-pitch-container .formation-box-mobile .tactics__item.is-selected,.side-select .sides__item.is-selected{background:var(--clr-1-b1);color:var(--clr-4)}.draggable{touch-action:none}.drag-over{filter:brightness(1.1)}.is-dragging{z-index:20000!important;transition:none!important}.is-dragging div{transform:scale(.9)}.grid{max-width:50em;margin:0 auto;padding:0 1em}.grid__item{color:#76737c;text-align:center;border-radius:4px;width:5.5em;height:5.5em;margin:.2em .1em;padding-top:2.25em;font-size:2em;display:inline-block}.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;transform:scale(.7)}.is-complete{opacity:1;-webkit-transition:opacity .3s,-webkit-transform .3s!important;transition:opacity .3s,transform .3s!important;transform:scale(1)!important}.animate{transition:all .3s ease-out}.drop-area{z-index:99;text-align:center;-webkit-transition:-webkit-transform .5s cubic-bezier(.6,0,.4,1);width:100%;height:17em;transition:transform .5s cubic-bezier(.6,0,.4,1);position:fixed;top:100%;left:0;transform:translateY(20px)}.drop-area.show{transform:translateY(-100%)}.drop-area>div{-webkit-transition:-webkit-transform .4s .3s;width:100%;height:100%;transition:transform .4s .3s;transform:translateY(50%)}.drop-area.show>div{transform:translate(0,0)}.drop-area__item{-webkit-transition:-webkit-transform .3s,background .3s;-webkit-backface-visibility:hidden;border-radius:4px;width:20%;max-width:13em;height:12em;margin:1.25em 1% 1%;transition:transform .3s,background .3s;display:inline-block;position:relative}.drop-area__item.highlight{background:var(--clr-shadow-ink-15);transform:scale(1.08)}.drop-area__item:before,.drop-area__item:after{width:100%;color:var(--clr-shadow-ink-15);pointer-events:none;margin-top:-.35em;font-family:FontAwesome;font-size:1.5em;position:absolute;top:50%;left:0}.drop-area__item:before{content:""}.drop-feedback.drop-area__item:before{opacity:0;transform:scale(0)}.drop-area__item:after{color:#fffdc599;content:"";opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;margin-top:-.5em;font-size:3em;transition:opacity .3s,transform .3s;transform:scale(2)}.drop-feedback.drop-area__item:after{opacity:1;transform:scale(1)}.dummy,.dummy:after{background:var(--clr-shadow-ink-15);-webkit-backface-visibility:hidden;border-radius:2px;height:.65em;margin:.25em 0;position:absolute;top:100%;left:0}.dummy{width:90%}.dummy:after{content:"";width:60%}.drop-overlay{opacity:0;pointer-events:none;background:#0000004d;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.drop-area.show+.drop-overlay{opacity:1}.helper{margin:0;position:absolute!important}@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}}.formation-creator{color:var(--clr-ink);overflow:auto}.formation-creator #aboveFold,.formation-creator #belowFold{width:100%}.formation-creator .page-fold{width:100%;height:100%;margin:0;padding:0;display:block}.formation-creator section.header{opacity:1;visibility:visible;background-color:var(--clr-brand-yellow)}.formation-creator section.header header{background-color:var(--clr-brand-yellow);max-width:1250px;color:var(--clr-brand-yellow-ink);text-align:center;justify-content:center;align-items:center;width:100%;height:50px;margin:0 auto;padding:0 4rem;display:flex;position:relative}.formation-creator section.header header a.icon{aspect-ratio:1;background-color:var(--clr-ink-soft);justify-content:center;align-items:center;width:50px;height:100%;display:flex;position:absolute;top:0;left:0}.formation-creator section.header header a.icon svg{fill:var(--clr-brand-yellow);width:40px;height:40px;padding:5px}.formation-creator section.header header h2{align-items:center;gap:.3rem;display:inline-flex;position:static}.formation-creator .busy-indicator{width:100%;height:1px;display:none;position:absolute;overflow:hidden}.formation-creator .busy-indicator i{border-bottom:1px solid var(--clr-brand-yellow);z-index:1;width:100%;height:1px;position:absolute;left:0}.formation-creator .busy-indicator i:after,.formation-creator .busy-indicator i:before{content:"";border-bottom:1px solid var(--clr-brand-pink);z-index:3;width:200px;animation:1s linear infinite busyIndicatorAnim;display:block;position:absolute;top:0;left:0}.formation-creator .busy-indicator i:before{border-bottom:1px solid var(--clr-brand-cyan);z-index:2;animation:1s linear .5s infinite busyIndicatorAnim}.formation-creator .busy-indicator.active{display:block}.formation-creator .state-ready .busy-indicator.active{display:none}.formation-creator section .section-wrapper{max-width:1250px;margin:0 auto}.formation-creator section p.hint,.formation-creator .loading-hint{display:none}.formation-creator .loading-hint p.hint{background-color:var(--color-1);color:var(--clr-ink-inverse);text-transform:uppercase}.formation-creator .loading-hint.showing{animation:.75s infinite alternate fadeInOut;display:block}.formation-creator section{background-color:var(--clr-ink);width:100%;padding:0;transition:visibility 0s linear 25ms,opacity 1s ease-out}.formation-creator section h1.latest-formations__heading{text-align:center;text-transform:uppercase;margin:0;padding:3em 0 2em;font-size:24pt;font-weight:100;display:block}@media (min-width:400px) and (max-width:1023px){.formation-creator section h1.latest-formations__heading{padding:3em 0 1em;font-size:18pt}}.formation-creator .paging{justify-content:center;display:flex}.formation-creator .paging nav{justify-content:space-between;width:100%;max-width:960px;margin:2em 0 3em;padding:1em;display:flex}.formation-creator .paging nav a.button{-webkit-user-select:none;user-select:none;-o-user-select:none;cursor:pointer;color:var(--clr-ink-inverse);background-color:var(--clr-brand-pink);border:1px solid var(--clr-brand-pink);text-transform:uppercase;text-align:center;padding:6px 11px;font-size:14px;text-decoration:none}.formation-creator .paging nav a.button:hover{background-color:var(--clr-brand-pink-hover)}.formation-creator .paging nav a.button{border:none;border-radius:3pt;width:80px;line-height:30pt}@media (min-width:400px) and (max-width:1023px){.formation-creator .paging nav a.button{width:60pt;font-size:9pt}}.formation-creator .paging nav a.button.create-btn{width:140pt;box-shadow:0 0 18pt 0 var(--clr-shadow-ink-35);letter-spacing:.15em;font-weight:700}@media (min-width:400px) and (max-width:1023px){.formation-creator .paging nav a.button.create-btn{width:125pt;font-size:8pt}}.formation-creator .paging nav a.button.nav-btn{background-color:var(--clr-brand-cyan)}.formation-creator .paging nav a.button.nav-btn.is-inactive{pointer-events:none;opacity:0}.formation-creator .formation-module-container .latest-formations{background:var(--clr-ink);min-height:100vh}.formation-creator .formation-module-container .latest-formations__search{justify-content:center;align-items:center;width:clamp(320px,100vw,960px);margin:0 auto 4em;display:flex}.formation-creator .formation-module-container .latest-formations__search-field{width:100%;max-width:85vw;display:flex}.formation-creator .formation-module-container .latest-formations__search-field input{border:none;border-bottom:1px solid var(--clr-ink-muted);width:100%;color:var(--clr-ink-muted);background:0 0;border-radius:0;padding-bottom:.5em;font-size:1.5em}.formation-creator .formation-module-container .latest-formations__search-field input:focus{border-bottom:1px solid var(--clr-brand-cyan)}.formation-creator .formation-module-container .latest-formations__search-field .symbol{width:2em;height:2em;fill:var(--clr-ink-muted);cursor:pointer}.formation-creator .formation-module-container .latest-formations__search-field .symbol:hover{filter:brightness(1.2)}.formation-creator .formation-module-container .latest-formations__search-field .symbol.search-anim{animation:1s linear infinite rotationAnim}.formation-creator .formation-module-container .latest-formations__search-field.has-focus input{color:var(--clr-brand-cyan)}.formation-creator .formation-module-container .latest-formations__search-field.has-focus .symbol{fill:var(--clr-brand-cyan)}.formation-creator .formation-module-container section.latest-formations,.formation-creator .formation-module-container section.cta{box-sizing:border-box;color:var(--clr-surface-soft);background-color:var(--clr-ink);flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.formation-creator .formation-module-container section.cta{background-color:var(--clr-brand-cyan)}.formation-creator .formation-module-container section.cta .section-wrapper{justify-content:flex-end;align-items:center;padding:1em;display:flex}.formation-creator .formation-module-container section.cta span{text-align:right;padding:0 1em 0 0;font-size:14px}.formation-creator .formation-module-container .formation-content{visibility:visible;max-width:1100px;font-size:11pt}.formation-creator .formation-module-container .formation-content.is-busy{visibility:hidden}.formation-creator .formation-module-container .formation-content__item{opacity:0;flex-direction:column;width:33%;min-width:320px;margin:1em 0;padding:2em;transition:all .25s ease-in-out;display:flex;transform:translateY(20pt)}@media (min-width:400px) and (max-width:1023px){.formation-creator .formation-module-container .formation-content__item{padding:1em}}.formation-creator .formation-module-container .formation-content__item.loaded{opacity:1;transition:all .25s ease-out;transform:none}.formation-creator .formation-module-container .formation-content__item h2.title{text-transform:uppercase;color:var(--clr-border-input);text-align:center;width:100%;margin:.25em;font-size:1em;font-weight:700}.formation-creator .formation-module-container .formation-content__item p.description,.formation-creator .formation-module-container .formation-content__item p.author,.formation-creator .formation-module-container .formation-content__item p.opponent,.formation-creator .formation-module-container .formation-content__item p.author-time{color:var(--clr-1-b3);text-align:center;background-color:#0000;margin:.25em}.formation-creator .formation-module-container .formation-content__item p.author-time,.formation-creator .formation-module-container .formation-content__item p.opponent{color:var(--clr-1-b3);padding:.85em;font-size:.85em}.formation-creator .formation-module-container .formation-content__item figure{text-align:center;margin:0;padding:0;position:relative}.formation-creator .formation-module-container .formation-content__item figure img{text-align:center;flex-grow:1;align-self:center;max-width:200px}.formation-creator .formation-module-container .formation-content__item figure .open{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.formation-creator .formation-module-container .formation-content__item figure:hover .open{opacity:1;text-transform:uppercase;background:var(--clr-shadow-ink-50);padding:1em;transition:opacity .25s ease-in-out;display:block}.formation-creator .formation-module-container .formation-content__item:hover{cursor:pointer;filter:brightness(1.15)}@keyframes rotationAnim{0%{transform:rotate(0)}to{transform:rotate(359deg)}}html,body{font-size:16px}body{font-family:var(--font-family-base)}body ::-webkit-scrollbar{width:5px;height:5px}html ::-webkit-scrollbar{width:5px;height:5px}body ::-webkit-scrollbar-thumb{background:var(--clr-1-b1)}html ::-webkit-scrollbar-thumb{background:var(--clr-1-b1)}body ::-webkit-scrollbar-track{background:var(--clr-1)}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)}.fade-in-from-ghost{animation:.25s ease-in-out .25s backwards fadeInFromGhost}.fade-in-from-ghost-2{animation:.25s ease-in-out .5s backwards fadeInFromGhost}.formation-module-container.latest-formations.latest-page .page-footer{margin-top:0}