.psb{--psb-ink: #101010;--psb-muted: #444444;--psb-paper: #ffffff;--psb-orange: #f7941d;--psb-line: rgba(16, 16, 16, .18);--psb-stage-a: #fff7ec;--psb-stage-b: #ffd7ae;--psb-flav: #d81f26;--psb-radius: 12px;--psb-gap: 16px;color:var(--psb-ink);background:var(--psb-paper);font-family:var(--font-body-family);font-size:1.5rem;line-height:1.45}.psb *,.psb *:before,.psb *:after{box-sizing:border-box}.psb button{font:inherit;color:inherit;letter-spacing:normal;text-transform:none;margin:0}.psb :focus-visible{outline:3px solid var(--psb-ink);outline-offset:2px}.psb h1,.psb h2,.psb h3{letter-spacing:normal}.psb__wrap{padding-top:24px;padding-bottom:32px}.psb__head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.psb__eyebrow{margin:0;font-size:1.3rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--psb-muted)}.psb__title{margin:6px 0 0;font-family:var(--font-heading-family);font-weight:700;font-size:clamp(3rem,6vw,4.4rem);line-height:1.05}.psb__standfirst{margin:10px 0 18px;max-width:62ch;color:var(--psb-muted)}.psb__top-actions{display:flex;gap:8px;flex-wrap:wrap}.psb__icon-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;background:var(--psb-paper);border:2px solid var(--psb-ink);cursor:pointer;font-size:1.4rem;font-weight:600}.psb__icon-btn svg{width:18px;height:18px}.psb__count{font-variant-numeric:tabular-nums}.psb__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--psb-gap);align-items:start}.psb__left,.psb__panel{display:grid;gap:var(--psb-gap);min-width:0;align-content:start}.psb__stage{position:relative;z-index:2;border:3px solid var(--psb-ink);border-radius:var(--psb-radius);background:linear-gradient(180deg,var(--psb-stage-a),var(--psb-stage-b));padding:12px 14px 14px;min-width:0}.psb__stage-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.psb__tag{display:inline-flex;align-items:center;gap:6px;font-size:1.2rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--psb-paper);border:2px solid var(--psb-ink)}.psb__tag i{width:10px;height:10px;border-radius:50%;background:var(--psb-flav);border:1px solid var(--psb-ink)}.psb__like{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:999px;cursor:pointer;background:var(--psb-paper);border:2px solid var(--psb-ink);font-size:1.4rem;font-weight:600}.psb__like svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.psb__like[aria-pressed=true] svg{fill:var(--psb-orange)}.psb__glass-wrap{position:relative;display:grid;place-items:center;margin-top:6px}.psb__glass-wrap:before{content:"";position:absolute;width:58%;aspect-ratio:1;border-radius:50%;top:18%;background:radial-gradient(circle,var(--psb-flav) 0%,transparent 68%);opacity:.22}#psb-glass{position:relative;width:min(260px,64vw);height:auto;color:var(--psb-ink)}#psb-vessel{transform-origin:70px 195px}.psb.is-ready #psb-vessel{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.psb .psb-wall{fill:#fff;fill-opacity:.35}.psb .psb-layer{stroke:currentColor;stroke-width:1;stroke-opacity:.35;vector-effect:non-scaling-stroke}.psb.is-ready .psb-layer{transition:fill .35s linear}.psb .psb-sheen{fill:#fff;fill-opacity:.28}.psb .psb-line{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}#psb-ice-over rect,#psb-ice-under rect{stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke}.psb .psb-bub{fill:none;stroke:#fff;stroke-width:1;stroke-opacity:.8;vector-effect:non-scaling-stroke;animation:psb-rise 2.6s linear infinite}.psb .psb-drip{stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;animation:psb-drip 2.4s cubic-bezier(.45,0,1,.55) infinite}.psb .psb-bob{animation:psb-bob 4.4s ease-in-out infinite}.psb .psb-dropcount{font-family:var(--font-body-family);font-size:11px;font-weight:700;fill:var(--psb-ink);font-variant-numeric:tabular-nums}.psb .psb-canlabel{font-family:var(--font-body-family);font-size:9px;fill:var(--psb-ink)}.psb .psb-can{stroke:currentColor;stroke-width:2;stroke-linejoin:round}.psb .psb-thin{stroke:currentColor;stroke-width:1}@keyframes psb-drip{0%{transform:translateY(-8px);opacity:0}20%{opacity:1}70%{transform:translateY(8px);opacity:1}to{transform:translateY(18px);opacity:0}}@keyframes psb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes psb-rise{0%{transform:translateY(0);opacity:0}15%{opacity:.8}to{transform:translateY(var(--rise));opacity:0}}.psb__name{margin:10px 0 2px;text-align:center;font-family:var(--font-heading-family);font-weight:700;font-size:clamp(2.2rem,5vw,3rem);line-height:1.1;overflow-wrap:anywhere;text-wrap:balance}.psb__name--build{text-transform:none;font-size:clamp(1.8rem,4vw,2.2rem)}.psb__format{margin:0;text-align:center;color:var(--psb-muted);font-size:1.4rem}.psb__format[hidden]{display:none}.psb__readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.psb__ro{border:2px solid var(--psb-ink);border-radius:var(--psb-radius);background:var(--psb-paper);padding:8px 10px;min-width:0}.psb__ro span{display:block;font-size:1.1rem;font-weight:700;letter-spacing:.04em;line-height:1.2;text-transform:uppercase;color:var(--psb-muted);overflow-wrap:anywhere}.psb__ro b{display:block;margin-top:2px;font-size:1.6rem;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psb__card{border:3px solid var(--psb-ink);border-radius:var(--psb-radius);background:var(--psb-paper);padding:16px;box-shadow:6px 6px 0 var(--psb-ink);min-width:0}.psb__card[hidden]{display:none}.psb__card-h{margin:0 0 12px;font-family:var(--font-heading-family);font-size:1.8rem;font-weight:700}.psb__stack{display:grid;gap:8px}.psb__pick{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 12px;text-align:left;cursor:pointer;border-radius:var(--psb-radius);border:2px solid var(--psb-ink);background:var(--psb-paper)}.psb__pick:hover{background:#fff3e3}.psb__pick>span{min-width:0}.psb__sw{width:44px;height:44px;border-radius:10px;border:2px solid var(--psb-ink);display:block}.psb__k,.psb__v,.psb__n{display:block}.psb__k{font-size:1.2rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--psb-muted)}.psb__v{font-size:1.7rem;font-weight:700;line-height:1.2}.psb__n{font-size:1.3rem;color:var(--psb-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psb__chev{width:18px;height:18px}.psb__segs{display:grid;gap:10px;margin-top:14px}.psb__seg-row{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:8px}.psb__seg-row>span{font-size:1.2rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--psb-muted)}.psb__seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;padding:3px;border-radius:var(--psb-radius);border:2px solid var(--psb-ink);background:var(--psb-paper)}.psb__seg button{min-height:44px;padding:0 4px;border:0;border-radius:9px;background:transparent;cursor:pointer;font-size:1.3rem;font-weight:600;line-height:1.2}.psb__seg button[aria-pressed=true]{background:var(--psb-ink);color:var(--psb-paper)}.psb__seg button:disabled{color:#6b6b6b;cursor:not-allowed;text-decoration:line-through}.psb__seg button[aria-pressed=true]:disabled{color:var(--psb-paper);text-decoration:none}.psb__mlbox{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.psb__mlbox input{width:100%;min-height:44px;margin:0;accent-color:var(--psb-ink)}.psb__mlbox output{min-width:64px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.psb__hint{margin:2px 0 0;font-size:1.4rem;color:var(--psb-muted)}.psb__need{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}.psb__need li{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;padding-bottom:6px;border-bottom:1px solid var(--psb-line)}.psb__need li:last-child{border-bottom:0;padding-bottom:0}.psb__q{font-weight:700;font-variant-numeric:tabular-nums}.psb__method{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:psb}.psb__method li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start}.psb__method li:before{counter-increment:psb;content:counter(psb);display:grid;place-items:center;height:26px;border-radius:999px;background:var(--psb-orange);color:var(--psb-ink);font-weight:700;font-size:1.3rem;font-variant-numeric:tabular-nums}.psb__label-strip{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:#fff3e3;border:2px solid var(--psb-ink);font-size:1.4rem}.psb__buy-row,.psb__candy-link{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;color:var(--psb-ink);text-decoration:none;min-height:44px}.psb__candy-link{grid-template-columns:64px minmax(0,1fr)}.psb__buy-row img,.psb__candy-link img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:2px solid var(--psb-ink);background:#fff3e3}.psb__buy-row b,.psb__candy-link b{display:block;text-decoration:underline;text-underline-offset:3px}.psb__buy-row i{display:block;font-style:normal;font-size:1.3rem;color:var(--psb-muted)}.psb__buy-row small,.psb__candy-link small{font-size:1.3rem;color:var(--psb-muted);font-variant-numeric:tabular-nums}.psb__candy-link small{display:block}.psb__candy-why{margin:10px 0 0;font-size:1.4rem;color:var(--psb-muted)}.psb__dock{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));z-index:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:min(460px,100%);margin:24px auto 0;padding:5px;border-radius:999px;background:var(--psb-paper);border:3px solid var(--psb-ink);box-shadow:4px 4px 0 var(--psb-ink);transition:transform .28s ease,opacity .28s ease}.psb__dock button{display:grid;justify-items:center;gap:1px;min-height:48px;border:0;border-radius:999px;background:transparent;cursor:pointer;font-size:1.3rem;font-weight:600}.psb__dock button svg{width:20px;height:20px}.psb__dock button:hover{background:#fff3e3}.psb__dock .psb__go,.psb__dock .psb__go:hover{background:var(--psb-orange)}.psb__dock.is-tucked{transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none}.psb__static{max-width:72ch;margin:36px auto 0}.psb__static h2{font-family:var(--font-heading-family)}.psb__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#10101080;opacity:0;pointer-events:none;transition:opacity .2s}.psb__scrim.is-on{opacity:1;pointer-events:auto}.psb__sheet{position:fixed;left:0;right:0;bottom:0;z-index:1001;max-width:620px;max-height:80vh;margin:0 auto;overflow:auto;background:var(--psb-paper);border:3px solid var(--psb-ink);border-bottom:0;border-radius:16px 16px 0 0;padding:10px 16px calc(24px + env(safe-area-inset-bottom));transform:translateY(105%);visibility:hidden;transition:transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s linear .24s}.psb__sheet.is-on{transform:translateY(0);visibility:visible;transition:transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s}.psb__grab{width:44px;height:4px;border-radius:999px;background:var(--psb-line);margin:4px auto 12px}.psb__sheet h3{margin:0 0 4px;font-family:var(--font-heading-family);font-weight:700;font-size:2.2rem}.psb__lead{margin:0 0 12px;color:var(--psb-muted)}.psb__chips{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.psb__chip{min-height:44px;padding:0 16px;border-radius:999px;border:2px solid var(--psb-ink);background:var(--psb-paper);cursor:pointer;font-weight:600}.psb__chip[aria-pressed=true]{background:var(--psb-ink);color:var(--psb-paper)}.psb__options{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.psb__options--wide{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.psb__opt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;min-height:56px;padding:10px 12px;text-align:left;cursor:pointer;border-radius:var(--psb-radius);border:2px solid var(--psb-ink);background:var(--psb-paper)}.psb__opt:not(:has(.psb__sw)){grid-template-columns:minmax(0,1fr)}.psb__opt[aria-pressed=true]{background:#fff3e3;box-shadow:inset 0 0 0 2px var(--psb-ink)}.psb__opt .psb__sw{width:28px;height:28px;border-radius:8px}.psb__opt b{display:block;font-size:1.5rem}.psb__opt span span{display:block;font-size:1.3rem;color:var(--psb-muted)}.psb__install{margin:0;padding-left:20px;display:grid;gap:8px}.psb__saved{list-style:none;margin:0;padding:0;display:grid;gap:8px}.psb__saved button{width:100%;display:grid;grid-template-columns:14px minmax(0,1fr);gap:10px;align-items:center;min-height:52px;padding:8px 12px;text-align:left;cursor:pointer;border-radius:var(--psb-radius);border:2px solid var(--psb-ink);background:var(--psb-paper)}.psb__saved i{width:14px;height:14px;border-radius:50%;border:1px solid var(--psb-ink)}.psb__saved small{display:block;color:var(--psb-muted);font-size:1.3rem}.psb__empty{color:var(--psb-muted)}.psb__toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:1002;max-width:calc(100% - 32px);padding:10px 14px;border-radius:10px;background:var(--psb-ink);color:var(--psb-paper);font-weight:600;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,20px);transition:opacity .18s,transform .18s}.psb__toast.is-on{opacity:1;transform:translate(-50%)}@media screen and (max-width:749px){.psb__left{display:contents}.psb__stage{position:sticky;top:0;order:0;padding:8px 10px}.psb__stage-head{position:absolute;left:8px;right:8px;top:8px;z-index:1}.psb__tag{display:none}.psb__stage-head{justify-content:flex-end}#psb-glass{width:auto;height:20vh;max-height:170px}.psb__name{font-size:2rem;margin-top:4px}.psb__name--build{font-size:1.7rem}.psb__format{font-size:1.3rem}.psb__readouts{order:1}.psb__panel{order:2}.psb__dock{width:100%}}@media screen and (max-width:374px){.psb__seg-row{grid-template-columns:minmax(0,1fr);gap:4px}.psb__need li{grid-template-columns:96px minmax(0,1fr)}}@media screen and (min-width:990px){.psb__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.psb__left{position:sticky;top:24px}}@media(prefers-reduced-motion:reduce){.psb *,.psb *:before,.psb *:after{animation:none;transition:none}.psb .psb-bub,.psb .psb-drip,.psb .psb-bob{animation:none}.psb.is-ready #psb-vessel,.psb.is-ready .psb-layer,.psb__sheet,.psb__sheet.is-on,.psb__scrim,.psb__toast,.psb__dock{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/puha-soda-builder.css.map */