:root{--black:#0b2447;--grey:#19376d;--grey-light:#576cbc;--light:#a5d7e8;--white:#d3e2e7;--white-50:rgba(211,226,231,.502);--blue:#0a6ebd;--red:#a52323;--gap-xs:.5rem;--gap-s:1rem;--gap-l:2rem;--border-radius:4px}*,:after,:before{box-sizing:border-box;font-family:inherit;font-size:inherit;font-weight:inherit}body{align-items:center;background:#0b2447;background:var(--black);display:flex;flex-direction:column;font-family:Inter;font-weight:400;gap:2rem;gap:var(--gap-l);margin:0;padding:2rem 1rem;padding:var(--gap-l) var(--gap-s)}.text-medium{font-size:1.5rem}.text-normal{font-size:1.125rem}div.svelte-2hqu1q{align-items:center;display:flex;gap:var(--gap-s);justify-content:center}span.svelte-2hqu1q{color:var(--white)}button.svelte-1144zyt{background:var(--grey);border:none;border-radius:var(--border-radius);height:60px;overflow:hidden;padding:0;width:60px}@media screen and (max-width:830px){button.svelte-1144zyt{height:40px;width:40px}}@media screen and (max-width:380px){button.svelte-1144zyt{height:30px;width:30px}}img.svelte-1144zyt{aspect-ratio:1;cursor:pointer;width:100%}header.svelte-7pn1vi.svelte-7pn1vi{display:flex;gap:var(--gap-l);justify-content:space-between;width:100%}.container-team.svelte-7pn1vi.svelte-7pn1vi{display:flex;flex-direction:column;gap:var(--gap-s)}.container-team.svelte-7pn1vi .team-color.svelte-7pn1vi{border-radius:var(--border-radius);width:100%}.container-team.svelte-7pn1vi .team-color.blue.svelte-7pn1vi{background:var(--blue)}.container-team.svelte-7pn1vi .team-color.red.svelte-7pn1vi{background:var(--red)}.container-team.svelte-7pn1vi .team-color input.svelte-7pn1vi{background:transparent;border:none;border-radius:var(--border-radius);color:var(--white);text-align:center;width:100%}.container-team.svelte-7pn1vi .team-color input.svelte-7pn1vi:focus{outline:none}.container-champions.svelte-7pn1vi.svelte-7pn1vi{display:flex;gap:var(--gap-l)}.container-champions.svelte-7pn1vi .container-duo-champions.svelte-7pn1vi,.container-champions.svelte-7pn1vi .container-trio-champions.svelte-7pn1vi{display:flex;gap:var(--gap-s)}@media screen and (max-width:630px){.container-champions.blue.svelte-7pn1vi.svelte-7pn1vi{flex-direction:column}.container-champions.red.svelte-7pn1vi.svelte-7pn1vi{align-items:flex-end;flex-direction:column-reverse}}button.svelte-gr33n9{background:var(--grey);border:none;border-radius:var(--border-radius);height:100px;overflow:hidden;padding:0;width:100px}@media screen and (max-width:830px){button.svelte-gr33n9{height:80px;width:80px}}@media screen and (max-width:500px){button.svelte-gr33n9{height:60px;width:60px}}img.svelte-gr33n9{aspect-ratio:1;cursor:pointer;width:100%}button.svelte-idlw07.svelte-idlw07{background:var(--grey);background:transparent;border:none;border-radius:var(--border-radius);cursor:pointer;height:80px;overflow:hidden;padding:0;width:80px}@media screen and (max-width:830px){button.svelte-idlw07.svelte-idlw07{height:60px;width:60px}}@media screen and (max-width:500px){button.svelte-idlw07.svelte-idlw07{height:40px;width:40px}}button.svelte-idlw07 img.svelte-idlw07{aspect-ratio:1;width:100%}button.selected.svelte-idlw07.svelte-idlw07{border:2px solid var(--blue)}button[disabled].svelte-idlw07.svelte-idlw07{cursor:not-allowed;filter:grayscale(100%)}section.svelte-12hb7ya.svelte-12hb7ya{display:flex;flex-direction:column;flex-grow:1;gap:var(--gap-s);height:100%}.search-container.svelte-12hb7ya.svelte-12hb7ya{background:var(--grey);border-radius:var(--border-radius)}.search-container.svelte-12hb7ya input.svelte-12hb7ya{background:transparent;border:none;caret-color:var(--white);color:var(--white);height:40px;padding:var(--gap-s);width:100%}.search-container.svelte-12hb7ya input.svelte-12hb7ya:focus{outline:none}.search-container.svelte-12hb7ya input.svelte-12hb7ya::-moz-placeholder{color:var(--white);opacity:.5}.search-container.svelte-12hb7ya input.svelte-12hb7ya::placeholder{color:var(--white);opacity:.5}.container-champions.svelte-12hb7ya.svelte-12hb7ya{grid-gap:var(--gap-s);display:grid;flex-grow:1;gap:var(--gap-s);grid-template-columns:repeat(auto-fill,80px);grid-template-rows:repeat(auto-fill,80px);max-height:100%;overflow-y:scroll}@media screen and (max-width:830px){.container-champions.svelte-12hb7ya.svelte-12hb7ya{grid-template-columns:repeat(auto-fill,60px);grid-template-rows:repeat(auto-fill,60px)}}@media screen and (max-width:500px){.container-champions.svelte-12hb7ya.svelte-12hb7ya{grid-template-columns:repeat(auto-fill,40px);grid-template-rows:repeat(auto-fill,40px)}}.container-champions.svelte-12hb7ya.svelte-12hb7ya::-webkit-scrollbar{background:transparent;width:15px}.container-champions.svelte-12hb7ya.svelte-12hb7ya::-webkit-scrollbar-thumb{background:var(--grey);border-radius:var(--border-radius)}p.svelte-tuj48y{color:var(--white);margin:0;overflow:hidden;padding:0}@media screen and (max-width:1300px){p.svelte-tuj48y:before{content:var(--name) " : "}}textarea.svelte-tuj48y{background:var(--grey);border:none;border-radius:var(--border-radius);caret-color:var(--white);color:var(--white);height:100%;padding:0;resize:none;width:100%}textarea.svelte-tuj48y:focus{outline:none}div.svelte-tuj48y{display:flex;flex-direction:column;gap:var(--gap-s);width:100%}.textarea-title.svelte-tuj48y{display:none}@media screen and (max-width:1300px){.textarea-title.svelte-tuj48y{display:block}}#draft.svelte-1j0y8ne.svelte-1j0y8ne{grid-gap:var(--gap-l);align-items:center;align-items:end;background:var(--black);display:grid;gap:var(--gap-l);grid-template-areas:". main .";grid-template-columns:1fr min(100%,1000px) 1fr;width:100%}@media screen and (max-width:1300px){#draft.svelte-1j0y8ne.svelte-1j0y8ne{grid-template-areas:"main";grid-template-columns:1fr}}main.svelte-1j0y8ne.svelte-1j0y8ne{flex-direction:column;grid-area:main}.draft-center.svelte-1j0y8ne.svelte-1j0y8ne,main.svelte-1j0y8ne.svelte-1j0y8ne{display:flex;gap:var(--gap-l)}.draft-center.svelte-1j0y8ne.svelte-1j0y8ne{height:calc(500px + var(--gap-l)*2 + var(--gap-s)*2);width:100%}@media screen and (max-width:830px){.draft-center.svelte-1j0y8ne.svelte-1j0y8ne{height:calc(400px + var(--gap-l)*2 + var(--gap-s)*2)}}.champions-picked.svelte-1j0y8ne.svelte-1j0y8ne{display:flex;flex-direction:column;gap:var(--gap-l)}.champions-picked.svelte-1j0y8ne .container-duo-champions.svelte-1j0y8ne{display:flex;flex-direction:column;gap:var(--gap-s)}.notes-container.svelte-1j0y8ne.svelte-1j0y8ne{grid-gap:var(--gap-l);display:grid;gap:var(--gap-l);grid-template-columns:1fr;grid-template-rows:60px 100px calc(200px + var(--gap-s)) calc(200px + var(--gap-s))}.notes-container.right.svelte-1j0y8ne.svelte-1j0y8ne{grid-template-rows:60px calc(200px + var(--gap-s)) calc(200px + var(--gap-s)) 100px}.notes-container.svelte-1j0y8ne .notes-duo-container.svelte-1j0y8ne{grid-gap:var(--gap-s);display:grid;gap:var(--gap-s);grid-template-columns:1fr;grid-template-rows:100px 100px}@media screen and (max-width:1300px){.notes-container.svelte-1j0y8ne .notes-duo-container.svelte-1j0y8ne,.notes-container.svelte-1j0y8ne.svelte-1j0y8ne{display:flex;flex-direction:column;gap:var(--gap-s)}}footer.svelte-1vk4qtu.svelte-1vk4qtu{background:var(--grey);border-radius:var(--border-radius);color:var(--white);display:flex;flex-direction:column;gap:var(--gap-s);padding:var(--gap-s);width:min(100%,1000px)}@media screen and (max-width:1300px){footer.svelte-1vk4qtu.svelte-1vk4qtu{width:100%}}.options-container.svelte-1vk4qtu.svelte-1vk4qtu{display:flex;gap:var(--gap-l);justify-content:space-between}@media screen and (max-width:600px){.options-container.svelte-1vk4qtu.svelte-1vk4qtu{flex-direction:column;gap:var(--gap-s)}}.options-container.svelte-1vk4qtu .buttons-container.svelte-1vk4qtu{display:flex;flex-direction:column;gap:var(--gap-s)}button.svelte-1vk4qtu.svelte-1vk4qtu{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;gap:var(--gap-s);padding:0;width:-moz-fit-content;width:fit-content}button.svelte-1vk4qtu span.svelte-1vk4qtu{color:var(--white);-webkit-text-decoration:underline;text-decoration:underline}.tutorial-container.svelte-1vk4qtu.svelte-1vk4qtu{display:flex;flex-direction:column;gap:var(--gap-xs)}.tutorial-container.svelte-1vk4qtu h2.svelte-1vk4qtu,.tutorial-container.svelte-1vk4qtu p.svelte-1vk4qtu{margin:0;padding:0}