.d4pp-page .custom-options>.wc-addons{flex:0 0 100%;inline-size:100%;min-inline-size:0;margin-block-end:24px;container-type:inline-size}.d4pp-page .custom-options>.wc-addons:empty{display:none}.d4pp-page .custom-options>.custom-option:has(.eta-widget){order:1}.d4pp-page .custom-options .custom-option__title{font-size:14px;line-height:1.3}.d4pp-page{--wc-from: oklch(0.6 0.13 35);--wc-to: oklch(0.84 0.13 85)}.d4pp-page[data-wc=conquest]{--wc-from: oklch(0.58 0.1 60);--wc-to: oklch(0.86 0.14 92)}.d4pp-page .custom-option:has(.vue-slider) .vue-slider-rail{background:oklch(0.2 0.02 280)}.d4pp-page .custom-option:has(.vue-slider) .vue-slider-rail::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg in oklch,var(--wc-from),var(--wc-to));opacity:.32}.d4pp-page .custom-option:has(.vue-slider) .vue-slider-process{background:oklch(1 0 none / .04);-webkit-backdrop-filter:brightness(2.6) saturate(1.25);backdrop-filter:brightness(2.6) saturate(1.25);box-shadow:0 0 10px color-mix(in oklch,var(--wc-to) 40%,transparent)}.d4pp-page .custom-option:has(.vue-slider) .vue-slider-mark-label-active{color:var(--wc-to)}@media(max-width:520px){.d4pp-page[data-wc=honor] .custom-option:has(.vue-slider) .vue-slider-mark:nth-child(2) .vue-slider-mark-label{visibility:hidden}}.d4pp-page .custom-option:has(.vue-slider) .vue-slider-mark-step{background:oklch(1 0 none / .16)}.d4pp-page .custom-option:has(.vue-slider) .vue-slider-mark-step-active{background:oklch(0.22 0.04 60 / .55)}.d4pp-page .custom-option:has(.vue-slider) .vue-slider{block-size:10px!important}.d4pp-page .custom-option:has(.vue-slider) :is(.vue-slider-rail,.vue-slider-process){border-radius:999px}.d4pp-page .custom-option:has(.vue-slider) .vue-slider-dot{inline-size:32px!important;block-size:32px!important}.d4pp-page .custom-option:has(.vue-slider) .vue-slider-dot-handle{border:0;border-radius:50%;background:var(--wc-handle) center / contain no-repeat;box-shadow:none;filter:drop-shadow(0 2px 3px oklch(0 0 none / .6)) drop-shadow(0 0 6px color-mix(in oklch,var(--wc-to) 70%,transparent))}.d4pp-page .custom-option:has(.vue-slider) .vue-slider-dot-handle-focus{outline-color:transparent}.d4pp-page .custom-option:has(.vue-slider) .vue-slider-dot:focus-visible .vue-slider-dot-handle{outline:2px solid var(--d4lp-focus);outline-offset:2px}.d4pp-page .custom-option:has(.vue-slider) .vue-slider-dot-handle::before,.d4pp-page .custom-option:has(.vue-slider) .vue-slider-dot-handle::after{content:none;display:none}.d4pp-page .custom-option:has(.vue-slider) .vue-slider-dot-tooltip{display:none}.d4pp-page[data-wc] .custom-option:has(.vue-slider) .range-slider__inputs{display:inline-flex;gap:8px;padding-inline-start:10px}.d4pp-page[data-wc] .custom-option:has(.vue-slider) .range-slider__inputs::before{content:"";flex:none;inline-size:24px;block-size:24px;border-radius:var(--d4lp-r-control);background:var(--wc-icon-honor) center / cover no-repeat}.d4pp-page[data-wc=conquest] .custom-option:has(.vue-slider) .range-slider__inputs::before{background-image:var(--wc-icon-conquest)}.wc-loot{--wc-pad: 12px;--wc-pic: 44px;--wc-gold: oklch(0.85 0.14 85);--wc-epic: oklch(0.6 0.24 300);--wc-hair: 1px;display:grid;gap:8px}@media(min-resolution:2dppx){.wc-loot{--wc-hair: .5px}}.wc-loot__label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0}.wc-loot__label b{color:var(--d4lp-copy);font-size:14px;font-weight:600;line-height:1.3}.wc-loot__label span{color:var(--d4lp-ink);font-size:14px;font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums}.wc-loot__head{position:relative;isolation:isolate;overflow:clip;display:grid;grid-template-columns:84px minmax(0,1fr) auto;grid-template-areas:"fan title toggle" "fan line toggle" "fan bar toggle";align-items:center;column-gap:var(--wc-pad);row-gap:2px;inline-size:100%;margin:0;padding:var(--wc-pad);padding-inline-end:16px;border:0;border-radius:calc(var(--d4lp-r-card) - 2px);background:linear-gradient(100deg,oklch(0.25 0.06 296),oklch(0.2 0.04 288) 40%,var(--d4lp-control) 85%);color:var(--d4lp-ink);font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 0 0 var(--wc-hair) color-mix(in oklch,var(--wc-gold) 32%,transparent)}.wc-loot__head::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70px 60px at 54px 50%,color-mix(in oklch,var(--wc-epic) 45%,transparent),transparent)}.wc-loot__head:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px}.wc-loot__head:active{filter:brightness(1.12)}.wc-loot[data-taken] .wc-loot__head{box-shadow:inset 0 0 0 var(--wc-hair) color-mix(in oklch,var(--wc-gold) 80%,transparent)}.wc-loot__fan{grid-area:fan;position:relative;block-size:48px}.wc-loot__fan i{position:absolute;inset-block-end:4px;inset-inline-start:calc(50% - 15px);inline-size:30px;block-size:30px;border-radius:var(--d4lp-r-control);background:center / cover no-repeat;filter:drop-shadow(0 2px 3px oklch(0 0 none / .6))}.wc-loot__fan i:nth-child(1){translate:-24px -6px;rotate:-6deg}.wc-loot__fan i:nth-child(2){z-index:1;inset-inline-start:calc(50% - 19px);inline-size:38px;block-size:38px}.wc-loot__fan i:nth-child(3){translate:24px -6px;rotate:6deg}.wc-loot__title{grid-area:title;min-inline-size:0;overflow:clip;text-overflow:ellipsis;white-space:nowrap}.wc-loot__title b{font-size:16px;font-weight:700;line-height:1.25}.wc-loot__line{grid-area:line;display:-webkit-box;min-inline-size:0;block-size:1.35em;overflow:clip;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;color:oklch(0.82 0.03 295);font-size:13px;line-height:1.35}.wc-loot__bar{grid-area:bar;display:flex;align-items:center;gap:4px;margin-block-start:8px}.wc-loot__bar i{position:relative;overflow:clip;flex:1 1 0;max-inline-size:72px;block-size:4px;border-radius:999px;background:oklch(1 0 none / .1)}.wc-loot__bar i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--d4lp-tint);transform-origin:0 50%;scale:0 1}.wc-loot__bar i[data-on]::after{scale:1 1}.wc-loot__bar small{flex:none;margin-inline-start:8px;color:var(--d4lp-muted);font-size:12px;font-variant-numeric:tabular-nums}.wc-loot__toggle{grid-area:toggle;min-inline-size:9.5em;padding-block:7px;padding-inline:18px;border-radius:999px;background:color-mix(in oklch,var(--wc-gold) 9%,transparent);box-shadow:inset 0 0 0 var(--wc-hair) color-mix(in oklch,var(--wc-gold) 55%,transparent);color:var(--wc-gold);font-size:13px;font-weight:700;text-align:center;white-space:nowrap}@media(hover:hover)and (pointer:fine){.wc-loot:not([data-taken]) .wc-loot__head:hover{box-shadow:inset 0 0 0 var(--wc-hair) color-mix(in oklch,var(--wc-gold) 55%,transparent)}.wc-loot__head:hover .wc-loot__toggle{background:color-mix(in oklch,var(--wc-gold) 16%,transparent)}}.wc-loot__body{display:none;gap:12px}.wc-loot[data-open] .wc-loot__body{display:grid}.wc-loot__group{display:grid;gap:8px}.wc-loot__head2{display:flex;align-items:center;min-block-size:24px;margin:0}.wc-loot__head2 b{color:var(--d4lp-copy);font-size:14px;font-weight:600;line-height:1.3}.wc-loot__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wc-loot__tile{position:relative;isolation:isolate;display:grid;grid-template-columns:var(--wc-pic) minmax(0,1fr) 20px;grid-template-areas:"icon name mark" "icon price mark";align-items:center;align-content:center;column-gap:var(--wc-pad);row-gap:2px;min-inline-size:0;min-block-size:68px;margin:0;padding:var(--wc-pad);border:0;border-radius:calc(var(--d4lp-r-card) - 2px);background:var(--d4lp-control);color:var(--d4lp-copy);font:inherit;text-align:start;cursor:pointer;box-shadow:inset 0 0 0 var(--wc-hair) var(--d4lp-line);-webkit-tap-highlight-color:transparent}.wc-loot__tile:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px}.wc-loot__tile:not([aria-checked=true]):active{background:color-mix(in oklab,var(--d4lp-active) 60%,var(--d4lp-control))}.wc-loot__tile[aria-checked=true]{background:color-mix(in oklab,var(--d4lp-tint) 12%,var(--d4lp-control));box-shadow:inset 0 0 0 var(--wc-hair) color-mix(in oklch,var(--d4lp-tint) 65%,transparent)}.wc-loot__icon{grid-area:icon;inline-size:var(--wc-pic);block-size:var(--wc-pic);border-radius:var(--d4lp-r-control);background:center / cover no-repeat;filter:drop-shadow(0 2px 3px oklch(0 0 none / .55))}.wc-loot__name{grid-area:name;align-self:end;min-inline-size:0;color:var(--d4lp-ink);font-size:14px;font-weight:600;line-height:1.3;text-wrap:balance}.wc-loot__price{grid-area:price;align-self:start;font-variant-numeric:tabular-nums;white-space:nowrap}.wc-loot__price b{color:var(--wc-gold);font-size:13px;font-weight:700;line-height:1.35}.wc-loot__mark{grid-area:mark;display:grid;place-items:center;inline-size:20px;block-size:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--d4lp-line-strong)}.wc-loot__mark svg{inline-size:12px;block-size:12px;fill:none;stroke:oklch(0.2 0.02 280);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:0}.wc-loot__tile[aria-checked=true] .wc-loot__mark{background:var(--d4lp-tint);box-shadow:none}.wc-loot__tile[aria-checked=true] .wc-loot__mark svg{opacity:1}@container (max-width: 440px){.wc-loot__head{grid-template-columns:84px minmax(0,1fr);grid-template-areas:"fan title" "line line" "bar bar" "toggle toggle";row-gap:6px;padding-inline-end:var(--wc-pad)}.wc-loot__title{white-space:normal;text-wrap:balance}.wc-loot__toggle{justify-self:stretch;margin-block-start:6px}.wc-loot__tiles{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:no-preference){.wc-loot__bar i::after{transition:scale .3s cubic-bezier(.16,1,.3,1)}.wc-loot__mark,.wc-loot__tile{transition:background-color .15s var(--d4lp-ease),box-shadow .15s var(--d4lp-ease)}.wc-loot__head{transition:filter .12s var(--d4lp-ease)}.wc-loot[data-open] .wc-loot__body>*{animation:wc-loot-in .32s cubic-bezier(.16,1,.3,1) backwards}.wc-loot[data-open] .wc-loot__body>:nth-child(2){animation-delay:40ms}}@keyframes wc-loot-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}