main{display:flex;margin:0 auto;max-width:var(--max-width-content);height:calc(100% - var(--height-header))}#panel-character{flex-grow:2;border-left:var(--borders);background:#151515;padding:10px;min-width:240px;max-width:280px;height:100%}@media (max-width: 599px){#panel-character{display:none}}#panels-container{flex-grow:3;border-right:var(--borders);border-left:var(--borders);height:100%;overflow-y:hidden}.panel{display:none;padding:15px;height:100%;overflow-x:hidden;overflow-y:auto}.panel.active{display:block}@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;--height-header: 50px;--color-primary-bg: #1b1b1b;--color-primary-text: #d4d4d4;--thickness-borders: 1px;--color-borders: #505050;--borders: var(--thickness-borders) solid var(--color-borders);--color-highlight: #ffffff;--color-pyro: #ff6640;--color-hydro: #00c0ff;--color-electro: #cc80ff;--color-cryo: #80ffff;--color-anemo: #32d7a0;--color-geo: #ffac00;--color-dendro: #90cc00;box-sizing:border-box;background-color:var(--color-primary-bg);color:var(--color-primary-text);font-family:Genshin,sans-serif}body{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);font-weight:700}.text-hydro{color:var(--color-hydro);font-weight:700}.text-cryo{color:var(--color-cryo);font-weight:700}.text-electro{color:var(--color-electro);font-weight:700}.text-geo{color:var(--color-geo);font-weight:700}.text-dendro{color:var(--color-dendro);font-weight:700}.text-anemo{color:var(--color-anemo);font-weight:700}.text-highlight,.text-highlight-weapon{color:var(--color-highlight);font-weight:700;text-decoration:underline}header{--color-header-bg: #111111;--color-header-button-hover: #266b54;border-bottom:var(--borders);background:var(--color-header-bg);height:var(--height-header)}#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:8px;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;border-right:var(--borders);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-grow: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: 799px){.tab-label{display:none}}.tab-icon{padding:4px;overflow:hidden;fill:var(--color-primary-text);height:100%}.tab.active>.tab-icon{fill:var(--color-tab-active)}