@import"https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap";*{box-sizing:border-box}html{font-size:.8em;font-family:sans-serif}body{margin:0;background:#4d4d4d}.slide-in-left-enter{transform:translate(-100%)}.slide-in-left-enter-active{transform:translate(0);opacity:1;transition:all .2s}.slide-in-left-exit{transform:translate(0);opacity:1}.slide-in-left-exit-active{transform:translate(-100%);opacity:0;transition:all .2s}.center{text-align:center;display:flex;justify-content:center;align-items:center}.div{width:75%;margin-left:auto;margin-right:auto;margin-bottom:2rem;box-shadow:0 2px 8px #00000042;border-radius:6px;padding:1rem;overflow:hidden;background:#fff}.div-container{display:flex;width:75%;margin-left:auto;margin-right:auto;margin-bottom:2rem;box-shadow:0 2px 8px #00000042;border-radius:6px;justify-content:space-around;align-items:flex-start}.main-navigation__menu-btn{width:3rem;height:3rem;background:transparent;border:none;display:flex;flex-direction:column;justify-content:space-around;margin-right:2rem;cursor:pointer}.main-navigation__menu-btn span{display:block;width:3rem;height:2.5px;background:#fff}.main-navigation__title{color:#fff}.main-navigation__title a{text-decoration:none;color:#fff}.main-navigation__header-nav{display:none}.main-navigation__drawer-nav{height:100%}@media(min-width:768px){.main-navigation__menu-btn{display:none}.main-navigation__header-nav{display:block}}.main-header{width:100%;height:4rem;display:flex;align-items:center;position:fixed;top:0;left:0;background:#f05;box-shadow:0 2px 6px #00000042;padding:0 1rem;z-index:5}main{margin-top:5rem}@media(min-width:768px){.main-header{justify-content:space-between}}._vertical-menu_dzjub_2{width:200px;background-color:#333;color:#fff;padding:15px 0;height:100vh}._vertical-menu_dzjub_2 ul{list-style:none;padding:0;margin:0}._menu-item__block_dzjub_16 a{display:block;align-items:center;padding:10px 15px;text-decoration:none;color:#000}._menu-item__flex_dzjub_24 a{display:flex;align-items:center;padding:10px 15px;text-decoration:none;color:#000}._menu-item_dzjub_16 a:hover{background-color:#555}._menu-icon_dzjub_36{margin-right:10px}.side-drawer{position:fixed;left:0;top:0;z-index:100;height:100vh;width:20%;background:#fff;box-shadow:0 2px 8px #00000042}.backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000bf;z-index:10}.nav-links{list-style:none;margin:0;padding:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-links li{margin:1rem}.nav-links a{border:1px solid transparent;color:#292929;text-decoration:none;padding:.5rem}.nav-links a:hover,.nav-links a:active,.nav-links a.active{background:#f8df00;border-color:#292929;color:#292929}.nav-links button{cursor:pointer;border:1px solid #292929;color:#292929;background:transparent;padding:.5rem;font:inherit}.nav-links button:focus{outline:none}.nav-links button:hover,.nav-links button:active{background:#292929;color:#fff}@media(min-width:768px){.nav-links{flex-direction:row}.nav-links li{margin:0 .5rem}.nav-links a{color:#fff;text-decoration:none}.nav-links button{border:1px solid white;color:#fff;background:transparent}.nav-links button:hover,.nav-links button:active{background:#f8df00;color:#292929}}.lds-dual-ring{display:inline-block;width:64px;height:64px}.lds-dual-ring:after{content:" ";display:block;width:46px;height:46px;margin:1px;border-radius:50%;border:5px solid #510077;border-color:#510077 transparent #510077 transparent;animation:lds-dual-ring 1.2s linear infinite}.loading-spinner__overlay{height:100%;width:100%;position:absolute;top:0;left:0;background:#ffffffe6;display:flex;justify-content:center;align-items:center}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-control{margin:1rem 0;display:flex}.form-control label,.form-control input,.form-control textarea{display:block}.form-control label{font-weight:700;font-size:small;margin-bottom:.5rem;width:30%}.form-control--info-label{width:45%;font-weight:lighter;font-size:x-small;margin-bottom:.5rem}.form-control input{width:125px;font:inherit;border:1px solid #ccc;background:#f8f8f8;padding:.15rem .25rem}.form-control textarea{width:60%;font:inherit;border:1px solid #ccc;background:#f8f8f8;padding:.15rem .25rem}.form-control input:focus,.form-control textarea:focus{outline:none;background:#ebebeb;border-color:#510077}.form-control--invalid label,.form-control--invalid p{color:red}.form-control--invalid input,.form-control--invalid textarea{border-color:red;background:#ffd1d1}.table-control{margin:1rem 0;display:flex}.table-control input,.table-control textarea{width:90%;font:inherit;border:1px solid #ccc;background:#f8f8f8;padding:.15rem .25rem}.button{font:inherit;padding:.5rem 1.5rem;border:1px solid #ff0055;border-radius:4px;background:#f05;color:#fff;cursor:pointer;margin-right:1rem;text-decoration:none;display:inline-block}.button:focus{outline:none}.button:hover,.button:active{background:#ff4382;border-color:#ff4382}.button--inverse{background:transparent;color:#f05}.button--inverse:hover,.button--inverse:active{color:#fff;background:#f05}.button--danger{background:#830000;border-color:#830000}.button--danger:hover,.button--danger:active{background:#f34343;border-color:#f34343}.button:disabled,.button:hover:disabled,.button:active:disabled{background:#ccc;color:#979797;border-color:#ccc;cursor:not-allowed}.button--small{font-size:.8rem}.button--big{font-size:1.5rem}.modal{z-index:100;position:fixed;top:22vh;left:10%;width:80%;background:#fff;box-shadow:0 2px 8px #00000042;border-radius:8px}.modal__header{width:100%;padding:1rem .5rem;background:#2a006e;color:#fff}.modal__header h2{margin:.5rem}.modal__content,.modal__footer{padding:1rem .5rem}@media(min-width:768px){.modal{left:calc(50% - 20rem);width:40rem}}.modal-enter{transform:translateY(-10rem);opacity:0}.modal-enter-active{transform:translateY(0);opacity:1;transition:all .2s}.modal-exit{transform:translateY(0);opacity:1}.modal-exit-active{transform:translateY(-10rem);opacity:0;transition:all .2s}.server-health-form{list-style:none;margin:0 auto;padding:2rem;width:70%;box-shadow:0 2px 8px #00000042;border-radius:6px;background:#fff}.progression-form{list-style:none;margin:0 auto;padding:2rem;width:70%;max-width:40rem;box-shadow:0 2px 8px #00000042;border-radius:6px;background:#fff}.styled-table{border-collapse:collapse;margin-top:50px;margin-left:auto;margin-right:auto;font-size:.9em;font-family:sans-serif;min-width:400px;max-width:90%;box-shadow:0 0 20px #00000026}.styled-table thead tr{background-color:#009879;color:#fff;text-align:center}.styled-table th,.styled-table td{padding:12px 15px}.styled-table td{max-width:125px}.styled-table tbody tr{border-bottom:1px solid #dddddd}.styled-table tbody tr:last-of-type{border-bottom:2px solid #009879}.styled-table tbody tr.active-row{font-weight:700;color:#009879}.styled-table tbody tr:hover{background-color:#e0f2f1;cursor:pointer}.hero-progression-growth-form{list-style:none;margin:0 auto;padding:2rem;width:40%;height:400px;box-shadow:0 2px 8px #00000042;border-radius:6px;background:#fff}.hero-progression-cap-form{list-style:none;margin:0 auto;padding:2rem;width:30%;height:400px;box-shadow:0 2px 8px #00000042;border-radius:6px;background:#fff}.hero-progression-cost-form{list-style:none;margin:0 auto;padding:2rem;width:30%;height:400px;max-width:40rem;box-shadow:0 2px 8px #00000042;border-radius:6px;background:#fff}.hero-progression-div{width:30%;margin-left:auto;margin-right:auto;margin-bottom:2rem;box-shadow:0 2px 8px #00000042;border-radius:6px;padding:1rem;overflow:hidden;background:#fff}.hero-div-container{display:flex;width:85%;margin-left:auto;margin-right:auto;margin-bottom:2rem;box-shadow:0 2px 8px #00000042;border-radius:6px;justify-content:space-around;align-items:flex-start}.combat-effect-table{list-style:none;border-collapse:collapse;margin-top:50px;margin-left:auto;margin-right:auto;font-size:.9em;font-family:sans-serif;padding:2rem;width:70%;box-shadow:0 2px 8px #00000042;border-radius:6px;background:#fff}.combat-effect-table thead tr{background-color:#009879;color:#fff;text-align:center}.combat-effect-table th,.combat-effect-table td{padding:12px 15px}.combat-effect-table td{max-width:175px}.combat-effect-table tbody tr{border-bottom:1px solid #dddddd}.combat-effect-table tbody tr:last-of-type{border-bottom:2px solid #009879}.combat-effect-table tbody tr.active-row{font-weight:700;color:#009879}.combat-effect-table tbody tr:hover{background-color:#e0f2f1;cursor:pointer}.combat-effect-form{list-style:none;margin:0 auto;padding:2rem;width:75%;max-width:40rem;box-shadow:0 2px 8px #00000042;border-radius:6px;background:#fff}.combat-effect-type-div{width:30%;margin-left:auto;margin-right:auto;margin-bottom:2rem;box-shadow:0 2px 8px #00000042;border-radius:6px;padding:1rem;overflow:hidden;background:#fff}.input-row-container{display:flex;gap:10px;align-items:center;padding:5px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.input-field{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:16px}.input-field:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.textarea{width:60%;font:inherit;border:1px solid #ccc;background:#f8f8f8;padding:.15rem .25rem}.hero-list-table-div{width:75%;margin-left:auto;margin-right:auto;margin-bottom:2rem;box-shadow:0 2px 8px #00000042;border-radius:6px;padding:1rem;overflow:hidden;background:#fff}.hero-list-table{list-style:none;border-collapse:collapse;margin-top:50px;margin-left:auto;margin-right:auto;font-size:.9em;font-family:sans-serif;padding:2rem;width:70%;box-shadow:0 2px 8px #00000042;border-radius:6px;background:#fff}.hero-list-table thead tr{background-color:#009879;color:#fff;text-align:center}.hero-list-table th,.hero-list-table td{padding:12px 15px}.hero-list-table td{max-width:175px}.hero-list-table tbody tr{border-bottom:1px solid #dddddd}.hero-list-table tbody tr:last-of-type{border-bottom:2px solid #009879}.hero-list-table tbody tr.active-row{font-weight:700;color:#009879}.hero-list-table tbody tr:hover{background-color:#e0f2f1;cursor:pointer}._heroInfoUpdateForm_3os6b_1{list-style:none;margin:0 auto;padding:2rem;width:50%;height:375px;max-width:40rem;box-shadow:0 2px 8px #00000042;border-radius:6px;background:#fff}._shard-info-table-div_3os6b_13{width:30%;margin-left:auto;margin-right:auto;margin-bottom:2rem;box-shadow:0 2px 8px #00000042;border-radius:6px;padding:1rem;overflow:hidden;background:#fff}._shard-info-table_3os6b_13{list-style:none;border-collapse:collapse;margin-top:0;margin-left:auto;margin-right:auto;font-size:.8em;font-family:sans-serif;padding:2rem;width:90%;box-shadow:0 2px 8px #00000042;border-radius:6px;background:#fff}._shard-info-table_3os6b_13 thead tr{background-color:#009879;color:#fff;text-align:center}._shard-info-table_3os6b_13 th,._shard-info-table_3os6b_13 td{padding:1px}._shard-info-table_3os6b_13 td{max-width:175px;text-align:center}._shard-info-table_3os6b_13 tbody tr{border-bottom:1px solid #dddddd}._shard-info-table_3os6b_13 tbody tr:last-of-type{border-bottom:2px solid #009879}._shard-info-table_3os6b_13 tbody tr._active-row_3os6b_66{font-weight:700;color:#009879}._shard-info-table_3os6b_13 tbody tr:hover{background-color:#e0f2f1;cursor:pointer}.hero-attribute-div-container{display:flex;width:70%;margin-left:auto;margin-right:auto;margin-bottom:2rem;font-size:.8em;font-family:sans-serif;box-shadow:0 2px 8px #00000042;border-radius:6px;justify-content:center;align-items:flex-start;background-color:#fff}.hero-attribute-update-form{list-style:none;margin:0 auto;padding:2rem;width:50%;max-width:40rem;box-shadow:0 2px 8px #00000042;border-radius:6px;background:#fff}.hero-attribute-update-div{width:20%;margin-left:auto;margin-right:auto;margin-bottom:2rem;box-shadow:0 2px 8px #00000042;border-radius:6px;padding:1rem;overflow:hidden;background:#fff}.hero-attribute-info-table-div{margin-left:auto;margin-right:auto;margin-bottom:2rem;box-shadow:0 2px 8px #00000042;border-radius:6px;padding:1rem;overflow:hidden;background:#fff}.hero-attribute-info-table{list-style:none;border-collapse:collapse;margin-top:0;margin-left:auto;margin-right:auto;font-size:.8em;font-family:sans-serif;padding:2rem;width:90%;box-shadow:0 2px 8px #00000042;border-radius:6px;background:#fff}.hero-attribute-info-table thead tr{background-color:#009879;color:#fff;text-align:center}.hero-attribute-info-table th,.hero-attribute-info-table td{padding:1px}.hero-attribute-info-table td{max-width:175px;text-align:center}.hero-attribute-info-table tbody tr{border-bottom:1px solid #dddddd}.hero-attribute-info-table tbody tr:last-of-type{border-bottom:2px solid #009879}.hero-attribute-info-table tbody tr.active-row{font-weight:700;color:#009879}.hero-attribute-info-table tbody tr:hover{background-color:#e0f2f1;cursor:pointer}.hero-stats-div-container{display:flex;width:70%;margin-left:auto;margin-right:auto;margin-bottom:2rem;font-size:.8em;font-family:sans-serif;box-shadow:0 2px 8px #00000042;border-radius:6px;justify-content:center;align-items:flex-start;background-color:#fff}.hero-stats-update-form{list-style:none;margin:0 auto;padding:2rem;width:50%;max-width:40rem;box-shadow:0 2px 8px #00000042;border-radius:6px;background:#fff}.hero-stats-update-div{width:20%;margin-left:auto;margin-right:auto;margin-bottom:2rem;box-shadow:0 2px 8px #00000042;border-radius:6px;padding:1rem;overflow:hidden;background:#fff}.hero-stats-update-label{font-weight:700;font-size:small;margin-bottom:.5rem;width:30%}.ability-list-table-div{width:90%;margin-left:auto;margin-right:auto;margin-bottom:2rem;box-shadow:0 2px 8px #00000042;border-radius:6px;padding:1rem;overflow:hidden;background:#fff}.ability-list-table{list-style:none;border-collapse:collapse;margin-top:50px;margin-left:auto;margin-right:auto;font-size:.9em;font-family:sans-serif;padding:2rem;width:90%;box-shadow:0 2px 8px #00000042;border-radius:6px;background:#fff}.ability-list-table thead tr{background-color:#009879;color:#fff;text-align:center}.ability-list-table th,.ability-list-table td{padding:12px 15px}.ability-list-table td{max-width:175px}.ability-list-table tbody tr{border-bottom:1px solid #dddddd}.ability-list-table tbody tr:last-of-type{border-bottom:2px solid #009879}.ability-list-table tbody tr.active-row{font-weight:700;color:#009879}.ability-list-table tbody tr:hover{background-color:#e0f2f1;cursor:pointer}.hero-update-form{list-style:none;margin:0 auto;padding:2rem;width:75%;max-width:40rem;box-shadow:0 2px 8px #00000042;border-radius:6px;background:#fff}.hero-update-div{display:block;width:100%;margin-left:auto;margin-right:auto;margin-bottom:2rem;box-shadow:0 2px 8px #00000042;border-radius:6px;padding:1rem;overflow:hidden;background:#fff}._imageUpload_1tlh0_1{width:150px;height:150px;border:2px solid #333;border-radius:10px;margin:10px}._heroImageForm_1ylfp_1{list-style:none;margin:0 auto;padding:2rem;width:50%;height:350px;box-shadow:0 2px 8px #00000042;border-radius:6px;background:#fff}._heroImageDiv_1ylfp_12{display:flex;width:100%;margin-left:auto;margin-right:auto;margin-bottom:2rem;box-shadow:0 2px 8px #00000042;border-radius:6px;padding:1rem;overflow:hidden;background:#fff}._heroImage_1ylfp_1{width:150px;height:150px;border:2px solid #333;border-radius:10px;margin:10px}.hero-ability-update-form{list-style:none;margin:0 auto;padding:2rem;width:75%;max-width:40rem;box-shadow:0 2px 8px #00000042;border-radius:6px;background:#fff}.hero-ability-update-div{width:30%;margin-left:auto;margin-right:auto;margin-bottom:2rem;box-shadow:0 2px 8px #00000042;border-radius:6px;padding:1rem;overflow:hidden;background:#fff}