.hpo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;box-sizing:border-box}.hpo-pill{position:relative;border:1.5px solid #E8DFD3;border-radius:12px;padding:13px 12px 11px;margin-top:10px;cursor:pointer;transition:border-color .15s,background .15s;background:#fff;text-align:left;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;box-sizing:border-box}.hpo-pill:hover{border-color:#ef4323;background:#fff6f1}.hpo-pill.active{border:2px solid #EF4323;background:#fff;box-shadow:0 0 0 1px #ef4323}.hpo-pill:focus-visible{outline:3px solid rgba(239,67,35,.3);outline-offset:2px}.hpo-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 10px;border-radius:20px;white-space:nowrap;line-height:1.5}.hpo-badge--ship{background:#e8f5e9;color:#2e7d32}.hpo-badge--pop{background:#fff3e0;color:#e65100}.hpo-badge--best{background:#ef4323;color:#fff}.hpo-check{position:absolute;top:8px;right:8px;width:17px;height:17px;border-radius:50%;background:#ef4323;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.hpo-pill.active .hpo-check{opacity:1}.hpo-pill__cans{font-size:15px;font-weight:700;color:#1a1a1a;line-height:1.2;padding-right:24px}.hpo-pill__per{font-size:11px;color:#1a1a1a;font-weight:400;line-height:1.3}.hpo-pill__save{font-size:12px;font-weight:700;color:#ef4323;margin-top:2px;line-height:1.2}.hpo-pill__ship{font-size:12px;font-weight:600;color:#2e7d32;margin-top:1px;line-height:1.2}.hpo-nudge{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 14px;background:#fee8df;border:none;border-radius:10px;font-size:12px;color:#c1340f;font-weight:400;width:100%;box-sizing:border-box}.hpo-nudge svg{width:15px;height:15px;min-width:15px;flex-shrink:0;stroke:#c1340f}.hpo-nudge strong{font-weight:700;color:#c1340f}.hpo-nudge--warn{background:#fef0e8;color:#c1340f}.hpo-nudge--warn svg{stroke:#c1340f}.hpo-nudge--warn strong{color:#c1340f}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hpo-variant-picker.css.map */