:root{--color-anemo:#33ccb3;--color-geo:#cfa726;--color-electro:#d376f0;--color-dendro:#7bb42d;--color-hydro:#1c72fd;--color-pyro:#e2311d;--color-cryo:#98c8e8;--img-anemo:"/img/element/anemo.png";--img-geo:"/img/element/anemo.png";--img-electro:"/img/element/electro.png";--img-dendro:"/img/element/dendro.png";--img-hydro:"/img/element/hydro.png";--img-pyro:"/img/element/pyro.png";--img-cryo:"/img/element/cryo.png";--rare1:radial-gradient(circle,#828c97 0%,#5b616d 100%);--rare2:radial-gradient(circle,#66957b 0%,#497369 100%);--rare3:radial-gradient(circle,#5c9db3 0%,#506888 100%);--rare4:radial-gradient(circle,#b38bc7 0%,#9171ad 100%);--rare5:radial-gradient(circle,#d7a35b 0%,#a9774f 100%);--footer-height:60px}.label-anemo label,.text-anemo{color:var(--color-anemo)}.bg-anemo,.label-anemo .constellation{background-color:var(--color-anemo)}.label-geo label,.text-geo{color:var(--color-geo)}.bg-geo,.label-geo .constellation{background-color:var(--color-geo)}.label-electro label,.text-electro{color:var(--color-electro)}.bg-electro,.label-electro .constellation{background-color:var(--color-electro)}.label-dendro label,.text-dendro{color:var(--color-dendro)}.bg-dendro,.label-dendro .constellation{background-color:var(--color-dendro)}.label-hydro label,.text-hydro{color:var(--color-hydro)}.bg-hydro,.label-hydro .constellation{background-color:var(--color-hydro)}.label-pyro label,.text-pyro{color:var(--color-pyro)}.bg-pyro,.label-pyro .constellation{background-color:var(--color-pyro)}.label-cryo label,.text-cryo{color:var(--color-cryo)}.bg-cryo,.label-cryo .constellation{background-color:var(--color-cryo)}.bg-rare5{background:var(--rare5)}.bg-rare4{background:var(--rare4)}.bg-rare3{background:var(--rare3)}.bg-rare2{background:var(--rare2)}.bg-rare1{background:var(--rare1)}.rare5{color:#d7a35b}.rare4{color:#b38bc7}.rare3{color:#5c9db3}.rare2{color:#66957b}.rare1{color:#828c97}.filter{display:flex;padding:8px}.filter .col-lg-3,.filter .col-lg-4{display:flex;justify-content:space-evenly}.filter #weapons{justify-content:center}@media (min-width:960px){.filter .col-lg-3+.col-lg-3,.filter .col-lg-4+.col-lg-4{border-left:1px solid #343a40}}@media (max-width:960px){.filter #elements{justify-content:center}.filter #elements img+img{margin-left:4px}}.filter .stars{align-items:center;justify-content:center}.filter .stars span.active{font-size:20px}.filter .choices span,.filter .stars span{cursor:pointer;display:inline-flex;margin:4px;opacity:.65}.filter .choices span.active,.filter .stars span.active{opacity:1}.filter img{max-height:40px;max-width:40px;opacity:.65}.filter img.active{opacity:1}.form-control,.form-select,.input-group-text{--bs-border-opacity:1;--bs-bg-opacity:1;--bs-text-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.form-control,.form-select{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.form-control[readonly],.form-select[readonly]{background-color:inherit!important}h2{align-items:center;display:flex}h2 img{margin-right:.5rem;max-height:2rem}img.gazette{height:24px;width:24px}.character{align-items:center;box-shadow:0 3px 6px rgba(0,0,0,.23),0 3px 6px rgba(0,0,0,.16);display:flex;flex-direction:column;justify-content:center;margin:8px;padding-top:8px;position:relative;transition:box-shadow .3s;width:calc(50% - 16px)}@media (min-width:540px){.character{width:calc(25% - 16px)}}@media (min-width:960px){.character{width:calc(14.28571% - 16px)}}.character .image{border-radius:4px;height:80px;width:80px}.character img.type,.character img.weaponType{height:24px;position:absolute;top:8px;width:24px}.character img.hoyowiki{height:24px;width:24px}.character img.type{left:8px}.character img.weaponType{right:8px}.character h3{font-size:14px;line-height:1.5em;margin-bottom:.25rem;margin-top:.25rem;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:color .3s;width:100%}.hide-element,.hide-weapon{display:none}.artifact,.build,.team,.weapon{box-shadow:0 3px 6px rgba(0,0,0,.23),0 3px 6px rgba(0,0,0,.16);margin:8px 0;padding:8px;transition:box-shadow .3s}.artifact h3,.build h3,.team h3,.weapon h3{align-items:center;display:flex;font-size:16px;line-height:1.5em;margin:0;padding-bottom:4px;transition:color .3s;width:100%}.artifact h4,.build h4,.team h4,.weapon h4{font-size:14px;margin:0}.artifact h3 img,.build h3 img,.team h3 img,.weapon h3 img{width:24px}.artifact .image,.build .image,.team .image,.weapon .image{border-radius:4px;height:80px;margin-right:16px;width:80px}.artifact p,.build p,.team p,.weapon p{display:flex;font-size:14px;line-height:1.5em;margin:0;transition:color .3s;width:100%}.artifact p .badge,.build p .badge,.team p .badge,.weapon p .badge{margin-right:8px}.artifact p+p,.build p+p,.team p+p,.weapon p+p{padding-top:4px}.artifact .markdown p,.build .markdown p,.team .markdown p,.weapon .markdown p{display:block;padding-top:4px}.team h3{width:auto}.team img.element,.team img.weaponType{height:24px;width:24px}.team img.characterImage{border-radius:4px;height:80px;width:80px}.artifact-set{align-items:flex-start;display:flex;margin-bottom:6px;margin-top:4px}.artifact-set h4,.artifact-set p{font-size:14px;margin:0}.artifact-set img{border-radius:14px;height:40px;margin-right:6px}.artifact-set p{display:flex}.artifact-set p .badge{margin-right:.25rem}.artifact-set p+p{padding-top:4px}.build{display:flex;font-size:14px}.build .character{border-right:1px solid #343a40;box-shadow:none;justify-content:flex-start;margin:0 8px 0 0;min-width:145px;padding:0;width:auto!important}.build h3{display:block}.build img{top:0!important}.build img.image{margin-right:0}.build hr{margin:10px 0}.build .stats>div{align-items:center;margin-top:4px}.build .stats>div .badge{align-items:center;align-self:stretch;display:inline-flex;justify-content:center;margin-right:8px}.build .stats .d-flex .react-select-container{flex:1;min-width:inherit!important}.build .badge img{height:24px}@media (max-width:960px){.build{flex-direction:column;justify-content:center}.build .character{border:0;border-bottom:1px solid #343a40;flex-grow:1;margin:0 0 8px;padding-bottom:8px}.build .col-lg-1{margin-top:.5rem!important}}.weapon .stats span+span{padding-left:8px}.footer{border:0!important;font-size:.8rem;padding:0;width:100%}.footer,.footer .container{height:var(--footer-height)}.footer .container{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}.footer .container p{margin:0;text-align:center}main{margin-bottom:16px;min-height:calc(100vh - 16px - var(--footer-height))}main.container{padding:60px 15px 0!important}.nav-item.nav-divider{border:.5px solid #fff;margin:8px 0}li.language .nav-link{opacity:.65}li.language .nav-link.active{opacity:1}.nav-link{align-items:center;display:flex}.nav-link img{margin-right:.25rem;max-height:var(--bs-body-font-size)}.navbar-collapse .navbar-nav.languages{flex-direction:row}.dropdown-item img{margin-right:.25rem;max-height:var(--bs-dropdown-font-size)}.nav-item.language a:not(.active){cursor:pointer}.navbar.navbar-dark{background-color:#343a40!important}.cursor-pointer{cursor:pointer}.dropdown-item{align-items:center;display:flex}.react-select-container:not(.no-width){min-width:250px}.filter .col-lg-2 .react-select-container{min-width:inherit}.react-select__control,.react-select__menu{--bs-border-opacity:1;--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.react-select__control,.react-select__menu,.react-select__option,.react-select__single-value{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}@-moz-document url-prefix(){.react-select__single-value{height:72px;white-space:normal!important}}.react-select__option.react-select__option--is-focused:not(.react-select__option--is-selected){--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.flex-break{flex-basis:100%;height:0}.input-group .btn{z-index:inherit!important}.calcul-artifact{font-size:16px!important;justify-content:center;margin-bottom:.5rem!important}.text-right{text-align:right}.markdown p em{color:#3299cc;font-style:inherit;font-weight:700}.tooltip-inner .markdown p{margin-bottom:0}.home a.btn:hover{transform:scale(1.05)}.home div.cover{background-repeat:no-repeat;background-size:cover;height:100%;opacity:.3;width:100%;z-index:-1}.home div.cover,.tooltip{left:0;position:absolute;top:0}img.resource{margin-top:.25rem;max-height:28px;max-width:28px}img.farm{border-radius:4px;height:50px;margin:0 2px;width:50px}img.planning{border-radius:4px;height:60px;width:60px}.bg-transparent{background-color:transparent!important}.border-1{border:1px solid}.roster h3{font-size:14px;margin:0}.roster img.characterImage{border-radius:4px;height:80px;width:80px}img.skill,span.constellation{border-radius:50%;height:40px;width:40px}span.constellation{align-items:center;display:inline-flex;font-weight:700;justify-content:center}img.skill.plungeAttack{transform:rotate(135deg)}img.skill.chargeAttack{transform:rotate(-45deg)}div.rotation{align-items:center;display:flex;padding:4px 4px 0 0;position:relative}div.rotation img.char{height:20px;left:-4px;top:-4px;z-index:2}div.rotation .badge{bottom:-4px;font-size:10px;position:absolute;right:-4px}.rotation.c1+.rotation.c1,.rotation.c2+.rotation.c2,.rotation.c3+.rotation.c3,.rotation.c4+.rotation.c4{margin-left:0!important;margin-top:0!important}.rotation.c1+.rotation.c1 img.char,.rotation.c2+.rotation.c2 img.char,.rotation.c3+.rotation.c3 img.char,.rotation.c4+.rotation.c4 img.char{display:none}.badge.bg-top{background-color:#396!important}.badge.bg-good{background-color:#fc0!important}.badge.bg-ok{background-color:#f90!important}.flex-1{flex:1}.display-inline-flex{display:inline-flex}