.ucb{--ucb-ink: #1C1C1C;--ucb-yellow: #FFDC59;--ucb-soft: #FFEDAC;--ucb-cream: #FBFBF4;--ucb-sand: #EBDED3;--ucb-tile: #F1F1EC;--ucb-muted: #5F6772;--ucb-line: rgba(0,0,0,.12);--ucb-display: var(--heading-font-family, inherit);--ucb-body: var(--text-font-family, inherit);background:var(--ucb-cream);color:#000;font-family:var(--ucb-body);padding-bottom:168px}.ucb [hidden]{display:none!important}.ucb *,.ucb *:before,.ucb *:after{box-sizing:border-box}.ucb button{font:inherit;color:var(--ucb-ink);cursor:pointer;border-radius:0;-webkit-tap-highlight-color:transparent}.ucb button:focus-visible,.ucb select:focus-visible{outline:2px solid var(--ucb-ink);outline-offset:2px}.ucb img{display:block;max-width:100%}.ucb__inner{max-width:1200px;margin:0 auto}.ucb__banner{background:var(--ucb-soft);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;line-height:1.4}.ucb__banner p{margin:0}.ucb__banner strong{font-family:var(--ucb-display)}.ucb__link{background:none;border:0;padding:10px 0;min-height:44px;text-decoration:underline;font-size:13px;flex:none}.ucb__hero{padding:20px 16px 16px}.ucb__eyebrow{margin:0 0 8px;font-family:var(--ucb-display);font-weight:600;font-size:11px;letter-spacing:.12em}.ucb__h1{margin:0;font-family:var(--ucb-display);font-weight:700;font-size:30px;line-height:1.08;letter-spacing:-.02em;text-transform:none}.ucb__sub{margin:8px 0 16px;font-size:15px;line-height:1.5}.ucb__sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--ucb-ink);max-width:520px}.ucb__size{height:56px;border:0;border-left:1px solid var(--ucb-ink);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0}.ucb__size:first-child{border-left:0}.ucb__size.is-on{background:var(--ucb-ink);color:#fff}.ucb__size-n{font-family:var(--ucb-display);font-weight:700;font-size:17px;line-height:1}.ucb__size-off{font-size:12px;line-height:1}.ucb__h2{margin:0;font-family:var(--ucb-display);font-weight:600;font-size:17px;text-transform:none;letter-spacing:0}.ucb__h3{margin:4px 0 8px;font-family:var(--ucb-display);font-weight:600;font-size:15px;text-transform:none;letter-spacing:0}.ucb__muted{color:var(--ucb-muted);font-weight:500}.ucb__hscroll{display:flex;gap:10px;overflow-x:auto;padding:0 16px;scroll-snap-type:x mandatory;scrollbar-width:none}.ucb__hscroll::-webkit-scrollbar{display:none}.ucb__kits{padding:4px 0 16px}.ucb__kits .ucb__h2,.ucb__recs .ucb__h2{padding:0 16px 10px}.ucb__kit{flex:none;width:156px;scroll-snap-align:start;text-align:left;background:#fff;border:1px solid var(--ucb-line);padding:10px;display:flex;flex-direction:column;gap:8px}.ucb__kit-imgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.ucb__kit-imgs img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--ucb-tile)}.ucb__kit-text{display:flex;flex-direction:column;gap:2px;min-width:0}.ucb__kit-label{font-family:var(--ucb-display);font-weight:600;font-size:15px;line-height:1.2}.ucb__kit-sub{font-size:12px;color:var(--ucb-muted);line-height:1.3}.ucb__filters{position:sticky;top:var(--sticky-area-height, 0px);transition:top .15s ease-in-out;z-index:3;background:var(--ucb-cream);padding:10px 0;border-bottom:1px solid var(--ucb-line)}.ucb__chips{padding-bottom:2px}.ucb__chip{flex:none;height:40px;padding:0 16px;border:1px solid rgba(0,0,0,.15);background:#fff;font-family:var(--ucb-display);font-weight:600;font-size:14px}.ucb__chip.is-on{background:var(--ucb-ink);border-color:var(--ucb-ink);color:#fff}.ucb__selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 16px 0;max-width:520px}.ucb__select{display:flex;flex-direction:column;gap:2px;font-size:11px;font-weight:500;color:var(--ucb-muted)}.ucb__select select{height:40px;padding:0 8px;border:1px solid rgba(0,0,0,.15);background:#fff;font-size:16px;color:#000;border-radius:0;font-family:var(--ucb-body)}.ucb__recs{background:var(--ucb-sand);padding:14px 0 16px}.ucb__rec{flex:none;width:260px;scroll-snap-align:start;background:#fff;display:flex;align-items:center;gap:10px;padding:8px}.ucb__rec img{width:56px;height:56px;object-fit:cover;background:var(--ucb-tile);flex:none}.ucb__rec div{flex:1;min-width:0;display:flex;flex-direction:column}.ucb__rec strong{font-family:var(--ucb-display);font-weight:600;font-size:14px;line-height:1.2}.ucb__rec span{font-size:12px;line-height:1.3;color:var(--ucb-muted)}.ucb__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 16px}.ucb__card{background:#fff;border:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;min-width:0}.ucb__card.is-in{border-color:var(--ucb-ink)}.ucb__card.is-out .ucb__img img{opacity:.45}.ucb__img{position:relative;aspect-ratio:1;background:var(--ucb-tile);overflow:hidden}.ucb__img img{width:100%;height:100%;object-fit:cover}.ucb__tag{position:absolute;top:6px;left:6px;background:var(--ucb-ink);color:#fff;border:1px solid var(--ucb-ink);font-family:var(--ucb-display);font-weight:700;font-size:9px;letter-spacing:.06em;line-height:1;padding:4px 5px}.ucb__tag.is-award{background:#fff;color:var(--ucb-ink)}.ucb__count{position:absolute;top:6px;right:6px;min-width:24px;height:24px;padding:0 6px;background:var(--ucb-yellow);color:var(--ucb-ink);font-family:var(--ucb-display);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}.ucb__card-body{padding:8px;display:flex;flex-direction:column;gap:3px;flex:1}.ucb__name{margin:0;font-family:var(--ucb-display);font-weight:600;font-size:13px;line-height:1.2;text-transform:none;letter-spacing:0}.ucb__meta{font-size:11px;line-height:1.35;color:var(--ucb-muted)}.ucb__add{height:44px;border:0;background:var(--ucb-ink);color:#fff!important;display:flex;align-items:center;justify-content:center;gap:6px;padding:0;font-family:var(--ucb-display);font-weight:600;font-size:14px;width:100%}.ucb__add svg{width:13px;height:13px}.ucb__rec .ucb__add{width:44px;flex:none}.ucb__step{display:grid;grid-template-columns:1fr 1fr 1fr;height:44px;border-top:1px solid var(--ucb-ink)}.ucb__step button{border:0;background:#fff;font-size:20px;padding:0}.ucb__step button.is-ink{background:var(--ucb-ink);color:#fff}.ucb__step span{display:flex;align-items:center;justify-content:center;font-family:var(--ucb-display);font-weight:700;font-size:15px}.ucb__soldout{height:44px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-top:1px solid var(--ucb-line)}.ucb__empty{margin:0;padding:24px 16px;text-align:center}.ucb__fine{margin:0;padding:0 16px 24px;font-size:12px;line-height:1.5;color:var(--ucb-muted)}.ucb__bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;border-top:1px solid rgba(0,0,0,.15);box-shadow:0 -4px 16px #0000000f;padding:12px 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.ucb__bar-summary{border:0;background:none;padding:0;text-align:left;display:flex;flex-direction:column;gap:6px;width:100%}.ucb__bar-top{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.ucb__pips{display:flex;gap:3px}.ucb__pip{width:14px;height:10px;border:1px solid var(--ucb-ink);background:#fff}.ucb__pip.is-sm{width:9px}.ucb__pip.is-on{background:var(--ucb-ink)}.ucb__bar-count{font-family:var(--ucb-display);font-weight:600;font-size:14px;white-space:nowrap}.ucb__bar-text{font-size:13px;line-height:1.35}.ucb__upsize{height:40px;border:1px solid var(--ucb-ink);background:var(--ucb-soft);font-family:var(--ucb-display);font-weight:600;font-size:13px}.ucb__bar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ucb__btn{height:52px;border:1px solid var(--ucb-ink);font-family:var(--ucb-display);font-weight:600;font-size:14px;letter-spacing:.04em;padding:0 12px}.ucb__btn--outline{background:#fff;color:var(--ucb-ink)}.ucb__btn--ink{background:var(--ucb-ink);color:#fff!important}.ucb__btn--yellow{background:var(--ucb-yellow);border-color:var(--ucb-yellow);color:var(--ucb-ink);font-weight:700;text-transform:uppercase}.ucb__btn--block{width:100%}.ucb__btn[disabled]{opacity:.6;cursor:progress}.ucb__sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.ucb__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c1c1c73}.ucb__panel{position:absolute;left:0;right:0;bottom:0;top:72px;background:#fff;display:flex;flex-direction:column}.ucb__handle{width:40px;height:4px;background:#0003;border-radius:9999px;margin:8px auto 0}.ucb__panel-head{display:flex;justify-content:space-between;align-items:center;padding:6px 8px 0 16px}.ucb__panel-head .ucb__h2{font-size:22px}.ucb__icon-btn{width:44px;height:44px;border:0;background:none;display:flex;align-items:center;justify-content:center;padding:0}.ucb__panel-body{flex:1;overflow-y:auto;padding:8px 16px 16px;display:flex;flex-direction:column;gap:14px;overscroll-behavior:contain}.ucb__progress{height:6px;background:var(--ucb-sand)}.ucb__progress span{display:block;height:6px;background:var(--ucb-ink);transition:width .2s ease}.ucb__status{margin:-6px 0 0;font-size:14px}.ucb__slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.ucb__slot{position:relative;aspect-ratio:1;background:var(--ucb-tile)}.ucb__slot img{width:100%;height:100%;object-fit:cover}.ucb__slot button{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border:2px solid #fff;border-radius:9999px;background:var(--ucb-ink);color:#fff;font-size:13px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.ucb__slot.is-empty{background:none;border:1px dashed rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;color:var(--ucb-muted)}.ucb__lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ucb__lines li,.ucb__totals div{display:flex;justify-content:space-between;gap:12px;font-size:14px}.ucb__totals{margin:0;border-top:1px solid var(--ucb-line);padding-top:12px;display:flex;flex-direction:column;gap:6px}.ucb__totals dt,.ucb__totals dd{margin:0}.ucb__kit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ucb__kit-btn{min-height:52px;padding:8px 10px;text-align:left;background:var(--ucb-cream);border:1px solid var(--ucb-line);font-family:var(--ucb-display);font-weight:600;font-size:14px}.ucb__panel-foot{border-top:1px solid rgba(0,0,0,.15);padding:12px 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.ucb__total{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--ucb-display);font-weight:600;font-size:15px}.ucb__total strong{font-size:24px;font-weight:700}.ucb__error{margin:0;color:#cb2b2b;font-size:13px}html.ucb-lock,html.ucb-lock body{overflow:hidden}@media(min-width:750px){.ucb__hero{padding:40px 48px 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:48px}.ucb__hero-text{max-width:640px}.ucb__sub{margin-bottom:0}.ucb__sizes{width:420px;flex:none}.ucb__h1{font-size:48px}.ucb__hscroll{padding:0 48px}.ucb__kits .ucb__h2,.ucb__recs .ucb__h2{padding:0 48px 12px}.ucb__kits .ucb__hscroll{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.ucb__kit{width:auto;flex-direction:row;align-items:center}.ucb__kit-imgs{width:132px;flex:none}.ucb__filters{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px;padding:10px 48px}.ucb__filters .ucb__chips{padding:0;flex:1 1 auto}.ucb__selects{padding:0;width:380px}.ucb__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:16px 48px}.ucb__card-body{padding:12px}.ucb__name{font-size:15px}.ucb__meta{font-size:12px}.ucb__tag{font-size:10px}.ucb__fine{padding:0 48px 32px}.ucb__bar{left:50%;right:auto;transform:translate(-50%);width:min(760px,calc(100% - 48px));bottom:20px;border:1px solid rgba(0,0,0,.15);flex-direction:row;align-items:center;gap:20px;padding:12px 16px}.ucb__bar-summary{flex:1}.ucb__bar-actions{flex:none;width:360px}.ucb__panel{top:0;left:auto;width:440px}.ucb__handle{display:none}}@media(min-width:1200px){.ucb__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.ucb__progress span{transition:none}}.ucb__bar.has-items .ucb__bar-actions{grid-template-columns:auto repeat(2,minmax(0,1fr))}.ucb__bar-clear{height:52px;padding:0 14px;border:1px solid var(--ucb-ink);background:#fff;color:var(--ucb-ink);font-family:var(--ucb-display);font-weight:600;font-size:13px;letter-spacing:.04em;cursor:pointer}.ucb__bar-clear[hidden]{display:none}.ucb--inline{padding-bottom:0}.ucb--inline .ucb__bar{position:sticky;bottom:0}
/*# sourceMappingURL=/cdn/shop/t/30/assets/undone-case-builder.css.map */