main{display:flex;flex:1;margin:0 auto;border-right:var(--borders);border-bottom:var(--borders);border-left:var(--borders);width:100%;max-width:var(--max-width-content);min-height:0}#panels-container{flex:1;border-right:var(--borders);border-left:var(--borders);height:100%;overflow-y:hidden}.panel{display:none;box-sizing:border-box;padding:15px;height:100%;overflow-x:hidden;overflow-y:auto}.panel.active{display:block}#panel-character{min-width:280px;height:100%}@media(max-width:649px){#panel-character{display:none}}@font-face{font-style:normal;font-weight:400 900;src:url(/assets/orbitron-Du7j2Vp2.woff2) format("woff2");font-family:Orbitron;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-style:normal;font-weight:400;src:url(/assets/genshin-ceFWrbkW.woff2) format("woff2");font-family:Genshin;font-display:swap}*{box-sizing:inherit}:root{--max-width-content: 1200px;--color-primary-bg: #1b1b1b;--color-primary-text: #d4d4d4;--thickness-borders: 1px;--color-borders: #505050;--borders: var(--thickness-borders) solid var(--color-borders);--color-highlight: #ffd780ff;--color-pyro: #ff6640;--color-hydro: #00c0ff;--color-electro: #cc80ff;--color-cryo: #80ffff;--color-anemo: #32d7a0;--color-geo: #ffac00;--color-dendro: #90cc00;--color-5-star: #bf8134;--color-4-star: #9b78be;--color-3-star: #5e95b6;--color-2-star: #5b9d7f;--color-1-star: #86888c;box-sizing:border-box;background:var(--color-primary-bg);color:var(--color-primary-text);font-family:Genshin,sans-serif}body{display:flex;flex-direction:column;margin:0;min-width:300px;height:100dvh}img{max-width:100%;max-height:100%}svg{max-width:100%;max-height:100%}a{color:inherit;font-weight:inherit;font-family:inherit;text-decoration:inherit}button{cursor:pointer;border:none;background:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;font-family:inherit}.text-pyro{color:var(--color-pyro)}.text-hydro{color:var(--color-hydro)}.text-cryo{color:var(--color-cryo)}.text-electro{color:var(--color-electro)}.text-geo{color:var(--color-geo)}.text-dendro{color:var(--color-dendro)}.text-anemo{color:var(--color-anemo)}.text-highlight,.text-highlight-weapon{color:var(--color-highlight)}header{--color-header-bg: #111111;--color-header-button-hover: #266b54;border-bottom:var(--borders);background:var(--color-header-bg);height:50px}#navbar{display:flex;flex-direction:row;margin:0 auto;max-width:var(--max-width-content);height:100%}#logo-container{display:flex;flex-direction:row;align-items:center;height:100%}#logo-container:hover{background:var(--color-header-button-hover)}#logo-label{display:flex;flex-direction:row;align-items:center;padding:0 5px;height:100%;font-weight:500;font-size:1.3rem;font-family:Orbitron,sans-serif}#nav-buttons-container{display:flex;flex-shrink:0;flex-direction:row;margin-left:auto;height:100%}.nav-button{padding:6px;height:100%}.nav-button:hover{background:var(--color-header-button-hover)}.nav-button-icon{fill:var(--color-primary-text);height:100%}#tabs-container{display:flex;flex-shrink:0;flex-direction:column;height:100%;overflow-y:auto}.tab{--color-tab-hover: #434343;--color-tab-active: #1eecff;display:flex;flex-shrink:0;flex-direction:row;align-items:center;border-right:3px solid transparent;height:50px}.tab:hover{background:var(--color-tab-hover)}.tab.active{border-right-color:var(--color-tab-active);background:var(--color-tab-hover);color:var(--color-tab-active)}#tab-inventory{flex-shrink:0;margin-top:auto}.tab-label{display:flex;flex:1;flex-direction:row;align-items:center;padding:0 10px 0 5px;height:100%;font-weight:500;font-size:1.5rem;font-family:Orbitron,sans-serif}@media(max-width:849px){.tab-label{display:none}}.tab-icon{fill:var(--color-primary-text);padding:4px;height:100%;overflow:hidden}.tab.active>.tab-icon{fill:var(--color-tab-active)}