.bn-sec{padding-block:clamp(56px,8cqi,104px)}.bn-sec.alt{background:var(--bg-2)}.bn-head{max-width:760px;display:grid;gap:14px;margin-bottom:clamp(24px,3cqi,36px)}.bn-head .eyebrow{margin:0}.bn-head p:not(.eyebrow){font-size:clamp(17px,1.5cqi,19px);color:var(--ink-soft);max-width:60ch}.bn-status{min-height:1.5em;margin-top:14px;font-weight:600;font-size:15px;color:#2f7a3a}.bn-status.is-bad{color:#b3261e}.bn-step{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--bg);font:800 16px/1 var(--font-display);margin-right:10px;vertical-align:4px}.bn-hero{background:var(--ripe);color:#3b2a1e;overflow:hidden}.bn-hero-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4cqi,56px);align-items:center;padding-block:clamp(44px,6cqi,88px)}.bn-hero h1{font-size:clamp(44px,6.4cqi,88px);line-height:.95}.bn-hero .lede{max-width:40ch}.bn-hero .eyebrow{color:#5a4230}.bn-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.bn-jump a{background:#fffaf0;border:2px solid rgba(59,42,30,.18);color:#3b2a1e;min-height:46px;padding:0 18px;font-size:15px}.bn-jump a:first-child{background:#3b2a1e;color:#fcf6e4;border-color:#3b2a1e}.bn-live{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-weight:700;font-size:15px}.bn-live .dot{width:9px;height:9px;border-radius:50%;background:#2f9a48;box-shadow:0 0 0 4px #2f9a4833}.bn-hero-cans{overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;background:#fff;border-radius:var(--radius);padding:30px 6px 10px;box-shadow:0 30px 60px -30px #563a148c}.bn-hero-cans img{width:112%;max-width:none;margin-left:-6%}.bn-hero-cans img:nth-child(2){transform:translateY(-7%)}@container site (max-width:820px){.bn-hero-inner{grid-template-columns:1fr}.bn-hero-cans{max-width:420px;width:100%;justify-self:center}}.bn-options{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:16px}@container site (max-width:900px){.bn-options{grid-template-columns:repeat(min(var(--cols,3),2),minmax(0,1fr))}}@container site (max-width:560px){.bn-options{grid-template-columns:1fr}}.bn-option{position:relative;display:flex;flex-direction:column;background:var(--surface);border:2px solid transparent;border-radius:var(--radius);overflow:hidden;transition:border-color .25s,transform .3s cubic-bezier(.16,1,.3,1)}.bn-option:hover{transform:translateY(-3px)}.bn-option.is-picked{border-color:var(--ink)}.bn-option-media{display:flex;align-items:flex-end;justify-content:center;background:#fff;padding:22px 8px 8px;aspect-ratio:4/3;overflow:hidden}.bn-option-media img{flex:1 1 0;min-width:0;height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply;margin:0 -3%}.bn-option-media.is-one img{flex:0 1 auto}.bn-option-media.is-photo{padding:0}.bn-option-media.is-photo img{width:100%;object-fit:cover;margin:0;mix-blend-mode:normal}.bn-option-body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px;flex:1}.bn-option h3{font-size:24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bn-option p{color:var(--ink-soft);font-size:15.5px}.bn-lead-tag{display:none;font:700 12px/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;background:var(--ripe);color:#3b2a1e;padding:5px 8px;border-radius:999px}.bn-option.is-leading .bn-lead-tag{display:inline-block}.bn-result{display:none;align-items:center;gap:10px;margin-top:auto}.has-results .bn-result{display:flex}.bn-bar{flex:1;height:12px;border-radius:9px;background:var(--bg-2);overflow:hidden}.bn-bar i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--ripe-deep);border-radius:9px;transition:transform .8s cubic-bezier(.16,1,.3,1)}.bn-option.is-picked .bn-bar i{background:var(--ink)}.bn-pct{font:800 20px/1 var(--font-display);min-width:3.2ch;text-align:right;font-variant-numeric:tabular-nums}.bn-count{display:none;font-size:13.5px;color:var(--ink-soft)}.has-results .bn-count{display:block}.bn-vote-btn{margin-top:auto;width:100%}.has-results .bn-vote-btn{margin-top:4px}.bn-vote-btn[aria-pressed=true]{background:var(--ripe);color:#3b2a1e}.bn-total{margin-top:16px;font-weight:600;color:var(--ink-soft)}.bn-tot-stage{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(10px,2cqi,24px);max-width:900px;margin:0 auto}.bn-tot-pick{display:grid;gap:12px;justify-items:center;padding:24px 12px 18px;border:2px solid var(--line);border-radius:var(--radius);background:#fff;cursor:pointer;font:inherit;color:#3b2a1e;transition:transform .25s cubic-bezier(.16,1,.3,1),border-color .2s,opacity .25s}.bn-tot-pick:hover{transform:translateY(-4px) rotate(-1deg);border-color:#3b2a1e}.bn-tot-pick img{height:clamp(220px,32cqi,380px);width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}.bn-tot-label{font:700 17px/1.2 var(--font-display)}.bn-tot-pick.is-win{border-color:#3b2a1e;transform:scale(1.03)}.bn-tot-pick.is-lose{opacity:.35;transform:scale(.97)}.bn-tot-or{font:800 22px/1 var(--font-display);width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--bg)}.bn-tot-stage.swap .bn-tot-pick{animation:totIn .45s cubic-bezier(.16,1,.3,1) both}.bn-tot-stage.swap .bn-tot-pick:last-child{animation-delay:.06s}@keyframes totIn{0%{opacity:0;transform:translateY(16px)}}.bn-tot-foot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;margin-top:20px;font-weight:600}.bn-tot-skip{background:none;border:0;color:var(--ink-soft);font:600 15px var(--font-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.bn-tot-wrap .bn-status{text-align:center}@container site (max-width:560px){.bn-tot-stage{grid-template-columns:1fr 1fr}.bn-tot-or{display:none}.bn-tot-pick{padding:16px 6px 12px}.bn-tot-label{font-size:14.5px;text-align:center}}.bn-rank-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(24px,4cqi,56px);align-items:start}@container site (max-width:820px){.bn-rank-wrap{grid-template-columns:1fr}}.bn-rank-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.bn-rank-row{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface);border:2px solid var(--line);border-radius:20px;touch-action:pan-y;transition:box-shadow .2s,border-color .2s}.bn-rank-row.is-drag{border-color:var(--ink);box-shadow:var(--shadow);position:relative;z-index:2}.bn-rank-n{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--ripe);color:#3b2a1e;font:800 18px/1 var(--font-display)}.bn-rank-row:first-child .bn-rank-n{background:var(--ink);color:var(--bg)}.bn-rank-row img{width:40px;height:72px;object-fit:contain;background:#fff;border-radius:10px;mix-blend-mode:multiply}.bn-rank-name{flex:1;min-width:0;font:700 19px/1.2 var(--font-display)}.bn-rank-ctrl{display:flex;gap:4px}.bn-rank-ctrl button,.bn-grip{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);display:grid;place-items:center;cursor:pointer;font-size:18px}.bn-rank-ctrl button[disabled]{opacity:.35;cursor:default}.bn-grip{cursor:grab;touch-action:none;border:0;background:transparent;font-size:22px;letter-spacing:-2px}.bn-rank-side{display:grid;gap:16px;position:sticky;top:110px}.bn-rank-side p{color:var(--ink-soft)}.bn-rank-submit{width:100%}.bn-lb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.bn-lb-card{background:var(--surface);border-radius:var(--radius);padding:22px 22px 18px;display:grid;gap:10px;align-content:start}.bn-lb-kind{font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.bn-lb-card h3{font-size:22px}.bn-lb-card ol{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px}.bn-lb-card li{display:grid;grid-template-columns:22px 28px minmax(0,1fr) auto;grid-template-areas:"n img name v" "n img bar bar";align-items:center;gap:2px 10px}.bn-lb-card li:not(:has(img)){grid-template-columns:22px minmax(0,1fr) auto;grid-template-areas:"n name v" "n bar bar"}.bn-lb-n{grid-area:n;font:800 16px/1 var(--font-display);color:var(--ink-soft)}.bn-lb-card li img{grid-area:img;width:28px;height:56px;object-fit:contain;background:#fff;border-radius:6px}.bn-lb-name{grid-area:name;font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bn-lb-v{grid-area:v;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}.bn-lb-bar{grid-area:bar;height:7px;border-radius:9px;background:var(--bg-2);overflow:hidden}.bn-lb-bar i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--ripe-deep);border-radius:9px;transition:transform .8s cubic-bezier(.16,1,.3,1)}.bn-lb-card li:first-child .bn-lb-bar i{background:var(--ink)}.bn-lb-card li.bn-lb-empty{display:block;color:var(--ink-soft);font-size:15px}.bn-lb-note{font-size:13px;color:var(--ink-soft)}.bn-modal{border:0;padding:0;background:transparent;max-width:min(560px,calc(100vw - 32px));width:100%}.bn-modal::backdrop{background:#18100a99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.bn-modal-card{position:relative;display:grid;gap:12px;background:var(--surface);color:var(--ink);border-radius:28px;padding:30px clamp(20px,4vw,34px) 24px;box-shadow:8px 8px 0 var(--ripe)}.bn-modal-kicker{font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.bn-modal h2{font-size:clamp(26px,4vw,34px)}.bn-modal-sub{color:var(--ink-soft)}.bn-modal-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.bn-modal-row input{flex:1 1 220px;min-height:54px;padding:0 22px;border-radius:999px;border:2px solid var(--line);background:#fff;color:var(--ink);font:500 17px var(--font-body)}.bn-modal-row input:focus{outline:none;border-color:var(--ripe-deep);box-shadow:0 0 0 4px color-mix(in srgb,var(--ripe) 40%,transparent)}.bn-modal-row .btn{min-height:54px;flex:1 1 auto}.bn-modal-err{color:#b3261e;font-weight:600;font-size:15px}.bn-modal-fine{font-size:13px;color:var(--ink-soft)}.bn-x{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:0;background:var(--bg-2);color:var(--ink);font-size:22px;cursor:pointer}.bn-teaser-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4cqi,56px);align-items:center;background:var(--surface);border-radius:calc(var(--radius) + 8px);padding:clamp(24px,4cqi,48px)}.bn-teaser-copy{display:grid;gap:16px;justify-items:start}.bn-teaser-copy .eyebrow{margin:0}.bn-teaser-copy p:not(.eyebrow){color:var(--ink-soft);font-size:18px;max-width:46ch}.bn-teaser-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-weight:600}.bn-teaser-list li:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--ripe-deep);margin-right:10px}.bn-teaser-cans{overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;background:#fff;border-radius:var(--radius);padding:28px 6px 8px}.bn-teaser-cans img{width:110%;max-width:none;margin-left:-5%;mix-blend-mode:multiply}@container site (max-width:820px){.bn-teaser-inner{grid-template-columns:1fr}}.bn-rate{background:var(--surface);border-radius:var(--radius);padding:22px 24px;display:grid;gap:12px;text-align:center}.bn-rate-q{font:700 19px/1.3 var(--font-display)}.bn-rate-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bn-thumb{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;border-radius:999px;border:2px solid var(--line);background:#fff;color:var(--ink);font:700 16px var(--font-body);cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s,border-color .2s}.bn-thumb:hover{transform:translateY(-2px);border-color:var(--ink-soft)}.bn-thumb:active{transform:scale(.97)}.bn-thumb[data-v=up][aria-pressed=true]{background:#2f7a3a;border-color:#2f7a3a;color:#fff}.bn-thumb[data-v=down][aria-pressed=true]{background:#3b2a1e;border-color:#3b2a1e;color:#fcf6e4}.bn-rate-result{font-weight:700;color:var(--ink-soft)}.bn-fav{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:999px;border:2px dashed var(--line);background:transparent;color:var(--ink);font:700 15px var(--font-body);cursor:pointer}.bn-fav:hover{border-color:var(--ink-soft)}.bn-star{font-size:20px;line-height:1;color:var(--ripe-deep)}.bn-fav[aria-pressed=true]{background:var(--ripe);border:2px solid var(--ripe);color:#3b2a1e}.bn-fav[aria-pressed=true] .bn-star{color:#3b2a1e}.bn-rate-progress{font-size:14.5px;color:var(--ink-soft)}.bn-rate .bn-status{margin-top:0;min-height:0}.bn-rate .bn-status:empty{display:none}.bn-tab-mark:empty{display:none}.bn-tab-mark{font-size:15px;margin-left:-4px}
/*# sourceMappingURL=/cdn/shop/t/5/assets/vote.css.map */