body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--base-bg:#121212;--base-bg-hover:#222;--base-bg-selected:#151515;--base2-bg:#1c1c1c;--med-text:#ffffff80;--high-text:#ffffffb3}body{-webkit-tap-highlight-color:transparent;background-color:#121212;background-color:var(--base-bg);box-sizing:border-box;color:#fff;font-family:helvetica;margin:0;padding:0}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:#d3d3d3}body::-webkit-scrollbar-thumb{background:#a9a9a9}body::-webkit-scrollbar-thumb:hover{background:grey}nav{align-items:center;background-color:#1c1c1c;background-color:var(--base2-bg);box-shadow:0 3px 3px #000;display:grid;justify-content:center}nav a{cursor:pointer;padding:4px}nav a,nav img{height:50px}nav a:hover{background-color:#222;background-color:var(--base-bg-hover)}.alert{align-items:center;background-color:#0000001a;display:none;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}.alert__box{background-color:#1c1c1c;background-color:var(--base2-bg);border-radius:4px;box-shadow:0 3px 3px #000;flex-flow:column nowrap;height:120px;justify-content:space-between;width:260px}.alert__box,.alert__box>*{align-items:center;display:flex}.alert__box>*{justify-content:center;width:100%}.alert__header{color:red;font-size:22px;font-weight:700;margin-top:4px}.alert__body{font-size:18px;text-align:center}.alert__button{background-color:#121212;background-color:var(--base-bg);color:#ffffff80;color:var(--med-text);cursor:pointer;height:30px}.page{height:100%;width:100%}.content{align-items:stretch;flex-flow:row wrap;padding:0 6px 6px}.content,.randomiser{display:flex;justify-content:center}.randomiser{align-items:center;flex-flow:column nowrap;margin:2px;min-height:calc(100vh - 58px);min-width:850px}.randomiser>*{margin-top:6px}.randomise{align-items:center;background-color:#1c1c1c;background-color:var(--base2-bg);border-radius:2px;box-shadow:0 3px 3px #000;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .1s;width:100%}.randomise h2{font-size:24px;margin:0;padding:0}.randomise h2::selection{background-color:initial}.randomise:hover{background-color:#222;background-color:var(--base-bg-hover)}.build-container{grid-gap:6px 6px;display:grid;grid-template-columns:1fr 1fr;width:100%}.build-container>*{align-items:center;background-color:#1c1c1c;background-color:var(--base2-bg);box-shadow:0 3px 3px #000;display:flex;flex-flow:column nowrap;justify-content:center;min-height:150px;min-width:300px;position:relative}.build-title{align-self:center;font-size:16px;margin:0;padding:0;position:absolute;text-decoration:underline;top:4px}.build-title,.gods{display:flex;justify-content:center;width:100%}.god,.gods{align-items:center}.god{display:flex;flex-flow:column nowrap;justify-content:center;padding:0 10px 10px}.god__caption,.god__name{margin:0;padding:0;text-align:center;width:100%}.god__caption{color:#ffffff80;color:var(--med-text);margin-top:-3px;text-transform:capitalize}.god__image{border:2px solid #121212;border:2px solid var(--base-bg);border-radius:4px;max-width:330px;opacity:0;width:100%}.items{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;justify-content:center;min-height:400px;padding-bottom:6px}.item,.items{align-items:center;width:100%}.item{display:flex;flex-flow:column nowrap;justify-content:flex-end}.item__name{font-size:15px;overflow:hidden;text-align:center;white-space:nowrap;width:100%}.item__picture{border:2px solid #121212;border:2px solid var(--base-bg);border-radius:4px;height:100%;max-height:140px;max-width:140px;opacity:0;width:100%}.actives,.gods,.items,.uniques{margin-top:24px}.actives,.uniques{display:grid;grid-template-columns:50% 50%;padding-bottom:6px}.actives,.rerolls,.uniques{align-items:center;justify-content:center;width:100%}.rerolls{background-color:#1c1c1c;background-color:var(--base2-bg);box-shadow:0 3px 3px #000;display:flex;font-size:17px;height:40px}.rerollable{border:2px solid #121212;border:2px solid var(--base-bg);cursor:pointer;transition:border .1s}.rerollable:hover{border:2px solid #fff}.stat-filter-wrapper{flex-flow:column nowrap;min-width:500px}.filter-area,.stat-filter-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:800px}.filter-area{flex-flow:column nowrap;min-width:330px}.filter-area>*{margin:20px 0}.filter-area h3{color:#ffffff80;color:var(--med-text)}.filter__tiles{display:flex;flex-flow:row wrap;justify-content:center}.filter__tiles>*{margin:5px}.update-area{align-items:center;display:flex;flex:1 1;flex-flow:column nowrap;justify-content:center;margin:0 20px;max-width:800px;min-width:330px}.update-area p{margin:12px}.build-stats{background-color:#1c1c1c;background-color:var(--base2-bg);box-shadow:0 3px 3px #000;display:flex;flex-flow:row wrap;justify-content:space-between;max-width:550px;padding:5px}.build-stats h3{color:#fff;text-align:center;width:100%}.build-stats>*{display:flex;flex-flow:column nowrap;margin:3px}.stat{align-items:center;border-radius:2px;color:#ffffff80;color:var(--med-text);display:flex;flex-flow:row nowrap;font-size:.9rem;justify-content:space-between;padding:4px;width:160px}.stat p{margin:0;padding:0}.stat__name{padding-right:20px!important}.stat__value{font-weight:700;min-width:40px}.stat__value,.stat__value[cap-color="1"]{color:#d22222}.stat__value[cap-color="2"]{color:#fea166}.stat__value[cap-color="3"]{color:#2ecc71}.stat__value[cap-color="4"]{color:#bf40bf}.select-area{display:flex;flex-flow:row wrap;justify-content:center}.boot-area,.queue-area{align-items:flex-start;background-color:#1c1c1c;background-color:var(--base2-bg);border-radius:2px;box-shadow:0 2px 3px #000;height:45px;padding:5px;width:-webkit-fit-content;width:fit-content}.boot-area,.input-label,.queue-area{display:flex;flex-flow:column nowrap;justify-content:center}.input-label{align-items:center}.reroll-area,.wildcard-area{align-items:center;background-color:#1c1c1c;background-color:var(--base2-bg);border-radius:2px;box-shadow:0 2px 3px #000;display:flex;flex-flow:column nowrap;height:45px;justify-content:space-between;padding:5px;width:-webkit-fit-content;width:fit-content}.about-area{display:flex;justify-content:center;margin:5px;padding:5px;width:100%}.about-area__wrapper{max-width:800px}.about-area h3{margin:auto;width:-webkit-fit-content;width:fit-content}.about-area ul{line-height:18px;list-style-type:none;padding:0}.about-area li{color:#ffffff80;color:var(--med-text);margin:2px 0;text-align:left;width:-webkit-fit-content;width:fit-content}.about-area b{color:#fff}.discord-area{align-items:center;display:flex;flex-flow:column nowrap}.discord-area p,a{color:#ffffff80;color:var(--med-text);text-align:center}.widget-bot{height:70vh;width:80vw}.fade-in{animation-duration:.2s;animation-fill-mode:forwards;animation-name:fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.button{cursor:pointer;overflow:hidden;position:relative;transition:transform .3s}.button::selection{background-color:initial}.ripple{animation:ripple .5s linear;background-color:#ffffff26;border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}@keyframes ripple{to{opacity:0;transform:scale(2)}}.checkbox-label{align-items:center;border-radius:2px;cursor:pointer;display:flex;flex-flow:row-reverse nowrap;font-size:16px;justify-content:center;padding:2px 4px;-webkit-user-select:none;user-select:none}.checkbox-label:hover{background-color:#222;background-color:var(--base-bg-hover)}.checkbox-label input[type=checkbox]{display:none}.checkbox-label__checkbox{align-items:center;background-color:#fff;border:1px solid #000;border-radius:3px;display:flex;height:16px;justify-content:center;margin-right:4px;width:16px}.circle{border-radius:50%}.checkbox-label input:checked+.checkbox-label__checkbox{background-color:#2ecc71}.checkmark{border-bottom:2px solid #fff;border-right:2px solid #fff;height:55%;opacity:0;position:relative;top:-1px;transform:rotate(180deg);transition:all .15s;width:25%}.checkbox-label input:checked+.checkbox-label__checkbox .checkmark{opacity:1;transform:rotate(405deg);visibility:visible}.number-input{background-color:#1c1c1c;background-color:var(--base2-bg);border:none;border-bottom:2px dotted #000;color:#fff;font-size:18px;text-align:center;width:40px}.number-input:focus{border-bottom:2px dotted #000;outline:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tags-area{background-color:#1c1c1c;background-color:var(--base2-bg);box-shadow:0 3px 3px #000;display:flex;flex-flow:row wrap;justify-content:space-between;max-width:550px;padding:5px}.tags-area>*{display:flex;flex-flow:column nowrap;margin:5px}.item-counter{align-items:center;color:#ffffff80;color:var(--med-text);flex-flow:row nowrap;height:20px;justify-content:center;width:100%}@media screen and (max-width:620px){.build-container{grid-template-columns:1fr}.stat-filter-wrapper{min-width:330px}}@media screen and (max-width:1200px){.filter-area h3{display:none}}.multi-checkbox{align-items:center;border-radius:2px;cursor:pointer;display:flex;flex-flow:row nowrap;justify-content:flex-start;padding:4px}.multi-checkbox:hover{background-color:#222;background-color:var(--base-bg-hover)}.multi-checkbox>*{pointer-events:none}.multi-checkbox[checked=true] .multi-checkbox__box{background-color:#2ecc71}.multi-checkbox[checked=false] .multi-checkbox__box{background-color:red}.multi-checkbox__box{background-color:#fff;border:1px solid #000;border-radius:3px;height:14px;margin-right:2px;position:relative;width:14px}.box__line,.box__line2{background-color:#fff;border-radius:1px;height:2px;left:2px;position:absolute;top:6px;transition:all .2s;width:10px}.multi-checkbox[checked=true] .box__line2{transform:rotate(90deg)}.select{align-items:center;background-color:#1c1c1c;background-color:var(--base2-bg);box-shadow:0 2px 3px #000;color:#fff;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:flex-start;margin:5px;position:relative;width:165px}.select:focus{border:none;outline:none}.select:hover{background-color:#222;background-color:var(--base-bg-hover)}.select__text{width:133px}.select__arrow,.select__text{display:flex;justify-content:center;pointer-events:none}.select__arrow{align-items:center;position:absolute;right:0;transition:all .2s}.select__option-container{box-shadow:0 2px 3px #000;flex-flow:column nowrap;max-height:50vh;overflow:auto;position:absolute;top:40px;width:100%;z-index:100}.select[visible=true] .select__option-container{display:flex}.select[visible=true] .select__arrow{transform:rotateX(180deg)}.select[visible=false] .select__option-container{display:none}.select[visible=false] .select__arrow{transform:rotateX(0deg)}.select__option-container::-webkit-scrollbar{width:8px}.select__option-container::-webkit-scrollbar-track{background:#d3d3d3}.select__option-container::-webkit-scrollbar-thumb{background:#a9a9a9}.select__option-container::-webkit-scrollbar-thumb:hover{background:grey}.select__clear{align-items:center;background-color:#1c1c1c;background-color:var(--base2-bg);color:red;display:flex;font-weight:700;justify-content:center;padding:2px}.select__clear:hover{background-color:#222;background-color:var(--base-bg-hover)}.select__option{align-items:center;display:flex;font-weight:400;justify-content:center;padding:8px;text-transform:capitalize}.select__option[checked=false]:hover{background-color:#222!important;background-color:var(--base-bg-hover)!important;color:#fff!important}.select__option[checked=false]{background-color:#1c1c1c!important;background-color:var(--base2-bg)!important;color:#ffffffb3;color:var(--high-text)}.select__option[checked=true]{background-color:#303030!important;color:#fff!important}.select__option:focus{background-color:#222!important;background-color:var(--base-bg-hover)!important;outline:none}.reset-area{display:flex;flex-flow:row wrap;justify-content:center}.reset-area>*{align-items:center;background-color:#1c1c1c;background-color:var(--base2-bg);box-shadow:0 2px 3px #000;display:flex;height:35px;margin:4px;padding:0 6px}.reset-area>::selection{background-color:initial}.reset-area>:hover{background-color:#222;background-color:var(--base-bg-hover)}
/*# sourceMappingURL=main.11c16ba2.css.map*/