#byob{--ink:#111417;--muted:#6a7078;--line:#e8e8ea;--bg:#fff;--card:#fff;--brand:#17b3c4;--brand-dk:#129aa8;--red:#f63355;--gold:#f6a733;--good:#17b3c4;--rad:13px;--shadow:0 1px 2px rgba(20,20,25,.05),0 10px 28px rgba(20,20,25,.07);font:16px/1.55 Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);padding-bottom:176px;-webkit-font-smoothing:antialiased}#byob *{box-sizing:border-box}#byob .wrap{max-width:1120px;margin:0 auto;padding:0 20px}#byob .topbar{position:sticky;top:0;z-index:40;background:#ffffffed;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line);margin-bottom:4px}#byob .topbar .in{max-width:1120px;margin:0 auto;padding:11px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}#byob .brand{display:flex;align-items:center;gap:12px;text-decoration:none}#byob .brand img{height:58px;width:auto;display:block}#byob .tag{font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-weight:800;white-space:nowrap}@media(max-width:640px){#byob .brand img{height:44px}#byob .tag{display:none}}#byob header.byob-head{padding:28px 0 18px;text-align:center}#byob .eyebrow{font-size:clamp(30px,5.4vw,52px);font-weight:900;letter-spacing:-.03em;line-height:1.05;color:var(--ink);margin:2px 0 12px}#byob .lede{font-size:clamp(19px,2.5vw,27px);font-weight:800;letter-spacing:-.012em;margin:0 0 10px;line-height:1.3}#byob .hl{color:var(--brand)}#byob .sub{color:var(--muted);max-width:580px;margin:0 auto}#byob .ladder{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 22px 16px;box-shadow:var(--shadow);overflow-anchor:none}#byob .track{position:relative;height:8px;background:#eee9e1;border-radius:99px;margin:32px 0 10px}#byob .fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:99px;background:linear-gradient(90deg,var(--red),var(--gold),var(--brand));transition:width .5s cubic-bezier(.3,.9,.3,1)}#byob .stops{display:flex;justify-content:space-between;margin-top:-30px;height:98px;overflow-anchor:none}#byob .stop{flex:1;text-align:center}#byob .stop:first-child{text-align:left}#byob .stop:last-child{text-align:right}#byob .dot{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #ded8ce;margin:0 auto 8px;position:relative;top:22px;transition:.3s}#byob .stop:first-child .dot{margin-left:0}#byob .stop:last-child .dot{margin-right:0}#byob .stop.hit .dot{border-color:var(--good);background:var(--good);animation:byobglow 1.9s ease-in-out infinite}@keyframes byobglow{0%,to{box-shadow:0 0 0 4px #17b3c429,0 0 9px #17b3c48c}50%{box-shadow:0 0 0 8px #17b3c438,0 0 22px #17b3c4f2}}#byob .amt{font-weight:900;font-size:15px;transition:font-size .28s ease,color .28s ease;line-height:1.25}#byob .lbl{font-size:12px;color:var(--muted);font-weight:700;line-height:1.25}#byob .stop.hit .amt{color:var(--brand-dk)}#byob .stop.hit .lbl{color:var(--ink)}#byob .stop.hit.t0 .amt{font-size:16.5px}#byob .stop.hit.t1 .amt{font-size:18.5px}#byob .stop.hit.t2 .amt{font-size:21px}#byob .nudge{text-align:center;font-size:15px;margin-top:4px;height:26px;overflow:hidden;font-weight:600}#byob .nudge b{color:var(--red);font-weight:900}#byob .tray{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin:16px 0 10px;box-shadow:var(--shadow);overflow-anchor:none}#byob .trayhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}#byob .trayhead h3{margin:0;font-size:15px;letter-spacing:-.01em}#byob .clear{background:none;border:0;color:var(--muted);font-size:13px;cursor:pointer;text-decoration:underline}#byob .slots{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:4px 2px 8px;height:94px;scrollbar-width:thin;overflow-anchor:none}#byob .slots::-webkit-scrollbar{height:6px}#byob .slots::-webkit-scrollbar-thumb{background:#d9d9dd;border-radius:99px}#byob .slot{flex:0 0 74px;height:74px;border-radius:var(--rad);position:relative;display:flex;align-items:center;justify-content:center;background:#fff;border:2px dashed #ded8ce;transition:.2s}#byob .slot img{width:100%;height:100%;object-fit:contain;padding:6px;border-radius:12px}#byob .slot.full{border:2px solid var(--line);cursor:pointer;background:#fff}#byob .slot.full:hover{border-color:var(--brand)}#byob .slot.full:after{content:"\d7";position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;font-size:13px;line-height:20px;text-align:center;opacity:0;transition:.18s}#byob .slot.full:hover:after{opacity:1}#byob .slot.drop{animation:byobdrop .42s cubic-bezier(.2,1.3,.4,1)}@keyframes byobdrop{0%{transform:translateY(-26px) scale(.7);opacity:0}60%{transform:translateY(3px) scale(1.06);opacity:1}to{transform:none}}#byob .slot.next{border:none;background:#fff;overflow:visible}#byob .fuse{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;width:calc(100% + 10px);height:calc(100% + 10px);overflow:visible;pointer-events:none}#byob .fuse rect{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}#byob .fuse .base{stroke:#e9e9ee;stroke-width:3}#byob .fuse .tail{stroke:#f6a733;stroke-width:4;stroke-dasharray:20 80;filter:drop-shadow(0 0 5px rgba(246,167,51,.95)) drop-shadow(0 0 12px rgba(246,51,85,.75));animation:byobburn 1.45s linear infinite}#byob .fuse .head{stroke:#fffbe8;stroke-width:5;stroke-dasharray:5 95;filter:drop-shadow(0 0 6px #ffd166) drop-shadow(0 0 14px #f63355) drop-shadow(0 0 22px #f63355);animation:byobburn 1.45s linear infinite}@keyframes byobburn{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}#byob .slot.next .plus{font-size:28px;color:var(--red);font-weight:700;line-height:1;position:relative;z-index:2;animation:byobbreathe 1.6s ease-in-out infinite}@keyframes byobbreathe{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.16);opacity:1}}#byob .tools{display:flex;gap:10px;align-items:center;margin:22px 0 12px;flex-wrap:wrap}#byob .chips{display:flex;gap:7px;overflow-x:auto;flex:1;padding-bottom:3px}#byob .chip{flex:0 0 auto;border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:7px 14px;font-size:13px;font-weight:650;cursor:pointer;white-space:nowrap;transition:.16s;color:var(--ink)}#byob .chip:hover{border-color:#c9c3b8}#byob .chip.on{background:var(--ink);border-color:var(--ink);color:#fff}#byob .lucky{flex:0 0 auto;border:0;border-radius:var(--rad);padding:10px 18px;cursor:pointer;color:#fff;font-weight:800;font-size:13.5px;background:linear-gradient(135deg,var(--red),#ff7a3d);box-shadow:0 4px 14px #f6335547}#byob .lucky:active{transform:scale(.96)}#byob .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px}#byob .card{background:var(--card);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:.2s;position:relative}#byob .card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d8d2c8}#byob .card.on{border-color:var(--brand);box-shadow:0 0 0 3px #17b3c429}#byob .card.flash{animation:byobflash .5s ease}@keyframes byobflash{0%{box-shadow:0 0 #e0a83ab3}to{box-shadow:0 0 0 16px #e0a83a00}}#byob .thumb{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:10px;background:#fff}#byob .thumb img{max-width:100%;max-height:100%;object-fit:contain}#byob .info{padding:10px 12px 12px;display:flex;flex-direction:column;gap:7px;flex:1}#byob .ln{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--red);font-weight:900}#byob .name{font-size:12.8px;line-height:1.34;font-weight:600;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#byob .row{display:flex;align-items:center;justify-content:space-between;margin-top:auto}#byob .price{font-weight:800;font-size:15px}#byob .qb{background:var(--ink);color:#fff;border:0;border-radius:99px;width:28px;height:28px;font-size:17px;font-weight:700;line-height:1;cursor:pointer}#byob .qty{font-weight:800;font-size:13.5px;background:#17b3c41f;color:var(--brand-dk);border-radius:99px;padding:3px 9px}#byob .myst{margin-top:0;border:0 solid var(--gold);background:linear-gradient(180deg,#fffdf7,#fff);border-radius:16px;padding:0 18px;max-height:0;opacity:0;overflow:hidden;overflow-anchor:none;transition:max-height .45s ease,opacity .3s ease,margin .45s ease,padding .45s ease,border-width .45s ease}#byob .myst.show{max-height:320px;opacity:1;margin-top:18px;padding:18px;border-width:2px}#byob .myst h3{margin:0 0 4px;font-size:16px}#byob .myst p{margin:0 0 12px;color:var(--muted);font-size:13.5px}#byob .mopts{display:flex;gap:9px;flex-wrap:wrap}#byob .mopt{border:1.5px solid var(--line);background:#fff;border-radius:var(--rad);padding:9px 16px;font-size:13.5px;font-weight:650;cursor:pointer;transition:.16s;color:var(--ink)}#byob .mopt:hover{border-color:var(--gold)}#byob .mopt.on{background:var(--brand);border-color:var(--brand);color:#fff}#byob .sum{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 30px #1414191a;z-index:30}#byob .sumin{max-width:1120px;margin:0 auto;padding:13px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}#byob .cnt{font-size:13px;color:var(--muted)}#byob .tot{display:flex;align-items:baseline;gap:9px}#byob .now{font-size:26px;font-weight:850;letter-spacing:-.02em}#byob .was{font-size:15.5px;color:var(--muted);text-decoration:line-through}#byob .save{background:#17b3c421;color:var(--brand-dk);font-weight:900;font-size:13px;padding:5px 11px;border-radius:99px;opacity:0;transform:translateY(4px);transition:.28s}#byob .save.show{opacity:1;transform:none}#byob .cta{margin-left:auto;display:flex;align-items:center;gap:14px}#byob .mini{font-size:12.5px;color:var(--muted);text-align:right;max-width:220px;line-height:1.35}#byob .btn{background:var(--brand);color:#fff;border:0;border-radius:var(--rad);padding:14px 28px;font-size:15.5px;font-weight:800;cursor:pointer;white-space:nowrap;transition:.18s}#byob .btn:hover{background:var(--brand-dk)}#byob .btn:disabled{background:#d6d2ca;cursor:not-allowed}#byob .pulse{animation:byobp .55s ease}@keyframes byobp{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}#byob .note{max-width:1120px;margin:24px auto 0;padding:0 20px;color:var(--muted);font-size:12.5px}@media(max-width:640px){#byob .stop .lbl{font-size:11px}#byob .now{font-size:22px}#byob .mini{display:none}#byob .cta{width:100%;margin-left:0}#byob .btn{flex:1;padding:13px 18px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/byob.css.map */