.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-idf3ek.svelte-idf3ek{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-idf3ek.svelte-idf3ek{fill:#825fdaa3;filter:drop-shadow(-2px 2px 3px black);height:50%;padding:2%}.search-bar-text[type=text].svelte-idf3ek.svelte-idf3ek{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-idf3ek.svelte-idf3ek::placeholder{font-size:.8vw;font-family:MetronicPro;font-weight:300;font-style:normal;color:#8880e3}.search-bar.svelte-idf3ek:hover>input.svelte-idf3ek::placeholder{color:#aea8f1}.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-1w7iwdb{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-1w7iwdb{font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:12px;margin-bottom:-15px;color:#fff}.bg-img.svelte-1w7iwdb{z-index:-2;position:absolute;object-fit:cover;width:100vw;height:100vh;filter:blur(.5vw) brightness(.6) opacity(50%)}.title.svelte-1w7iwdb{grid-area:1 / 1 / 2 / 4;align-self:center}p.svelte-1w7iwdb{max-width:250px;color:#8880e3;font-family:MetronicPro;font-weight:100;font-style:normal;font-size:13px;text-shadow:1px black}.linkContainer.svelte-1w7iwdb{grid-area:3/1/4/2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2vh}.background.svelte-1w7iwdb{width:60%;height:100%;background:#150f28;opacity:50%;border:2px solid #595389;z-index:-1}.currentDraftContainer.svelte-1w7iwdb{grid-area:3/2/4/3;display:flex;flex-direction:column;justify-self:start;margin-left:30%;gap:2vh}.currentDraftButton.svelte-1w7iwdb{grid-area:4/2/5/3;align-self:center;justify-self:center}.nextDraftContainer.svelte-1w7iwdb{grid-area:3/3/4/4;display:flex;flex-direction:column;gap:2vh}.nextDraftButton.svelte-1w7iwdb{grid-area:4/3/5/4;align-self:center;justify-self:center}.prebanEditPage.svelte-1w7iwdb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.prebanButton.svelte-1w7iwdb{z-index:2;grid-area:5/2/6/3;justify-self:center;align-self:center}.prebanCloseButton.svelte-1w7iwdb{z-index:4;grid-area:5/2/6/3;justify-self:center;align-self:center}a.svelte-1w7iwdb:link,a.svelte-1w7iwdb:visited,a.svelte-1w7iwdb:hover,a.svelte-1w7iwdb: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-17jvigm{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.show-hero-selection-button.svelte-17jvigm{position:absolute;top:2%;right:2%;opacity:25%;z-index:5}.show-hero-selection-button.svelte-17jvigm:hover{opacity:100%}.draft.svelte-17jvigm{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-17jvigm{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-17jvigm{z-index:0;position:absolute;object-fit:cover;width:100vw;height:100vh;filter:blur(.5vw) brightness(.6) opacity(50%)}h1.svelte-17jvigm{font-size:10vh}p.svelte-17jvigm{font-weight:600;font-size:3.5vh}.left-bans.svelte-17jvigm{grid-area:2/2/3/3;transform:translate(-15%)}.status.svelte-17jvigm{grid-area:2/3/4/4;position:relative;align-items:center;justify-content:center}.right-bans.svelte-17jvigm{grid-area:2/4/3/5;transform:translate(15%)}.role-filter.svelte-17jvigm{display:flex;grid-area:3/2/4/3;position:relative}.hero-name-filter.svelte-17jvigm{display:flex;grid-area:3/4/4/5;position:relative}.hero-selection.svelte-17jvigm{grid-area:4/2/5/5;position:relative;justify-self:stretch;align-self:stretch;display:grid}.left-hero-picks.svelte-17jvigm{position:relative;grid-area:2/1/5/2;align-self:end;height:100%}.right-hero-picks.svelte-17jvigm{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}.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}