.setPieceWrapperContainer{padding:.25rem}.setPieceWrapperContainer .setPieceContainer{color:#eff3f4;background-color:rgba(46,45,45,.7);box-shadow:0 2px 12px rgba(0,0,0,.18);border-radius:.25rem;height:100%;display:flex;flex-direction:column;align-items:stretch;transition:box-shadow .2s,background .2s}.setPieceWrapperContainer .setPieceContainer:hover{box-shadow:0 4px 18px rgba(79,79,79,.28);background:rgba(46,45,45,.8)}.setPieceWrapperContainer .setPieceContainer .informationContainer{display:flex;flex-direction:row;flex-grow:1;padding:1rem;gap:1rem}@media(max-width:600px){.setPieceWrapperContainer .setPieceContainer .informationContainer{flex-wrap:wrap}}.setPieceWrapperContainer .setPieceContainer .informationContainer .iconContainer{display:flex;flex-direction:column;justify-content:center}@media(max-width:600px){.setPieceWrapperContainer .setPieceContainer .informationContainer .iconContainer{margin-left:auto;margin-right:auto}}.setPieceWrapperContainer .setPieceContainer .informationContainer .iconContainer img{border-radius:.2rem}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer{display:flex;flex-direction:column;position:relative;font-family:Splintered Liberty Thin;line-height:1;letter-spacing:.02rem;flex-grow:1}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type{font-size:1.2rem;color:#d3d3d3;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;text-wrap-mode:nowrap;line-height:1.1}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type .inofficialIcon{width:auto;height:.8rem}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type .typeIcon{width:auto;height:1.4rem}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect{font-size:calc(1.1rem + .1vw);text-decoration:none;color:unset;letter-spacing:.1rem}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a.effect-emissive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect.effect-emissive{color:#93d81d}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a.effect-bossKillReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a.effect-combatReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a.effect-killReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a.effect-movementReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect.effect-bossKillReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect.effect-combatReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect.effect-killReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect.effect-movementReactive{color:#75bbe4}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a.effect-basic,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect.effect-basic{color:#c3c4be}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a.effect-upgraded,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect.effect-upgraded{color:#b98f1a}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a.effect-animated,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect.effect-animated{color:#d67a2e}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:focus,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:hover,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:focus,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:hover{color:#b6babb}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:focus.effect-emissive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:hover.effect-emissive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:focus.effect-emissive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:hover.effect-emissive{color:#7fb91a}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:focus.effect-bossKillReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:focus.effect-combatReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:focus.effect-killReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:focus.effect-movementReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:hover.effect-bossKillReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:hover.effect-combatReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:hover.effect-killReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:hover.effect-movementReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:focus.effect-bossKillReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:focus.effect-combatReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:focus.effect-killReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:focus.effect-movementReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:hover.effect-bossKillReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:hover.effect-combatReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:hover.effect-killReactive,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:hover.effect-movementReactive{color:#639dbe}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:focus.effect-upgraded,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:hover.effect-upgraded,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:focus.effect-upgraded,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:hover.effect-upgraded{color:#a07b15}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:focus.effect-animated,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:hover.effect-animated,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:focus.effect-animated,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:hover.effect-animated{color:#b86828}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:focus.snb-saison-release-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:hover.snb-saison-release-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:focus.snb-saison-release-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:hover.snb-saison-release-light{color:var(--snb-saison-release-dark)!important}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:focus.snb-saison-ragingTides-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:hover.snb-saison-ragingTides-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:focus.snb-saison-ragingTides-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:hover.snb-saison-ragingTides-light{color:var(--snb-saison-ragingTides-dark)!important}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:focus.snb-saison-chorusOfHavoc-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:hover.snb-saison-chorusOfHavoc-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:focus.snb-saison-chorusOfHavoc-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:hover.snb-saison-chorusOfHavoc-light{color:var(--snb-saison-chorusOfHavoc-dark)!important}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:focus.snb-saison-intoTheDragonsWake-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:hover.snb-saison-intoTheDragonsWake-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:focus.snb-saison-intoTheDragonsWake-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:hover.snb-saison-intoTheDragonsWake-light{color:var(--snb-saison-intoTheDragonsWake-dark)!important}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:focus.snb-saison-shadowsOfTheDeep-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:hover.snb-saison-shadowsOfTheDeep-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:focus.snb-saison-shadowsOfTheDeep-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:hover.snb-saison-shadowsOfTheDeep-light{color:var(--snb-saison-shadowsOfTheDeep-dark)!important}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:focus.snb-saison-ascentIntoChaos-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:hover.snb-saison-ascentIntoChaos-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:focus.snb-saison-ascentIntoChaos-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:hover.snb-saison-ascentIntoChaos-light{color:var(--snb-saison-ascentIntoChaos-dark)!important}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:focus.snb-saison-oathsOfWar-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:hover.snb-saison-oathsOfWar-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:focus.snb-saison-oathsOfWar-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:hover.snb-saison-oathsOfWar-light{color:var(--snb-saison-oathsOfWar-dark)!important}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:focus.snb-saison-gutsAndGlory-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:hover.snb-saison-gutsAndGlory-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:focus.snb-saison-gutsAndGlory-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:hover.snb-saison-gutsAndGlory-light{color:var(--snb-saison-gutsAndGlory-dark)!important}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:focus.snb-saison-eyeOfTheBeast-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:hover.snb-saison-eyeOfTheBeast-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:focus.snb-saison-eyeOfTheBeast-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:hover.snb-saison-eyeOfTheBeast-light{color:var(--snb-saison-eyeOfTheBeast-dark)!important}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:focus.snb-saison-shatteredSeas-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type a:hover.snb-saison-shatteredSeas-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:focus.snb-saison-shatteredSeas-light,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type span.effect:hover.snb-saison-shatteredSeas-light{color:var(--snb-saison-shatteredSeas-dark)!important}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type .badgeContainer,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type .seasonContainer{display:inline-flex;flex-direction:row;gap:.4rem;align-items:inherit;margin-left:.4rem}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type .badgeContainer svg,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .type .seasonContainer svg{width:.4rem;height:.4rem}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .btnContainer{background-color:hsla(0,0%,61%,.11);transition:background-color .2s;margin-bottom:-.85rem;display:flex;flex-direction:row}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .btnContainer .checkOwnershipBtn,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .btnContainer .openBtn{display:flex;flex-direction:row;align-items:center;padding:.4rem .8rem;gap:.5rem;font-size:1.3rem;border-radius:.25rem;color:unset;text-decoration:none;z-index:2}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .btnContainer .checkOwnershipBtn svg,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .btnContainer .openBtn svg{max-height:.9rem!important}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .btnContainer .checkOwnershipBtn.loading,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .btnContainer .openBtn.loading{pointer-events:none;cursor:default}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .btnContainer .checkOwnershipBtn:hover,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .btnContainer .openBtn:hover{background-color:hsla(0,0%,61%,.393)}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .btnContainer .checkOwnershipBtnContainer{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .btnContainer .checkOwnershipBtnContainer .checkOwnershipBtn{height:100%}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .btnContainer .checkOwnershipBtnContainer .checkOwnershipBtn:hover{color:#ce9f07;cursor:pointer}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .btnContainer .checkOwnershipBtnContainer .checkOwnershipBtn.checked,.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .topBarContainer .btnContainer .checkOwnershipBtnContainer .checkOwnershipBtn:hover.checked{color:#adff2f}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .name{font-size:1.5rem;text-wrap-mode:nowrap;display:flex;flex-direction:row;align-items:center;gap:.5rem;font-family:Pirata One;letter-spacing:.05rem;line-height:1.3}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .name .factionIcon{display:contents}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .name .factionIcon img{width:auto;height:1.3rem;border-radius:.1rem}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .description{color:#d3d3d3;font-size:1.7rem}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .description p{margin-bottom:0}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .dateAddedAndLastUpdated{display:flex;flex-direction:row;justify-content:space-between;font-size:1.2rem;color:#9c9c9c;margin-top:auto;margin-bottom:.25rem}@media(max-width:600px){.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .dateAddedAndLastUpdated{margin-top:.5rem}.setPieceWrapperContainer .setPieceContainer .informationContainer .basicContainer .dateAddedAndLastUpdated .id{display:none}}.setPieceWrapperContainer .setPieceContainer .informationContainer .imagesContainer{display:flex;flex-direction:column;gap:.2rem;padding-left:.6rem;border-left:1px solid hsla(0,0%,50%,.75)}@media(max-width:600px){.setPieceWrapperContainer .setPieceContainer .informationContainer .imagesContainer{border-left:none;margin-left:auto;margin-right:auto}}.setPieceWrapperContainer .setPieceContainer .informationContainer .imagesContainer img{border-radius:.1rem;max-height:calc(3.2rem + .35vw);max-width:calc(6rem + .3vw);object-fit:cover}@media(min-width:2560px){.col-x4l-4{flex:0 0 auto;width:33.33333333%}}.codexSetContainer{background-size:cover;background-position:unset;background-repeat:no-repeat;position:relative;display:flex;flex-direction:column;height:100%;width:100%}.codexSetContainer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);pointer-events:none;z-index:0}.codexSetContainer.randomBackground{background-position:50%}.codexSetContainer.randomBackground:before{background:rgba(0,0,0,.8)}.codexSetContainer .header{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex:0 0 auto;text-align:center;color:#f0f8ff;padding:.4rem .8rem;margin:0 .5rem .25rem;background-color:rgba(46,45,45,.8);border-radius:.25rem;font-size:calc(1.8rem + .4vw);font-weight:550;line-height:1;flex-wrap:wrap}@media(max-width:600px){.codexSetContainer .header{gap:.5rem;justify-content:space-around}}.codexSetContainer .header>img{max-height:calc(2.4rem + .3vw);width:auto}.codexSetContainer .header .images{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.codexSetContainer .header .images img{border-radius:.1rem;max-height:calc(3rem + .6vw);max-width:calc(5rem + 2.3vw);object-fit:cover}.codexSetContainer .pieces{padding:.25rem;z-index:1;position:relative;flex:1 1 1;min-height:0;overflow-y:auto}.codexSetContainer .pieces .setPieceAdContainer{display:flex;justify-content:center;margin:0;padding:0}.codexSetContainer .pieces .setPieceAdContainer:has(.setPieceAd){margin:.25rem 0}#noCodexDataContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-size:x-large;color:#d3d3d3}.codexSetContainer>*>.nameContainer{font-size:calc(2rem + .3vw);font-family:Pirata One;display:flex;flex-direction:row;align-items:center;gap:1rem;text-wrap-mode:nowrap}.codexSetContainer>*>.nameContainer .elementCount{color:gray;font-size:calc(1.8rem + .3vw)}.codexSetContainer>*>.nameContainer .elementCount .seperator{color:#9e9e9e}.codexSetContainer>*>.nameContainer .checkOwnershipBtn{display:flex;flex-direction:row;align-items:center;border-radius:.25rem;padding:.4rem;background-color:hsla(0,0%,61%,.11);transition:background-color .2s;font-size:1rem}.codexSetContainer>*>.nameContainer .checkOwnershipBtn.loading{pointer-events:none;cursor:default}.codexSetContainer>*>.nameContainer .checkOwnershipBtn:hover{color:#ce9f07;background-color:hsla(0,0%,61%,.393);cursor:pointer}.codexSetContainer>*>.nameContainer .checkOwnershipBtn.checked,.codexSetContainer>*>.nameContainer .checkOwnershipBtn:hover.checked{color:#adff2f}