.wh-compact-choice{all:unset;cursor:pointer;align-items:center;background-color:#121110;box-sizing:border-box;cursor:pointer;display:flex;gap:10px;overflow:hidden;padding:10px;white-space:nowrap;transition:background-color 75ms;box-shadow:inset #292727 0 0 0 1px,#292727 0 0 0 1px}.wh-compact-choice:hover{background-color:unset}.wh-compact-choice:hover,.wh-compact-choice.focus-visible{background-color:#1e1c1c}.wh-compact-choice[data-selected="true"]{--compactChoice-controlsDisplay: flex;background-color:#292727}.wh-compact-choice[data-shown]{border:2px solid #807c75}body[data-wh-webp="false"] .wh-compact-choice[data-quality-id="0"] .wh-compact-choice-quality-background{background-image:url(/d4/texture/hash/72/1355806024.png)}body[data-wh-webp="true"] .wh-compact-choice[data-quality-id="0"] .wh-compact-choice-quality-background{background-image:url(/d4/texture/hash/72/1355806024.webp)}body[data-wh-webp="false"] .wh-compact-choice[data-quality-id="1"] .wh-compact-choice-quality-background{background-image:url(/d4/texture/hash/160/592118432.png)}body[data-wh-webp="true"] .wh-compact-choice[data-quality-id="1"] .wh-compact-choice-quality-background{background-image:url(/d4/texture/hash/160/592118432.webp)}body[data-wh-webp="false"] .wh-compact-choice[data-quality-id="2"] .wh-compact-choice-quality-background{background-image:url(/d4/texture/hash/160/592118432.png)}body[data-wh-webp="true"] .wh-compact-choice[data-quality-id="2"] .wh-compact-choice-quality-background{background-image:url(/d4/texture/hash/160/592118432.webp)}body[data-wh-webp="false"] .wh-compact-choice[data-quality-id="3"] .wh-compact-choice-quality-background{background-image:url(/d4/texture/hash/9/602445065.png)}body[data-wh-webp="true"] .wh-compact-choice[data-quality-id="3"] .wh-compact-choice-quality-background{background-image:url(/d4/texture/hash/9/602445065.webp)}body[data-wh-webp="false"] .wh-compact-choice[data-quality-id="4"] .wh-compact-choice-quality-background{background-image:url(/d4/texture/hash/9/602445065.png)}body[data-wh-webp="true"] .wh-compact-choice[data-quality-id="4"] .wh-compact-choice-quality-background{background-image:url(/d4/texture/hash/9/602445065.webp)}body[data-wh-webp="false"] .wh-compact-choice[data-quality-id="5"] .wh-compact-choice-quality-background{background-image:url(/d4/texture/hash/218/420568026.png)}body[data-wh-webp="true"] .wh-compact-choice[data-quality-id="5"] .wh-compact-choice-quality-background{background-image:url(/d4/texture/hash/218/420568026.webp)}body[data-wh-webp="false"] .wh-compact-choice[data-quality-id="6"] .wh-compact-choice-quality-background{background-image:url(/d4/texture/hash/214/704278486.png)}body[data-wh-webp="true"] .wh-compact-choice[data-quality-id="6"] .wh-compact-choice-quality-background{background-image:url(/d4/texture/hash/214/704278486.webp)}body[data-wh-webp="false"] .wh-compact-choice[data-quality-id="7"] .wh-compact-choice-quality-background{background-image:url(/d4/texture/hash/203/103211723.png)}body[data-wh-webp="true"] .wh-compact-choice[data-quality-id="7"] .wh-compact-choice-quality-background{background-image:url(/d4/texture/hash/203/103211723.webp)}body[data-wh-webp="false"] .wh-compact-choice[data-quality-id="8"] .wh-compact-choice-quality-background{background-image:url(/d4/texture/hash/87/3713760855.png)}body[data-wh-webp="true"] .wh-compact-choice[data-quality-id="8"] .wh-compact-choice-quality-background{background-image:url(/d4/texture/hash/87/3713760855.webp)}.wh-compact-choice[data-quality-id="0"] .wh-compact-choice-name{color:#e3e0d9}.wh-compact-choice[data-quality-id="1"] .wh-compact-choice-name{color:#7c7cfb}.wh-compact-choice[data-quality-id="2"] .wh-compact-choice-name{color:#7c7cfb}.wh-compact-choice[data-quality-id="3"] .wh-compact-choice-name{color:#ff0}.wh-compact-choice[data-quality-id="4"] .wh-compact-choice-name{color:#ff0}.wh-compact-choice[data-quality-id="5"] .wh-compact-choice-name{color:#ff8000}.wh-compact-choice[data-quality-id="6"] .wh-compact-choice-name{color:#dca779}.wh-compact-choice[data-quality-id="7"] .wh-compact-choice-name{color:lime}.wh-compact-choice[data-quality-id="8"] .wh-compact-choice-name{color:#cda1d8}.wh-compact-choice-remove-icon,.wh-compact-choice[data-type="aspect"],.wh-compact-choice[data-type="glyph"],.wh-compact-choice[data-type="witch-power"],.wh-compact-choice[data-type="boss-power"],.wh-compact-choice[data-type="horadric-component"],.wh-compact-choice[data-type="chaos-perk"]{--compactChoice-iconHeight: auto;--compactChoice-iconWidth: 30px}.wh-compact-choice[data-type="glyph"]{--compactChoice-imgTransform: scale(1.67);--compactChoice-iconMargin: 0}.wh-compact-choice[data-type="chaos-perk"],.wh-compact-choice[data-type="witch-power"],.wh-compact-choice[data-type="boss-power"]{--compactChoice-imgTransform: scale(2.25);--compactChoice-iconMargin: 0}.wh-compact-choice[data-type="horadric-component"]{--compactChoice-imgTransform: scale(1.5);--compactChoice-iconMargin: 0}.wh-compact-choice[data-display-mode="description"]{align-items:flex-start}.wh-compact-choice-quality-background{background-image:inherit;background-repeat:no-repeat;background-size:100% 100%;box-sizing:border-box;flex:1 0 30px;height:30px;padding:2px;width:30px}.wh-compact-choice img{display:block;height:var(--compactChoice-iconHeight, 100%);margin:var(--compactChoice-iconMargin, 0 auto);transform:var(--compactChoice-imgTransform, unset);width:var(--compactChoice-iconWidth, auto)}.wh-compact-choice-remove-icon{background-position:center;background-repeat:no-repeat;background-size:contain;background-color:#292727;border-radius:50%;height:var(--compactChoice-iconWidth, auto);width:var(--compactChoice-iconWidth, auto)}.wh-compact-choice-details{display:flex;flex-direction:column;flex:0 1 auto;overflow:hidden;width:100%}.wh-compact-choice-name,.wh-compact-choice-description,.wh-compact-choice-subtitle{font-weight:700;overflow:hidden;text-overflow:ellipsis}.wh-compact-choice-description{flex:0 0 auto;white-space:normal}.wh-compact-choice-name{color:#f2ebde;flex:0 1 auto;white-space:nowrap}.wh-compact-choice-name-pair{display:flex;flex:0 1 auto;flex-direction:column;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wh-compact-choice-subtitle{color:#b0aba2}.wh-compact-choice[data-type="boss-power"] .wh-compact-choice-name,.wh-compact-choice[data-type="boss-power"] .wh-compact-choice-description,.wh-compact-choice[data-type="witch-power"] .wh-compact-choice-name,.wh-compact-choice[data-type="witch-power"] .wh-compact-choice-description,.wh-compact-choice[data-type="chaos-perk"] .wh-compact-choice-name,.wh-compact-choice[data-type="chaos-perk"] .wh-compact-choice-description,.wh-compact-choice[data-type="horadric-component"] .wh-compact-choice-name,.wh-compact-choice[data-type="horadric-component"] .wh-compact-choice-description{font-weight:unset}.wh-compact-choice-list{background-color:#121110;box-shadow:inset #292727 0 0 0 2px;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fill, minmax(258px, 1fr));overflow:hidden;padding:1px}.wh-compact-choice .wh-number-input{display:var(--compactChoice-controlsDisplay, none);justify-content:flex-end;margin-left:auto}.wh-compact-choice .wh-number-input-button:not(:hover){background-color:rgba(242,235,222,0.05)}.wh-number-input{--inputWidth: 127px;--inputHeight: 30px;display:flex}.wh-number-input[data-size="small"]{--inputWidth: 60px}.wh-number-input input[type="number"]{-moz-appearance:textfield;border-radius:2px 0 0 2px;color:#b0aba2;height:var(--inputHeight);width:var(--inputWidth)}.wh-number-input-value::-webkit-outer-spin-button,.wh-number-input-value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.wh-number-input-button{border-left:1px solid rgba(255,255,255,0.1);box-shadow:-1px 0 0 0 #000;align-items:center;background-color:#292727;border-radius:0;display:flex;flex:0 0 var(--inputHeight);height:var(--inputHeight);justify-content:center;padding:10px}.wh-number-input-button:hover{background-color:#454240}.wh-number-input-button:disabled{background-color:#292727}:root{--d4ChaosPerks-containerBg: url("/images/d4/tools/build-tool/distressed-bg.jpg");--d4ChaosPerks-slotIconSize: 100%;--d4ChaosPerks-slotIconPosition: center}.d4-chaos-perks-container{background-image:var(--d4ChaosPerks-containerBg);background-repeat:no-repeat;background-size:cover;display:flex;gap:20px;margin:0 auto;max-width:900px;padding:var(--d4BuildPlanner-toolPadding);position:relative}.d4-chaos-perks-container[data-display="small"],.d4-chaos-perks-container[data-display="tiny"]{flex-wrap:wrap}.d4-chaos-perks-container[data-embedded="true"]{--d4ChaosPerks-containerBg: none}.d4-chaos-perks-power-slots-parent{background-position:center;background-repeat:no-repeat;background-size:cover;align-items:center;aspect-ratio:1.0773809524;display:flex;flex:1 1 60%}.d4-build-planner[data-class="barbarian"] .d4-chaos-perks-power-slots-parent{background-image:url("/d4/d4/texture/hash/55/3923003703.webp")}[data-env="d4ptr"] .d4-build-planner[data-class="barbarian"] .d4-chaos-perks-power-slots-parent{background-image:url("/d4/d4ptr/texture/hash/55/3923003703.webp")}[data-env="d4beta"] .d4-build-planner[data-class="barbarian"] .d4-chaos-perks-power-slots-parent{background-image:url("/d4/d4beta/texture/hash/55/3923003703.webp")}.d4-build-planner[data-class="druid"] .d4-chaos-perks-power-slots-parent{background-image:url("/d4/d4/texture/hash/13/2501074189.webp")}[data-env="d4ptr"] .d4-build-planner[data-class="druid"] .d4-chaos-perks-power-slots-parent{background-image:url("/d4/d4ptr/texture/hash/13/2501074189.webp")}[data-env="d4beta"] .d4-build-planner[data-class="druid"] .d4-chaos-perks-power-slots-parent{background-image:url("/d4/d4beta/texture/hash/13/2501074189.webp")}.d4-build-planner[data-class="necromancer"] .d4-chaos-perks-power-slots-parent{background-image:url("/d4/d4/texture/hash/130/450668674.webp")}[data-env="d4ptr"] .d4-build-planner[data-class="necromancer"] .d4-chaos-perks-power-slots-parent{background-image:url("/d4/d4ptr/texture/hash/130/450668674.webp")}[data-env="d4beta"] .d4-build-planner[data-class="necromancer"] .d4-chaos-perks-power-slots-parent{background-image:url("/d4/d4beta/texture/hash/130/450668674.webp")}.d4-build-planner[data-class="rogue"] .d4-chaos-perks-power-slots-parent{background-image:url("/d4/d4/texture/hash/247/2517554423.webp")}[data-env="d4ptr"] .d4-build-planner[data-class="rogue"] .d4-chaos-perks-power-slots-parent{background-image:url("/d4/d4ptr/texture/hash/247/2517554423.webp")}[data-env="d4beta"] .d4-build-planner[data-class="rogue"] .d4-chaos-perks-power-slots-parent{background-image:url("/d4/d4beta/texture/hash/247/2517554423.webp")}.d4-build-planner[data-class="sorcerer"] .d4-chaos-perks-power-slots-parent{background-image:url("/d4/d4/texture/hash/186/4240216762.webp")}[data-env="d4ptr"] .d4-build-planner[data-class="sorcerer"] .d4-chaos-perks-power-slots-parent{background-image:url("/d4/d4ptr/texture/hash/186/4240216762.webp")}[data-env="d4beta"] .d4-build-planner[data-class="sorcerer"] .d4-chaos-perks-power-slots-parent{background-image:url("/d4/d4beta/texture/hash/186/4240216762.webp")}.d4-build-planner[data-class="spiritborn"] .d4-chaos-perks-power-slots-parent{background-image:url("/d4/d4/texture/hash/97/3497582177.webp")}[data-env="d4ptr"] .d4-build-planner[data-class="spiritborn"] .d4-chaos-perks-power-slots-parent{background-image:url("/d4/d4ptr/texture/hash/97/3497582177.webp")}[data-env="d4beta"] .d4-build-planner[data-class="spiritborn"] .d4-chaos-perks-power-slots-parent{background-image:url("/d4/d4beta/texture/hash/97/3497582177.webp")}.d4-chaos-perks-power-slots{box-sizing:border-box;height:100%;position:relative;width:100%}.d4-chaos-perks-power-slots .d4-chaos-perks-slot{align-items:center;aspect-ratio:1;background-position:center;background-size:150%;box-sizing:border-box;display:flex;width:18.9917127072%;justify-content:center;margin:auto;position:absolute;transform:translate(-50%, -50%);z-index:1}.d4-chaos-perks-power-slots .d4-chaos-perks-slot-icon{background-position:var(--d4ChaosPerks-slotIconPosition);background-repeat:no-repeat;background-size:var(--d4ChaosPerks-slotIconSize);height:100%;width:100%;z-index:10}.d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"]:after{background-position:center;background-repeat:no-repeat;background-size:contain;content:"";inset:0;position:absolute}.d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="0"]:after{background-image:url("/d4/d4/texture/hash/0/0.webp")}[data-env="d4ptr"] .d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="0"]:after{background-image:url("/d4/d4ptr/texture/hash/0/0.webp")}[data-env="d4beta"] .d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="0"]:after{background-image:url("/d4/d4beta/texture/hash/0/0.webp")}.d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="1"]:after{background-image:url("/d4/d4/texture/hash/111/1173184111.webp")}[data-env="d4ptr"] .d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="1"]:after{background-image:url("/d4/d4ptr/texture/hash/111/1173184111.webp")}[data-env="d4beta"] .d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="1"]:after{background-image:url("/d4/d4beta/texture/hash/111/1173184111.webp")}.d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="2"]:after{background-image:url("/d4/d4/texture/hash/111/1173184111.webp")}[data-env="d4ptr"] .d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="2"]:after{background-image:url("/d4/d4ptr/texture/hash/111/1173184111.webp")}[data-env="d4beta"] .d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="2"]:after{background-image:url("/d4/d4beta/texture/hash/111/1173184111.webp")}.d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="3"]:after{background-image:url("/d4/d4/texture/hash/216/1467386840.webp")}[data-env="d4ptr"] .d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="3"]:after{background-image:url("/d4/d4ptr/texture/hash/216/1467386840.webp")}[data-env="d4beta"] .d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="3"]:after{background-image:url("/d4/d4beta/texture/hash/216/1467386840.webp")}.d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="4"]:after{background-image:url("/d4/d4/texture/hash/216/1467386840.webp")}[data-env="d4ptr"] .d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="4"]:after{background-image:url("/d4/d4ptr/texture/hash/216/1467386840.webp")}[data-env="d4beta"] .d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="4"]:after{background-image:url("/d4/d4beta/texture/hash/216/1467386840.webp")}.d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="5"]:after{background-image:url("/d4/d4/texture/hash/41/1434111273.webp")}[data-env="d4ptr"] .d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="5"]:after{background-image:url("/d4/d4ptr/texture/hash/41/1434111273.webp")}[data-env="d4beta"] .d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="5"]:after{background-image:url("/d4/d4beta/texture/hash/41/1434111273.webp")}.d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="6"]:after{background-image:url("/d4/d4/texture/hash/101/388951397.webp")}[data-env="d4ptr"] .d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="6"]:after{background-image:url("/d4/d4ptr/texture/hash/101/388951397.webp")}[data-env="d4beta"] .d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="6"]:after{background-image:url("/d4/d4beta/texture/hash/101/388951397.webp")}.d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="7"]:after{background-image:url("/d4/d4/texture/hash/0/0.webp")}[data-env="d4ptr"] .d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="7"]:after{background-image:url("/d4/d4ptr/texture/hash/0/0.webp")}[data-env="d4beta"] .d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="7"]:after{background-image:url("/d4/d4beta/texture/hash/0/0.webp")}.d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="8"]:after{background-image:url("/d4/d4/texture/hash/0/0.webp")}[data-env="d4ptr"] .d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="8"]:after{background-image:url("/d4/d4ptr/texture/hash/0/0.webp")}[data-env="d4beta"] .d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-filled="true"][data-quality="8"]:after{background-image:url("/d4/d4beta/texture/hash/0/0.webp")}.d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-slot-id="0"]{left:21.546961326%;top:53.0505952381%}.d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-slot-id="1"]{left:75.138121547%;top:45.0892857143%}.d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-slot-id="2"]{left:80.9392265193%;top:77.7529761905%}.d4-chaos-perks-power-slots .d4-chaos-perks-slot[data-slot-id="3"]{left:42.679558011%;top:76.6369047619%;width:22.0994475138%}.d4-chaos-perks-slot:hover{cursor:pointer;filter:brightness(1.35)}.d4-chaos-perks-choices[data-chaos-perk-type="normal"] .wh-compact-choice:not([data-chaos-perk-type~="normal"]):not([data-empty]),.d4-chaos-perks-choices[data-chaos-perk-type="unique"] .wh-compact-choice:not([data-chaos-perk-type~="unique"]):not([data-empty]){display:none}.d4-chaos-perks-choices[data-player-class="sorcerer"] .wh-compact-choice[data-required-classes]:not([data-required-classes~="sorcerer"]){display:none}.d4-chaos-perks-choices[data-player-class="druid"] .wh-compact-choice[data-required-classes]:not([data-required-classes~="druid"]){display:none}.d4-chaos-perks-choices[data-player-class="barbarian"] .wh-compact-choice[data-required-classes]:not([data-required-classes~="barbarian"]){display:none}.d4-chaos-perks-choices[data-player-class="rogue"] .wh-compact-choice[data-required-classes]:not([data-required-classes~="rogue"]){display:none}.d4-chaos-perks-choices[data-player-class="necromancer"] .wh-compact-choice[data-required-classes]:not([data-required-classes~="necromancer"]){display:none}.d4-chaos-perks-choices[data-player-class="spiritborn"] .wh-compact-choice[data-required-classes]:not([data-required-classes~="spiritborn"]){display:none}