.d4-builds{display:flex;flex-direction:column;gap:16px;width:100%;color:#fff}.d4-builds__filters{display:flex;flex-direction:column;gap:8px}.d4-builds__classes{padding:8px;border:1px solid #2b2c2c;border-radius:12px;background:#0f0f0f}.d4-builds__chips{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:thin}.d4-builds__chip{display:inline-flex;align-items:center;min-height:36px;padding:0 10px 0 6px;border:1px solid #2b2c2c;border-radius:8px;background:#141414;color:#d8d8d8;font-size:14px;font-weight:600;line-height:1;cursor:pointer}.d4-builds__chip:hover{border-color:#3a3b3b;background:#1a1a1a;color:#fff}.d4-builds__chip.is-active{border-color:#1e7ff5;background:#1e7ff5;color:#fff}.d4-builds__chip-content{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.d4-builds__chip-mark,.d4-builds__chip-icon{display:inline-flex;flex:0 0 32px;align-items:center;justify-content:center;width:32px;height:32px}.d4-builds__chip-icon{border-radius:4px;background-position:center;background-repeat:no-repeat;background-size:cover}.d4-builds__chip-mark{color:#9a9a9a}.d4-builds__chip.is-active .d4-builds__chip-mark{color:#fff}.d4-builds__tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.d4-builds__search{position:relative;display:flex;flex:0 1 240px;align-items:center;min-width:180px;max-width:280px}.d4-builds__search-icon{position:absolute;left:10px;color:#9a9a9a;pointer-events:none}.d4-builds__search input{width:100%;min-height:40px;padding:0 12px 0 36px;border:1px solid #2b2c2c;border-radius:8px;background:#141414;color:#fff;font-size:14px;outline:none}.d4-builds__search input::-moz-placeholder{color:#8d9199}.d4-builds__search input::placeholder{color:#8d9199}.d4-builds__select{position:relative;display:inline-flex;align-items:center;min-height:40px;min-width:180px;max-width:280px;padding:0 36px 0 12px;overflow:hidden;border:1px solid #2b2c2c;border-radius:8px;background:#141414;color:#9a9a9a;cursor:pointer}.d4-builds__select-prefix{flex:0 0 auto;margin-right:8px;color:#9a9a9a;font-size:13px;font-weight:600}.d4-builds__select-value{flex:1 1 auto;min-width:0;overflow:hidden;color:#fff;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.d4-builds__select-chevron{position:absolute;top:50%;right:10px;display:inline-flex;color:#9a9a9a;transform:translateY(-50%);pointer-events:none}.d4-builds__select select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-height:0;padding:0;border:0;opacity:0;cursor:pointer}.d4-builds__error{border:1px solid #7f1d1d;border-radius:10px;background:#211010;padding:12px 16px;color:#fecaca;font-size:13px}.d4-builds__empty{border:1px dashed #2b2c2c;border-radius:12px;background:#121212;padding:48px 24px;color:#9a9a9a;text-align:center}.d4-builds__results{display:flex;flex-direction:column;gap:12px}.d4-builds__card{position:relative}.d4-builds__card-link{position:relative;display:flex;min-height:112px;overflow:hidden;border:1px solid #2b2c2c;border-radius:12px;background:#101010;color:inherit;text-decoration:none}.d4-builds__card-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#101010;background-position:right center;background-repeat:no-repeat;background-size:auto 230%;opacity:.72}.d4-builds__card-link:hover .d4-builds__card-bg{opacity:1}.d4-builds__card-inner{position:relative;z-index:1;display:flex;flex:1 1 auto;align-items:stretch;gap:16px;min-width:0;padding:15px 16px 10px 18px;background:linear-gradient(90deg,#0a0a0a 18%,#0a0a0ab8 48%,#0a0a0a2e)}.d4-builds__portrait{box-sizing:border-box;display:flex;flex:0 0 68px;align-items:center;justify-content:center;width:68px;height:68px;overflow:hidden;border:1px solid #2b2c2c;border-radius:4px;background:#1a1a1a;color:#fff;font-size:22px;font-weight:700}.d4-builds__portrait img{width:68px;height:68px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.d4-builds__data{display:flex;flex:1 1 auto;flex-direction:column;justify-content:space-between;min-width:0}.d4-builds__name{overflow:hidden;color:#fff;font-size:18px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.d4-builds__info{margin-top:4px;overflow:hidden;color:#9a9a9a;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.d4-builds__tags{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:12px}.d4-builds__tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:4px;background:#141414;color:#9a9a9a;font-size:14px}.d4-builds__aside{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;align-self:center;gap:8px;margin-left:auto}.d4-builds__skills{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:4px}.d4-builds__skill{box-sizing:border-box;width:40px;height:40px;flex:0 0 40px;border:1px solid #3a3124;border-radius:4px;background-color:#0a0a0a;background-position:center;background-repeat:no-repeat;background-size:cover}.d4-builds__spec{color:#9a9a9a;font-size:13px;line-height:1.2;text-align:right}.d4-builds__footer{display:flex;justify-content:center;min-height:28px;color:#7f858f;font-size:13px}.d4-builds__sentinel{height:1px}@media(max-width:767px){.d4-builds__card-inner{flex-wrap:wrap;padding:12px}.d4-builds__aside{width:100%;align-items:flex-start;margin-left:0}.d4-builds__skills{flex-wrap:wrap;justify-content:flex-start}.d4-builds__spec{text-align:left}.d4-builds__search,.d4-builds__select{width:100%;max-width:none;flex-basis:100%;min-width:0}}