::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-main)}::-webkit-scrollbar-thumb{background:var(--color-main-accent)}@supports (scrollbar-color:red blue){*{scrollbar-color:var(--color-main) var(--color-main-accent);scrollbar-width:thin}}*{box-sizing:border-box;list-style-type:none;margin:0;padding:0;text-decoration:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#222;background:url(/mythic-companion/static/media/BG3.c634a2c677e4ed12dc3f.png) no-repeat 50% fixed;background-size:cover;color:#fff;font-family:Roboto,sans-serif;min-height:100vh;overflow-x:hidden;width:100%}body.modal-open{overflow-y:hidden}button,input,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{margin:0}a:visited{color:inherit}#root{overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-main:#222;--color-main-dark:hsla(0,0%,7%,.75);--color-main-dark-transparent:hsla(0,0%,7%,.5);--color-main-medium:#444;--color-main-light:#555;--color-main-accent:#777;--color-success:#28a745;--color-danger:#dc3545;--color-warning:#ffc107;--color-info:#17a2b8;--header-height:5rem;--footer-height:10rem;--team-builder-padding:5%;--text-color-main:#e4e4e4}header{background-color:hsla(0,0%,7%,.75);background-color:var(--color-main-dark);min-height:5rem;min-height:var(--header-height);width:100%}.topbar{align-items:center;display:flex;height:5rem;height:var(--header-height);justify-content:space-between;padding:0 16px}.logo{display:block;padding:0 .75rem;width:7rem}.navbar{display:none}.navbar>a,.topbar>a{color:#fff;position:relative;text-align:center;text-decoration:none}.page-button{transition:font-weight .2s linear,-webkit-filter .2s linear;transition:font-weight .2s linear,filter .2s linear;transition:font-weight .2s linear,filter .2s linear,-webkit-filter .2s linear}.page-button:hover{-webkit-filter:drop-shadow(0 0 2px #7b9efd) drop-shadow(0 0 5px #7b9efd);filter:drop-shadow(0 0 2px rgb(123,158,253)) drop-shadow(0 0 5px rgb(123,158,253));font-weight:600}.support-server{align-content:center;align-items:center;display:flex;justify-content:space-between;justify-items:center}.nav-drawer>.support-server{padding:.4em 1em 0}.nav-drawer>.support-server>.discord-support-server-icon{padding:10px;width:1.3em}.navbar>a:last-child{display:flex}.navbar>a:last-child>.join{background-color:#5865f2;border-radius:8px 0 0 8px;height:calc(1.8em + 24px);opacity:0;position:relative;text-align:end;width:1px}.navbar>a:last-child>.join>p{line-height:64px;opacity:0;transition:width .25s linear;visibility:hidden}.navbar>a:last-child:hover>.join{display:block;opacity:1;-webkit-transform-origin:right center;transform-origin:right center;transition:width .25s linear;width:160px}.navbar>a:last-child:hover>.join>p{opacity:1;transition:opacity .25s linear,visibility .25s linear;transition-delay:.25s;visibility:visible}.discord-support-server-icon{background-color:#5865f2;border-radius:8px;box-sizing:content-box;padding:12px;position:relative;width:1.8em}.navbar>a:last-child:hover>.discord-support-server-icon{border-radius:0 8px 8px 0}.hamburger-menu{height:2.5rem;height:calc(var(--header-height)/2);margin-right:1rem;padding:8px 0 0 8px;width:2.5rem;width:calc(var(--header-height)/2)}.bar-1,.bar-2,.bar-3{background-color:#fff;height:10%;transition:.4s;width:80%}.bar-1,.bar-2{margin-bottom:20%}.hamburger-menu.active .bar-1{-webkit-transform:rotate(45deg) translate(5px,-5px);transform:rotate(45deg) translate(5px,-5px);-webkit-transform-origin:top left;transform-origin:top left}.hamburger-menu.active .bar-2{opacity:0}.hamburger-menu.active .bar-3{-webkit-transform:rotate(-45deg) translate(5px,3px);transform:rotate(-45deg) translate(5px,3px);-webkit-transform-origin:bottom left;transform-origin:bottom left}.nav-drawer{background-color:hsla(0,0%,7%,.5);background-color:var(--color-main-dark-transparent);max-height:0;overflow:hidden;transition:max-height .5s linear;width:100%}.nav-drawer.active{max-height:500px;overflow:hidden;transition:max-height 1s linear}.nav-drawer>a{border-top:1px solid #363630;color:#fff;display:flex;font-size:1.25rem;margin-bottom:.5rem;padding-left:1em;padding-top:.4em}footer{align-items:center;background-color:hsla(0,0%,7%,.75);background-color:var(--color-main-dark);display:flex;flex-direction:column;height:10rem;height:var(--footer-height);justify-content:center;padding:2rem;width:100%}footer .disclaimer{margin-bottom:1rem}.error-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 15rem);min-height:calc(100vh - var(--header-height) - var(--footer-height));position:relative;width:100%}.error-page-img{max-width:500px;width:100%}input.copy-url{display:none}.loading-screen{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 15rem);min-height:calc(100vh - var(--header-height) - var(--footer-height));position:relative}.ring{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background:transparent;border-radius:50%;box-shadow:0 4px 0 #fff;height:300px;width:300px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-text{background:transparent;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.2);color:#fff;font-size:2rem;height:300px;left:50%;line-height:300px;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px}@media screen and (max-width:619px){.topbar{background-color:hsla(0,0%,7%,.75);background-color:var(--color-main-dark)}}@media screen and (min-width:620px){.nav-drawer>a{font-size:1.35rem;margin-bottom:.75rem}.topbar{background-color:hsla(0,0%,7%,.75);background-color:var(--color-main-dark)}}@media screen and (min-width:810px){body{background:url(/mythic-companion/static/media/BG2.dd38ed2faf3d85da83ac.png) no-repeat 50% fixed;background-size:cover}.hamburger-menu{display:none}.navbar{align-items:center;display:flex;font-size:1.25rem;gap:20px}header{background-color:#101010;min-height:5rem;min-height:var(--header-height);width:100%}}@media screen and (min-width:1080px){.logo{width:9rem}.navbar{font-size:24px}.navbar>a:last-child:hover>.join{width:186px}.navbar>a:last-child:hover>.join>p{line-height:70px}}@media screen and (min-width:1200px){body{background:url(/mythic-companion/static/media/BG1.134935d0407b7ffc1609.png) no-repeat 50% fixed;background-size:cover}.navbar{font-size:1.5rem;gap:32px}}
/*# sourceMappingURL=main.3c309c32.css.map*/