.sort-root{--sort-bg:#f5f6f8;--sort-surface:#fff;--sort-ink:#22293a;--sort-ink-dim:#868e96;--sort-line:#e8eaee;--sort-tile:#fff;--sort-accent:#228be6;--sort-accent-soft:#e7f5ff;--sort-good:#2f9e44;--sort-good-soft:#d3f9d8;z-index:250;background:var(--sort-bg);color:var(--sort-ink);flex-direction:column;display:flex;position:fixed;inset:0}.sort-top{background:var(--sort-surface);border-bottom:1px solid var(--sort-line);flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.sort-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.sort-progresswrap{background:var(--sort-surface);border-bottom:1px solid var(--sort-line);flex-shrink:0;padding:10px 14px 8px}.sort-segments{gap:2px;height:8px;display:flex}.sort-segment{background:#e4e7ec;border-radius:4px;flex:1;min-width:3px;position:relative;overflow:hidden}.sort-segment>i{background:var(--sort-accent);border-radius:4px;position:absolute;inset:0 auto 0 0}.sort-segment.done>i{background:var(--sort-good)}.sort-segment.active{outline:1.5px solid var(--sort-accent);outline-offset:1px}.sort-segment.leftover{opacity:.45;flex:.45}.sort-progresslabel{color:var(--sort-ink-dim);justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.sort-stage{-webkit-overflow-scrolling:touch;flex:1;padding:14px 14px 24px;overflow-y:auto}.sort-baghead{flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 12px;display:flex}.sort-baghead h1{margin:0;font-size:22px;font-weight:700}.sort-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.sort-typehead{border-bottom:1px solid var(--sort-line);grid-column:1/-1;align-items:baseline;gap:8px;margin-top:8px;padding-bottom:4px;display:flex}.sort-typehead.first{margin-top:0}.sort-typehead span{color:var(--sort-ink);font-size:15px;font-weight:700}.sort-typehead small{color:var(--sort-ink-dim);font-size:12px}.sort-bottom{padding:10px 14px;padding-bottom:max(10px, env(safe-area-inset-bottom));background:var(--sort-surface);border-top:1px solid var(--sort-line);flex-shrink:0;align-items:center;gap:10px;display:flex}.sort-bagpicker-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;padding:2px 2px 10px;display:grid}.sort-bagchip{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1.5px solid #e8eaee;border-radius:12px;flex-direction:column;align-items:center;gap:7px;padding:11px 4px 9px;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;box-shadow:0 1px 2px #1419280d}.sort-bagchip:hover{border-color:#c4cbd4;transform:translateY(-1px);box-shadow:0 3px 8px #14192817}.sort-bagchip:focus-visible{outline-offset:2px;outline:2px solid #228be6}.sort-bagchip-num{color:#343c4c;font-size:17px;font-weight:800;line-height:1}.sort-bagchip-track{background:#edeff3;border-radius:3px;width:72%;height:5px;overflow:hidden}.sort-bagchip-track i{background:#228be6;border-radius:3px;height:100%;display:block}.sort-bagchip[data-done]{background:#f2fbf4;border-color:#b2f2bb}.sort-bagchip[data-done] .sort-bagchip-num{color:#2f9e44}.sort-bagchip[data-done] .sort-bagchip-track{background:#d3f9d8}.sort-bagchip[data-done] .sort-bagchip-track i{background:#40c057}.sort-bagchip[data-active]{border-color:#228be6;box-shadow:0 0 0 2px #228be62e}.sort-bagchip[data-active] .sort-bagchip-num{color:#1971c2}.sort-bagchip-badge{color:#fff;background:#40c057;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 1px 3px #00000040}@media (prefers-reduced-motion:reduce){.sort-bagchip,.sort-bagchip:hover{transition:none;transform:none}}@media (min-width:768px){.sort-stage{padding:18px 24px 28px}.sort-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px}.sort-bottom{justify-content:center}.sort-bottom>*{max-width:240px}}
/*# sourceMappingURL=0957ng0vm_jke.css.map*/