.hero-selection.svelte-1705nch{display:grid;grid-template-columns:repeat(13,1fr);grid-template-rows:repeat(7,1fr);gap:.5%}.grid-item.svelte-1705nch{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:.3s ease-in-out}.filtered.svelte-1705nch{filter:grayscale(50%) opacity(50%);transition:.3s ease-in-out}.select-background.svelte-1705nch{background:linear-gradient(#231622 20%,#492e47 80%);width:100%;height:100%;border-radius:50%}.hero-container.svelte-1705nch{position:absolute;height:86%;width:86%;overflow:hidden;border-radius:50%}.hero-image.svelte-1705nch{position:absolute;background:url(./draftportraits.b4f6d479.png?v=0);background-size:1300% 700%;width:115%;aspect-ratio:180 / 212}.hero-frame.svelte-1705nch{position:absolute;background:radial-gradient(circle,transparent 62%,#1c4680 64%,#1d1e3d 65%,#1d1e3d 68%,#1c4680 69%,transparent 70%);width:100%;height:100%;border-radius:50%;box-shadow:0 0 2px #000}.ring-selected.svelte-1705nch{background:linear-gradient(45deg,#159aff 25%,#dcecff 80%);box-shadow:0 0 10px #006aff}.emboss-ring.svelte-1705nch{position:absolute;background:linear-gradient(#418fca,#2e3a6c,#221237);-webkit-mask-image:radial-gradient(transparent 67%,#000 68.5%,#000 70%,transparent 72%);mask-image:radial-gradient(transparent 67%,#000 68.5%,#000 70%,transparent 72%);width:100%;height:100%;pointer-events:none}.dark-ring.svelte-1705nch{position:absolute;background-color:#000000c6;-webkit-mask-image:radial-gradient(transparent 60%,#000 60.5%,#000 63%,transparent 63.5%);mask-image:radial-gradient(transparent 60%,#000 60.5%,#000 63%,transparent 63.5%);width:100%;height:100%;pointer-events:none}.highlight-ring.svelte-1705nch{position:absolute;background:linear-gradient(#a6c5db,transparent 45%);-webkit-mask-image:radial-gradient(transparent 54%,#000 56%,#000 57%,transparent 58%);mask-image:radial-gradient(transparent 54%,#000 56%,#000 57%,transparent 58%);width:100%;height:100%;pointer-events:none}.enemy-pick-overlay.svelte-1705nch{position:absolute;background:linear-gradient(#9b10177e 40%,#9b101733);filter:blur(.5%);width:83%;height:83%;border-radius:50%;pointer-events:none}.enemy-pick-highlight-ring.svelte-1705nch{position:absolute;background:linear-gradient(#ff969b 20%,#da232f 50%,#67080e7f 80%,transparent 90%);-webkit-mask-image:radial-gradient(transparent 51%,#000 54%,#000 56%,transparent 57%);mask-image:radial-gradient(transparent 51%,#000 54%,#000 56%,transparent 57%);width:100%;height:100%;pointer-events:none}.banned-overlay.svelte-1705nch{position:absolute;background:linear-gradient(#5b1a5b8c 40%,#551b5536);filter:blur(.5%);width:83%;height:83%;border-radius:50%;pointer-events:none}.banned-highlight-ring.svelte-1705nch{position:absolute;background:linear-gradient(#f261dc 20%,#e93ccf 50%,#e93ccf80 80%,transparent 90%);-webkit-mask-image:radial-gradient(transparent 51%,#000 54%,#000 56%,transparent 57%);mask-image:radial-gradient(transparent 51%,#000 54%,#000 56%,transparent 57%);width:100%;height:100%;pointer-events:none}.preban-icon.svelte-1705nch{position:absolute;border-radius:50%;height:100%;opacity:80%;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:1/1;pointer-events:none}@font-face{font-family:MetronicPro;font-style:"normal";font-weight:400;src:url(../../../MetronicPro.woff2)}.search-bar.svelte-1sbjhjg.svelte-1sbjhjg{display:flex;align-self:center;justify-content:space-between;align-items:center;width:100%;height:60%;background:linear-gradient(#120b21dd,#1f1431a1);border:.1rem solid #825fdaa3}.search-bar-icon.svelte-1sbjhjg.svelte-1sbjhjg{fill:#825fdaa3;filter:drop-shadow(-2px 2px 3px black);height:50%;padding:2%}.search-bar-action.svelte-1sbjhjg.svelte-1sbjhjg{display:flex;align-items:center;justify-content:center;height:100%;border:none;padding:0;margin-right:1%;background:none;cursor:pointer}.search-bar-icon-clear.svelte-1sbjhjg.svelte-1sbjhjg{height:58%;padding:0}.search-bar-text[type=text].svelte-1sbjhjg.svelte-1sbjhjg{margin-left:2%;width:100%;height:100%;border:none;margin:none;outline:none;font-size:.8vw;font-family:MetronicPro;font-weight:300;font-style:normal;background:none;color:#8880e3}input.svelte-1sbjhjg.svelte-1sbjhjg::placeholder{font-size:.8vw;font-family:MetronicPro;font-weight:300;font-style:normal;color:#8880e3}.search-bar.svelte-1sbjhjg:hover>input.svelte-1sbjhjg::placeholder{color:#aea8f1}.search-bar-action.svelte-1sbjhjg.svelte-1sbjhjg:focus-visible{outline:.1rem solid #aea8f1;outline-offset:-.1rem}.filter-buttons.svelte-in2uah{display:flex;align-self:center;justify-content:start;align-items:start;gap:1.5%;width:100%;height:70%}.overlay-container.svelte-in2uah{display:flex;position:relative;align-items:center;justify-content:center;height:100%;aspect-ratio:1}.filter-button-bg.svelte-in2uah{position:absolute;height:100%;fill:#1e1d1e99;stroke:#1f1a3c;stroke-width:4;transition:.1s ease-in-out}.showcased.svelte-in2uah{fill:url(#showcasedfill);filter:drop-shadow(0 0 4px rgba(172,80,197,.214));stroke:#ac50c572;transition:.1s ease-in-out}.disabled.svelte-in2uah{filter:grayscale(.5) brightness(.5) opacity(70%);transition:.1s ease-in-out}.filter-button-bg.svelte-in2uah:hover{filter:drop-shadow(0 0 4px rgba(111,35,132,.449));stroke:#5e2d82;transition:.1s ease-in-out}.filter-button-icon.svelte-in2uah{position:absolute;height:115%;aspect-ratio:14/15;pointer-events:none}.grid.svelte-6yzkft{display:grid;grid-template-columns:5% 15% 60% 15% 5%;grid-template-rows:2% 2% 6% [hero-selection] 75% [bottom-space] 15%;width:70vw;height:70vh;max-width:200vh;max-height:50vw;background:#150f28;border:3px solid #352969}.role-filter.svelte-6yzkft{display:flex;grid-area:3/2/4/3;position:relative}.hero-name-filter.svelte-6yzkft{display:flex;grid-area:3/4/4/5;position:relative}.hero-selection.svelte-6yzkft{grid-area:4/2/5/5;position:relative;justify-self:stretch;align-self:stretch;display:grid;scale:80%}.page.svelte-11eh1d1{display:grid;grid-template-rows:20% 10% 40% 10% 20%;grid-template-columns:1fr 1fr 1fr;align-items:start;justify-items:center;height:100vh;width:100vw;min-height:720px;min-width:1280px}.label.svelte-11eh1d1{font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:12px;margin-bottom:-15px;color:#fff}.bg-img.svelte-11eh1d1{z-index:-2;position:absolute;object-fit:cover;width:100vw;height:100vh;filter:blur(.5vw) brightness(.6) opacity(50%)}.title.svelte-11eh1d1{grid-area:1 / 1 / 2 / 4;align-self:center}p.svelte-11eh1d1{max-width:250px;color:#8880e3;font-family:MetronicPro;font-weight:100;font-style:normal;font-size:13px;text-shadow:1px black}.linkContainer.svelte-11eh1d1{grid-area:3/1/4/2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2vh}.background.svelte-11eh1d1{width:60%;height:100%;background:#150f28;opacity:50%;border:2px solid #595389;z-index:-1}.currentDraftContainer.svelte-11eh1d1{grid-area:3/2/4/3;display:flex;flex-direction:column;justify-self:start;margin-left:30%;gap:2vh}.currentDraftButton.svelte-11eh1d1{grid-area:4/2/5/3;align-self:center;justify-self:center}.currentDraftStatus.svelte-11eh1d1{display:flex;align-items:center;justify-content:center;width:164px;height:39px;border:2px solid #595389;background:linear-gradient(#0b0815,#1b1433 50%,#0b0815 50%,#1b1433);color:#cdc8ff;font-weight:600;font-size:15px;letter-spacing:.05em;text-transform:uppercase;opacity:.7}.nextDraftContainer.svelte-11eh1d1{grid-area:3/3/4/4;display:flex;flex-direction:column;gap:2vh}.nextDraftButton.svelte-11eh1d1{grid-area:4/3/5/4;align-self:center;justify-self:center}.prebanEditPage.svelte-11eh1d1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.prebanButton.svelte-11eh1d1{z-index:2;grid-area:5/2/6/3;justify-self:center;align-self:center}.prebanCloseButton.svelte-11eh1d1{z-index:4;grid-area:5/2/6/3;justify-self:center;align-self:center}a.svelte-11eh1d1:link,a.svelte-11eh1d1:visited,a.svelte-11eh1d1:hover,a.svelte-11eh1d1:active{max-width:250px;color:#8880e3;font-family:MetronicPro;font-weight:100;font-style:normal;font-size:13px;text-shadow:1px black}.bans.svelte-1biwi6t{display:flex;justify-content:center;gap:2%;width:100%;height:100%}.portrait-container.svelte-1biwi6t{position:relative;display:flex;align-items:center;justify-content:center;height:100%;aspect-ratio:.85;margin:auto}.ban-bg.svelte-1biwi6t{width:100%;height:100%;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(#0a0410 20%,#361251 80%)}.ban-portrait.svelte-1biwi6t{z-index:2;position:absolute;background:url(./draftportraits.b4f6d479.png?v=0);background-size:1300% 700%;width:85%;height:85%}.ban-portrait-frame.svelte-1biwi6t{z-index:3;position:absolute;width:107.5%;height:130%}.ban-portrait-frame-darker.svelte-1biwi6t{z-index:3;filter:saturate(2) brightness(50%);position:absolute;width:107.5%;height:130%}.spinner.svelte-1biwi6t{z-index:1;position:absolute;top:50%;left:50%;width:50%;height:auto;animation:svelte-1biwi6t-rotation 5s infinite linear}@keyframes svelte-1biwi6t-rotation{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}.picks.svelte-1bimpcf{display:flex;flex-direction:column;justify-content:center;align-items:center;height:90%;margin-top:27%}.left.svelte-1bimpcf,.right.svelte-1bimpcf{margin-left:35%;margin-right:30%}.portrait-container.svelte-1bimpcf{box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;margin:-20%;height:100%;width:100%}.outer.svelte-1bimpcf{right:40%}.inner.svelte-1bimpcf{left:40%}.pick-bg.svelte-1bimpcf{position:absolute;height:80%;aspect-ratio:47/52;z-index:0}.pick-portrait.svelte-1bimpcf{position:absolute;background:url(./draftportraits.b4f6d479.png?v=0);background-size:1300% 700%;height:80%;aspect-ratio:180/212;z-index:1}.spinner.svelte-1bimpcf{position:absolute;left:50%;top:50%;height:50%;aspect-ratio:1;z-index:1;animation:svelte-1bimpcf-rotation 5s infinite linear}@keyframes svelte-1bimpcf-rotation{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}.pick-portrait-frame.svelte-1bimpcf{position:absolute;height:100%;aspect-ratio:29/32;z-index:2}.status.svelte-1pt23y4{display:flex;flex-direction:column;height:100%}.map.svelte-1pt23y4{text-align:center;font-size:1.5vw;font-weight:700;text-transform:uppercase;letter-spacing:.6vw;align-self:center}.timer-container.svelte-1pt23y4{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.timer-bg.svelte-1pt23y4{position:absolute;width:6vw;height:auto;z-index:0}.timer-frame.svelte-1pt23y4{position:absolute;width:6vw;height:auto;z-index:1;-webkit-mask-image:var(--progress);mask-image:var(--progress)}.timer-text.svelte-1pt23y4{position:absolute;height:auto;z-index:2;font-size:2.5vw;font-weight:900;transform:translateY(-5%)}.votes.svelte-p46vtd{position:absolute;z-index:3;top:72%;right:7%;display:flex;gap:.3vw;flex-direction:row;align-items:center;justify-content:end}.vote-count.svelte-p46vtd{font-weight:600;font-size:1.5vw;text-shadow:-2px -2px 3px black,2px 2px 3px black}.vote-icon.svelte-p46vtd{width:1.3vw}.bans.svelte-p46vtd{display:flex;justify-content:space-around;gap:2%;width:100%;height:100%}.portrait-container.svelte-p46vtd{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:.85;margin:auto}.ban-bg.svelte-p46vtd{width:100%;height:100%;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:linear-gradient(#0a0410 20%,#361251 80%)}.ban-portrait.svelte-p46vtd{z-index:2;position:absolute;background:url(./draftportraits.b4f6d479.png?v=0);background-size:1300% 700%;width:85%;height:85%}.twitch-top-vote.svelte-p46vtd{z-index:3;width:145%;position:absolute}.full-page.svelte-91ih78{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.show-hero-selection-button.svelte-91ih78{position:absolute;top:2%;right:2%;opacity:25%;z-index:5}.show-hero-selection-button.svelte-91ih78:hover{opacity:100%}.draft.svelte-91ih78{display:grid;grid-template-columns:15% 15% 40% 15% 15%;grid-template-rows:2% 12% 6% [hero-selection] 75% [bottom-space] 5%;width:100vw;height:100vh;max-width:200vh;max-height:50vw}.textPopup.svelte-91ih78{position:absolute;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100vw;height:100vh;z-index:5;background:#00000096}.bg-img.svelte-91ih78{z-index:0;position:absolute;object-fit:cover;width:100vw;height:100vh;filter:blur(.5vw) brightness(.6) opacity(50%)}h1.svelte-91ih78{font-size:10vh}p.svelte-91ih78{font-weight:600;font-size:3.5vh}.left-bans.svelte-91ih78{grid-area:2/2/3/3;transform:translate(-15%)}.status.svelte-91ih78{grid-area:2/3/4/4;position:relative;align-items:center;justify-content:center}.right-bans.svelte-91ih78{grid-area:2/4/3/5;transform:translate(15%)}.role-filter.svelte-91ih78{display:flex;grid-area:3/2/4/3;position:relative}.hero-name-filter.svelte-91ih78{display:flex;grid-area:3/4/4/5;position:relative}.hero-selection.svelte-91ih78{grid-area:4/2/5/5;position:relative;justify-self:stretch;align-self:stretch;display:grid}.left-hero-picks.svelte-91ih78{position:relative;grid-area:2/1/5/2;align-self:end;height:100%}.right-hero-picks.svelte-91ih78{position:relative;grid-area:2/5/5/6;align-self:end;height:100%}.full-page.svelte-ee0ga5{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.draft.svelte-ee0ga5{display:grid;grid-template-columns:15% 15% 40% 15% 15%;grid-template-rows:2% 12% 6% [hero-selection] 75% [bottom-space] 5%;width:100vw;height:100vh;max-width:200vh;max-height:50vw}.bg-img.svelte-ee0ga5{z-index:0;position:absolute;object-fit:cover;width:100vw;height:100vh;filter:blur(.5vw) brightness(.6) opacity(50%)}.left-bans.svelte-ee0ga5{grid-area:2/2/3/3}.status.svelte-ee0ga5{grid-area:2/3/4/4;position:relative;align-items:center;justify-content:center}.right-bans.svelte-ee0ga5{grid-area:2/4/3/5;position:relative}.left-hero-picks.svelte-ee0ga5{position:relative;grid-area:2/1/5/2}.right-hero-picks.svelte-ee0ga5{position:relative;grid-area:2/5/5/6}.page.svelte-11i4g11{display:grid;grid-template-rows:20% 10% 40% 10% 20%;grid-template-columns:minmax(360px,1fr) minmax(360px,1fr);align-items:start;justify-items:center;height:100vh;width:100vw;min-height:720px;min-width:960px}.bg-img.svelte-11i4g11{z-index:-2;position:absolute;object-fit:cover;width:100vw;height:100vh;filter:blur(.5vw) brightness(.6) opacity(50%)}.background.svelte-11i4g11{width:60%;height:100%;background:#150f28;opacity:50%;border:2px solid #595389;z-index:-1}.title.svelte-11i4g11{grid-area:1 / 1 / 2 / 3;align-self:center}.statusContainer.svelte-11i4g11{grid-area:3/1/4/2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2vh;width:min(440px,60%)}.readyButton.svelte-11i4g11{grid-area:4/1/5/2;display:flex;gap:1rem;align-self:center;justify-self:center}.currentDraftContainer.svelte-11i4g11{grid-area:3/2/4/3;display:flex;flex-direction:column;justify-self:start;margin-left:30%;gap:2vh}.label.svelte-11i4g11{font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:12px;margin-bottom:-15px;color:#fff}p.svelte-11i4g11,a.svelte-11i4g11:link,a.svelte-11i4g11:visited,a.svelte-11i4g11:hover,a.svelte-11i4g11:active{max-width:250px;color:#8880e3;font-family:MetronicPro;font-weight:100;font-style:normal;font-size:13px;text-shadow:1px black}.sound-controls.svelte-d7gqvq.svelte-d7gqvq{position:absolute;left:2%;bottom:2%;z-index:6;display:flex;flex-direction:column;gap:.5rem;color:#f2f6ff}.audio-row.svelte-d7gqvq.svelte-d7gqvq{display:flex;align-items:center;gap:.4rem}.sound-toggle.svelte-d7gqvq.svelte-d7gqvq{display:grid;place-items:center;width:1.9rem;height:1.9rem;border:0;background:transparent;color:inherit;padding:0;cursor:pointer}.sound-toggle.muted.svelte-d7gqvq.svelte-d7gqvq{color:#94a4c9}.sound-toggle.svelte-d7gqvq svg.svelte-d7gqvq{width:1.7rem;height:1.7rem}.volume-slider.svelte-d7gqvq.svelte-d7gqvq{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:3rem;height:.22rem;margin:0;border-radius:999px;cursor:pointer}.volume-slider.svelte-d7gqvq.svelte-d7gqvq:disabled{opacity:.45;cursor:default}.volume-slider.svelte-d7gqvq.svelte-d7gqvq::-webkit-slider-runnable-track{height:.22rem;border-radius:999px;background:transparent}.volume-slider.svelte-d7gqvq.svelte-d7gqvq::-moz-range-track{height:.22rem;border-radius:999px;background:transparent}.volume-slider.svelte-d7gqvq.svelte-d7gqvq::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0;border:0}.volume-slider.svelte-d7gqvq.svelte-d7gqvq::-moz-range-thumb{width:0;height:0;border:0}.sound-controls.svelte-d7gqvq p.svelte-d7gqvq{margin:0;font-size:.75rem;line-height:1.3}.toggleAdminPage.svelte-5ysl8s{position:absolute;top:2%;left:2%;z-index:5;opacity:25%}.toggleAdminPage.svelte-5ysl8s:hover{opacity:100%}.textPopup.svelte-5ysl8s{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;z-index:8;background:#000000a2}