@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@500&display=swap);:root{--app-background:#e5e9f0;--font-color:#545454;--placeholder-font-color:#9b9999;--pagination-background-color:#31474d;--chart-title-color:#000;--chart-font-size:12;--placeholder-border-color:#807f7f;--luffy:#a90000;--table-hover-color:#1e2528}body{background-color:#e5e9f0;background-color:var(--app-background);font-family:Lexend Deca,sans-serif;height:100vh;margin:0;transition:background-color .5s linear;-webkit-transition:background-color .5s linear;-ms-transition:background-color .5s linear}[data-theme=dark]{--app-background:#1e2528;--font-color:#b3aca2;--placeholder-font-color:#545454;--placeholder-border-color:#b3aca2;--pagination-background-color:#545454;--chart-title-color:#e8e6e3;--table-hover-color:#041c27}body,html{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.chart-grid{display:flex;flex-direction:row;flex-wrap:wrap;text-align:center}.chart-container{width:33%}@media only screen and (max-width:768px){.chart-grid{flex-direction:column}.chart-container{min-height:200px;width:100%}}.character-link{color:var(--chart-title-color);text-decoration:none;transition:color .5s linear;-webkit-transition:color .5s linear;-ms-transition:color .5s linear}.one-graph-container,.pagination-wrapper{display:flex;justify-content:center}.one-graph-container{margin-top:50px}.one-graph-chart{height:800px;width:calc(100vw - 300px)}.pagination{display:flex;list-style:none;outline:none;padding-left:0}.pagination>.active>a{background-color:var(--font-color);border-color:var(--font-color);color:#fff}.pagination>li>a{border:1px solid #545454;cursor:pointer;outline:none;padding:10px 16px}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#545454;border-color:#545454;outline:none}.pagination>li>a,.pagination>li>span{color:var(--font-color)}.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span{border-radius:0;border-radius:initial}@media only screen and (max-width:768px){.next-page,.previous-page{display:none}.pagination{padding-left:0}.pagination-wrapper{padding-bottom:1rem}.one-graph-chart{width:100%}}.loading{display:flex;justify-content:center;margin-bottom:1rem}.lds-ripple{display:inline-block;height:80px;position:relative;width:80px}.lds-ripple div{-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid var(--font-color);border-radius:50%;opacity:1;position:absolute}.lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}@keyframes lds-ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}4.9%{height:0;left:36px;opacity:0;top:36px;width:0}5%{height:0;left:36px;opacity:1;top:36px;width:0}to{height:72px;left:0;opacity:0;top:0;width:72px}}.nav-bar{align-items:center;display:flex;flex-direction:row;margin-right:1.5rem;padding:.5rem 1rem}.app-title{color:var(--font-color);font-size:2rem;margin-left:1rem;margin-right:1rem;transition:color .5s linear;-webkit-transition:color .5s linear;-ms-transition:color .5s linear}.app-header{display:flex;flex-direction:column;justify-content:center}.app-desc,.app-desc-mobile{color:var(--font-color);margin-left:1.1rem;transition:color .5s linear;-webkit-transition:color .5s linear;-ms-transition:color .5s linear}.app-logo{margin-left:1.5rem;pointer-events:none}.right-items{align-items:center;display:flex;margin-left:auto}.dark-mode{cursor:pointer}.app-desc-mobile{display:none}@media only screen and (max-width:768px){.nav-bar{justify-content:center;margin-right:0}.app-title{font-size:1.2rem}.app-desc{display:none}.app-logo{height:50px;pointer-events:auto;width:50px}.right-items{display:none}.app-desc-mobile{align-content:center;display:flex;font-size:.8rem;justify-content:center;margin-bottom:.8rem;margin-right:1.1rem;text-align:center}}.toggle-container{cursor:pointer}.toggle-container input{display:none}.toggle-container input+div{border-radius:50%;box-shadow:inset 14px -14px 0 0 gray;box-shadow:inset 14px -14px 0 0 var(--color-toggle-dark,#000);height:36px;position:relative;-webkit-transform:scale(1) rotate(-2deg);transform:scale(1) rotate(-2deg);transition:box-shadow .5s ease 0s,-webkit-transform .4s ease .1s;transition:box-shadow .5s ease 0s,transform .4s ease .1s;transition:box-shadow .5s ease 0s,transform .4s ease .1s,-webkit-transform .4s ease .1s;width:36px}.toggle-container input+div:before{border-radius:inherit;content:"";height:inherit;left:0;position:absolute;top:0;transition:background .3s ease;width:inherit}.toggle-container input+div:after{border-radius:50%;box-shadow:0 -23px 0 #ff0,0 23px 0 #ff0,23px 0 0 #ff0,-23px 0 0 #ff0,15px 15px 0 #ff0,-15px 15px 0 #ff0,15px -15px 0 #ff0,-15px -15px 0 #ff0;box-shadow:0 -23px 0 var(--color-toggle-light,#eee),0 23px 0 var(--color-toggle-light,#eee),23px 0 0 var(--color-toggle-light,#eee),-23px 0 0 var(--color-toggle-light,#eee),15px 15px 0 var(--color-toggle-light,#eee),-15px 15px 0 var(--color-toggle-light,#eee),15px -15px 0 var(--color-toggle-light,#eee),-15px -15px 0 var(--color-toggle-light,#eee);content:"";height:8px;left:50%;margin:-4px 0 0 -4px;position:absolute;top:50%;-webkit-transform:scale(0);transform:scale(0);transition:all .3s ease;width:8px}.toggle-container input:checked+div{box-shadow:inset 32px -32px 0 0 #fff;-webkit-transform:scale(.5) rotate(0deg);transform:scale(.5) rotate(0deg);transition:box-shadow .2s ease 0s,-webkit-transform .3s ease .1s;transition:transform .3s ease .1s,box-shadow .2s ease 0s;transition:transform .3s ease .1s,box-shadow .2s ease 0s,-webkit-transform .3s ease .1s}.toggle-container input:checked+div:before{background:#ff0;background:var(--color-toggle-light,#eee);transition:background .3s ease .1s}.toggle-container input:checked+div:after{-webkit-transform:scale(1.5);transform:scale(1.5);transition:-webkit-transform .5s ease .15s;transition:transform .5s ease .15s;transition:transform .5s ease .15s,-webkit-transform .5s ease .15s}:root{--color-toggle-light:#ff0;--color-toggle-dark:gray}.toast{background-color:#545454;border-radius:4px;bottom:3.65rem;color:#fff;font-family:Lexend Deca,sans-serif;left:50%;margin-left:-125px;min-width:250px;padding:16px;position:fixed;text-align:center;visibility:hidden;z-index:1}.toast.show{-webkit-animation:fadein .5s,fadeout .5s 3s;animation:fadein .5s,fadeout .5s 3s;visibility:visible}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:3.65rem;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:3.65rem;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:3.65rem;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:3.65rem;opacity:1}to{bottom:0;opacity:0}}@media only screen and (max-width:768px){.toast{left:45%}}.filter-bar{margin-bottom:1.5rem;text-align:center}.filter-bar,.filter-item{align-items:center;display:flex;justify-content:center}.filter-item{height:100%;padding-left:.5rem;padding-right:.5rem;width:200px}.group-items,.sort-items,.table-toggle{border:2px solid var(--font-color);border-radius:.5rem;color:var(--font-color);cursor:pointer;font-size:1.2rem;height:100%;padding-bottom:.5rem;padding-top:.5rem;width:100%}.disabled{border-color:var(--placeholder-font-color);color:var(--placeholder-font-color)}@media only screen and (max-width:768px){.filter-item{padding:0}.sort-items{margin-left:1rem}.group-items,.sort-items{font-size:1.1rem;padding:0}.group-items{margin-left:.5rem;margin-right:.5rem}.table-toggle{font-size:1.1rem;margin-right:1rem;padding:0}}.search-container{display:flex;justify-content:center;margin-bottom:1.5rem;margin-top:.5rem}.search-input{background-color:initial;background-image:none;background:none;border:1px;border-radius:.5rem;color:var(--placeholder-border-color);font-family:Lexend Deca,sans-serif;font-size:35px;font-weight:400;outline-color:invert;outline-color:initial;outline:2px solid;text-align:center}.search-input::-webkit-input-placeholder{color:var(--placeholder-font-color);transition:color .5s linear;-webkit-transition:color .5s linear;-ms-transition:color .5s linear}.search-input::placeholder{color:var(--placeholder-font-color);transition:color .5s linear;-webkit-transition:color .5s linear;-ms-transition:color .5s linear}[placeholder]:focus::-webkit-input-placeholder{opacity:1;text-indent:-200%;-webkit-transition:text-indent 1s ease .2s;transition:text-indent 1s ease .2s}@media only screen and (max-width:768px){.search-input{font-size:25px}.search-container{margin-right:0}}.footer{display:flex;flex-direction:row;justify-content:center;margin-top:1.2rem;padding-bottom:1.5rem}.footer>div{color:var(--font-color);margin-right:1rem}.footer .element>a{color:var(--font-color);text-decoration:none}.last{margin-right:0!important}@media only screen and (max-width:768px){.footer{margin-top:0}}.modal-overlay{background:#0000004a;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:all .2s ease;width:100%}.modal-overlay:target{opacity:1;pointer-events:all}.modal{background:var(--app-background);border-radius:4px;box-shadow:0 8px 40px -20px #000;font-family:Lexend Deca,sans-serif;left:50%;max-width:600px;padding:20px 30px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8);transition:all 2s ease;width:80%}.modal-overlay:target .modal{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);transition:all .2s ease}.modal-title{font-size:22px;font-weight:600}.modal-text,.modal-title{color:var(--font-color);margin-bottom:10px}.modal-text{font-size:16px;line-height:23px;white-space:pre-line}.modal-btn{border:1px solid var(--font-color);border-radius:3px;color:var(--font-color);cursor:pointer;display:inline-block;font-size:14px;font-weight:600;margin-top:10px;padding:8px 14px;text-decoration:none;transition:all .2s ease;-webkit-user-select:none;user-select:none}.no-results{color:var(--font-color);margin-bottom:1rem;margin-top:1rem}.container,.no-results{display:flex;justify-content:center}.container{align-items:center;flex-direction:column;height:100vh}@media only screen and (max-width:768px){img{height:200px;width:400px}}