@font-face{font-display:swap;font-family:Arimo;font-style:normal;font-weight:400;src:url(/fonts/arimo/arimo-v28-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Arimo;font-style:normal;font-weight:600;src:url(/fonts/arimo/arimo-v28-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Overpass;font-style:normal;font-weight:400;src:url(/fonts/overpass/overpass-v12-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Overpass;font-style:normal;font-weight:600;src:url(/fonts/overpass/overpass-v12-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Courier Prime;font-style:normal;font-weight:700;src:url(/fonts/courier-prime/courier-prime.woff2) format("woff2")}:root{--color-foreground: hsl(0, 0%, 7%);--color-background: hsl(57, 28%, 88%);--color-links: hsl(213, 100%, 52%);--color-links-hover: hsl(213, 100%, 43%);--color-border: hsl(0, 0%, 82%);--font-body: -apple-system, "Segoe UI", Helvetica Neue, Helvetica, Roboto, Arial, sans-serif, system-ui, "Apple Color Emoji", "Segoe UI Emoji";--gold-background: 232, 185, 35;--gold-text: rgb(46, 36, 5);--silver-background: 202, 200, 196;--silver-text: rgb(72, 72, 72);--bronze-background: 156, 82, 33;--bronze-text: rgb(214, 214, 214);--player-background: 240, 72%, 58%;--select-border: #777;--select-focus: blue;--select-arrow: var(--select-border);--french-sky-blue: #89bbfe;--gunmetal: #0a2933;--flag-box-shadow: #505050;--group-box-shadow: #cccccc;--dark-blue: rgba(43, 149, 185, 1);--navy: #001939;--positive: 61, 189, 115;--negative: 255, 90, 90;--link-hover: #eaf3ff;--nav-background: 77, 111, 133;--nav-text: #f2f5f8;--nav-text-hover: #d1dde6;--nav-link: #cbd8e1;--nav-border: #7d9fb5;--max-width: 1500px;--page-background: #d8e2e9;--nav-link-hover: #97b2c3;--cta: 116, 173, 212;--cta-hover: 143, 189, 220;--draft-button-selected: 255, 210, 164;--draft-button-unavailable: 255, 214, 214;--google: 219 68 55;--medal-border: #cbd2d6;--drafting-player: 255, 184, 111}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:-moz-focusring{outline:auto}:focus{outline:var(--color-links) solid 2px;outline-offset:2px}html,body{padding:0;margin:0;background-color:var(--color-background);color:var(--color-foreground)}body{font-family:var(--font-body)}a{color:var(--color-links);text-decoration:none}hr{display:block;height:1px;border:0;background-color:var(--color-border);margin-top:2rem;margin-bottom:2rem}input:where([type=text]),input:where([type=search]){display:block;border:1px solid var(--color-border);width:100%;font:inherit;line-height:1;height:calc(1ch + 1.5em);padding-right:.5em;padding-left:.5em;background-color:#fff3;color:var(--color-foreground)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{--gutter: 16px;width:1024px;max-width:calc(100% - var(--gutter) * 2);margin-right:auto;margin-left:auto}.admin-nav a.active{color:#f5f5f5;background:rgb(var(--cta))}.globe-backdrop{background:linear-gradient(90deg,rgba(85,72,153,.3) 0%,transparent 80%)}.radiate:before,.radiate:after{content:"";position:absolute;left:-2px;top:-2px;background:linear-gradient(180deg,#e66465,transparent,#e66465);background-size:100% 400%;width:calc(100% + 4px);height:calc(100% + 4px);z-index:-1}@keyframes radiate-animate-up{0%{background-position:0 0}to{background-position:0 400%}}@keyframes radiate-animate-down{0%{background-position:0 400%}to{background-position:0 0}}.radiate:after{filter:blur(50px)}.radiate-lit-red{background:linear-gradient(0deg,#ff5c5c,#ff5c5c,#fff);border-bottom-left-radius:4px;border-bottom-right-radius:4px}.radiate-lit-green{background:linear-gradient(0deg,#fff,#fff 3%,#3dbd72 4%,#3dbd721a 8%,#ffffff4d);filter:blur(1px)}.radiate-lit-red-up{background:linear-gradient(180deg,#fff,#fff 3%,#ff5c5c 4%,#ff5c5c1a 8%,#ffffff4d);filter:blur(1px)}.radiate-lit-green-up{background:linear-gradient(180deg,#fff,#fff 3%,#3dbd72 4%,#3dbd721a 8%,#ffffff4d);filter:blur(1px)}@keyframes smoothBg{0%{background-position:50% 50%,50% 50%}to{background-position:350% 50%,350% 50%}}.radiate-draft{background:linear-gradient(0deg,#7d9fb566 33%,#7d9fb5 40%,#7d9fb5 60%,#7d9fb566 67%)}.radiate-wildcard-up{background:linear-gradient(0deg,#7d9fb500 45%,#000 48%,#000 52%,#7d9fb500 55%)}.main-status{background:linear-gradient(90deg,#f29536,#d96e01 15%,#287358 35%,#48bf91,#287358 65%,#2b95b9 85%,#0f546c);clip-path:polygon(0 0,100% 0,70% 100%,0 100%);background-position:100% 50%;transition:background-position .3s ease}.main-status.not-started{background-position:100% 50%}.main-status.alert{background-position:0% 50%}.main-status.can-draft{background-position:60% 50%}.select-container{grid-template-areas:"select";background:linear-gradient(180deg,#f9f9f9 35%,#fff)}.select-container:after{grid-area:select}.styled-select{grid-area:select}.draft-player-list{background:linear-gradient(90deg,#fefefe,#e0e0e0 20%,#e0e0e0 80%,#fefefe)}.scoreboard-background{background:linear-gradient(90deg,#ffd7c2,#fff2eb 10%,#fff2eb 90%,#ffd7c2)}.draft-button{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.DialogOverlay{background-color:#0000007f;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;animation:overlayShow .15s cubic-bezier(.16,1,.3,1)}.DialogContent{background-color:#fff;border-radius:6px;box-shadow:#0e121659 0 10px 38px -10px,#0e121633 0 10px 20px -15px;position:fixed;max-height:85vh;padding:25px;animation:contentShow .15s cubic-bezier(.16,1,.3,1)}.DialogContent:focus{outline:none}.Button{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:0 15px;font-size:15px;line-height:1;font-weight:500;height:35px}.Button.green{background-color:var(--green-4);color:var(--green-11)}.Button.green:hover{background-color:var(--green-5)}.Button.green:focus{box-shadow:0 0 0 2px var(--green-7)}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.react-modal-sheet-container{background:#fff3ed!important}.test-button{box-shadow:-15px 0 30px -10px var(--orange-a7),0 0 30px -10px var(--pink-a7),15px 0 30px -10px var(--violet-a7),0 0 0 1px var(--pink-a4)}