:root{--siteMaxWidth:1440px;--sitePadding:1.6rem;--fontBeaufort:"Beaufort For LOL", "Times New Roman", "Georgia", "Garamond", "Times", "serif";--fontSpiegel:"Spiegel", "-apple-system", "BlinkMacSystemFont", "avenir next", "avenir", "segoe ui", "helvetica neue", "helvetica", "Cantarell", "Ubuntu", "roboto", "noto", "arial", "sans-serif";--clrBlue1:oklch(95.3% .0469 196.39);--clrBlue2:oklch(74.54% .1304 184.82);--clrBlue3:oklch(62.09% .1073 210.87);--clrBlue4:oklch(43.98% .0949 236.21);--clrBlue5:oklch(29.84% .0468 218.24);--clrBlue6:oklch(19.68% .0453 261.74);--clrBlue7:oklch(19.59% .044 262.91);--clrRed1:oklch(71.02% .1855 35.97);--clrRed2:oklch(60.54% .1567 4.51);--clrRed3:oklch(49.59% .1205 4.04);--clrRed4:oklch(40.46% .0857 9.11);--clrRed5:oklch(34.69% .0694 358.76);--clrGold1:oklch(92.61% .0293 84.59);--clrGold2:oklch(75.23% .0851 83.94);--clrGold3:oklch(75.23% .0851 83.94);--clrGold4:oklch(71.58% .1228 83.37);--clrGold5:oklch(48.55% .077 78.85);--clrGold6:oklch(35% .0561 85.8);--clrGold7:oklch(28.84% .0233 66.68);--clrGrey1:oklch(69.17% .0232 91.67);--clrGrey1p5:oklch(47.03% .0069 95.2);--clrGrey2:oklch(36.27% .0087 285.96);--clrGrey3:oklch(25.62% .0119 248.29);--clrGreyCool:oklch(27.27% .0171 229.77);--clrHextechBlack:oklch(13.95% .0281 240.66);--clrText:var(--clrGrey1);--clrTextMuted:var(--clrGrey1p5);--clrHeading:var(--clrGold1);--clrSubheading:var(--clrGold4);--clrBg:var(--clrHextechBlack);--clrBorderGoldIdle:var(--clrGold6);--clrBorderGoldActive:var(--clrGold4)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--fontSpiegel);color:var(--clrText);background:var(--clrBg);font-size:62.5%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{height:100dvh;font-size:1.6rem;position:relative;overflow:hidden}body:before,body:after{content:"";pointer-events:none;opacity:0;z-index:-1;transition:opacity .8s;position:absolute;inset:0}body:before{background:radial-gradient(ellipse 50dvw 30rem at center top, oklch(from var(--clrRed4) l c h / .5), transparent), radial-gradient(ellipse 30dvw 100dvh at left center, oklch(from var(--clrRed4) l c h / .5), transparent), radial-gradient(ellipse 30dvw 100dvh at right center, oklch(from var(--clrRed4) l c h / .5), transparent)}body:after{background:radial-gradient(ellipse 50dvw 30rem at center top, oklch(from var(--clrBlue3) l c h / .2), transparent), radial-gradient(ellipse 30dvw 100dvh at left center, oklch(from var(--clrBlue3) l c h / .2), transparent), radial-gradient(ellipse 30dvw 100dvh at right center, oklch(from var(--clrBlue3) l c h / .2), transparent)}body:has(.theme-banning):before{opacity:1}body:has(.theme-picking):after{opacity:1}body:has(.theme-overriding):before{opacity:0;background:radial-gradient(ellipse 50dvw 30rem at center top, oklch(from var(--clrGold4) l c h / .3), transparent), radial-gradient(ellipse 30dvw 100dvh at left center, oklch(from var(--clrGold4) l c h / .2), transparent), radial-gradient(ellipse 30dvw 100dvh at right center, oklch(from var(--clrGold4) l c h / .2), transparent)}body:has(.theme-overriding):after{opacity:0;background:radial-gradient(ellipse 50dvw 30rem at center top, oklch(from var(--clrGold4) l c h / .3), transparent), radial-gradient(ellipse 30dvw 100dvh at left center, oklch(from var(--clrGold4) l c h / .2), transparent), radial-gradient(ellipse 30dvw 100dvh at right center, oklch(from var(--clrGold4) l c h / .2), transparent)}body:has(.theme-overriding):before{opacity:1}#root{height:100%;padding:var(--sitePadding);position:relative;overflow:hidden}header{width:100%;padding:var(--sitePadding);z-index:100;justify-content:space-between;align-items:center;gap:.8rem;display:flex;position:fixed;top:0;left:0;right:0}#header-logo{opacity:.5;align-items:center;gap:.8rem;text-decoration:none;transition:opacity .2s;display:flex}header img{-webkit-user-drag:none;width:3.2rem;height:3.2rem}#header-logo:hover,#header-logo:focus-visible{opacity:1}header h1{font-size:1.6rem}#header-controls{align-items:center;gap:1.6rem;display:flex}#header-controls>*{width:1.6rem;height:1.6rem;color:var(--clrTextMuted);display:block}#header-controls>*:hover,#header-controls>*:focus-visible{color:var(--clrText)}#header-controls svg{object-fit:contain;object-position:center;width:100%;height:100%}main{max-width:var(--siteMaxWidth);width:100%;height:100%;margin:0 auto;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--fontBeaufort);color:var(--clrHeading);text-transform:uppercase;font-weight:700}img,svg{max-width:100%;display:block}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed}a{color:var(--clrGold4);text-decoration:none}a:hover{text-decoration:underline}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#draft{grid-template-columns:minmax(0,30rem) minmax(0,auto) minmax(0,30rem);gap:1.6rem;height:100%;display:grid}#team-blue,#team-red{padding-top:2.4rem}.ban-row{flex-wrap:wrap;align-items:center;gap:.8rem;padding:1.6rem 0;display:flex}.ban-row>*{flex-shrink:0}#team-red .ban-row{justify-content:flex-end}.ban-slot{border:1px solid var(--clrGreyCool);background:var(--clrBg);width:3.2rem;height:3.2rem;transition:border-color .2s}.ban-row img{object-fit:contain;object-position:center;width:100%;height:100%}.pick-row{text-shadow:0 0 .2rem var(--clrBg);align-items:center;gap:1.6rem;padding:1.6rem;transition:border-color .6s;display:flex;position:relative}.pick-row .doing{font-size:1.4rem}.pick-row-image-wrapper{background:var(--clrTextMuted);border-radius:999rem;outline:none;flex-shrink:0;width:6.4rem;height:6.4rem;padding:.2rem;position:relative}#team-blue .pick-row-image-wrapper{background:linear-gradient(to bottom, var(--clrBlue4), var(--clrBlue5))}#team-blue .pending-action .pick-row-image-wrapper{background:linear-gradient(to bottom, var(--clrBlue3), var(--clrBlue4))}#team-red .pick-row-image-wrapper{background:linear-gradient(to bottom, var(--clrRed4), var(--clrRed5))}#team-red .pending-action .pick-row-image-wrapper{background:linear-gradient(to bottom, var(--clrRed3), var(--clrRed4))}.theme-overriding #team-blue .pending-action .pick-row-image-wrapper,.theme-overriding #team-red .pending-action .pick-row-image-wrapper{background:linear-gradient(to bottom, var(--clrGold3), var(--clrGold4))}.pick-row-image-wrapper:before{content:"";z-index:1;background-position:50%;background-repeat:no-repeat;background-size:contain;animation:2s linear infinite spin;position:absolute;inset:-.8rem}#team-blue .pending-action .pick-row-image-wrapper:before{background-image:url(/assets/spinner_blue.png)}#team-red .pending-action .pick-row-image-wrapper:before{background-image:url(/assets/spinner_red.png)}.theme-overriding #team-blue .pending-action .pick-row-image-wrapper:before,.theme-overriding #team-red .pending-action .pick-row-image-wrapper:before{background-image:url(/assets/spinner_gold.png)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pick-row-image-wrapper>div{border-radius:999rem;overflow:hidden}.pick-row img{object-fit:contain;object-position:center;width:100%;height:100%;transform:scale(1.15)}.pick-row>div{flex-direction:column;gap:.4rem;display:flex}#team-blue .pick-row{border-left:.8rem solid #0000}#team-blue .pick-row.pending-action{color:var(--clrGold4);border-color:var(--clrBlue3);animation:1s ease-out glowInBlue}#team-blue .pick-row.overriding{border-color:var(--clrGold4);color:var(--clrGold1);animation:1s ease-out glowInGold}#team-red .pick-row{border-right:.8rem solid #0000;justify-content:flex-end}#team-red .pick-row span{text-align:right}#team-red .pick-row.pending-action{border-color:var(--clrRed1);color:var(--clrGold4);animation:1s ease-out glowInRed}#team-red .pick-row.overriding{border-color:var(--clrGold4);color:var(--clrGold1);animation:1s ease-out glowInGold}@keyframes glowInBlue{0%{border-color:oklch(from var(--clrBlue3) 1 0 h)}}@keyframes glowInRed{0%{border-color:oklch(from var(--clrRed1) 1 0 h)}}@keyframes glowInGold{0%{border-color:oklch(from var(--clrGold4) 1 0 h)}}.pick-row .cName{font-family:var(--fontBeaufort);text-transform:uppercase;font-weight:700}.pick-row-video{object-fit:cover;z-index:-1;pointer-events:none;opacity:0;will-change:opacity;width:100%;height:100%;transition:opacity .12s linear;position:absolute;top:0}.pick-row-video.is-visible{opacity:1}#team-blue .pick-row-video{left:0;-webkit-mask:linear-gradient(90deg,#000 0% 70%,#0000 100%);mask:linear-gradient(90deg,#000 0% 70%,#0000 100%)}#team-red .pick-row-video{right:0;-webkit-mask:linear-gradient(270deg,#000 0% 70%,#0000 100%);mask:linear-gradient(270deg,#000 0% 70%,#0000 100%)}#team-red .overriding .pick-row-video{transform:scaleX(-1)}.pick-separator{width:calc(100% - 1.6rem);height:.1rem;display:block;position:relative}.pick-separator:before{content:"";background-color:var(--clrTextMuted);position:absolute;inset:0}.pick-separator:after{content:"";border:1px solid var(--clrTextMuted);width:.4rem;height:.4rem;position:absolute;top:.5px;left:0;transform:translate(-100%,-50%)rotate(45deg)}#team-blue .pick-separator{margin-left:auto}#team-blue .pick-separator:before{-webkit-mask:linear-gradient(90deg,#000 0% 50%,#0000 100%);mask:linear-gradient(90deg,#000 0% 50%,#0000 100%)}#team-red .pick-separator:before{-webkit-mask:linear-gradient(270deg,#000 0% 50%,#0000 100%);mask:linear-gradient(270deg,#000 0% 50%,#0000 100%)}#team-red .pick-separator:after{left:unset;right:0;transform:translate(100%,-50%)rotate(45deg)}#center{flex-direction:column;min-height:0;display:flex}#header{text-align:center;flex-shrink:0;padding:1.6rem 0;position:relative;overflow:hidden}#header h2{font-family:var(--fontBeaufort);color:var(--clrHeading);text-transform:uppercase;font-size:3.2rem;font-weight:700}.override-hint{font-family:var(--fontSpiegel);white-space:nowrap;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#champion-controls{flex-shrink:0;justify-content:space-between;align-items:stretch;gap:1.6rem;padding:1.6rem 3.2rem .4rem;display:flex}#role-filters{align-items:center;gap:1.6rem;display:flex}#role-filters>*{flex-shrink:0}.tooltip-detect{flex-shrink:0;position:relative}.tooltip-detect button{justify-content:center;align-items:center;width:3.2rem;height:3.2rem;padding:.4rem;display:flex}.tooltip-detect button:not(.active){filter:grayscale()brightness(.7)}.tooltip-detect button:not(.active):hover,.tooltip-detect button:not(.active):focus-visible{filter:grayscale()brightness()}.tooltip{visibility:hidden;max-width:calc(100dvw - var(--sitePadding) * 2);text-align:center;background:linear-gradient(to bottom, var(--clrGold6), var(--clrGold5));z-index:1;pointer-events:none;width:max-content;padding:.2rem;position:absolute;top:0;left:50%;transform:translate(-50%,calc(-100% - .8rem))}.tooltip span{background:var(--clrGrey3);padding:1rem;display:block;position:relative}.tooltip span:before{content:"";bottom:0;left:calc(50% + var(--arrow-offset,0px));background:var(--clrGrey3);border:.2rem solid var(--clrGold5);clip-path:polygon(0 100%,100% 0,100% 100%);width:1rem;height:1rem;position:absolute;transform:translate(-50%,50%)rotate(45deg)skew(10deg,10deg)}.tooltip-detect:hover .tooltip,.tooltip-detect button:hover~.tooltip,.tooltip-detect button:focus-visible~.tooltip{visibility:visible}#search-wrapper{align-items:center;display:flex;position:relative}#search-wrapper>svg{pointer-events:none;z-index:1;width:1em;height:1em;position:absolute;left:.8rem}#search-wrapper input{width:20rem;height:100%;color:inherit;border:1px solid var(--clrBorderGoldIdle);background:var(--clrBg);outline:none;padding:.4rem 3.2rem}#search-wrapper input::placeholder{color:var(--clrTextMuted)}#search-wrapper input:focus{border-color:var(--clrBorderGoldActive)}#search-wrapper button{z-index:1;width:1em;height:1em;position:absolute;right:.8rem}#champion-list-wrapper{flex-grow:1;min-height:0;padding:0 3.2rem;position:relative}#champion-list{text-align:center;border-top:1px solid var(--clrBorderGoldIdle);border-bottom:1px solid var(--clrBorderGoldIdle);scrollbar-width:none;-ms-overflow-style:none;grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));align-content:start;gap:3.2rem;height:100%;min-height:0;padding:1.6rem 0;display:grid}#champion-list::-webkit-scrollbar{display:none}#champion-list button{aspect-ratio:1;border:1px solid var(--clrTextMuted);background:var(--clrBg);position:relative}#champion-list button:disabled{filter:grayscale()brightness(.5)}#champion-list button:not(:disabled):hover:before,#champion-list button.selected:not(:disabled):before{content:"";pointer-events:none;z-index:1;position:absolute;inset:-.2rem;-webkit-mask-image:url(/assets/corner_mask.svg);mask-image:url(/assets/corner_mask.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.theme-banning #champion-list button:not(:disabled){border-color:var(--clrRed1);box-shadow:0 0 0 .1rem var(--clrHextechBlack), 0 0 .7rem .1rem oklch(51.92% .1916 20.04/.851)}.theme-banning #champion-list button:not(:disabled):hover:before,.theme-banning #champion-list button.selected:not(:disabled):before{background:linear-gradient(to bottom, var(--clrRed1), var(--clrRed5))}.theme-banning #champion-list button.selected:not(:disabled):after{content:"";background:linear-gradient(to bottom, var(--clrRed1), var(--clrRed5));pointer-events:none;z-index:1;position:absolute;inset:-.2rem;-webkit-mask-image:url(/assets/crossed_ring_mask.svg);mask-image:url(/assets/crossed_ring_mask.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.theme-picking #champion-list button:not(:disabled):hover:before,.theme-picking #champion-list button.selected:not(:disabled):before{background:var(--clrGold3)}.theme-picking #champion-list button.selected:not(:disabled):after{content:"";background:linear-gradient(to top, var(--clrGold1), var(--clrGold4));pointer-events:none;z-index:1;position:absolute;inset:-.2rem;-webkit-mask-image:url(/assets/ring_mask.svg);mask-image:url(/assets/ring_mask.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.theme-picking #champion-list button.selected img{filter:grayscale()brightness(.5)}.theme-overriding #champion-list button:not(:disabled){border-color:var(--clrGold4);box-shadow:0 0 0 .1rem var(--clrHextechBlack), 0 0 .7rem .1rem oklch(from var(--clrGold4) l c h / 85.1%)}.theme-overriding #champion-list button:not(:disabled):hover:before,.theme-overriding #champion-list button.selected:not(:disabled):before{background:var(--clrGold3)}.theme-overriding #champion-list button.selected:not(:disabled):after{content:"";background:linear-gradient(to top, var(--clrGold1), var(--clrGold4));pointer-events:none;z-index:1;position:absolute;inset:-.2rem;-webkit-mask-image:url(/assets/ring_mask.svg);mask-image:url(/assets/ring_mask.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.theme-overriding #champion-list button.selected img{filter:grayscale()brightness(.5)}#champion-list button img{object-fit:contain;object-position:center;width:100%;height:100%}#champion-list button span{width:100%;font-size:1.4rem;line-height:.8;position:absolute;bottom:-.4rem;left:50%;transform:translate(-50%,100%)}#scrollbar-container{height:100%;min-height:20rem;padding:0 3.2rem;position:relative}#scrollbar-track{--trackWidth:.8rem;width:var(--trackWidth);z-index:10;height:100%;position:absolute;top:0;right:0}#scrollbar-track.scrollbarTrackTouch{opacity:1;transition:opacity .3s}#scrollbar-thumb{background:var(--clrGold5);border-radius:999rem;width:100%;min-height:4rem}#scrollbar-thumb.thumbTouch{transition:transform .1s ease-out}#center-footer{justify-content:center;align-items:center;gap:1.6rem;padding-block:1.6rem 3.2rem;display:flex;position:relative}.btn-primary-action{width:100%;max-width:20rem;font-family:var(--fontBeaufort);color:oklch(from var(--clrBlue1) l c h / .8);text-transform:uppercase;text-align:center;background:linear-gradient(to bottom, var(--clrBlue3), var(--clrBlue4));outline:none;padding:.3rem;font-weight:700;transition:color .2s,background .2s;position:relative}.btn-primary-action:disabled{filter:grayscale()brightness(.5)}.btn-primary-action:not(:disabled):hover,.btn-primary-action:not(:disabled):focus-visible{color:var(--clrBlue1);background:linear-gradient(to bottom, var(--clrBlue1), var(--clrBlue3))}.btn-primary-action:not(:disabled):active{color:var(--clrBlue4);background:linear-gradient(to bottom, var(--clrBlue5), var(--clrBlue4))}.btn-primary-action span{background:var(--clrGrey3);justify-content:center;align-items:center;height:100%;padding:1.2rem;transition:box-shadow .2s;display:flex}.btn-primary-action:not(:disabled):hover:not(:active) span,.btn-primary-action:not(:disabled):focus-visible:not(:active) span{box-shadow:inset 0 -2rem 2rem .5rem var(--clrBlue4)}.theme-banning .btn-primary-action{color:var(--clrRed3);background:linear-gradient(to bottom, var(--clrRed1), var(--clrRed5))}.theme-banning .btn-primary-action:not(:disabled):hover,.theme-banning .btn-primary-action:not(:disabled):focus-visible{color:var(--clrRed2);background:linear-gradient(to bottom, var(--clrRed1), var(--clrRed5))}.theme-banning .btn-primary-action:not(:disabled):active{color:var(--clrRed3);background:var(--clrRed4)}.theme-banning .btn-primary-action:not(:disabled):hover:not(:active) span,.theme-banning .btn-primary-action:not(:disabled):focus-visible:not(:active) span{box-shadow:inset 0 -2rem 2rem .5rem var(--clrRed4)}.theme-overriding .btn-primary-action{color:var(--clrGold3);background:linear-gradient(to bottom, var(--clrGold3), var(--clrGold5))}.theme-overriding .btn-primary-action:not(:disabled):hover,.theme-overriding .btn-primary-action:not(:disabled):focus-visible{color:var(--clrGold1);background:linear-gradient(to bottom, var(--clrGold2), var(--clrGold4))}.theme-overriding .btn-primary-action:not(:disabled):active{color:var(--clrGold5);background:var(--clrGold6)}.theme-overriding .btn-primary-action:not(:disabled):hover:not(:active) span,.theme-overriding .btn-primary-action:not(:disabled):focus-visible:not(:active) span{box-shadow:inset 0 -2rem 2rem .5rem var(--clrGold5)}#bottom-controls{align-items:center;gap:.8rem;display:flex;position:absolute;right:3.2rem}.bottom-control{background:linear-gradient(to bottom, var(--clrGold4), var(--clrGold5));width:2.8rem;height:2.8rem;padding:.1rem}.bottom-control svg{width:100%;height:100%;color:var(--clrGold2);background:var(--clrGrey3);padding:.2rem;display:block}.bottom-control:hover:not(:disabled),.bottom-control:focus-visible:not(:disabled){background:linear-gradient(to bottom, var(--clrGold1), var(--clrGold4))}.bottom-control:hover:not(:disabled) svg,.bottom-control:focus-visible:not(:disabled) svg{background:linear-gradient(to bottom, var(--clrGrey3), var(--clrGold6))}.bottom-control:disabled{background:var(--clrGold6);filter:grayscale()brightness(.7)}#info-popover-container{flex-shrink:0;position:relative}#info-popover-container button{width:100%;height:100%;font-size:2rem;font-family:var(--fontBeaufort);cursor:auto;justify-content:center;align-items:center;margin-top:-.05rem;font-weight:700;display:flex}#info-popover{visibility:hidden;width:clamp(20rem,80dvw,40rem);max-width:calc(100dvw - var(--sitePadding) * 2);color:var(--clrText);background:linear-gradient(to top, var(--clrGold6), var(--clrGold5));z-index:1;padding:.2rem;position:absolute;top:calc(100% + .8rem);right:-.2rem}#info-popover:after{content:"";z-index:-1;width:2rem;height:2rem;position:absolute;top:-2rem;right:0}#info-popover>div{background:var(--clrGrey3);flex-direction:column;gap:1.6rem;padding:1rem;display:flex;position:relative}#info-popover>div:before{content:"";background:var(--clrGrey3);border:.2rem solid var(--clrGold5);clip-path:polygon(0 100%,0 0,100% 0);width:1rem;height:1rem;position:absolute;top:0;right:.2rem;transform:translateY(-50%)rotate(45deg)}#info-popover-container:hover #info-popover,#info-popover-container button:hover~#info-popover,#info-popover-container button:focus-visible~#info-popover{visibility:visible}.swappable{cursor:pointer}.ban-slot.swappable,.swappable>div{position:relative}.ban-slot.swappable:hover:after,.ban-slot.swappable:focus-visible:after,.swappable:hover>div:after,.swappable:focus-visible>div:after{content:"";pointer-events:none;z-index:1;background-color:oklch(0% 0 182/.6);position:absolute;inset:0}.ban-slot.swappable:hover:before,.ban-slot.swappable:focus-visible:before,.swappable:hover>div:before,.swappable:focus-visible>div:before{content:"";pointer-events:none;z-index:2;background-image:url(/assets/swap.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:20%}#dropdown-container{flex-shrink:0;position:relative}#dropdown-container button{justify-content:center;align-items:center;display:flex}#dropdown-menu{visibility:hidden;color:var(--clrText);background:linear-gradient(to top, var(--clrGold6), var(--clrGold5));z-index:1000;padding:.2rem;position:absolute;top:calc(100% + .8rem);right:-.2rem}#dropdown-menu:after{content:"";z-index:-1;width:100%;height:2rem;position:absolute;top:-2rem;right:0}#dropdown-menu>div{background:var(--clrGrey3);flex-direction:column;padding:.4rem;display:flex;position:relative}#dropdown-menu>div:before{content:"";background:var(--clrGrey3);border:.2rem solid var(--clrGold5);clip-path:polygon(0 100%,0 0,100% 0);width:1rem;height:1rem;position:absolute;top:0;right:.2rem;transform:translateY(-50%)rotate(45deg)}#dropdown-container:hover #dropdown-menu,#dropdown-container button:hover~#dropdown-menu,#dropdown-container button:focus-visible~#dropdown-menu,#dropdown-container:focus-within #dropdown-menu{visibility:visible}.dropdown-item{color:var(--clrText);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:flex-start;align-items:center;padding:.8rem 1.2rem;font-size:1.6rem;transition:background-color .2s;display:flex}.dropdown-item:hover,.dropdown-item:focus-visible{color:var(--clrGold1)}.dropdown-label{font-family:var(--fontBeaufort);font-weight:400}#error-page,#not-found-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}@media only screen and (width<=1200px){#draft{grid-template-columns:minmax(0,30rem) minmax(0,auto) minmax(0,30rem)}#header h2{font-size:4vw}#champion-controls{flex-direction:column}#role-filters{flex-wrap:wrap;justify-content:space-between;align-items:center}.tooltip-detect button{width:2.4rem;height:2.4rem;padding:.2rem}#search-wrapper{align-items:center;display:flex;position:relative}#search-wrapper input{width:100%}#champion-list{grid-template-columns:repeat(auto-fill,minmax(4rem,1fr))}#center-footer{flex-direction:column;display:flex}#bottom-controls{position:static}}@media only screen and (width<=768px){:root{--sitePadding:.8rem}body:before{background:radial-gradient(ellipse 0 0 at center top, oklch(from var(--clrRed4) l c h / .5), transparent), radial-gradient(ellipse 40dvw 100dvh at left center, oklch(from var(--clrRed4) l c h / .5), transparent), radial-gradient(ellipse 40dvw 100dvh at right center, oklch(from var(--clrRed4) l c h / .5), transparent)}body:after{background:radial-gradient(ellipse 80dvw 30rem at center top, oklch(from var(--clrBlue3) l c h / .2), transparent), radial-gradient(ellipse 40dvw 100dvh at left center, oklch(from var(--clrBlue3) l c h / .2), transparent), radial-gradient(ellipse 40dvw 100dvh at right center, oklch(from var(--clrBlue3) l c h / .2), transparent)}body:has(.theme-overriding):before{background:radial-gradient(ellipse 80dvw 30rem at center top, oklch(from var(--clrGold4) l c h / .3), transparent), radial-gradient(ellipse 40dvw 100dvh at left center, oklch(from var(--clrGold4) l c h / .2), transparent), radial-gradient(ellipse 40dvw 100dvh at right center, oklch(from var(--clrGold4) l c h / .2), transparent)}body:has(.theme-overriding):after{background:radial-gradient(ellipse 80dvw 30rem at center top, oklch(from var(--clrGold4) l c h / .3), transparent), radial-gradient(ellipse 40dvw 100dvh at left center, oklch(from var(--clrGold4) l c h / .2), transparent), radial-gradient(ellipse 40dvw 100dvh at right center, oklch(from var(--clrGold4) l c h / .2), transparent)}#root{padding:var(--sitePadding)}#draft{grid-template-rows:auto auto 1fr;grid-template-columns:1fr}#team-blue{margin-top:2.4rem}#team-blue,#team-red{grid-template-columns:repeat(5,minmax(0,1fr));padding:0;display:grid}#team-blue .ban-row,#team-red .ban-row{grid-column:1/-1;justify-content:center}#team-red .ban-row{direction:rtl}.ban-slot{width:2.4rem;height:2.4rem}.pick-separator{display:none}.pick-row{text-align:center;gap:.8rem;padding:0;border:none!important}#team-red .pick-row{flex-direction:column-reverse}#team-blue .pick-row{flex-direction:column}video{display:none!important}.pick-row-image-wrapper{width:3.2rem;height:3.2rem}.pick-row-image-wrapper:before{inset:-.3rem}.pick-row>div{align-items:center;position:relative}#team-red .pick-row span{text-align:center}.cName{font-size:1.2rem;position:absolute;top:0;left:50%;transform:translate(-50%)}.doing{align-items:center;display:flex;position:absolute;top:-5.7rem;left:calc(50% + .3em);transform:translate(-50%)}.pick-row>div span:not(.doing):not(.cName){width:2rem;height:2rem;font-family:var(--fontBeaufort);border:1px solid var(--clrTextMuted);background:var(--clrGrey3);z-index:5;border-radius:999rem;justify-content:center;align-items:center;padding:0;font-size:1rem;display:flex;position:absolute;top:-2.4rem;left:calc(50% + 1.2rem);overflow:hidden;transform:translate(-50%)}#team-red .pick-row>div span:not(.doing):not(.cName){left:calc(50% + 1.2rem)}#center{order:1}#champion-controls{padding:1.6rem 1.6rem .4rem}#scrollbar-container{padding:0 1.6rem}}@font-face{font-family:Beaufort For LOL;src:url(/fonts/BeaufortForLOL/BFL-light.woff2)format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Beaufort For LoL;src:url(/fonts/BeaufortForLOL/BFL-light-italic.woff2)format("woff2");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:Beaufort For LoL;src:url(/fonts/BeaufortForLOL/BFL-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Beaufort For LoL;src:url(/fonts/BeaufortForLOL/BFL-regular-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Beaufort For LoL;src:url(/fonts/BeaufortForLOL/BFL-medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Beaufort For LoL;src:url(/fonts/BeaufortForLOL/BFL-medium-italic.woff2)format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Beaufort For LoL;src:url(/fonts/BeaufortForLOL/BFL-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Beaufort For LoL;src:url(/fonts/BeaufortForLOL/BFL-bold-italic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Beaufort For LoL;src:url(/fonts/BeaufortForLOL/BFL-heavy.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Beaufort For LoL;src:url(/fonts/BeaufortForLOL/BFL-heavy-italic.woff2)format("woff2");font-weight:800;font-style:italic;font-display:swap}@font-face{font-family:Spiegel;src:url(/fonts/Spiegel/spiegel-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Spiegel;src:url(/fonts/Spiegel/spiegel-regular-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Spiegel;src:url(/fonts/Spiegel/spiegel-semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Spiegel;src:url(/fonts/Spiegel/spiegel-semibold-italic.woff2)format("woff2");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Spiegel;src:url(/fonts/Spiegel/spiegel-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Spiegel;src:url(/fonts/Spiegel/spiegel-bold-italic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}