.login-button[data-v-083b6b42]{display:flex;align-items:center;gap:10px}.battletag[data-v-083b6b42]{color:#e2b84b;font-size:.9rem}.btn[data-v-083b6b42]{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:4px;font-size:.85rem;cursor:pointer;text-decoration:none;border:none;font-family:inherit}.btn-login[data-v-083b6b42]{background:#0074e0;color:#fff}.btn-login[data-v-083b6b42]:hover{background:#005bb5}.btn-login .bnet-icon[data-v-083b6b42]{width:16px;height:16px;object-fit:contain}.btn-logout[data-v-083b6b42]{background:transparent;color:#888;border:1px solid #333}.btn-logout[data-v-083b6b42]:hover{color:#e2b84b;border-color:#e2b84b}body{margin:0;padding:0;color:#fff;overflow-y:scroll}#app{margin:0;padding:0;background-color:#080808;display:flex;flex:1;flex-direction:column;align-items:stretch;justify-content:center;font-family:Arial,Helvetica,sans-serif}.main-wrapper{max-width:80rem;width:100%;margin:0 auto;background-color:#0d0d0d;display:flex;flex:1;flex-direction:row;border-left:1px solid rgba(255,255,255,.03);border-right:1px solid rgba(255,255,255,.03)}@media screen and (max-width: 900px){.main-wrapper{max-width:unset;flex-direction:column}}.main-wrapper .sidebar{padding:0;width:20rem;min-width:20rem;border-right:1px solid rgba(255,255,255,.04);align-self:flex-start;position:sticky;top:0;height:100vh;overflow-y:hidden}@media screen and (max-width: 900px){.main-wrapper .sidebar{width:100%;min-width:unset;position:static;height:unset;overflow-y:unset;border-right:none;border-top:1px solid rgba(255,255,255,.04);order:3}}.main-wrapper .component-wrapper{display:flex;flex:1;flex-direction:column;background-color:#0a0a0a;padding-left:2rem;padding-right:2rem;padding-top:1.5rem}@media screen and (max-width: 900px){.main-wrapper .component-wrapper{order:1}}.top-nav{position:fixed;top:16px;right:20px;z-index:100}.auth-error{position:fixed;top:60px;right:20px;background:rgba(180,30,30,.9);color:#fff;padding:8px 16px;border-radius:4px;font-size:.85rem;z-index:100}