.D4StatsSummary-module-scss-module__o5c8fG__statsContainer{border:1px solid var(--input-bg);background:#0000004d;flex-direction:column;flex:1;align-self:stretch;min-height:0;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.D4StatsSummary-module-scss-module__o5c8fG__statsBackground{opacity:.5;z-index:0;background-image:url(../media/d4-ui-background.1hqkc787ut91r.webp);background-position:50%;background-repeat:repeat;background-size:contain;border-top-right-radius:12px;border-bottom-right-radius:12px;position:absolute;inset:0}.D4StatsSummary-module-scss-module__o5c8fG__statsBackground:after{content:"";background-blend-mode:multiply;opacity:.3;z-index:0;background-image:url(../media/d4-ui-background2.05pei1x1wrt2u.webp);background-position:50%;background-repeat:repeat;background-size:contain;border-top-right-radius:12px;border-bottom-right-radius:12px;position:absolute;inset:0}.D4StatsSummary-module-scss-module__o5c8fG__statsTitle{color:#fff;text-align:center;text-shadow:0 1px 2px #000c;border-bottom:1px solid var(--input-bg);z-index:1;padding:8px 0;font-size:1.2rem;font-weight:600;position:relative}.D4StatsSummary-module-scss-module__o5c8fG__controls{border-bottom:1px solid var(--input-bg);z-index:1;justify-content:center;gap:8px;margin-bottom:12px;padding:12px 0;display:flex;position:relative}.D4StatsSummary-module-scss-module__o5c8fG__controlButton{border:1px solid var(--input-bg);color:#ceced9;cursor:pointer;background:#2b2b3b80;border-radius:4px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .2s}.D4StatsSummary-module-scss-module__o5c8fG__controlButton:hover{color:#fff;background:#2b2b3bcc;border-color:#4a4a5f}.D4StatsSummary-module-scss-module__o5c8fG__controlButton:focus{outline-offset:2px;outline:2px solid #4a4a5f}.D4StatsSummary-module-scss-module__o5c8fG__controlButton:active{transform:translateY(1px)}.D4StatsSummary-module-scss-module__o5c8fG__wipBanner{z-index:1;text-align:center;letter-spacing:.02em;color:#f0d9a0;background:#78501459;padding:8px 12px;font-size:.75rem;font-weight:600;position:relative}.D4StatsSummary-module-scss-module__o5c8fG__statsContent{z-index:1;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden auto}.D4StatsSummary-module-scss-module__o5c8fG__statCategory{border-bottom:1px solid var(--input-bg);flex-direction:column;gap:8px;padding:8px 16px;display:flex}.D4StatsSummary-module-scss-module__o5c8fG__categoryHeader{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;transition:all .2s;display:flex}.D4StatsSummary-module-scss-module__o5c8fG__categoryHeader:hover{background:#2b2b3b33;border-radius:4px}.D4StatsSummary-module-scss-module__o5c8fG__categoryTitle{color:#dedee8;text-transform:uppercase;letter-spacing:.5px;text-align:left;margin:0;font-size:.9rem;font-weight:800}.D4StatsSummary-module-scss-module__o5c8fG__collapseIcon{color:#8a8a9a;-webkit-user-select:none;user-select:none;font-size:1.2rem;transition:transform .2s;position:relative}.D4StatsSummary-module-scss-module__o5c8fG__collapseIcon.D4StatsSummary-module-scss-module__o5c8fG__collapsed{transform:rotate(-180deg)}.D4StatsSummary-module-scss-module__o5c8fG__statList{flex-direction:column;gap:4px;transition:all .3s;display:flex;overflow:hidden}.D4StatsSummary-module-scss-module__o5c8fG__statList.D4StatsSummary-module-scss-module__o5c8fG__collapsed{opacity:0;max-height:0;margin:0;padding:0}.D4StatsSummary-module-scss-module__o5c8fG__statRow{justify-content:space-between;align-items:flex-start;min-height:20px;padding:4px 8px;transition:all .2s;display:flex}.D4StatsSummary-module-scss-module__o5c8fG__statRow:hover{background:#2b2b3b80;border-color:#3c3c4f80}.D4StatsSummary-module-scss-module__o5c8fG__statName{color:#c1c1ca;white-space:nowrap;text-overflow:ellipsis;flex:1;padding-right:8px;font-size:.85rem;font-weight:400;line-height:1.2;overflow:hidden}.D4StatsSummary-module-scss-module__o5c8fG__statValue{color:#fff;text-align:right;text-shadow:0 1px 2px #000c;white-space:nowrap;flex-shrink:0;min-width:60px;font-size:.85rem;font-weight:600}.D4StatsSummary-module-scss-module__o5c8fG__uncappedValue{color:#999;opacity:.7;font-weight:400}.D4StatsSummary-module-scss-module__o5c8fG__noStats{text-align:center;color:#8a8a9a;z-index:1;flex:1;justify-content:center;align-items:center;min-height:0;padding:20px;font-style:italic;display:flex;position:relative}.D4StatsSummary-module-scss-module__o5c8fG__noStats p{margin:0;font-size:.9rem}@media (max-width:1200px){.D4StatsSummary-module-scss-module__o5c8fG__statsContainer{border-radius:0;min-width:700px}}@media (max-width:768px){.D4StatsSummary-module-scss-module__o5c8fG__statsContainer{border-radius:0;min-width:0;height:auto;min-height:400px}.D4StatsSummary-module-scss-module__o5c8fG__controls{flex-direction:column;gap:6px}.D4StatsSummary-module-scss-module__o5c8fG__controlButton{padding:8px 12px;font-size:.75rem}.D4StatsSummary-module-scss-module__o5c8fG__statRow{padding:6px 8px}.D4StatsSummary-module-scss-module__o5c8fG__statName,.D4StatsSummary-module-scss-module__o5c8fG__statValue{font-size:.8rem}}
.D4BuildManager-module-scss-module__e_491W__buildManagerContainer{z-index:2;width:100%}.D4BuildManager-module-scss-module__e_491W__buildManagerBackground{background-color:#11131c99}.D4BuildManager-module-scss-module__e_491W__buildManagerContent{flex-direction:row;gap:12px;display:flex}.D4BuildManager-module-scss-module__e_491W__nameInputContainer{flex-direction:column;gap:8px;display:flex}.D4BuildManager-module-scss-module__e_491W__nameInput{background:var(--input-bg);color:#fff;border:1px solid #555;border-radius:4px;padding:8px 12px;font-size:14px}.D4BuildManager-module-scss-module__e_491W__nameInput::placeholder{color:#888}.D4BuildManager-module-scss-module__e_491W__nameInput:focus{outline:none;box-shadow:0 0 0 2px #007acc33}.D4BuildManager-module-scss-module__e_491W__nameInputButtons{gap:8px;display:flex}.D4BuildManager-module-scss-module__e_491W__saveNameButton{color:#fff;cursor:pointer;background:#007acc;border:none;border-radius:4px;padding:6px 12px;font-size:12px}.D4BuildManager-module-scss-module__e_491W__saveNameButton:hover:not(:disabled){background:#005a9e}.D4BuildManager-module-scss-module__e_491W__saveNameButton:disabled{cursor:not-allowed;background:#555}.D4BuildManager-module-scss-module__e_491W__cancelButton{color:#fff;cursor:pointer;background:#666;border:none;border-radius:4px;padding:6px 12px;font-size:12px}.D4BuildManager-module-scss-module__e_491W__cancelButton:hover{background:#555}.D4BuildManager-module-scss-module__e_491W__buildActions{flex-wrap:wrap;gap:8px;display:flex}.D4BuildManager-module-scss-module__e_491W__loadBuildButton{background:var(--input-bg);color:#fff;cursor:pointer;border:1px solid #585868;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.D4BuildManager-module-scss-module__e_491W__loadBuildButton:hover:not(:disabled){box-shadow:0 2px 4px #0003;background:#43435b!important}.D4BuildManager-module-scss-module__e_491W__loadBuildButton:disabled{cursor:not-allowed;box-shadow:none;background:#555;transform:none}.D4BuildManager-module-scss-module__e_491W__loadFromUrlButton{color:#fff;cursor:pointer;align-items:center;gap:8px;font-size:12px;font-weight:500;transition:all .2s;display:flex;background:var(--input-bg)!important;border:2px solid #585868!important;border-radius:5px!important}.D4BuildManager-module-scss-module__e_491W__loadFromUrlButton:hover:not(:disabled){box-shadow:0 2px 4px #0003;background:#43435b!important}.D4BuildManager-module-scss-module__e_491W__loadFromUrlButton:disabled{cursor:not-allowed;box-shadow:none;transform:none;background:#555!important}.D4BuildManager-module-scss-module__e_491W__saveBuildButton{color:#fff;cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .2s;display:flex;background:linear-gradient(145deg, var(--diablo-red) 0%, var(--diablo-red) 100%)!important;border:2px solid #79001a!important;border-radius:5px!important}.D4BuildManager-module-scss-module__e_491W__saveBuildButton:hover:not(:disabled){box-shadow:0 2px 4px #0003;background:linear-gradient(145deg,#a20401 0%,#a10401 100%)!important}.D4BuildManager-module-scss-module__e_491W__saveBuildButton:disabled{cursor:not-allowed;box-shadow:none;transform:none;background:#555!important}.D4BuildManager-module-scss-module__e_491W__deleteBuildButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%);border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.D4BuildManager-module-scss-module__e_491W__deleteBuildButton:hover:not(:disabled){background:linear-gradient(135deg,#d32f2f 0%,#b71c1c 100%);box-shadow:0 2px 4px #0003}.D4BuildManager-module-scss-module__e_491W__deleteBuildButton:disabled{cursor:not-allowed;box-shadow:none;background:#555;transform:none}.D4BuildManager-module-scss-module__e_491W__clearBuildButton{color:#fff;cursor:pointer;align-items:center;gap:8px;font-size:12px;font-weight:500;transition:all .2s;display:flex;background:var(--input-bg)!important;border:2px solid #585868!important;border-radius:5px!important}.D4BuildManager-module-scss-module__e_491W__clearBuildButton:hover:not(:disabled){box-shadow:0 2px 4px #0003;background:#43435b!important}.D4BuildManager-module-scss-module__e_491W__clearBuildButton:disabled{cursor:not-allowed;box-shadow:none;transform:none;background:#555!important}.D4BuildManager-module-scss-module__e_491W__saveStatus{border-radius:4px;justify-content:center;align-items:center;padding:8px 12px;font-size:14px;font-weight:500;display:flex}.D4BuildManager-module-scss-module__e_491W__saveStatus.D4BuildManager-module-scss-module__e_491W__success{color:#4caf50;background:#4caf501a;border:1px solid #4caf50}.D4BuildManager-module-scss-module__e_491W__saveStatus.D4BuildManager-module-scss-module__e_491W__error{color:#f44336;background:#f443361a;border:1px solid #f44336}.D4BuildManager-module-scss-module__e_491W__saveStatus.D4BuildManager-module-scss-module__e_491W__info{color:#2196f3;background:#2196f31a;border:1px solid #2196f3}.D4BuildManager-module-scss-module__e_491W__buildInfo{border:1px solid var(--input-border);color:#ccc;background:#ffffff0d;border-radius:4px;padding:6px 10px;font-family:Courier New,monospace;font-size:12px}.D4BuildManager-module-scss-module__e_491W__loadInputContainer{border-radius:8px;flex-direction:column;gap:12px;margin:12px 0;padding:16px;display:flex}.D4BuildManager-module-scss-module__e_491W__loadInputHeader h4{color:#fff;text-align:center;margin:0;font-size:14px;font-weight:600}.D4BuildManager-module-scss-module__e_491W__loadInputField{flex-direction:column;display:flex}.D4BuildManager-module-scss-module__e_491W__loadInputTextBox{background:var(--input-bg);color:#fff;box-sizing:border-box;border:1px solid #585868;border-radius:4px;width:100%;padding:10px 12px;font-size:14px}.D4BuildManager-module-scss-module__e_491W__loadInputTextBox::placeholder{color:#888}.D4BuildManager-module-scss-module__e_491W__loadInputTextBox:focus{outline:none}.D4BuildManager-module-scss-module__e_491W__loadInputButtons{justify-content:center;gap:8px;display:flex}.D4BuildManager-module-scss-module__e_491W__loadInputSaveButton{background:var(--input-bg);color:#fff;cursor:pointer;border:1px solid #585868;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.D4BuildManager-module-scss-module__e_491W__loadInputSaveButton:hover:not(:disabled){background:var(--input-bg);box-shadow:0 2px 4px #0003}.D4BuildManager-module-scss-module__e_491W__loadInputSaveButton:disabled{cursor:not-allowed;box-shadow:none;background:#555;transform:none}.D4BuildManager-module-scss-module__e_491W__loadInputCancelButton{color:#fff;cursor:pointer;background:linear-gradient(135deg,#757575 0%,#616161 100%);border:none;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.D4BuildManager-module-scss-module__e_491W__loadInputCancelButton:hover{background:linear-gradient(135deg,#616161 0%,#424242 100%);box-shadow:0 2px 4px #0003}.D4BuildManager-module-scss-module__e_491W__saveModalContent,.D4BuildManager-module-scss-module__e_491W__loadModalContent{background-color:rgba(var(--content-bg-rgb), .8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;border-radius:8px;width:90vw;min-width:400px;max-width:500px;padding:24px;box-shadow:0 4px 12px #0000004d}.D4BuildManager-module-scss-module__e_491W__saveModalTitle,.D4BuildManager-module-scss-module__e_491W__loadModalTitle{color:#d4d4d4;text-align:center;margin:0 0 16px;font-size:18px;font-weight:600}.D4BuildManager-module-scss-module__e_491W__saveModalStatus,.D4BuildManager-module-scss-module__e_491W__loadModalStatus{text-align:center;border-radius:6px;margin-bottom:16px;padding:12px;font-size:14px;font-weight:500}.D4BuildManager-module-scss-module__e_491W__saveModalStatus.D4BuildManager-module-scss-module__e_491W__success,.D4BuildManager-module-scss-module__e_491W__loadModalStatus.D4BuildManager-module-scss-module__e_491W__success{color:#4caf50;background:#4caf5026;border:1px solid #4caf50}.D4BuildManager-module-scss-module__e_491W__saveModalStatus.D4BuildManager-module-scss-module__e_491W__error,.D4BuildManager-module-scss-module__e_491W__loadModalStatus.D4BuildManager-module-scss-module__e_491W__error{color:#f44336;background:#f4433626;border:1px solid #f44336}.D4BuildManager-module-scss-module__e_491W__saveModalStatus.D4BuildManager-module-scss-module__e_491W__info,.D4BuildManager-module-scss-module__e_491W__loadModalStatus.D4BuildManager-module-scss-module__e_491W__info{color:#2196f3;background:#2196f326;border:1px solid #2196f3}.D4BuildManager-module-scss-module__e_491W__saveModalInput,.D4BuildManager-module-scss-module__e_491W__loadModalInput{margin-bottom:20px}.D4BuildManager-module-scss-module__e_491W__saveModalTextBox,.D4BuildManager-module-scss-module__e_491W__loadModalTextBox{background-color:var(--input-bg);border:1px solid var(--input-border);color:#888;border-radius:8px;flex-direction:row;flex:1;align-items:center;gap:12px;width:100%;height:53px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.D4BuildManager-module-scss-module__e_491W__saveModalTextBox::placeholder,.D4BuildManager-module-scss-module__e_491W__loadModalTextBox::placeholder{color:#888}.D4BuildManager-module-scss-module__e_491W__saveModalButtons,.D4BuildManager-module-scss-module__e_491W__loadModalButtons{justify-content:flex-end;gap:12px;display:flex}.D4BuildManager-module-scss-module__e_491W__saveModalSaveButton,.D4BuildManager-module-scss-module__e_491W__loadModalLoadButton{background-color:var(--diablo-red);color:#fff;cursor:pointer;border:1px solid #79001a;border-radius:6px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.D4BuildManager-module-scss-module__e_491W__saveModalSaveButton:hover:not(:disabled),.D4BuildManager-module-scss-module__e_491W__loadModalLoadButton:hover:not(:disabled){background-color:#a00501;border-color:#8a0020;box-shadow:0 2px 4px #0003}.D4BuildManager-module-scss-module__e_491W__saveModalSaveButton:disabled,.D4BuildManager-module-scss-module__e_491W__loadModalLoadButton:disabled{border-color:var(--input-border);cursor:not-allowed;opacity:.6;background-color:#555}.D4BuildManager-module-scss-module__e_491W__saveModalCancelButton,.D4BuildManager-module-scss-module__e_491W__loadModalCancelButton{background-color:var(--input-bg);border:1px solid var(--input-border);color:#ceced9;cursor:pointer;border-radius:6px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.D4BuildManager-module-scss-module__e_491W__saveModalCancelButton:hover,.D4BuildManager-module-scss-module__e_491W__loadModalCancelButton:hover{background-color:#3a3a4a;border-color:#6a6a7a}@media (max-width:900px){.D4BuildManager-module-scss-module__e_491W__buildActions{width:100%}.D4BuildManager-module-scss-module__e_491W__buildActions button{flex:1;justify-content:center}}
.D4Planner-module-scss-module__JrgcCG__d4PlannerContainer{flex-direction:column;justify-content:flex-start;align-items:center;padding:20px;font-family:Inter,sans-serif;display:flex;position:relative}.D4Planner-module-scss-module__JrgcCG__d4PlannerContainer.D4Planner-module-scss-module__JrgcCG__plannerFullscreenElevated{z-index:1000}.D4Planner-module-scss-module__JrgcCG__filterOverlay{z-index:1;pointer-events:none;position:absolute;inset:0}.D4Planner-module-scss-module__JrgcCG__mainContent{border:1px solid var(--input-bg);z-index:2;border-radius:12px;min-width:1200px;max-width:1200px;position:relative}.D4Planner-module-scss-module__JrgcCG__tabContent{background:#13131b;border-bottom-right-radius:12px;border-bottom-left-radius:12px;flex:1;align-items:stretch;max-width:1600px;min-height:948px;padding:20px;display:flex}.D4Planner-module-scss-module__JrgcCG__tabPanelHidden{display:none!important}.D4Planner-module-scss-module__JrgcCG__rightColumn{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.D4Planner-module-scss-module__JrgcCG__D4Header{border-bottom:1px solid var(--input-bg);background-color:#1a1a2e;width:100%;height:70px}.D4Planner-module-scss-module__JrgcCG__D4SubHeader{border-bottom:1px solid var(--input-bg);background-color:#1a1a2e;width:100%;height:64px}.D4Planner-module-scss-module__JrgcCG__D4Tabs{border-bottom:1px solid var(--input-bg);width:100%}.D4Planner-module-scss-module__JrgcCG__tabsWrapper{border-top-left-radius:12px;border-top-right-radius:12px;width:100%;display:flex}.D4Planner-module-scss-module__JrgcCG__tab{background:var(--content-bg);border-right:1px solid var(--input-bg);cursor:pointer;flex:1;align-items:center;gap:8px;padding:12px 16px;transition:all .2s;display:flex;position:relative}.D4Planner-module-scss-module__JrgcCG__tab:hover{background:linear-gradient(145deg,#4a4a5f 0%,#3c3c4f 100%)}.D4Planner-module-scss-module__JrgcCG__tab:last-child{border-right:none}.D4Planner-module-scss-module__JrgcCG__activeTab{border-bottom:2px solid var(--diablo-red);background:linear-gradient(145deg,#630301 0% 100%);box-shadow:0 2px 8px #1a78e74d}.D4Planner-module-scss-module__JrgcCG__activeTab:hover{background:linear-gradient(145deg, var(--diablo-red) 0%, var(--diablo-red) 100%)}.D4Planner-module-scss-module__JrgcCG__tabName{color:#585868;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;text-align:center;flex:1;min-width:0;font-family:Diablo,sans-serif;font-size:18px;font-weight:500;overflow:hidden}.D4Planner-module-scss-module__JrgcCG__activeTab .D4Planner-module-scss-module__JrgcCG__tabName{color:#fff;font-weight:600}.D4Planner-module-scss-module__JrgcCG__placeholderContent{border:1px solid var(--input-bg);color:#8c939e;text-align:center;background:linear-gradient(145deg,#2a2a38 0%,#1e1e28 100%);border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:600px;font-size:18px;font-weight:500;display:flex}.D4Planner-module-scss-module__JrgcCG__notesContent{flex-direction:column;gap:16px;width:100%;display:flex}.D4Planner-module-scss-module__JrgcCG__notesStats{border:1px solid var(--input-bg);color:#8c939e;background:#0003;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.D4Planner-module-scss-module__JrgcCG__notesStats span{font-family:Inter,sans-serif}.D4Planner-module-scss-module__JrgcCG__notesTextarea{background:var(--input-bg);color:#ceced9;resize:none;border:1px solid #585868;border-radius:12px;flex:1;width:100%;min-height:500px;padding:16px;font-family:Inter,sans-serif;font-size:14px;line-height:1.6;transition:all .2s}.D4Planner-module-scss-module__JrgcCG__notesTextarea::placeholder{color:#666}.D4Planner-module-scss-module__JrgcCG__notesTextarea:focus{border-color:#800e0e;outline:none;box-shadow:0 0 0 2px #1a78e733}.D4Planner-module-scss-module__JrgcCG__showcaseContent{flex-direction:column;gap:16px;width:100%;margin:0 auto;display:flex}.D4Planner-module-scss-module__JrgcCG__showcaseHeader{text-align:center}.D4Planner-module-scss-module__JrgcCG__showcaseHeader h2{color:#fff;text-shadow:0 2px 4px #00000080;font-size:20px;font-weight:600}.D4Planner-module-scss-module__JrgcCG__showcaseHeader p{color:#8c939e;font-size:14px;line-height:1.4}.D4Planner-module-scss-module__JrgcCG__videoInputSection{background:linear-gradient(145deg,#2a2a38 0%,#1e1e28 100%);border:1px solid #585868;border-radius:12px;padding:16px}.D4Planner-module-scss-module__JrgcCG__inputGroup{flex-direction:column;gap:8px;display:flex}.D4Planner-module-scss-module__JrgcCG__inputGroup label{color:#fff;margin:0;font-size:14px;font-weight:500}.D4Planner-module-scss-module__JrgcCG__inputGroup .D4Planner-module-scss-module__JrgcCG__urlInput{border:1px solid var(--input-bg);color:#ceced9;background:#0000004d;border-radius:8px;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;transition:all .2s}.D4Planner-module-scss-module__JrgcCG__inputGroup .D4Planner-module-scss-module__JrgcCG__urlInput::placeholder{color:#666}.D4Planner-module-scss-module__JrgcCG__inputGroup .D4Planner-module-scss-module__JrgcCG__urlInput:focus{border-color:#800e0e;outline:none;box-shadow:0 0 0 2px #1a78e733}.D4Planner-module-scss-module__JrgcCG__videoContainer{border:1px solid var(--input-bg);background:linear-gradient(145deg,#2a2a38 0%,#1e1e28 100%);border-radius:12px;flex:1;padding:16px;overflow:hidden}.D4Planner-module-scss-module__JrgcCG__videoEmbed{border-radius:8px;width:100%;height:100%;min-height:400px;box-shadow:0 4px 16px #0000004d}.D4Planner-module-scss-module__JrgcCG__placeholderVideo{color:#8c939e;text-align:center;background:linear-gradient(145deg,#2a2a38 0%,#1e1e28 100%);border:1px solid #585868;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:400px;padding:60px 20px;display:flex}.D4Planner-module-scss-module__JrgcCG__placeholderIcon{color:red;filter:drop-shadow(0 2px 4px #00000080);margin-bottom:16px;font-size:48px}.D4Planner-module-scss-module__JrgcCG__placeholderVideo p{color:#8c939e;margin:0;font-size:16px;font-weight:500}.D4Planner-module-scss-module__JrgcCG__D4ViewFullGuideBar{border-bottom:1px solid var(--input-bg);background-color:#15151ee7;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:64px;padding:20px;display:flex}.D4Planner-module-scss-module__JrgcCG__D4ViewFullGuideBar button{height:40px;padding:10px}.D4Planner-module-scss-module__JrgcCG__versionSelector{color:#fff;align-items:center;gap:8px;font-size:14px;display:flex}.D4Planner-module-scss-module__JrgcCG__versionSelector span{font-weight:500}.D4Planner-module-scss-module__JrgcCG__versionSelector select{background-color:var(--input-bg);cursor:pointer;color:#ceced9;box-sizing:border-box;border:1px solid #585868;border-radius:5px;justify-content:space-between;align-items:center;height:40px;padding:2px 8px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.D4Planner-module-scss-module__JrgcCG__versionSelector select:focus{border-color:var(--diablo-red);outline:none}.D4Planner-module-scss-module__JrgcCG__versionSelector select option{color:#fff;background:#2a2a3a}.D4Planner-module-scss-module__JrgcCG__rightAds{z-index:2;background-color:#1a1a2e;width:300px;height:100%;position:relative}@media (max-width:1320px){.D4Planner-module-scss-module__JrgcCG__mainContent{width:100%;min-width:0}}@media (max-width:1200px){.D4Planner-module-scss-module__JrgcCG__mainContent{width:100%;min-width:100%}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft{flex-direction:column}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer{width:100%}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer .D4Planner-module-scss-module__JrgcCG__spentPoints,.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer .D4Planner-module-scss-module__JrgcCG__remainingPoints{flex:1}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__searchFilterContainer{width:100%}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__paragonBoardHeader{flex-direction:column;align-items:flex-start;height:fit-content}.D4Planner-module-scss-module__JrgcCG__rightAds{display:none}.D4Planner-module-scss-module__JrgcCG__tabContent{border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;gap:24px;width:100%;padding:20px}.D4Planner-module-scss-module__JrgcCG__tab{flex:1;padding:10px 12px}.D4Planner-module-scss-module__JrgcCG__tabName{font-size:13px}}@media (max-width:940px){.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__D4Tabs{padding:6px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__D4Tabs .D4Planner-module-scss-module__JrgcCG__tabsWrapper{display:none}}@media (max-width:900px){.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__D4ViewFullGuideBar{flex-direction:column;gap:10px;height:fit-content;padding:6px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__D4ViewFullGuideBar .D4Planner-module-scss-module__JrgcCG__buildControls,.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__D4ViewFullGuideBar .D4Planner-module-scss-module__JrgcCG__buildControls .D4Planner-module-scss-module__JrgcCG__buildManagerContainer{width:100%}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__D4ViewFullGuideBar .D4Planner-module-scss-module__JrgcCG__versionSelector{justify-content:flex-end;width:100%}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonBoardHeaderLeft{flex-direction:column}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonBoardHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer{width:100%}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonBoardHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer .D4Planner-module-scss-module__JrgcCG__spentPoints,.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonBoardHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer .D4Planner-module-scss-module__JrgcCG__remainingPoints{flex:1}}@media (max-width:768px){.D4Planner-module-scss-module__JrgcCG__tabContent{border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:100%;padding:0;display:flex}.D4Planner-module-scss-module__JrgcCG__tab{flex:1;padding:8px 10px}.D4Planner-module-scss-module__JrgcCG__tabName{font-size:12px}.D4Planner-module-scss-module__JrgcCG__placeholderContent{height:300px;font-size:16px}.D4Planner-module-scss-module__JrgcCG__notesContent{gap:12px;padding:16px}.D4Planner-module-scss-module__JrgcCG__notesStats{padding:6px 10px;font-size:11px}.D4Planner-module-scss-module__JrgcCG__notesTextarea{flex:1;min-height:400px;padding:12px;font-size:13px}.D4Planner-module-scss-module__JrgcCG__showcaseContent{gap:16px;padding:16px}.D4Planner-module-scss-module__JrgcCG__showcaseHeader h2{font-size:20px}.D4Planner-module-scss-module__JrgcCG__showcaseHeader p{font-size:14px}.D4Planner-module-scss-module__JrgcCG__videoInputSection{padding:16px}.D4Planner-module-scss-module__JrgcCG__inputGroup .D4Planner-module-scss-module__JrgcCG__urlInput{padding:10px 12px;font-size:13px}.D4Planner-module-scss-module__JrgcCG__videoContainer{padding:16px}.D4Planner-module-scss-module__JrgcCG__placeholderVideo{padding:40px 16px}.D4Planner-module-scss-module__JrgcCG__placeholderIcon{font-size:36px}.D4Planner-module-scss-module__JrgcCG__placeholderVideo p{font-size:14px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper,.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__paragonBoardWrapper .D4Planner-module-scss-module__JrgcCG__paragonBoardHeader,.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__warPlansWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper{padding:10px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeContainer{border-radius:0}}@media (max-width:680px){.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer .D4Planner-module-scss-module__JrgcCG__spentPoints,.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer .D4Planner-module-scss-module__JrgcCG__remainingPoints{min-width:190px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__paragonBoardWrapper .D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonBoardHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer .D4Planner-module-scss-module__JrgcCG__spentPointsValue,.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__paragonBoardWrapper .D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonBoardHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer .D4Planner-module-scss-module__JrgcCG__remainingPointsValue{padding:4px 10px}}@media (max-width:590px){.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer .D4Planner-module-scss-module__JrgcCG__spentPointsValue,.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer .D4Planner-module-scss-module__JrgcCG__remainingPointsValue{padding:4px 10px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__warPlansWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft{flex-direction:column}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__warPlansWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__remainingPoints{width:100%}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__warPlansWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__remainingPoints .D4Planner-module-scss-module__JrgcCG__remainingPointsValue{padding:4px 10px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__warPlansWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__searchContainer{width:100%}}@media (max-width:550px){.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer{height:36px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer img{display:none}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer .D4Planner-module-scss-module__JrgcCG__spentPoints,.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer .D4Planner-module-scss-module__JrgcCG__remainingPoints{justify-content:space-between;min-width:0;height:36px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer .D4Planner-module-scss-module__JrgcCG__pointsLabel{display:none}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__searchFilterContainer .D4Planner-module-scss-module__JrgcCG__searchContainer,.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__searchFilterContainer .D4Planner-module-scss-module__JrgcCG__filtersContainer{height:36px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__searchFilterContainer .D4Planner-module-scss-module__JrgcCG__filtersContainer .D4Planner-module-scss-module__JrgcCG__filtersButton{width:36px;min-width:36px;height:36px;min-height:36px;padding:6px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderRight{height:fit-content}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderRight .D4Planner-module-scss-module__JrgcCG__levelingPathToggleButton .D4Planner-module-scss-module__JrgcCG__levelingPathLabel{display:none}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderRight button{width:36px;min-width:36px;height:36px;min-height:36px;padding:6px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__paragonBoardWrapper .D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonBoardHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer{height:36px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__paragonBoardWrapper .D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonBoardHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer img{display:none}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__paragonBoardWrapper .D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonBoardHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer .D4Planner-module-scss-module__JrgcCG__spentPoints,.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__paragonBoardWrapper .D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonBoardHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer .D4Planner-module-scss-module__JrgcCG__remainingPoints{justify-content:space-between;gap:8px;min-width:0;height:36px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__paragonBoardWrapper .D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonBoardHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer .D4Planner-module-scss-module__JrgcCG__pointsLabel{display:none}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__paragonBoardWrapper .D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonBoardHeaderLeft .D4Planner-module-scss-module__JrgcCG__searchContainer{max-height:36px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__paragonBoardWrapper .D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonBoardHeaderRight{height:36px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__paragonBoardWrapper .D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonBoardHeaderRight button{width:36px;min-width:36px;height:36px;min-height:36px;padding:6px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__paragonBoardWrapper .D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonBoardHeaderRight .D4Planner-module-scss-module__JrgcCG__paragonFiltersContainer{height:36px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__paragonBoardWrapper .D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonBoardHeaderRight .D4Planner-module-scss-module__JrgcCG__paragonFiltersContainer .D4Planner-module-scss-module__JrgcCG__filtersButton{width:36px;min-width:36px;height:36px;min-height:36px;padding:6px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__warPlansWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__remainingPoints{min-width:0;height:36px;max-height:36px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__warPlansWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__remainingPoints img{width:24px;height:24px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__warPlansWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__searchContainer{height:36px;max-height:36px}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__warPlansWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderRight{height:fit-content}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__warPlansWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper .D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderRight button{width:36px;min-width:36px;height:36px;min-height:36px;padding:6px}}@media (max-width:480px){.D4Planner-module-scss-module__JrgcCG__d4PlannerContainer{padding:0}.D4Planner-module-scss-module__JrgcCG__mainContent{flex-direction:column;align-items:center;gap:12px;min-height:auto}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__versionSelector span{display:none}.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__versionSelector div,.D4Planner-module-scss-module__JrgcCG__mainContent .D4Planner-module-scss-module__JrgcCG__versionSelector select{width:100%}.D4Planner-module-scss-module__JrgcCG__gridSkillWrapper{width:100%;min-width:auto}.D4Planner-module-scss-module__JrgcCG__gearGridContent{gap:8px;padding:12px}.D4Planner-module-scss-module__JrgcCG__gearGrid{grid-template-rows:50px 1fr;grid-template-columns:80px 120px 80px;gap:8px;padding:12px}.D4Planner-module-scss-module__JrgcCG__gearSlot{min-width:60px;min-height:60px;padding:6px 4px}.D4Planner-module-scss-module__JrgcCG__gearSlotIcon{font-size:18px}.D4Planner-module-scss-module__JrgcCG__gearSlotName{max-width:50px;font-size:8px}.D4Planner-module-scss-module__JrgcCG__portraitFrame{min-width:80px;min-height:80px;padding:12px}.D4Planner-module-scss-module__JrgcCG__portraitIcon{font-size:28px}.D4Planner-module-scss-module__JrgcCG__characterName{font-size:10px}.D4Planner-module-scss-module__JrgcCG__socket{width:5px;height:5px;font-size:3px}.D4Planner-module-scss-module__JrgcCG__gemIcon{width:3px;height:3px}.D4Planner-module-scss-module__JrgcCG__showcaseContent{gap:12px;padding:12px}.D4Planner-module-scss-module__JrgcCG__notesContent{gap:8px;padding:12px}.D4Planner-module-scss-module__JrgcCG__notesStats{padding:4px 8px;font-size:10px}.D4Planner-module-scss-module__JrgcCG__notesTextarea{flex:1;min-height:300px;padding:10px;font-size:12px}.D4Planner-module-scss-module__JrgcCG__showcaseHeader h2{font-size:18px}.D4Planner-module-scss-module__JrgcCG__showcaseHeader p{font-size:13px}.D4Planner-module-scss-module__JrgcCG__videoInputSection{padding:12px}.D4Planner-module-scss-module__JrgcCG__inputGroup .D4Planner-module-scss-module__JrgcCG__urlInput{padding:8px 10px;font-size:12px}.D4Planner-module-scss-module__JrgcCG__videoContainer{padding:12px}.D4Planner-module-scss-module__JrgcCG__placeholderVideo{padding:30px 12px}.D4Planner-module-scss-module__JrgcCG__placeholderIcon{font-size:32px}.D4Planner-module-scss-module__JrgcCG__placeholderVideo p{font-size:13px}}.D4Planner-module-scss-module__JrgcCG__talentTreeContainer{background:#13131b;border-radius:8px;flex-direction:row;width:100%;height:1000px;min-height:1000px;max-height:1000px;display:flex;overflow:hidden}.D4Planner-module-scss-module__JrgcCG__talentTreeContainer .D4Planner-module-scss-module__JrgcCG__talentTreeSection{flex-direction:column;flex:1;height:100%;min-height:1000px;max-height:1000px;display:flex;overflow:hidden}.D4Planner-module-scss-module__JrgcCG__talentTreeContainer .D4Planner-module-scss-module__JrgcCG__talentTreeSection #D4Planner-module-scss-module__JrgcCG__icy-veins-diablo-4-talent-tree{background:#13131b;width:100%;height:100%;min-height:600px}.D4Planner-module-scss-module__JrgcCG__talentTreeContainer .D4Planner-module-scss-module__JrgcCG__levelingPathSection{border-left:1px solid var(--input-bg);background:#13131b;border-top-right-radius:8px;border-bottom-right-radius:8px;flex-direction:column;width:350px;min-width:350px;max-width:350px;height:100%;min-height:0;display:flex;overflow:hidden}.D4Planner-module-scss-module__JrgcCG__talentTreeFullScreen .D4Planner-module-scss-module__JrgcCG__talentTreeContainer{border-radius:0!important;flex:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}.D4Planner-module-scss-module__JrgcCG__talentTreeFullScreen .D4Planner-module-scss-module__JrgcCG__talentTreeContainer .D4Planner-module-scss-module__JrgcCG__talentTreeSection{height:100%!important;min-height:0!important;max-height:none!important}.D4Planner-module-scss-module__JrgcCG__talentTreeFullScreen .D4Planner-module-scss-module__JrgcCG__talentTreeContainer .D4Planner-module-scss-module__JrgcCG__talentTreeSection #D4Planner-module-scss-module__JrgcCG__icy-veins-diablo-4-talent-tree{min-height:0!important}@media (max-width:1200px){.D4Planner-module-scss-module__JrgcCG__talentTreeContainer .D4Planner-module-scss-module__JrgcCG__levelingPathSection{width:300px;min-width:300px;max-width:300px}}@media (max-width:768px){.D4Planner-module-scss-module__JrgcCG__talentTreeContainer{flex-direction:column!important;min-height:auto!important;max-height:none!important}.D4Planner-module-scss-module__JrgcCG__talentTreeContainer .D4Planner-module-scss-module__JrgcCG__talentTreeSection{width:100%!important;min-height:600px!important;max-height:none!important}.D4Planner-module-scss-module__JrgcCG__talentTreeContainer .D4Planner-module-scss-module__JrgcCG__levelingPathSection{border-left:none!important;border-top:1px solid var(--input-bg)!important;border-top-left-radius:0!important;border-top-right-radius:0!important;width:100%!important;min-width:100%!important;max-width:100%!important;min-height:400px!important;max-height:none!important}}.D4Planner-module-scss-module__JrgcCG__talentTreeLoadingState{color:#4ecdc4;text-align:center;background:#13131b;border-radius:8px;flex:1;justify-content:center;align-self:stretch;align-items:center;width:100%;min-width:0;min-height:1000px;font-size:1.2rem;display:flex}.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper{flex-direction:column;gap:12px;width:100%;display:flex}.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__container{flex-direction:column;flex:1;min-height:0;display:flex}.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__container .D4Planner-module-scss-module__JrgcCG__talentTreeContainer .D4Planner-module-scss-module__JrgcCG__talentTree{width:auto;border:1px solid #262634!important;border-top:none!important;border-bottom-right-radius:8px!important;border-bottom-left-radius:8px!important;flex-direction:column!important;flex:1!important;height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__container .D4Planner-module-scss-module__JrgcCG__talentTreeContainer .D4Planner-module-scss-module__JrgcCG__treeContainer{width:auto;height:100%;background-color:#1a1b1f!important}.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__container .D4Planner-module-scss-module__JrgcCG__talentTreeContainer .D4Planner-module-scss-module__JrgcCG__treeContainer .D4Planner-module-scss-module__JrgcCG__talentTreeSkillText{fill:#fff;font-family:Arial,Helvetica,sans-serif}.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTree .D4Planner-module-scss-module__JrgcCG__talentTreeEmbedHeader{border:2px solid var(--input-bg);color:#c8c4b8;border-top:none;justify-content:space-between;align-items:center;height:40px;padding:2px 8px;font-size:.85rem;display:flex}.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTree .D4Planner-module-scss-module__JrgcCG__talentTreeEmbedHeader i{font-size:1.2rem}.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTree .D4Planner-module-scss-module__JrgcCG__talentTreeEmbedHeader .D4Planner-module-scss-module__JrgcCG__embedButtons{justify-content:center;align-items:center;gap:10px;display:flex}.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTree.D4Planner-module-scss-module__JrgcCG__embed .D4Planner-module-scss-module__JrgcCG__talentTreeContainer{border:2px solid var(--input-bg);border-top:none;border-top-left-radius:0;border-top-right-radius:0}@media (max-height:1180px){.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTree.D4Planner-module-scss-module__JrgcCG__embed:not(.D4Planner-module-scss-module__JrgcCG__talentTreeFullScreen) .D4Planner-module-scss-module__JrgcCG__talentTreeContainer{height:calc(100vh - 200px)!important;min-height:0!important;max-height:none!important}.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTree.D4Planner-module-scss-module__JrgcCG__embed:not(.D4Planner-module-scss-module__JrgcCG__talentTreeFullScreen) .D4Planner-module-scss-module__JrgcCG__talentTreeContainer .D4Planner-module-scss-module__JrgcCG__talentTreeSection{min-height:0!important;max-height:none!important}.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTree.D4Planner-module-scss-module__JrgcCG__embed:not(.D4Planner-module-scss-module__JrgcCG__talentTreeFullScreen) .D4Planner-module-scss-module__JrgcCG__talentTreeContainer .D4Planner-module-scss-module__JrgcCG__talentTreeSection #D4Planner-module-scss-module__JrgcCG__icy-veins-diablo-4-talent-tree{min-height:0!important}.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTree.D4Planner-module-scss-module__JrgcCG__embed:not(.D4Planner-module-scss-module__JrgcCG__talentTreeFullScreen) .D4Planner-module-scss-module__JrgcCG__talentTreeContainer .D4Planner-module-scss-module__JrgcCG__levelingPathSection{min-height:0!important;max-height:none!important}}.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper .D4Planner-module-scss-module__JrgcCG__talentTree.D4Planner-module-scss-module__JrgcCG__talentTreeFullScreen{z-index:1000!important;background-color:#13131b!important;border-radius:0!important;flex-direction:column!important;width:100vw!important;height:100dvh!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper.D4Planner-module-scss-module__JrgcCG__talentTreeFullScreen{z-index:1000!important;background-color:#13131b!important;border-radius:0!important;width:100vw!important;height:100dvh!important;position:fixed!important;top:0!important;left:0!important}.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper.D4Planner-module-scss-module__JrgcCG__talentTreeFullScreen .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;z-index:1001!important;background-color:#13131bf2!important;max-width:100vw!important;margin:0!important;padding:12px!important}.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper.D4Planner-module-scss-module__JrgcCG__talentTreeFullScreen .D4Planner-module-scss-module__JrgcCG__talentTreeHeader{border-radius:0!important;max-width:calc(100vw - 24px)!important;margin:0!important;padding:0!important}.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper.D4Planner-module-scss-module__JrgcCG__talentTreeFullScreen .D4Planner-module-scss-module__JrgcCG__talentTreeContainer{flex:1!important;height:calc(100dvh - 85px)!important;min-height:auto!important;max-height:none!important;overflow:hidden!important}.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper.D4Planner-module-scss-module__JrgcCG__talentTreeFullScreen .D4Planner-module-scss-module__JrgcCG__talentTreeContainer #D4Planner-module-scss-module__JrgcCG__icy-veins-diablo-4-talent-tree{border-radius:8px!important;height:100%!important;min-height:auto!important;max-height:none!important}.D4Planner-module-scss-module__JrgcCG__talentTreeWrapper.D4Planner-module-scss-module__JrgcCG__talentTreeFullScreen .D4Planner-module-scss-module__JrgcCG__talentTreeContainer .D4Planner-module-scss-module__JrgcCG__talentTreeLoadingState{height:100%!important;min-height:0!important}.D4Planner-module-scss-module__JrgcCG__talentTreeHeaderWrapper{flex-direction:column;width:100%;display:flex}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader{flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;width:100%;height:53px;display:flex}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft{flex-direction:row;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer,.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft .D4Planner-module-scss-module__JrgcCG__searchFilterContainer{flex:1;gap:12px;display:flex}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderRight{flex-direction:row;flex-shrink:0;align-items:stretch;gap:12px;height:53px;margin-right:auto;display:flex}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader svg{color:#888;width:24px;height:24px;font-size:14px;font-weight:500}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__remainingPoints{background-color:var(--input-bg);color:#888;border:1px solid #585868;border-radius:8px;flex-direction:row;flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:220px;height:53px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__remainingPoints img{width:30px;height:32px}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__remainingPoints .D4Planner-module-scss-module__JrgcCG__remainingPointsValue{color:#9d003a;background-color:#191922;border-top:4px solid #13131ba9;border-radius:4px;padding:10px 24px;font-weight:800}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__spentPoints{background-color:var(--input-bg);color:#888;border:1px solid #585868;border-radius:8px;flex-direction:row;flex:1;justify-content:space-between;align-items:center;gap:12px;min-width:220px;height:53px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__spentPoints img{width:30px;height:32px}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__spentPoints .D4Planner-module-scss-module__JrgcCG__spentPointsValue{color:#4a9d00;background-color:#191922;border-top:4px solid #13131ba9;border-radius:4px;padding:10px 24px;font-weight:800}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__searchContainer{background-color:var(--input-bg);color:#888;border:1px solid #585868;border-radius:8px;flex-direction:row;flex:1;align-items:center;gap:12px;height:53px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__searchContainer input{color:#d4d4d4;background-color:#0000;border:none;outline:none;flex:1;justify-content:center;align-items:center;width:100%;height:100%;padding:0 12px;font-size:14px;font-weight:500}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__searchContainer .D4Planner-module-scss-module__JrgcCG__searchIcons{flex-direction:row;align-items:center;gap:12px;display:flex}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__searchContainer .D4Planner-module-scss-module__JrgcCG__searchIcons img{color:#888;pointer-events:none;width:24px;height:24px;font-size:14px;font-weight:500}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__filtersButton,.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__undoButton,.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__fullscreenButton,.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__resetButton{background-color:var(--input-bg);box-sizing:border-box;cursor:pointer;border:1px solid #585868;border-radius:8px;justify-content:center;align-items:center;width:53px;min-width:53px;height:53px;min-height:53px;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__filtersButton:hover,.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__undoButton:hover,.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__fullscreenButton:hover,.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__resetButton:hover{background-color:#3a3a4a;border-color:#6a6a7a}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__filtersButton.D4Planner-module-scss-module__JrgcCG__active,.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__undoButton.D4Planner-module-scss-module__JrgcCG__active,.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__fullscreenButton.D4Planner-module-scss-module__JrgcCG__active,.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__resetButton.D4Planner-module-scss-module__JrgcCG__active{background-color:#4a4a5f;border-color:#7a7a8a}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__levelingPathToggleButton{background-color:var(--input-bg);box-sizing:border-box;white-space:nowrap;cursor:pointer;border:1px solid #585868;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:auto;min-width:0;height:53px;min-height:53px;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__levelingPathToggleButton:hover{background-color:#3a3a4a;border-color:#6a6a7a}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__levelingPathToggleButton.D4Planner-module-scss-module__JrgcCG__active{background-color:#4a4a5f;border-color:#7a7a8a}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__levelingPathToggleButton .D4Planner-module-scss-module__JrgcCG__levelingPathLabel{color:#888;font-size:14px;font-weight:500}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__levelingPathToggleButton.D4Planner-module-scss-module__JrgcCG__active .D4Planner-module-scss-module__JrgcCG__levelingPathLabel,.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__levelingPathToggleButton.D4Planner-module-scss-module__JrgcCG__active svg{color:#d4d4d4}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__filtersContainer{align-items:center;height:53px;display:flex;position:relative}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown{z-index:1000;background-color:#1a1a2e;border:1px solid #585868;border-radius:8px;min-width:250px;margin-top:8px;padding:16px;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #0000004d}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown .D4Planner-module-scss-module__JrgcCG__filtersHeader{border-bottom:1px solid var(--input-bg);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown .D4Planner-module-scss-module__JrgcCG__filtersHeader h4{color:#d4d4d4;margin:0;font-size:14px;font-weight:600}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown .D4Planner-module-scss-module__JrgcCG__filtersHeader .D4Planner-module-scss-module__JrgcCG__clearFiltersButton{color:#fff;cursor:pointer;background-color:#79001a;border:1px solid #9a0020;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown .D4Planner-module-scss-module__JrgcCG__filtersHeader .D4Planner-module-scss-module__JrgcCG__clearFiltersButton:hover{background-color:#9a0020}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown .D4Planner-module-scss-module__JrgcCG__tagsList{flex-direction:column;gap:8px;max-height:200px;display:flex;overflow-y:auto}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown .D4Planner-module-scss-module__JrgcCG__tagsList .D4Planner-module-scss-module__JrgcCG__tagCheckbox{cursor:pointer;color:#d4d4d4;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown .D4Planner-module-scss-module__JrgcCG__tagsList .D4Planner-module-scss-module__JrgcCG__tagCheckbox input[type=checkbox]{accent-color:#9d003a;width:16px;height:16px}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown .D4Planner-module-scss-module__JrgcCG__tagsList .D4Planner-module-scss-module__JrgcCG__tagCheckbox span{flex:1}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown .D4Planner-module-scss-module__JrgcCG__tagsList .D4Planner-module-scss-module__JrgcCG__tagCheckbox:hover{color:#fff}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__resetButton{background-color:#79001a!important}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__resetButton svg{color:#fff!important}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__resetButton:hover{background-color:#9a0020!important}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__centerButton{background-color:var(--input-bg);box-sizing:border-box;cursor:pointer;border:1px solid #585868;border-radius:8px;justify-content:center;align-items:center;width:53px;min-width:53px;height:53px;min-height:53px;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__centerButton:hover{background-color:#3a3a4a;border-color:#6a6a7a}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__centerButton.D4Planner-module-scss-module__JrgcCG__active{background-color:#4a4a5f;border-color:#7a7a8a}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__centerButton svg{color:#888;width:24px;height:24px}@media (max-width:1320px){.D4Planner-module-scss-module__JrgcCG__talentTreeHeader{flex-direction:column;align-items:flex-end;height:fit-content}.D4Planner-module-scss-module__JrgcCG__talentTreeHeader .D4Planner-module-scss-module__JrgcCG__talentTreeHeaderLeft{width:100%}}.D4Planner-module-scss-module__JrgcCG__warPlansWrapper{flex-direction:column;flex:1;align-self:stretch;gap:12px;width:100%;min-height:0;display:flex}.D4Planner-module-scss-module__JrgcCG__warPlansWrapper.D4Planner-module-scss-module__JrgcCG__warPlansFullScreen{z-index:1000!important;background-color:#13131b!important;border-radius:0!important;width:100vw!important;height:100dvh!important;padding:12px!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}.D4Planner-module-scss-module__JrgcCG__warPlansWrapper.D4Planner-module-scss-module__JrgcCG__warPlansFullScreen [data-war-plans-root]{flex-direction:column!important;flex:1!important;min-height:0!important;max-height:none!important;display:flex!important;overflow:hidden!important}.D4Planner-module-scss-module__JrgcCG__warPlansWrapper.D4Planner-module-scss-module__JrgcCG__warPlansFullScreen [data-war-plans-tree-mount]{flex:1!important;min-height:0!important;max-height:none!important}.D4Planner-module-scss-module__JrgcCG__warPlansWrapper.D4Planner-module-scss-module__JrgcCG__warPlansFullScreen [data-war-plans-tree-mount] #icy-veins-diablo-4-war-plans{height:100%!important;min-height:100%!important}.D4Planner-module-scss-module__JrgcCG__paragonBoardWrapper{flex-direction:column;gap:12px;width:100%;display:flex}.D4Planner-module-scss-module__JrgcCG__paragonBoardWrapper.D4Planner-module-scss-module__JrgcCG__paragonFullScreen{z-index:1000!important;background-color:#13131b!important;border-radius:0!important;width:100vw!important;height:100dvh!important;position:fixed!important;top:0!important;left:0!important}.D4Planner-module-scss-module__JrgcCG__paragonBoardWrapper.D4Planner-module-scss-module__JrgcCG__paragonFullScreen .D4Planner-module-scss-module__JrgcCG__paragonBoardHeader{max-width:calc(100vw - 24px)!important;margin:12px 12px 0!important}.D4Planner-module-scss-module__JrgcCG__paragonBoardWrapper.D4Planner-module-scss-module__JrgcCG__paragonFullScreen>div:last-child{flex:1!important;height:calc(100dvh - 85px)!important}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;width:100%;height:53px;display:flex}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader svg{color:#888;width:24px;height:24px;font-size:14px;font-weight:500}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonBoardHeaderLeft{gap:12px;width:100%;display:flex}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonBoardHeaderLeft .D4Planner-module-scss-module__JrgcCG__pointsContainer,.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonBoardHeaderRight{gap:12px;display:flex}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__remainingPoints{background-color:var(--input-bg);color:#888;border:1px solid #585868;border-radius:8px;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;min-width:190px;height:53px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__remainingPoints img{width:30px;height:32px}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__remainingPoints .D4Planner-module-scss-module__JrgcCG__remainingPointsValue{color:#9d003a;background-color:#191922;border-top:4px solid #13131ba9;border-radius:4px;padding:10px 24px;font-weight:800}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__spentPoints{background-color:var(--input-bg);color:#888;border:1px solid #585868;border-radius:8px;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;min-width:190px;height:53px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__spentPoints img{width:30px;height:32px}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__spentPoints .D4Planner-module-scss-module__JrgcCG__spentPointsValue{color:#4a9d00;background-color:#191922;border-top:4px solid #13131ba9;border-radius:4px;padding:10px 24px;font-weight:800}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__searchContainer{background-color:var(--input-bg);color:#888;border:1px solid #585868;border-radius:8px;flex-direction:row;flex:1;align-items:center;gap:12px;height:53px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__searchContainer input{color:#d4d4d4;background-color:#0000;border:none;outline:none;flex:1;justify-content:center;align-items:center;width:100%;height:100%;padding:0 12px;font-size:14px;font-weight:500}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__searchContainer .D4Planner-module-scss-module__JrgcCG__searchIcons{flex-direction:row;align-items:center;gap:12px;display:flex}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__searchContainer .D4Planner-module-scss-module__JrgcCG__searchIcons img{color:#888;pointer-events:none;width:24px;height:24px;font-size:14px;font-weight:500}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__filtersButton,.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__fullscreenButton,.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__resetButton{background-color:var(--input-bg);aspect-ratio:1;cursor:pointer;border:1px solid #585868;border-radius:8px;justify-content:center;align-items:center;height:100%;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__filtersButton:hover,.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__fullscreenButton:hover,.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__resetButton:hover{background-color:#3a3a4a;border-color:#6a6a7a}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__filtersButton.D4Planner-module-scss-module__JrgcCG__active,.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__fullscreenButton.D4Planner-module-scss-module__JrgcCG__active,.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__resetButton.D4Planner-module-scss-module__JrgcCG__active{background-color:#4a4a5f;border-color:#7a7a8a}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__filtersButton svg,.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__fullscreenButton svg,.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__resetButton svg{color:#888;width:24px;height:24px}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__resetButton{background-color:#79001a!important}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__resetButton svg{color:#fff!important}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__resetButton:hover{background-color:#9a0020!important}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__paragonFiltersContainer{align-items:center;height:53px;display:flex;position:relative}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__centerButton{background-color:var(--input-bg);aspect-ratio:1;cursor:pointer;border:1px solid #585868;border-radius:8px;justify-content:center;align-items:center;height:100%;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__centerButton:hover{background-color:#3a3a4a;border-color:#6a6a7a}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__centerButton.D4Planner-module-scss-module__JrgcCG__active{background-color:#4a4a5f;border-color:#7a7a8a}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__centerButton svg{color:#888;width:24px;height:24px}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown{z-index:1000;background-color:#1a1a2e;border:1px solid #585868;border-radius:8px;min-width:250px;margin-top:8px;padding:16px;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #0000004d}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown .D4Planner-module-scss-module__JrgcCG__filtersHeader{border-bottom:1px solid var(--input-bg);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown .D4Planner-module-scss-module__JrgcCG__filtersHeader h4{color:#d4d4d4;margin:0;font-size:14px;font-weight:600}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown .D4Planner-module-scss-module__JrgcCG__filtersHeader .D4Planner-module-scss-module__JrgcCG__clearFiltersButton{color:#fff;cursor:pointer;background-color:#79001a;border:1px solid #9a0020;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown .D4Planner-module-scss-module__JrgcCG__filtersHeader .D4Planner-module-scss-module__JrgcCG__clearFiltersButton:hover{background-color:#9a0020}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown .D4Planner-module-scss-module__JrgcCG__tagsList{flex-direction:column;gap:8px;max-height:200px;display:flex;overflow-y:auto}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown .D4Planner-module-scss-module__JrgcCG__tagsList .D4Planner-module-scss-module__JrgcCG__tagCheckbox{cursor:pointer;color:#d4d4d4;align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown .D4Planner-module-scss-module__JrgcCG__tagsList .D4Planner-module-scss-module__JrgcCG__tagCheckbox input[type=checkbox]{accent-color:#9d003a;width:16px;height:16px}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown .D4Planner-module-scss-module__JrgcCG__tagsList .D4Planner-module-scss-module__JrgcCG__tagCheckbox span{flex:1}.D4Planner-module-scss-module__JrgcCG__paragonBoardHeader .D4Planner-module-scss-module__JrgcCG__filtersDropdown .D4Planner-module-scss-module__JrgcCG__tagsList .D4Planner-module-scss-module__JrgcCG__tagCheckbox:hover{color:#fff}.D4Planner-module-scss-module__JrgcCG__paragonFullScreenHeader{max-width:calc(100vw - 24px);margin:12px 12px 0}.D4Planner-module-scss-module__JrgcCG__levelingPathContainer{border-top-right-radius:8px;border-bottom-right-radius:8px;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.D4Planner-module-scss-module__JrgcCG__closeButton{z-index:1002;cursor:pointer;background-color:var(--input-bg);border:1px solid #585868;border-radius:8px;justify-content:center;align-items:center;width:62px;height:62px;padding:12px;font-size:14px;transition:all .2s;display:flex;position:fixed;top:20px;right:20px}.D4Planner-module-scss-module__JrgcCG__closeButton svg{color:#fff;aspect-ratio:1;justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;display:flex}.D4Planner-module-scss-module__JrgcCG__closeButton:hover{transform:scale(1.1)}.D4Planner-module-scss-module__JrgcCG__levelingPathBackground{opacity:.5;z-index:0;pointer-events:none;background-image:url(/_next/static/media/d4-ui-background.211f3dca.webp);background-position:50%;background-repeat:repeat;background-size:contain;border-top-right-radius:8px;border-bottom-right-radius:8px;position:absolute;inset:0}.D4Planner-module-scss-module__JrgcCG__levelingPathBackground:after{content:"";background-blend-mode:multiply;opacity:.3;z-index:0;background-image:url(../media/d4-ui-background2.05pei1x1wrt2u.webp);background-position:50%;background-repeat:repeat;background-size:contain;border-top-right-radius:8px;border-bottom-right-radius:8px;position:absolute;inset:0}.D4Planner-module-scss-module__JrgcCG__paragonBoardContainer{background:#13131b;border-radius:8px;flex-direction:column;width:100%;height:100%;min-height:600px;display:flex;overflow:hidden}.D4Planner-module-scss-module__JrgcCG__paragonBoardContainer #D4Planner-module-scss-module__JrgcCG__icy-veins-diablo-4-paragon-board{background:#13131b;width:100%;height:100%;min-height:600px}.D4Planner-module-scss-module__JrgcCG__resetModal{border:1px solid var(--input-bg);color:#ceced9;border-radius:12px;min-width:320px;font-family:Inter,sans-serif;overflow:hidden;box-shadow:0 8px 32px #0009}.D4Planner-module-scss-module__JrgcCG__resetModalHeader{border-bottom:1px solid var(--input-bg);background:var(--content-bg);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.D4Planner-module-scss-module__JrgcCG__resetModalHeader h3{color:#fff;margin:0;font-size:18px;font-weight:600}.D4Planner-module-scss-module__JrgcCG__resetModalCloseBtn{color:#8c939e;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:24px;transition:all .2s}.D4Planner-module-scss-module__JrgcCG__resetModalCloseBtn:hover{color:#fff;background:#ffffff1a}.D4Planner-module-scss-module__JrgcCG__resetModalButtons{background:var(--content-bg);border-radius:0 0 12px 12px;flex-direction:column;gap:10px;padding:20px 24px;display:flex}.D4Planner-module-scss-module__JrgcCG__resetModalBtnSecondary{background:var(--icy-blue);border:1px solid var(--icy-blue);color:#fff;cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.D4Planner-module-scss-module__JrgcCG__resetModalBtnSecondary span{opacity:.85;font-size:11px;font-weight:400}.D4Planner-module-scss-module__JrgcCG__resetModalBtnSecondary:hover{background:0 0}.D4Planner-module-scss-module__JrgcCG__resetModalBtnDanger{background:var(--diablo-red);border:1px solid var(--diablo-red);color:#fff;cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:3px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.D4Planner-module-scss-module__JrgcCG__resetModalBtnDanger span{opacity:.85;font-size:11px;font-weight:400}.D4Planner-module-scss-module__JrgcCG__resetModalBtnDanger:hover{background:0 0}.D4Planner-module-scss-module__JrgcCG__resetModalBtnCancel{background:var(--input-bg);border:1px solid var(--input-bg);color:#ceced9;cursor:pointer;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.D4Planner-module-scss-module__JrgcCG__resetModalBtnCancel:hover{color:#fff;background:0 0}
.D4LevelingPath-module-scss-module__-a2IkW__levelingPathContainer{z-index:1;border-top-right-radius:8px;border-bottom-right-radius:8px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.D4LevelingPath-module-scss-module__-a2IkW__levelingPathHeader{border-bottom:1px solid var(--input-bg);justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.D4LevelingPath-module-scss-module__-a2IkW__levelingPathHeader h2{color:#fff;text-shadow:0 2px 4px #00000080;font-size:18px;font-weight:600}.D4LevelingPath-module-scss-module__-a2IkW__levelingPathHeader p{color:#8c939e;font-size:14px;font-weight:400}.D4LevelingPath-module-scss-module__-a2IkW__levelingPathHeader button{background:var(--input-bg);cursor:pointer;color:#8c939e;border:1px solid #585868;border-radius:5px;justify-content:center;align-items:center;padding:5px;font-size:14px;display:flex}.D4LevelingPath-module-scss-module__-a2IkW__levelingPathContent{scrollbar-width:thin;scrollbar-color:#fff3 #0003;flex:1;min-height:0;overflow-y:auto}.D4LevelingPath-module-scss-module__-a2IkW__levelingPathContent::-webkit-scrollbar{width:3px!important}.D4LevelingPath-module-scss-module__-a2IkW__levelingPathContent::-webkit-scrollbar-track{background:#0003;border-radius:4px}.D4LevelingPath-module-scss-module__-a2IkW__levelingPathContent::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.D4LevelingPath-module-scss-module__-a2IkW__levelingPathContent::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.D4LevelingPath-module-scss-module__-a2IkW__emptyState{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:40px 20px;display:flex}.D4LevelingPath-module-scss-module__-a2IkW__emptyState p{color:#8c939e;margin:0 0 8px;font-size:16px;font-weight:500}.D4LevelingPath-module-scss-module__-a2IkW__emptyState span{color:#6b7280;max-width:200px;font-size:14px;line-height:1.4}.D4LevelingPath-module-scss-module__-a2IkW__skillList{flex-direction:column;max-height:100%;display:flex}.D4LevelingPath-module-scss-module__-a2IkW__skillItem{border-bottom:1px solid var(--input-bg);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding:6px 12px 6px 4px;transition:background .2s,border-color .2s,box-shadow .2s;display:flex}.D4LevelingPath-module-scss-module__-a2IkW__skillItem.D4LevelingPath-module-scss-module__-a2IkW__editable{cursor:grab}.D4LevelingPath-module-scss-module__-a2IkW__skillItem.D4LevelingPath-module-scss-module__-a2IkW__editable:active{cursor:grabbing}.D4LevelingPath-module-scss-module__-a2IkW__skillItem:hover{background:linear-gradient(145deg,#512727 0%,#430d0d 100%);border-color:#5a5a6f;box-shadow:0 4px 12px #0000004d}.D4LevelingPath-module-scss-module__-a2IkW__skillItem:hover .D4LevelingPath-module-scss-module__-a2IkW__dragHandle{color:#fff}.D4LevelingPath-module-scss-module__-a2IkW__skillItem:hover .D4LevelingPath-module-scss-module__-a2IkW__deleteButton{opacity:1}.D4LevelingPath-module-scss-module__-a2IkW__skillItem.D4LevelingPath-module-scss-module__-a2IkW__dragging{opacity:.5;z-index:1000;box-shadow:0 8px 20px #0006}.D4LevelingPath-module-scss-module__-a2IkW__skillItem.D4LevelingPath-module-scss-module__-a2IkW__dragOver{background:linear-gradient(145deg,#4a2d2d 0%,#2e1a1a 100%);border-top:2px solid #de4a4a}.D4LevelingPath-module-scss-module__-a2IkW__dragHandle{color:#8c939e;cursor:grab;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:4px;display:flex}.D4LevelingPath-module-scss-module__-a2IkW__dragHandle:active{cursor:grabbing}.D4LevelingPath-module-scss-module__-a2IkW__deleteButton{color:#8c939e;opacity:.55;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:4px;padding:0;transition:all .2s;display:flex}.D4LevelingPath-module-scss-module__-a2IkW__deleteButton:hover{color:#fff;opacity:1;background:#de4a4a59}.D4LevelingPath-module-scss-module__-a2IkW__levelNumber{color:#fff;text-shadow:0 1px 2px #00000080;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:32px;font-size:14px;font-weight:600;display:flex}.D4LevelingPath-module-scss-module__-a2IkW__skillIcon{border:1px solid var(--input-bg);background:linear-gradient(145deg,#1a1a2e 0%,#0f0f16 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-left:8px;margin-right:8px;display:flex;overflow:hidden}.D4LevelingPath-module-scss-module__-a2IkW__skillIcon img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;user-drag:none;width:100%;height:100%}.D4LevelingPath-module-scss-module__-a2IkW__skillIcon:empty:before{content:"🔮";color:#8c939e;font-size:20px}.D4LevelingPath-module-scss-module__-a2IkW__skillInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.D4LevelingPath-module-scss-module__-a2IkW__skillName{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;line-height:1.2;overflow:hidden}.D4LevelingPath-module-scss-module__-a2IkW__skillRank{color:#8c939e;opacity:.8;font-size:11px;font-weight:400}.D4LevelingPath-module-scss-module__-a2IkW__skillDeactivated{color:#8c939e}.D4LevelingPath-module-scss-module__-a2IkW__round{border-radius:50%}.D4LevelingPath-module-scss-module__-a2IkW__skillType{color:#8c939e;text-transform:capitalize;opacity:.8;font-size:12px;font-weight:400}@media (max-width:768px){.D4LevelingPath-module-scss-module__-a2IkW__levelingPathContainer{border-radius:8px}.D4LevelingPath-module-scss-module__-a2IkW__levelingPathHeader{padding:12px 16px}.D4LevelingPath-module-scss-module__-a2IkW__levelingPathHeader h2{font-size:16px}.D4LevelingPath-module-scss-module__-a2IkW__levelingPathHeader p{font-size:13px}.D4LevelingPath-module-scss-module__-a2IkW__levelingPathContent{padding:12px}.D4LevelingPath-module-scss-module__-a2IkW__skillItem{gap:10px;padding:10px}.D4LevelingPath-module-scss-module__-a2IkW__levelNumber{width:28px;height:28px;font-size:12px}.D4LevelingPath-module-scss-module__-a2IkW__skillIcon{width:36px;height:36px}.D4LevelingPath-module-scss-module__-a2IkW__skillName{font-size:13px}.D4LevelingPath-module-scss-module__-a2IkW__skillType{font-size:11px}}@media (max-width:480px){.D4LevelingPath-module-scss-module__-a2IkW__skillItem{gap:8px;padding:8px}.D4LevelingPath-module-scss-module__-a2IkW__levelNumber{width:24px;height:24px;font-size:11px}.D4LevelingPath-module-scss-module__-a2IkW__skillIcon{width:32px;height:32px}.D4LevelingPath-module-scss-module__-a2IkW__skillName{font-size:12px}}
.D4DruidMechanic-module-scss-module__0uAMva__druidMechanicContainer{background-color:#11131c99;background-image:url(../media/class-mechanics-bg.37r2slqe73dq1.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-bottom-left-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;font-family:Inter,sans-serif;display:flex;position:relative}.D4DruidMechanic-module-scss-module__0uAMva__boonGrid{flex-direction:column;gap:12px;width:100%;padding:28px 48px;display:flex}.D4DruidMechanic-module-scss-module__0uAMva__boonRow{isolation:isolate;justify-content:flex-start;align-items:center;gap:0;width:100%;display:flex}.D4DruidMechanic-module-scss-module__0uAMva__nodePath{pointer-events:none;z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;flex:1 1 0;align-self:center;min-width:8px;height:25px;margin-left:-14px;margin-right:-14px}.D4DruidMechanic-module-scss-module__0uAMva__boonSlot{cursor:pointer;z-index:1;border-radius:8px;justify-content:center;align-items:center;width:64px;height:64px;transition:all .2s;display:flex;position:relative}.D4DruidMechanic-module-scss-module__0uAMva__boonSlot.D4DruidMechanic-module-scss-module__0uAMva__typeIcon{cursor:default;-webkit-user-select:none;user-select:none}.D4DruidMechanic-module-scss-module__0uAMva__boonSlot.D4DruidMechanic-module-scss-module__0uAMva__disabledBoon{cursor:not-allowed;filter:grayscale(85%)brightness(.75)}.D4DruidMechanic-module-scss-module__0uAMva__boonSlot.D4DruidMechanic-module-scss-module__0uAMva__disabledBoon:hover{border-color:var(--row-hover-bg);transform:none;box-shadow:0 4px 16px #0000004d}.D4DruidMechanic-module-scss-module__0uAMva__boonSlot.D4DruidMechanic-module-scss-module__0uAMva__disabledBoon:active{transform:none}.D4DruidMechanic-module-scss-module__0uAMva__boonSlotIcon{border-radius:6px;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;max-height:100%;display:flex;overflow:hidden}.D4DruidMechanic-module-scss-module__0uAMva__boonSlotIcon.D4DruidMechanic-module-scss-module__0uAMva__animalSlotIcon,.D4DruidMechanic-module-scss-module__0uAMva__boonSlotIcon.D4DruidMechanic-module-scss-module__0uAMva__powerBoonSlotIcon{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.D4DruidMechanic-module-scss-module__0uAMva__boonSlotIcon img{object-fit:contain;border-radius:6px;width:auto;max-width:80%;height:auto;max-height:80%}.D4DruidMechanic-module-scss-module__0uAMva__boonSlotIcon span{filter:drop-shadow(0 1px 2px #00000080);color:#8c939e;font-size:18px;font-weight:600}@media (max-width:768px){.D4DruidMechanic-module-scss-module__0uAMva__boonGrid{gap:6px;padding:12px}.D4DruidMechanic-module-scss-module__0uAMva__boonRow{gap:0}.D4DruidMechanic-module-scss-module__0uAMva__nodePath{margin-left:-10px;margin-right:-10px}.D4DruidMechanic-module-scss-module__0uAMva__boonSlot{width:50px;height:48px}.D4DruidMechanic-module-scss-module__0uAMva__boonSlotIcon span{font-size:16px}}@media (max-width:480px){.D4DruidMechanic-module-scss-module__0uAMva__boonGrid{gap:4px;padding:8px}.D4DruidMechanic-module-scss-module__0uAMva__boonRow{gap:0}.D4DruidMechanic-module-scss-module__0uAMva__nodePath{height:26px;margin-left:-8px;margin-right:-8px}.D4DruidMechanic-module-scss-module__0uAMva__boonSlot{width:45px;height:43px}.D4DruidMechanic-module-scss-module__0uAMva__boonSlotIcon span{font-size:14px}}
.D4BarbarianMechanic-module-scss-module__dB04ra__barbarianMechanicContainer{background-image:url(../media/class-mechanics-bg.37r2slqe73dq1.webp);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex-direction:column;justify-content:center;align-items:center;max-height:400px;padding:15px 30px;font-family:Inter,sans-serif;display:flex}.D4BarbarianMechanic-module-scss-module__dB04ra__expertiseDisplayContainer{flex-direction:row;align-items:center;gap:16px;max-height:100%;display:flex}.D4BarbarianMechanic-module-scss-module__dB04ra__slotAndRankContainer{flex-direction:column;align-items:center;gap:4px;display:flex}.D4BarbarianMechanic-module-scss-module__dB04ra__circularElement{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;transition:all .2s;display:flex;position:relative;overflow:visible}.D4BarbarianMechanic-module-scss-module__dB04ra__circularElement:active{transform:translateY(0)}.D4BarbarianMechanic-module-scss-module__dB04ra__circularElement span{color:#fff;text-align:center;text-shadow:0 1px 2px #00000080;font-size:12px;font-weight:600}.D4BarbarianMechanic-module-scss-module__dB04ra__circularElement.D4BarbarianMechanic-module-scss-module__dB04ra__selectedActive:before{content:"";z-index:0;background-image:url(https://static.icy-veins.com/wp/static/d4/latest/images/class_mechanics/barbarian/technique_background_active.webp);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.D4BarbarianMechanic-module-scss-module__dB04ra__circularElement.D4BarbarianMechanic-module-scss-module__dB04ra__selectedActive:after{content:"";z-index:1;background-image:url(https://static.icy-veins.com/wp/static/d4/latest/images/class_mechanics/barbarian/technique_frame_active.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.D4BarbarianMechanic-module-scss-module__dB04ra__circularElement.D4BarbarianMechanic-module-scss-module__dB04ra__selectedInactive:before{content:"";z-index:0;background-image:url(https://static.icy-veins.com/wp/static/d4/latest/images/class_mechanics/barbarian/technique_background_inactive.webp);background-position:50%;background-size:cover;width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.D4BarbarianMechanic-module-scss-module__dB04ra__circularElement.D4BarbarianMechanic-module-scss-module__dB04ra__selectedInactive:after{content:"";z-index:1;background-image:url(https://static.icy-veins.com/wp/static/d4/latest/images/class_mechanics/barbarian/technique_frame_inactive.webp);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.D4BarbarianMechanic-module-scss-module__dB04ra__equippedExpertise{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.D4BarbarianMechanic-module-scss-module__dB04ra__equippedExpertise img{object-fit:contain;z-index:2;border-radius:50%;width:auto;max-width:80%;height:auto;max-height:80%;position:relative}.D4BarbarianMechanic-module-scss-module__dB04ra__equippedExpertise span{color:#fff;text-shadow:0 1px 2px #00000080;z-index:2;font-size:20px;font-weight:600;position:relative}.D4BarbarianMechanic-module-scss-module__dB04ra__rankInputContainer{align-items:center;gap:8px;display:flex}.D4BarbarianMechanic-module-scss-module__dB04ra__rankInputContainer:hover{border-color:#800e0e;box-shadow:0 4px 12px #0000004d}.D4BarbarianMechanic-module-scss-module__dB04ra__rankDescription{max-width:400px;max-height:150px;padding:12px;overflow:auto}.D4BarbarianMechanic-module-scss-module__dB04ra__rankText{color:#bebecc;margin-bottom:8px;font-size:.9rem;line-height:1.4}.D4BarbarianMechanic-module-scss-module__dB04ra__rankText .icy-tt-number{color:gold}.D4BarbarianMechanic-module-scss-module__dB04ra__rankText .icy-tt-white{color:#e3e0d9}.D4BarbarianMechanic-module-scss-module__dB04ra__rankText .icy-tt-label{color:#8c939e}.D4BarbarianMechanic-module-scss-module__dB04ra__bonusText{color:#bebecc;border-top:1px solid var(--input-bg);margin-top:8px;padding-top:8px;font-size:.9rem;line-height:1.4}.D4BarbarianMechanic-module-scss-module__dB04ra__bonusText .icy-tt-number{color:gold}.D4BarbarianMechanic-module-scss-module__dB04ra__bonusText .icy-tt-white{color:#e3e0d9}.D4BarbarianMechanic-module-scss-module__dB04ra__bonusText .icy-tt-label{color:#8c939e}.D4BarbarianMechanic-module-scss-module__dB04ra__rankLabel{color:#fff;text-shadow:0 1px 2px #00000080;white-space:nowrap;font-size:14px;font-weight:600}.D4BarbarianMechanic-module-scss-module__dB04ra__rankInput{border:1px solid var(--input-bg);color:#fff;text-align:center;background:#0000004d;border-radius:4px;width:50px;padding:4px 8px;font-size:14px;font-weight:600;transition:all .2s}.D4BarbarianMechanic-module-scss-module__dB04ra__rankInput::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.D4BarbarianMechanic-module-scss-module__dB04ra__rankInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.D4BarbarianMechanic-module-scss-module__dB04ra__rankInput[type=number]{-moz-appearance:textfield}.D4BarbarianMechanic-module-scss-module__dB04ra__rankInput:hover{border-color:#800e0e}.D4BarbarianMechanic-module-scss-module__dB04ra__rankInput:focus{border-color:#800e0e;outline:none;box-shadow:0 0 0 2px #800e0e33}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationGrid{flex-direction:column;gap:12px;padding:20px 16px;display:flex}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOption{border:1px solid var(--input-bg);cursor:pointer;background:#0000004d;border-radius:6px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOption:hover{background:#800e0e1a;border-color:#800e0e;transform:translateY(-1px)}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOption.D4BarbarianMechanic-module-scss-module__dB04ra__selectedSpecialization{background:#800e0e33;border-color:#800e0e;box-shadow:0 0 10px #800e0e4d}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOptionIcon{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOptionIcon img{object-fit:contain;filter:drop-shadow(0 1px 2px #00000080);border-radius:6px;width:auto;max-width:85%;height:auto;max-height:85%}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOptionIcon span{color:#8c939e;filter:drop-shadow(0 1px 2px #00000080);font-size:16px;font-weight:600}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOptionIcon.D4BarbarianMechanic-module-scss-module__dB04ra__modalListActive{background-image:url(https://static.icy-veins.com/wp/static/d4/latest/images/class_mechanics/barbarian/expertise_frame_active.webp)}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOptionIcon.D4BarbarianMechanic-module-scss-module__dB04ra__modalListInactive{background-image:url(https://static.icy-veins.com/wp/static/d4/latest/images/class_mechanics/barbarian/expertise_frame_inactive.webp)}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOptionText{flex:1;min-width:0}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOptionText h4{color:#fff;margin:0 0 4px;font-size:16px;font-weight:600}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOptionText p{color:#8c939e;margin:0;font-size:14px;line-height:1.4}.D4BarbarianMechanic-module-scss-module__dB04ra__modalBonusText{color:#bebecc!important;margin-top:8px!important;font-size:.9rem!important}.D4BarbarianMechanic-module-scss-module__dB04ra__modalBonusText .icy-tt-number{color:gold}.D4BarbarianMechanic-module-scss-module__dB04ra__modalBonusText .icy-tt-white{color:#e3e0d9}.D4BarbarianMechanic-module-scss-module__dB04ra__modalBonusText .icy-tt-label{color:#8c939e}@media (max-width:768px){.D4BarbarianMechanic-module-scss-module__dB04ra__expertiseDisplayContainer{flex-direction:column;gap:0}.D4BarbarianMechanic-module-scss-module__dB04ra__circularElement{width:70px;height:70px}.D4BarbarianMechanic-module-scss-module__dB04ra__circularElement span{font-size:11px}.D4BarbarianMechanic-module-scss-module__dB04ra__rankInputContainer{gap:6px;padding:6px 10px}.D4BarbarianMechanic-module-scss-module__dB04ra__rankLabel{font-size:13px}.D4BarbarianMechanic-module-scss-module__dB04ra__rankDescription{max-width:90%}.D4BarbarianMechanic-module-scss-module__dB04ra__rankInput{width:45px;padding:3px 6px;font-size:13px}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOption{gap:10px;padding:10px}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOptionIcon{width:45px;height:45px}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOptionIcon span{font-size:14px}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOptionText h4{font-size:15px}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOptionText p{font-size:13px}}@media (max-width:480px){.D4BarbarianMechanic-module-scss-module__dB04ra__expertiseDisplayContainer{gap:10px}.D4BarbarianMechanic-module-scss-module__dB04ra__circularElement{width:60px;height:60px}.D4BarbarianMechanic-module-scss-module__dB04ra__circularElement span{font-size:10px}.D4BarbarianMechanic-module-scss-module__dB04ra__rankInputContainer{gap:5px;padding:5px 8px}.D4BarbarianMechanic-module-scss-module__dB04ra__rankLabel{font-size:12px}.D4BarbarianMechanic-module-scss-module__dB04ra__rankInput{width:40px;padding:2px 4px;font-size:12px}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOption{gap:8px;padding:8px}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOptionIcon{width:40px;height:40px}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOptionIcon span{font-size:12px}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOptionText h4{font-size:14px}.D4BarbarianMechanic-module-scss-module__dB04ra__specializationOptionText p{font-size:12px}}