body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-size:120%;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-bg-color: #0f0f0f;--secondary-bg-color: #1d1c1d;--tertiary-bg-color: #232323;--quaternary-bg-color: #424242;--font-color: #aca8c0;--primary-highlight-color: #7126fe;--secondary-highlight-color: #8b4dfe;background:var(--primary-bg-color);color:var(--font-color)}.navLink{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo{height:6em;will-change:filter;transition:filter .3s;outline-style:solid;outline-color:#fff}.logo:hover{filter:drop-shadow(0 0 2em #f31010cc)}*,*:before,*:after{box-sizing:border-box}.roster-builder{display:block;width:50dvw;margin:0 auto}hr{display:inline-block;width:100%;border-bottom:solid var(--font-color);border-width:1px}#multi-select-wrapper{width:400px}#input-wrapper{position:relative;border-radius:0 0 4px 4px;margin-bottom:10px}#player-search{position:relative;padding:10px 12px 12px;width:400px;font-size:1em}#dropdown-options{position:absolute;overflow-y:scroll;max-height:300px;max-width:400px;top:100%;width:100%;margin-bottom:-300px;border:solid;border:var(--font-color)}.player-option{position:relative;cursor:pointer;background-color:var(--secondary-bg-color);padding:10px 12px 12px}.player-option.selected{background-color:var(--tertiary-bg-color)}.player-option.selected:after{position:absolute;border-bottom:2px solid var(--primary-highlight-color);border-right:2px solid var(--primary-highlight-color);content:"";height:18px;transform:translateY(-50%) rotate(45deg);right:15px;top:45%;width:8px}.player-option:hover{background-color:var(--secondary-highlight-color)}.player-option.selected:hover:after{border-bottom:2px solid var(--primary-bg-color);border-right:2px solid var(--primary-bg-color)}#selected-players{padding:0}.selected-player{background-color:var(--primary-highlight-color);color:var(--font-color);border-radius:3px;border:none;font-size:.75em;font-weight:700;margin-right:8px;padding:.25em 1.75em .25em .25em;position:relative;cursor:pointer}.center{text-align:center;margin:0 auto}#new-roster-btn{display:block;height:25px;width:25px;border-radius:50%;background-color:var(--primary-highlight-color);border:none;text-align:center;font-size:18px;font-weight:700;margin:0 auto}#new-roster-btn:hover{background-color:var(--secondary-highlight-color)}.modal-overlay{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:50}.modal-content{width:auto;height:auto;min-width:20em;min-height:15em;background-color:var(--tertiary-bg-color);border-radius:8px;box-shadow:0 4px 8px #0003;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;z-index:100}.modal-close-button{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer}span.remove-player-from-pool-btn{position:absolute;right:0;padding-right:4px}span.remove-player-from-pool-btn:hover{color:var(--primary-bg-color)}input{accent-color:var(--primary-highlight-color)}.roster{display:grid;width:40dvw;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);justify-content:space-evenly;padding:.25em;border-style:solid;border:#383838}.team-name{grid-column:2 / 5;align-self:center;border-radius:.25em;width:50%;background-color:var(--primary-bg-color)}.bl-indicator{grid-column:1;grid-row:1}.br-indicator{grid-column:5;grid-row:1}.tank-box{grid-column:1;grid-row:2}.healer-box{grid-column:2;grid-row:2}.dps1-box{grid-column:3;grid-row:2}.dps2-box{grid-column:4;grid-row:2}.dps3-box{grid-column:5;grid-row:2}.center-flex{display:flex;align-items:center;justify-content:center;flex-direction:column}.input{border:none;display:inline;font-family:inherit;text-align:center;font-size:1.2em;justify-self:center}.header{font-weight:200;text-align:center;margin-bottom:.5em}.dropdown{margin:0 1em;width:80%;border-radius:.25em;border:var(--secondary-bg-color);background-color:var(--secondary-bg-color);font-size:1em}.sliderContainer{margin-left:.5em}label{margin:.5em;justify-self:center}.dropdown-label{display:block;text-align:left;margin:0 auto;font-weight:700}.deathknight{color:#c41e3a}.demonhunter{color:#a330c9}.druid{color:#ff7c0a}.evoker{color:#33937f}.hunter{color:#aad372}.mage{color:#3fc7eb}.monk{color:#00ff98}.paladin{color:#f48cba}.priest{color:#fff}.rogue{color:#fff468}.shaman{color:#0070dd}.warlock{color:#8788ee}.warrior{color:#c69b6d}