.cb .cb-option-section{margin-top:17px}.cb .cb-option-section h3{color:#aeb7c1;font-size:12px;font-weight:400;margin-bottom:5px}.cb .cb-option-section h3 small{margin-left:8px}.cb .cb-option-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:4px;flex-wrap:wrap}.cb .cb-option-square{width:32px;height:32px;flex:none;display:grid;place-items:center;border:1px solid #3b3c3e;background:#292a2c;border-radius:5px;color:#ddd}.cb .cb-option-square .cb-item-image{width:30px;height:30px;object-fit:contain}.cb .cb-option-picker{width:350px;max-width:calc(100% - 40px);position:relative;margin:0;flex:none}.cb .cb-option-picker.wide{flex:1;width:auto;min-width:0}.cb .cb-sage-row>.cb-option-picker{width:390px;max-width:100%}.cb .cb-option-picker summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:32px;padding:5px 9px;border:1px solid #3b3c3e;border-radius:5px;background:#292a2c;font-size:13px;cursor:pointer;list-style:none}.cb .cb-option-picker summary::-webkit-details-marker{display:none}.cb .cb-option-picker summary>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb .cb-option-picker[open]{z-index:12}.cb .cb-option-picker summary:hover{background:#303237}.cb .cb-option-picker[data-readonly] summary{pointer-events:none;opacity:.6}.cb .cb-option-picker[data-readonly] .cb-option-menu{display:none}.cb .cb-option-menu{position:absolute;top:calc(100% + 3px);left:0;width:100%;min-width:min(300px,100%);z-index:20;border:1px solid #4b4e53;border-radius:4px;background:#202225;box-shadow:0 8px 24px #0009;padding:5px}.cb .cb-option-search{width:100%;height:31px;margin-bottom:4px}.cb .cb-option-list{max-height:260px;overflow:auto;overscroll-behavior:contain}.cb .cb-option-list button{display:flex;align-items:center;gap:7px;width:100%;padding:6px 7px;min-height:30px;text-align:left;background:transparent;border:0;font-size:12px;border-radius:2px}.cb .cb-option-list button>span:first-of-type{flex:1;color:var(--cb-grade,inherit)}.cb .cb-option-list button.selected{background:#263b49}.cb .cb-option-list button:hover:not(:disabled){background:#2c424f}.cb .cb-option-list .cb-item-image{width:27px;height:27px;flex:none}.cb .cb-option-value{display:flex;align-items:center;gap:5px;min-width:0;height:32px}.cb .cb-option-value input{width:92px;height:32px;padding:4px 7px}.cb .cb-option-value button{height:32px;padding:4px 9px;font-size:12px;background:#303236}.cb .cb-option-value .cb-option-max{background:#4ab883;color:#fff;border-color:#54ba8b}.cb .cb-option-value>span{font-size:11px;color:#adb1b7}.cb .cb-stone-chips{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:5px}.cb .cb-stone-chip{display:flex;align-items:center;gap:6px;border:1px solid #45484c;border-radius:4px;background:#25272a;padding:3px 5px;font-size:12px}.cb .cb-stone-chip>.cb-item-image{height:25px;width:25px}.cb .cb-stone-chip>span{color:var(--cb-grade,#eee)}.cb .cb-stone-chip button{border:0;padding:0 4px;background:transparent;font-size:18px;color:#acb0b7}.cb .cb-option-full{color:#a7afb7;font-size:12px}.cb .cb-equipment-options{padding-bottom:12px}.cb .cb-option-picker summary:focus-visible{outline:2px solid #58ace5;outline-offset:1px}
@media(max-width:820px){.cb .cb-option-picker{width:calc(100% - 40px)}.cb .cb-option-row{gap:5px}.cb .cb-option-value{margin-left:37px;flex-wrap:wrap;height:auto}.cb .cb-option-value input{width:65px}.cb .cb-option-value button{padding:4px 6px;font-size:11px}.cb .cb-option-picker summary{font-size:11px}.cb .cb-sage-row>.cb-option-picker{width:100%}.cb .cb-sage-row>.cb-option-value{margin-left:0}.cb .cb-option-menu{position:relative;top:3px}.cb .cb-option-list{max-height:230px}.cb .cb-stone-chip{font-size:10px}.cb .cb-option-list button{font-size:11px}}
.cb .cb-gem-icon{display:grid;place-items:center;width:25px;height:25px;color:var(--cb-grade,#aab5c5);flex:none}.cb .cb-gem-icon svg{width:21px;height:21px;stroke:currentColor;fill:color-mix(in srgb,currentColor 12%,transparent);stroke-width:1.2}
.cb .cb-fluent-chevron{display:inline-block;width:20px;height:20px;flex:0 0 20px;background-color:currentColor;color:#b9c2cc;-webkit-mask:url('/public/assets/img/fluent/chevron-down-20-regular.svg') center/contain no-repeat;mask:url('/public/assets/img/fluent/chevron-down-20-regular.svg') center/contain no-repeat;transition:transform .12s ease}
.cb .cb-fluent-right{-webkit-mask-image:url('/public/assets/img/fluent/chevron-right-20-regular.svg');mask-image:url('/public/assets/img/fluent/chevron-right-20-regular.svg')}
.cb .cb-option-picker[open]>summary>.cb-fluent-chevron{transform:rotate(180deg)}
.cb .cb-clear-mark{width:20px;flex:0 0 20px!important;text-align:center;font-size:20px;color:#bac0c8!important}

.cb .cb-option-value>.cb-option-unit{display:inline-block;width:12px;flex:0 0 12px;text-align:center}

.cb-magic-attributes{margin-left:40px;display:grid;gap:4px}.cb-magic-attributes .cb-option-picker.wide{width:100%;max-width:100%}.cb-magic-type>details>summary>span:first-child{color:var(--cb-grade,inherit)}

.cb.cb-stone-tip{margin:0;padding:0;min-height:0;height:auto;width:100%;border:1px solid var(--cb-grade,#51545a);border-radius:5px;background:#202122;color:#e6eaf0;box-shadow:0 8px 28px #0009;font-size:13px;overflow:hidden}
.cb-stone-tip>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:linear-gradient(120deg,var(--cb-grade-dark,#35373b),#202122)}
.cb-stone-tip>header>div{min-width:0}.cb-stone-tip h3{font-size:16px;line-height:1.5;color:var(--cb-grade,#ddd);overflow-wrap:anywhere}.cb-stone-tip header small{display:block;margin-top:4px;color:var(--cb-grade,#ddd)}
.cb-stone-tip header .cb-item-image{width:76px;height:76px;flex:0 0 76px}.cb-stone-tip header img{width:100%;height:100%;object-fit:contain}
.cb-stone-tip-body{padding:14px;line-height:1.7}.cb-stone-tip-body p{white-space:pre-line;overflow-wrap:anywhere}.cb-stone-tip-stat{display:flex;justify-content:space-between;gap:16px}.cb-stone-tip-stat b{color:var(--cb-grade,#ddd)}

.cb .cb-option-list button>span.cb-option-tip-icon{display:inline-flex;flex:0 0 27px;width:27px}.cb .cb-option-list button>.cb-option-name{flex:1;min-width:0;color:var(--cb-grade,inherit)}