.widget-container{display:flex;flex-direction:column;background-color:#0a0a0a;border:1px solid #1c1c1c;border-radius:6px;min-height:0;overflow:hidden}.widget-header{position:relative;background-color:#121212;border-radius:6px 6px 0 0;height:48px;line-height:48px;text-align:center;text-transform:none;font-size:20px;font-weight:600;color:#fff;border-bottom:1px solid #1c1c1c;flex-shrink:0;display:flex;align-items:center;justify-content:center}.widget-header-text{font-weight:600;letter-spacing:0}.widget-header-right{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px}.widget-header-right .widget-button{width:auto;min-width:40px;height:40px;padding:0 12px;gap:4px;font-size:12px;font-weight:500;text-transform:none}.widget-header-right .widget-button svg{flex-shrink:0}.widget-content{flex:1;overflow:hidden;position:relative}.widget-tabbed .widget-header{display:flex;flex-direction:row;background-color:#0a0a0a;border-bottom:1px solid #1c1c1c;padding:0}.widget-tab{flex:1 1;flex-basis:0;cursor:pointer;height:48px;line-height:48px;text-align:center;font-size:20px;font-weight:600;color:#888;transition:all .2s}.widget-tab:hover{color:#fff;background-color:#1a1a1a}.widget-tab.active{background-color:#121212;margin:-1px;padding:1px;border-radius:6px 6px 0 0;border:solid #1c1c1c;border-width:1px 1px 0;color:#fff;z-index:1}.widget-controls-container{flex-shrink:0;position:relative;background-color:#121212;height:40px;display:flex;flex-direction:row;align-items:center;justify-content:center;border-bottom:1px solid #1c1c1c}.widget-controls-container .widget-button:last-child{position:absolute;right:6px;top:50%;transform:translateY(-50%)}.variant-nav-btn{font-size:12px;min-width:56px;width:auto;height:28px;padding:0 10px;white-space:nowrap;flex:0 0 auto}.variant-nav-btn:disabled{opacity:.3;cursor:default}.variant-counter{font-size:11px;color:#666;margin:0 4px;flex:0 0 auto;white-space:nowrap}.widget-variant-select{min-width:200px}.widget-variant-select .ant-select-selector{background:#121212!important;border:1px solid #1c1c1c!important;color:#fff!important;height:32px!important;box-shadow:none!important;border-radius:4px!important}.widget-variant-select .ant-select-selection-item{color:#fff!important;font-size:14px;line-height:32px!important;text-align:center}.widget-variant-select:hover .ant-select-selector{background:#1a1a1a!important;border-color:#2a2a2a!important}.widget-button{background-color:#171717;color:#dadada;border:1px solid #2b2c2c;border-radius:6px;font-size:12px;height:32px;width:32px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.widget-button:hover{background-color:#2b2c2c;color:#fff;border-color:#4a9eff}.planner-widget-collapse{height:24px;min-width:44px;padding:0 8px;color:#dadada;font-size:11px;background:#171717;border:1px solid #2b2c2c;border-radius:6px;cursor:pointer}.planner-widget-collapse:hover{color:#fff;border-color:#4a9eff;background:#222}@media(max-width:768px){.widget-button{width:44px;height:44px}.planner-widget-collapse{min-height:44px;padding:0 12px}}.floating-search-bar{position:absolute;right:6px;top:6px;z-index:10}.d4t-search-header{display:flex;flex-direction:row;align-items:center;gap:4px}.d4t-search-input-wrapper{width:154px;height:30px;background-color:#000;border:1px solid #2b2c2c;border-radius:6px;display:flex;align-items:center;padding:0 8px;transition:all .2s}.d4t-search-input-wrapper:hover,.d4t-search-input-wrapper:focus-within{border-color:#4a9eff}.d4t-search-input-wrapper .search-icon{color:#666;font-size:14px;margin-right:6px}.d4t-search-input{background:transparent!important;border:none!important;color:#fff!important;padding:0!important;font-size:12px;box-shadow:none!important;height:100%!important}.d4t-search-input::-moz-placeholder{color:#666}.d4t-search-input::placeholder{color:#666}.list-toggle-btn{background-color:#171717;color:#dadada;border:1px solid #2b2c2c;border-radius:6px;font-size:12px;width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.list-toggle-btn:hover{background-color:#2b2c2c;color:#fff;border-color:#4a9eff}.list-toggle-btn.active{background-color:#2b2c2c;color:#fff;border-color:#d8c8a4}.skill-view-toggle{display:flex;max-width:176px;overflow-x:auto;scrollbar-width:none}.skill-view-toggle::-webkit-scrollbar{display:none}.skill-view-toggle ._Select--grouped_p56je_1{display:inline-flex;align-items:center;gap:0;padding:1px;background:#070707;border:1px solid #2b2c2c;border-radius:6px;box-shadow:inset 0 0 0 1px #ffffff05}.skill-view-toggle ._Select__optionWrap_p56je_16{display:flex;min-width:0}.skill-view-toggle .skills_PlannerEquipment__headerBtn__3skj0{display:flex;align-items:center;justify-content:center;width:78px;min-width:78px;height:28px;padding:0 8px;color:#b8b8b8;font-size:12px;font-weight:700;line-height:16px;background:transparent;border:0;border-radius:4px;cursor:pointer;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.skill-view-toggle .skills_PlannerEquipment__headerBtn__3skj0:hover{color:#f2eee5;background:#1a1a1a}.skill-view-toggle .skills_PlannerEquipment__headerBtn__3skj0._active_1ylu4_43{color:#fff;background:#2b2c2c;box-shadow:inset 0 -1px #d8c8a4b8}.skill-view-toggle .skills_PlannerEquipment__treeTypeLabel__2vTln{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;height:18px;overflow:visible}.skill-view-toggle .skills_PlannerEquipment__treeTypeLabel__2vTln svg{flex:0 0 auto;width:13px;height:13px}.skill-view-toggle .skills_PlannerEquipment__treeTypeText__3X0_W{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;line-height:18px}.ant-popover.popover-transparent,div.ant-popover.popover-transparent{background:transparent!important;background-color:transparent!important;box-shadow:none!important}.ant-popover.popover-transparent .ant-popover-content,.ant-popover.popover-transparent .ant-popover-inner,.ant-popover.popover-transparent .ant-popover-inner-content,div.ant-popover.popover-transparent .ant-popover-content,div.ant-popover.popover-transparent .ant-popover-inner,div.ant-popover.popover-transparent .ant-popover-inner-content{background:transparent!important;background-color:transparent!important;box-shadow:none!important;padding:0!important;border:none!important;outline:none!important}.ant-popover.popover-transparent .ant-popover-inner:before,.ant-popover.popover-transparent .ant-popover-inner:after,div.ant-popover.popover-transparent .ant-popover-inner:before,div.ant-popover.popover-transparent .ant-popover-inner:after{display:none!important}.ant-popover.popover-transparent .ant-popover-arrow,div.ant-popover.popover-transparent .ant-popover-arrow{display:none!important;visibility:hidden!important}.popover-game{box-sizing:border-box;width:20.3em;line-height:normal;font-family:DiabloSerif;font-size:20px;text-shadow:0 0 2px #000;margin:.8em;padding:1.4em 1.2em;color:#b8afa1;position:relative;-o-border-image:url(https://s3.52bd.com/public-media/static/releases/current/d4-assets/media/tooltip-base.d5050608.webp) 76 / 1.9em stretch;border-image:url(https://s3.52bd.com/public-media/static/releases/current/d4-assets/media/tooltip-base.d5050608.webp) 76 fill / 1.9em stretch}.popover-game:after,.popover-game:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.popover-game:before{z-index:-1}.popover-game.Mythic:before{-o-border-image:url(https://s3.52bd.com/public-media/static/releases/current/d4-assets/media/frame-mythic.4695b2a7.webp) 128 / 3.2em stretch;border-image:url(https://s3.52bd.com/public-media/static/releases/current/d4-assets/media/frame-mythic.4695b2a7.webp) 128 fill / 3.2em stretch}.popover-game.Unique:before{-o-border-image:url(https://s3.52bd.com/public-media/static/releases/current/d4-assets/media/frame-unique.867dc987.webp) 128 / 3.2em stretch;border-image:url(https://s3.52bd.com/public-media/static/releases/current/d4-assets/media/frame-unique.867dc987.webp) 128 fill / 3.2em stretch}.popover-game.Rare:before{-o-border-image:url(https://s3.52bd.com/public-media/static/releases/current/d4-assets/media/frame-rare.0ebba207.webp) 128 / 3.2em stretch;border-image:url(https://s3.52bd.com/public-media/static/releases/current/d4-assets/media/frame-rare.0ebba207.webp) 128 fill / 3.2em stretch}.popover-game:after{-o-border-image:url(https://s3.52bd.com/public-media/static/releases/current/d4-assets/media/tooltip-frame.9829c985.webp) 124 / 3.1em / .6em round;border-image:url(https://s3.52bd.com/public-media/static/releases/current/d4-assets/media/tooltip-frame.9829c985.webp) 124 / 3.1em / .6em round}.popover-game .ant-popover-content .ant-popover-inner{background:transparent;padding:0}.popover-game .ant-popover-content .ant-popover-inner .item-column{margin-bottom:0;padding:0;-o-border-image:none;border-image:none;font-size:20px}.popover-game .ant-popover-content .ant-popover-inner .item-column:before{-o-border-image:none;border-image:none}.popover-game .ant-popover-content .ant-popover-inner .item-column .tip-header .tip-title{font-size:24px}.popover-game .ant-popover-content .ant-popover-inner .item-column .right-icon{position:absolute;z-index:1;top:-.4em;right:.6em;width:4.5em;height:6.75em;background-size:contain;background-repeat:no-repeat;background-position:50%}.popover-game .ant-popover-content .ant-popover-inner .item-column .sep{background-image:url(https://s3.52bd.com/public-media/static/releases/current/d4-assets/media/headers.06cd93ea.webp);background-size:17.9em 3.25em;width:17.9em;height:.5em;background-position-y:-1.6em;margin:.3em auto}.popover-game .ant-popover-content .ant-popover-inner .item-column .sep.left{background-position-y:-2.1em;margin-left:0}