.js [data-brew-guides]:not([data-brew-ready]) [data-brew-methods]{min-height:44px}@media(max-width:560px){[data-brew-params]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.js [data-brew-guides]:not([data-brew-ready]) [data-brew-params]{min-height:114px}.js [data-brew-guides]:not([data-brew-ready]) [data-brew-fixes]{min-height:140px}.js [data-brew-guides]:not([data-brew-ready]) [data-brew-kit]{min-height:38px}@media(max-width:520px){.js [data-brew-guides]:not([data-brew-ready]) [data-brew-params]{min-height:143px}.js [data-brew-guides]:not([data-brew-ready]) [data-brew-kit]{min-height:58px}}[data-from-bag] :is([data-brew-lede],[data-brew-search-box]){display:none!important}[data-brew-another]{align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(7,30,33,.25);background:none;color:#071e21;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.04em;line-height:1;white-space:nowrap;cursor:pointer}[data-from-bag] [data-brew-another]{display:inline-flex}@media(max-width:560px){[data-brew-guides][data-from-bag]{padding-top:calc(var(--hdr, 72px) + 16px)!important}[data-from-bag] [data-brew-stack]{gap:18px!important}[data-from-bag] [data-brew-lot-row]{row-gap:6px!important}[data-from-bag] .bg-grid{row-gap:14px}[data-from-bag] [data-param]{padding-top:12px!important;padding-bottom:12px!important}[data-from-bag] [data-brew-lot-pill]{flex:1 1 0;min-width:min(100%,168px);max-width:max-content;box-sizing:border-box;height:auto!important;min-height:44px;padding-top:6px!important;padding-bottom:6px!important}[data-from-bag] [data-brew-lot-name]{line-height:1.25;text-wrap:balance}[data-from-bag] [data-brew-another]{flex:none}}[data-brew-guides][data-swap-row]:not([data-brew-ready]) [data-brew-lot-row],[data-brew-guides][data-brew-swap]:not([data-brew-ready]) [data-guide-grid]{visibility:hidden}[data-brew-guides][data-sim-pending] :is(.bsim-guide,.bsim-core){visibility:hidden}[data-brew-methods]>[data-thumb]{background:#071e21;border-radius:999px}[data-brew-methods][data-thumb-host]>[role=tab]{position:relative;z-index:1;background:transparent!important;transition:color var(--t-state) var(--ease-out) 40ms}[data-brew-methods]>[role=tab][hidden]{display:none!important}@media(max-width:560px){[data-brew-methods]{display:grid!important;grid-template-columns:repeat(var(--n, 4),minmax(0,1fr));grid-auto-flow:row!important;flex:1 1 100%;box-sizing:border-box}[data-brew-methods]>[role=tab]{min-width:0;padding:0 4px!important}}[data-p-note] [data-tk] span{white-space:normal!important}.js [data-brew-guides][data-brew-pre]:not([data-brew-ready]) :is([data-brew-params],[data-brew-fixes],[data-brew-kit]){min-height:0}[data-brew-lot-pill]:focus{outline:none}[data-brew-lot-pill]:focus-visible{outline:2px solid var(--ring);outline-offset:3px}[data-brew-bar]{position:fixed;left:0;right:0;bottom:0;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:12px;min-height:64px;box-sizing:border-box;padding:10px clamp(14px,4vw,28px) calc(10px + env(safe-area-inset-bottom));background:#071e21;color:#f4f0e8;overflow:hidden;--ring: #e8b86b;--mark: #e8b86b;transform:translateY(102%);transition:transform var(--t-state) var(--ease-in)}[data-brew-bar][data-on=true]{transform:none;transition:transform var(--t-move) var(--ease-out)}[data-brew-bar]:not([data-on=true]){pointer-events:none}[data-bar-prog]{position:absolute;left:0;right:0;top:0;height:2px;background:#e8b86b;transform:scaleX(0);transform-origin:0 50%;pointer-events:none}[data-bar-back]{-webkit-appearance:none;appearance:none;border:0;background:none;color:inherit;font:inherit;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-width:0;min-height:44px;padding:0;text-align:left;-webkit-tap-highlight-color:transparent}[data-bar-clock]{font-family:DM Sans,system-ui,sans-serif;font-size:28px;font-weight:500;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}[data-bar-lines]{display:flex;flex-direction:column;gap:4px;min-width:0;font-family:DM Mono,monospace;font-size:11px;line-height:1.3;letter-spacing:.02em}[data-bar-lines]>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-bar-lines]>span:empty{display:none}[data-bar-next]{color:#f4f0e8b3}[data-bar-toggle]{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;width:44px;height:44px;border-radius:50%;background:#e8b86b;color:#071e21;display:grid;place-items:center;font-size:13px;line-height:1;-webkit-tap-highlight-color:transparent;transition:scale var(--t-micro) var(--ease-out)}[data-bar-toggle]:active{scale:var(--press, .97);transition-duration:var(--t-press)}@media(min-width:860px){[data-brew-bar]{left:50%;right:auto;width:520px;margin-left:-260px;bottom:16px;border-radius:999px;padding:10px 10px 10px 26px;box-shadow:0 18px 40px #071e2140;transform:translateY(calc(100% + 24px))}}body:has([data-brew-bar][data-on=true]){padding-bottom:76px}@media(min-width:860px){body:has([data-brew-bar][data-on=true]){padding-bottom:96px}}@media(prefers-reduced-motion:reduce){[data-brew-bar],[data-brew-bar][data-on=true]{transform:none!important;opacity:0;transition:opacity var(--t-micro) var(--ease-in)!important}[data-brew-bar][data-on=true]{opacity:1;transition:opacity var(--t-micro) var(--ease-out)!important}}[data-brew-wake][hidden]{display:none!important}@media(max-width:560px){[data-brew-buy]{flex-basis:100%}}[data-brew-buy][hidden]{display:none!important}[data-brew-search-wrap]{transition:border-color var(--t-state) var(--ease-out)}[data-brew-search-wrap]:focus-within{border-color:#071e21!important;outline:3px solid rgba(232,184,107,.55);outline-offset:0}[data-brew-search-wrap] input[data-brew-search]:focus,[data-brew-search-wrap] input[data-brew-search]:focus-visible{outline:none!important}[data-brew-search]::-webkit-search-cancel-button,[data-brew-search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}[data-brew-results] [role=option][aria-selected=true]{background:#071e210f!important}[data-brew-clear][hidden],[data-lib-count][hidden]{display:none!important}[data-brew-fixes]{display:grid!important;grid-template-columns:max-content minmax(0,1fr);gap:10px 16px!important}[data-fix-row]{display:grid!important;grid-template-columns:subgrid!important;grid-column:1 / -1;gap:0 16px!important}[data-fix-row]>:first-child{white-space:nowrap}@media(max-width:420px){[data-brew-fixes]{display:flex!important;flex-direction:column;gap:0!important}[data-fix-row]{display:flex!important;flex-direction:column;gap:3px!important;padding:10px 0;border-bottom:1px solid rgba(7,30,33,.1)}[data-fix-row]:first-child{padding-top:2px}[data-fix-row]:last-child{border-bottom:0;padding-bottom:0}[data-fix-row]>:first-child{white-space:normal;font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:500;line-height:1.35;letter-spacing:-.005em;color:#071e21!important}[data-fix-row]>:last-child{font-family:DM Mono,monospace;font-size:12px;line-height:1.5;color:#071e21b8}.js [data-brew-guides]:not([data-brew-ready]) [data-brew-fixes]{min-height:219px}}.bg-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-areas:"params kit" "sim sim" "fixes media";gap:clamp(20px,2.6vw,36px) clamp(20px,3vw,48px);align-items:start}.bg-params{grid-area:params;align-self:stretch}.bg-kit{grid-area:kit;align-self:stretch}.bsim{grid-area:sim}.bg-fixes{grid-area:fixes}.bg-media{grid-area:media}@media(max-width:899px){.bg-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"params" "sim" "kit" "fixes" "media"}}.bsim{--c2: rgba(244,240,232,.78);--c3: rgba(244,240,232,.6);--crule: rgba(244,240,232,.16);--ring: #e8b86b;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(20px,3.4vw,56px);align-items:start;padding:clamp(20px,3vw,44px);border-radius:24px;color:#f4f0e8;background:#071e21 radial-gradient(120% 90% at 25% 0%,#0f4a52,#0a3a40 32%,#071e21 72%)}.bsim [hidden]{display:none!important}.bsim-dial{position:relative;width:100%;max-width:620px;aspect-ratio:1;justify-self:center}@media(min-width:900px){.bsim-dial{position:sticky;top:calc(var(--hdr, 72px) + 24px)}}.bsim-stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;cursor:pointer;border-radius:50%;opacity:0;transition:opacity var(--t-reveal, .6s) var(--ease-out);-webkit-tap-highlight-color:transparent}[data-sim-on] .bsim-stage{opacity:1}.bsim-stage:focus{outline:none}.bsim-stage:focus-visible{outline:2px solid #e8b86b;outline-offset:4px}.bsim-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;pointer-events:none;isolation:isolate}.bsim-core:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:17em;height:10em;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,#071e219e,#071e2100);font-size:11px}.bsim-core-n{font-size:clamp(44px,6.4vw,76px);font-weight:500;letter-spacing:-.04em;line-height:.9;font-variant-numeric:tabular-nums;text-shadow:0 2px 24px rgba(7,30,33,.8)}.bsim-core-u{max-width:20ch;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.06em;line-height:1.4;color:var(--c2);text-transform:uppercase;text-shadow:0 1px 12px rgba(7,30,33,.9)}.bsim-guide{display:flex;flex-direction:column;gap:16px;min-width:0}.bsim-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;min-height:32px;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--c3)}.bsim-top b{font-weight:400;color:#e8b86b}.bsim-clock{font-family:DM Sans,system-ui,sans-serif;font-size:30px;font-weight:500;letter-spacing:-.03em;line-height:1;color:#f4f0e8;text-transform:none;font-variant-numeric:tabular-nums}.bsim-now{margin:0;min-height:2em;font-size:clamp(34px,3.9vw,56px);font-weight:500;letter-spacing:-.035em;line-height:1;text-wrap:balance}.bsim-how{margin:0;min-height:4.35em;max-width:40ch;font-size:17px;line-height:1.45;color:var(--c2);text-wrap:pretty}.bsim-why{margin:0;min-height:4.5em;max-width:46ch;font-size:14px;line-height:1.5;color:var(--c3);text-wrap:pretty}.bsim-ctrl{display:flex;flex-wrap:wrap;gap:10px}.bsim-btn{-webkit-appearance:none;appearance:none;cursor:pointer;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid rgba(244,240,232,.26);background:none;color:#f4f0e8;display:inline-flex;align-items:center;gap:10px;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.04em;line-height:1;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:border-color var(--t-state) var(--ease-out),background-color var(--t-state) var(--ease-out),scale var(--t-micro) var(--ease-out)}.bsim-btn:active{scale:var(--press, .97);transition-duration:var(--t-press, 90ms)}.bsim-btn:focus-visible{outline:2px solid #e8b86b;outline-offset:3px}@media(hover:hover){.bsim-btn:hover{border-color:#f4f0e899}}.bsim-go{padding:0 7px 0 22px;gap:12px;background:#f4f0e8;border-color:#f4f0e8;color:#071e21}.bsim-go .gl{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8b86b;color:#071e21;font-size:11px}.bsim-btn[role=switch]:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#f4f0e84d;transition:background-color var(--t-state) var(--ease-out)}.bsim-btn[role=switch][aria-checked=true]:before{background:#e8b86b}.bsim-wake{margin:-6px 0 0;font-family:DM Mono,monospace;font-size:10.5px;letter-spacing:.02em;color:var(--c3)}.bsim-steps{list-style:none;margin:4px 0 0;padding:0;display:grid;border-top:1px solid var(--crule)}.bsim-steps li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:10px 0 10px 12px;border-bottom:1px solid var(--crule);font-size:15px;letter-spacing:-.01em;transition:opacity var(--t-state) var(--ease-out)}.bsim-steps li:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:1px;background:#e8b86b;transform:scaleY(0);transform-origin:50% 0;transition:transform var(--t-move) var(--ease-out)}.bsim-steps li[data-on]:before{transform:none}.bsim-steps li[data-past]{opacity:.45}.bsim-steps .t{font-family:DM Mono,monospace;font-size:11.5px;letter-spacing:0;color:var(--c3);font-variant-numeric:tabular-nums}.bsim-steps li[data-on] .t{color:#e8b86b}.bsim-steps .g{font-family:DM Mono,monospace;font-size:11.5px;letter-spacing:0;color:#e8b86b;white-space:nowrap}.bsim-steps .d{display:block;margin-top:3px;font-family:DM Mono,monospace;font-size:10.5px;letter-spacing:.03em;color:var(--c3)}.bsim-steps li[data-on] .d{color:var(--c2)}.bsim-steps.bsim-recipe li{grid-template-columns:92px minmax(0,1fr) auto}.bsim-steps.bsim-recipe .t{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.bsim-note{display:grid;gap:8px;padding:14px 16px;border:1px solid var(--crule);border-radius:14px;background:#f4f0e80a}.bsim-note-k{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#e8b86b}.bsim-note p{margin:0;max-width:54ch;font-size:14px;line-height:1.5;color:var(--c2);text-wrap:pretty}.bsim-note dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-family:DM Mono,monospace;font-size:12px;color:var(--c2)}.bsim-note dt{color:#f4f0e8}.bsim-note dd{margin:0}.bsim-rise .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}.bsim-rise .w>span{display:inline-block;animation:bsim-w .55s var(--ease-out) both;animation-delay:calc(var(--i) * 38ms)}@keyframes bsim-w{0%{transform:translateY(105%);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.bsim-rise .w>span{animation:none}.bsim-stage{transition:none}.bsim-steps li:before{transition:none}}@media(max-width:899px){.bsim{grid-template-columns:minmax(0,1fr);gap:18px}.bsim-dial{max-width:min(100%,64vh)}.bsim-why,.bsim-steps,.bsim-note{order:1}.bsim-why{min-height:0}}@media(max-width:560px){.bsim{margin-inline:calc(-1*clamp(20px,4vw,48px));padding:18px 16px 26px;border-radius:0}.bsim-now{font-size:34px}.bsim-how{font-size:16px}.bsim-ctrl{gap:8px}.bsim-btn{padding:0 16px}.bsim-go{padding:0 6px 0 18px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/salesol-brew.css.map */