@import "https://fonts.googleapis.com/css2?family=Roboto+Flex:wght@300";
@import "https://fonts.googleapis.com/css2?family=Teko:wght@300";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{max-width:100vw}body{color:var(--lightningcss-light,#171717)var(--lightningcss-dark,#ededed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1f1f1f);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.form-container{border:2px solid #adadad;border-radius:10px;flex-direction:column;align-items:center;width:350px;margin-top:40px;padding:20px 30px;display:flex}.form-title{color:var(--lightningcss-light,#252525)var(--lightningcss-dark,#ededed);padding-bottom:30px;font-size:1.5rem;font-weight:400}.form-label{color:var(--lightningcss-light,#252525)var(--lightningcss-dark,#ededed);font-size:.9rem;font-weight:700}.form-field{color:var(--lightningcss-light,#666)var(--lightningcss-dark,#ededed);border:1px solid #bebebe;border-radius:5px;width:100%;margin:7px 0 15px;padding:10px;font-size:.82rem;font-weight:700}.header{border-bottom:1px solid #dadada;justify-content:center;display:flex}.header-content{justify-content:center;align-items:center;width:100%;max-width:1450px;padding:8px 15px;display:flex}.left-header{justify-content:flex-start;align-items:center;display:flex}.button-default,.button-link-default>a{color:#eee;cursor:pointer;text-align:center;background:var(--lightningcss-light,#131313)var(--lightningcss-dark,#474747);border:none;border-radius:5px;padding:10px 15px;font-size:.82rem;font-weight:700}.logo-image{margin-right:10px}.sitename{color:var(--lightningcss-light,#171717)var(--lightningcss-dark,#ededed);padding-top:5px;font-family:Teko;font-size:2.5rem}.header-links,.loginbutton{display:none}.menu-icon{flex:1;margin-right:auto;padding:0}.right{flex:1}.header-links>a,.link-default{color:#578fe4}.main-content{width:100%}.page-title{padding-top:20px;font-family:Roboto Flex,sans-serif;font-size:2rem;font-weight:400}.guides-container{margin-top:30px}.topic-container{margin-bottom:30px;padding:20px;box-shadow:0 10px 20px var(--lightningcss-light,#00000030)var(--lightningcss-dark,#ffffff30),0 -2px 6px var(--lightningcss-light,#00000030)var(--lightningcss-dark,#ffffff30),0 6px 6px var(--lightningcss-light,#0000003b)var(--lightningcss-dark,#ffffff3b)}.topic-title{align-items:center;gap:12px;padding-bottom:10px;font-size:2rem;display:flex}.subtopic-container{margin-top:10px;padding:20px 20px 30px;box-shadow:0 6px 12px -2px var(--lightningcss-light,#32325d40)var(--lightningcss-dark,#cdcda240),0 -2px 7px -3px var(--lightningcss-light,#0000004d)var(--lightningcss-dark,#ffffff4d),0 3px 7px -3px var(--lightningcss-light,#0000004d)var(--lightningcss-dark,#ffffff4d)}.subtopic-title{color:var(--lightningcss-light,#474747)var(--lightningcss-dark,#aaa);align-items:center;gap:12px;font-size:1.8rem;display:flex}.category-icon{border:1px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#666);width:45px;height:45px}.guide-links{flex-wrap:wrap;justify-content:flex-start;gap:10px;padding-top:20px;display:flex}.guide-links>a{color:#09f}.link-divider{color:#949494;display:none}.logo-free{width:10px;height:15px;margin-left:-5px}.logo-legend{margin:30px 0 -17px 10px;font-size:.8rem}.rarity-level-label{color:#f9f9f9;border:2px solid var(--lightningcss-light,#171717)var(--lightningcss-dark,#444);border-radius:5px;width:1.9rem;height:1.75rem;padding:3px 8px;font-size:1rem;font-weight:700}.level1{background-color:#009b1a}.level2{background-color:#0084ff}.level3{background-color:#a200ff}.level4{background-color:#ff7b00}.level5{background-color:#f00000}.page-container{flex-direction:column;width:100%;max-width:1400px;margin:auto;padding:0;display:flex}.page-container-center{justify-content:center;display:flex}.page-left{flex:1;padding:0}.page-right{flex:5;margin:0 10px;padding:0 20px}.other-controls{border-bottom:1px solid #dadada;justify-content:center;align-items:center;margin-top:10px;padding-bottom:15px;display:flex}.other-control{margin-bottom:0;display:flex}.other-control-label{color:var(--lightningcss-light,#474747)var(--lightningcss-dark,#ededed);margin-left:5px;margin-right:10px;font-size:.9rem}.desktop-label{display:none}.mobile-label{display:inline}.passfail-control{align-items:center;margin:0 10px 0 0;display:flex}.passfail-control-label{color:var(--lightningcss-light,#474747)var(--lightningcss-dark,#ededed);margin-right:5px;font-size:.9rem}.reset-default-control{color:var(--lightningcss-light,#696969)var(--lightningcss-dark,#ededed);cursor:pointer;align-items:center;margin-top:0;font-size:.9rem;font-weight:700;display:flex}.material-symbols-outlined.reset-button{padding-top:15px;padding-left:0;font-size:1.1rem}.hidden{visibility:hidden}.displaynone{display:none}.loading-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:scale(1)rotate(0)}to{transform:scale(1)rotate(360deg)}}button:disabled,button[disabled]{background-color:#666}.upgrade-user-icon{align-items:center;gap:20px;display:flex}.custom-dropdown{width:100px;position:relative}.dropdown-toggle{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.dropdown-menu{z-index:1000;background-color:#fff;border:1px solid #ccc;border-radius:4px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 6px #0000001a}.dropdown-item{cursor:pointer;color:var(--lightningcss-light,#171717)var(--lightningcss-dark,#171717);padding:10px;font-size:.9rem}.dropdown-item:hover{background-color:#f4f4f4}.custom-sidenav{width:100px;position:relative}.sidenav-toggle{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.sidenav{z-index:1000;background-color:var(--lightningcss-light,#f0f0f0)var(--lightningcss-dark,#252525);width:160px;padding:0 10px;position:fixed;inset:73px 0 0}.sidenav.active{left:0}.sidenav>ul{padding:0}.sidenav>ul li{margin:10px 0;list-style-type:none}.sidenav>ul li a{border-radius:6px;padding:10px 15px;display:block}.sidenav>ul li a:hover,.sidenav>ul li a:active{background-color:var(--lightningcss-light,#f9f9f9)var(--lightningcss-dark,#383838)}.sidebar-buttons{flex-direction:column;gap:10px;margin:15px 10px;display:flex}.verify-success-page-container{align-items:center;gap:5px;width:100%;max-width:800px;margin:60px auto auto;padding:0 30px;display:flex}.categoryPageContainer{width:100%;max-width:800px;margin:auto;padding:0 20px}.category-page-title{align-items:center;gap:12px;margin-top:30px;margin-bottom:30px;font-size:1.6rem;display:flex}.category-page-icon{border:1px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#666);width:45px;height:45px}.category-page-links{flex-direction:column;gap:10px;display:flex}.category-page-links>a{color:#09f}.email-address>span:nth-child(2){display:none}@media (min-width:830px){.page-title{padding-top:30px;font-family:Roboto Flex,sans-serif;font-size:2.3rem;font-weight:400}.header-content{justify-content:space-between;align-items:center;width:100%;max-width:1450px;padding:8px 25px;display:flex}.header-links{justify-content:space-around;gap:20px;padding-left:30px;display:flex}.loginbutton{display:block}.menu-icon,.right,.sidenav{display:none}.page-container{flex-direction:row;width:100%;max-width:1400px;margin:auto;padding:0 15px;display:flex}.link-divider{color:#949494;display:inline}.other-controls{border-bottom:0;margin-top:35px;padding:0;display:block}.other-control{margin-bottom:7px;display:flex}.other-control-label{color:var(--lightningcss-light,#474747)var(--lightningcss-dark,#ededed);margin-left:10px;margin-right:0;font-size:.9rem}.reset-default-control{color:var(--lightningcss-light,#696969)var(--lightningcss-dark,#ededed);cursor:pointer;margin-top:35px;font-size:.9rem;font-weight:700;display:flex}.desktop-label{display:inline}.mobile-label{display:none}.page-left{flex:1;padding:0 20px 0 15px}.page-right{flex:5;margin-bottom:10px}.passfail-control{margin:28px 0 0;display:flex}.category-page-title{align-items:center;gap:12px;margin-top:30px;margin-bottom:30px;font-size:2rem;display:flex}.category-page-icon{border:1px solid var(--lightningcss-light,#000)var(--lightningcss-dark,#666);width:60px;height:60px}.verify-success-page-container{align-items:center;gap:5px;width:100%;max-width:800px;margin:60px auto auto;padding:0;display:flex}}