:root{--jbsp-accent: #a5d64f;--jbsp-green: #72a527;--jbsp-navy: #013e7b;--jbsp-ink: #12263a;--jbsp-muted: #6b7a89;--jbsp-line: rgba(1, 62, 123, .18);--jbsp-selected: #013e7b;--jbsp-selected-tint: rgba(1, 62, 123, .05);--jbsp-selected-ring: rgba(1, 62, 123, .14);--jbsp-hair: rgba(1, 62, 123, .1);--jbsp-radius: 12px;--jbsp-radius-lg: 16px;--jbsp-shadow-sm: 0 1px 2px rgba(6, 33, 56, .06), 0 2px 8px rgba(6, 33, 56, .05);--jbsp-shadow-md: 0 4px 14px rgba(6, 33, 56, .1);--jbsp-ease: cubic-bezier(.2, .7, .3, 1)}.jbsp{margin-block-start:.5rem;display:flex;flex-direction:column;gap:1.25rem;container-type:inline-size}.jbsp__group{display:flex;flex-direction:column;gap:.6rem}.jbsp__legend,.jbsp-gifts__title{font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.75;margin:0;color:inherit}.jbsp [hidden]{display:none!important}.jbsp__tiers{display:flex;flex-direction:row;gap:12px;width:100%;overflow:visible;margin-block:4px 22px}.jbsp-tier{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:16px 16px 20px;background:#fff;border:2px solid var(--jbsp-line);border-radius:12px;cursor:pointer;transition:border-color .18s var(--jbsp-ease),background-color .18s var(--jbsp-ease),box-shadow .18s var(--jbsp-ease);overflow:visible}.jbsp-tier:hover:not(:disabled){border-color:var(--jbsp-selected)}.jbsp-tier:focus-visible{outline:none;border-color:var(--jbsp-selected);box-shadow:0 0 0 3px var(--jbsp-selected-ring)}.jbsp-tier.is-active{border-color:var(--jbsp-selected);background:var(--jbsp-selected-tint);box-shadow:0 0 0 3px var(--jbsp-selected-ring)}.jbsp-tier:disabled{opacity:.45;cursor:not-allowed}.jbsp-tier__img{width:100px;height:80px;object-fit:contain;display:block;margin-block-end:8px}.jbsp-tier__name{font-size:18px;font-weight:700;color:#333;line-height:1.2;margin-block-start:8px}.jbsp-tier__boxes{font-size:14px;color:#666}.jbsp-tier__price{font-size:15px;font-weight:700;color:#333;margin-block-start:4px}.jbsp-tier__unit{font-size:12px;color:#888}.jbsp-tier__note{position:absolute;inset-block-end:-12px;inset-inline-start:50%;transform:translate(-50%);background:var(--jbsp-green);color:#fff;font-size:12px;font-weight:500;padding:1px 8px;border-radius:5px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;z-index:1}.jbsp-tier__badge{position:absolute;inset-block-start:-12px;inset-inline-start:50%;transform:translate(-50%);padding:1px 8px;border-radius:5px;font-size:12px;font-weight:500;white-space:nowrap;z-index:1;background:var(--jbsp-navy);color:#fff;border:1px solid var(--jbsp-navy);text-transform:uppercase}.jbsp-tier__badge.is-outline{background:#fff;color:var(--jbsp-navy)}.jbsp__gifts{margin-block:20px 0}.jbsp-gifts__head{display:flex;align-items:center;gap:7px;margin-block-end:13px}.jbsp-gifts__icon{font-size:15px;line-height:1}.jbsp-gifts__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 8px;padding-block-start:8px}.jbsp-gift{position:relative;width:100%;min-width:0;text-align:center}.jbsp-gift__inner{position:relative;height:100%;padding:12px 8px;background:#fff;border:2px dashed #e0e0e0;border-radius:10px;transition:border-color .3s ease}.jbsp-gift.is-unlocked .jbsp-gift__inner{border-color:var(--jbsp-green)}.jbsp-gift__badge{position:absolute;inset-block-start:-10px;inset-inline-start:50%;transform:translate(-50%);background:#d32f2f;color:#fff;padding:3px 10px;border-radius:5px;font-size:9px;font-weight:700;white-space:nowrap;z-index:2;text-transform:uppercase}.jbsp-gift__badge s{margin-inline-start:5px;opacity:.85}.jbsp-gift__media{position:relative;width:100%;height:80px;display:flex;align-items:center;justify-content:center;margin-block-end:8px}.jbsp-gift__img{max-width:80%;max-height:100%;object-fit:contain;border-radius:6px}.jbsp-gift__lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#fffffff2;transition:opacity .3s ease}.jbsp-gift.is-unlocked .jbsp-gift__lock{opacity:0;pointer-events:none}.jbsp-gift__lock svg{width:32px;height:32px;fill:#999}.jbsp-gift__lockText{font-size:10px;color:#999;font-weight:500}.jbsp-gift__name{font-size:12px;color:#333;font-weight:500;line-height:1.2}.jbsp__bottles{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.jbsp-bottle{display:flex;align-items:center;gap:.5rem;padding:.6rem .7rem;border:2px solid var(--jbsp-line);border-radius:var(--jbsp-radius);background:transparent;cursor:pointer;text-align:left;transition:border-color .18s var(--jbsp-ease),background-color .18s var(--jbsp-ease),box-shadow .18s var(--jbsp-ease)}.jbsp-bottle:hover{border-color:var(--jbsp-selected)}.jbsp-bottle:focus-visible{outline:none;border-color:var(--jbsp-selected);box-shadow:0 0 0 3px var(--jbsp-selected-ring)}.jbsp-bottle.is-active{border-color:var(--jbsp-selected);background:var(--jbsp-selected-tint);box-shadow:0 0 0 3px var(--jbsp-selected-ring)}.jbsp-bottle img{width:38px;height:38px;object-fit:contain;flex:none;border-radius:8px;background:#f4f6f8;padding:3px}.jbsp-bottle__name{font-size:.82rem;font-weight:600;line-height:1.2}.jbsp-bottle__delta{margin-inline-start:auto;font-size:.78rem;font-weight:700;white-space:nowrap}.jbsp__slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:.6rem;max-width:calc(var(--jbsp-slot-n, 99) * 160px + (var(--jbsp-slot-n, 99) - 1) * .6rem)}.jbsp__slots[data-jb-slot-row]{grid-template-columns:repeat(var(--jbsp-slot-cols),minmax(0,1fr))}.jbsp-slot{position:relative;aspect-ratio:3 / 4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:0;border:2px dashed var(--jbsp-line);border-radius:var(--jbsp-radius-lg);background:#fff;overflow:hidden;cursor:pointer;transition:border-color .18s var(--jbsp-ease),box-shadow .18s var(--jbsp-ease),transform .18s var(--jbsp-ease)}.jbsp-slot:hover{border-color:var(--jbsp-selected)}.jbsp-slot:focus-visible{outline:none;border-color:var(--jbsp-selected);box-shadow:0 0 0 3px #013e7b38}.jbsp-slot.is-active{border-color:var(--jbsp-selected);border-style:solid;box-shadow:0 0 0 3px var(--jbsp-selected-ring)}.jbsp-slot__plus{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--jbsp-green);color:#fff;box-shadow:var(--jbsp-shadow-sm);transition:transform .18s var(--jbsp-ease),box-shadow .18s var(--jbsp-ease)}.jbsp-slot__plus svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}.jbsp-slot:not(.is-filled) .jbsp-slot__plus{animation:jbsp-pulse 2s var(--jbsp-ease) infinite}.jbsp-slot:hover .jbsp-slot__plus{transform:scale(1.1);animation-play-state:paused}@keyframes jbsp-pulse{0%,to{transform:scale(1);box-shadow:0 0 #72a52773}50%{transform:scale(1.06);box-shadow:0 0 0 7px #72a52700}}.jbsp-slot__index{font-size:.66rem;font-weight:600;color:var(--jbsp-muted);letter-spacing:.02em}.jbsp-slot.is-filled{border-style:solid;border-color:var(--jbsp-hair)}.jbsp-slot.is-filled.is-active{border-color:var(--jbsp-selected)}.jbsp-slot__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.jbsp-slot.is-filled .jbsp-slot__label{position:absolute;inset-inline:0;inset-block-end:0;padding:1.1rem .3rem .34rem;background:linear-gradient(to top,#081a2adb 38%,#081a2a00);color:#fff;font-size:.6rem;font-weight:600;line-height:1.15;letter-spacing:.01em;text-align:center}.jbsp-slot__remove{position:absolute;inset-block-start:6px;inset-inline-end:6px;width:22px;height:22px;display:grid;place-items:center;padding:0;border:none;border-radius:50%;background:#ffffffeb;color:var(--jbsp-ink);font-size:13px;line-height:1;cursor:pointer;opacity:0;box-shadow:var(--jbsp-shadow-sm);transition:opacity .15s var(--jbsp-ease),background-color .15s var(--jbsp-ease)}.jbsp-slot:hover .jbsp-slot__remove,.jbsp-slot__remove:focus-visible{opacity:1}.jbsp-slot__remove:hover{background:#fff;color:#b3261e}@media(hover:none){.jbsp-slot__remove{opacity:1}}.jbsp-fd__head{position:sticky;inset-block-start:0;z-index:2;display:flex;flex-direction:column;gap:.5rem;padding:.2rem 0 .85rem;background:#fff}.jbsp-fd__row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.jbsp-fd__label{font-size:.86rem;font-weight:700;color:var(--jbsp-ink)}.jbsp-fd__count{font-size:.8rem;font-weight:600;color:var(--jbsp-muted);font-variant-numeric:tabular-nums}.jbsp-fd__count.is-done{color:var(--jbsp-green)}.jbsp-fd__bar{height:6px;border-radius:999px;background:#013e7b1a;overflow:hidden}.jbsp-fd__fill{height:100%;width:0;border-radius:999px;background:var(--jbsp-green);transition:width .3s var(--jbsp-ease)}.jbsp-fd__hint{font-size:.74rem;color:var(--jbsp-muted)}.jbsp__flavors{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.6rem}.jbsp-flavor{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;border:2px solid var(--jbsp-hair);border-radius:var(--jbsp-radius-lg);background:#fff;cursor:pointer;text-align:center;overflow:hidden;box-shadow:var(--jbsp-shadow-sm);transition:border-color .18s var(--jbsp-ease),box-shadow .18s var(--jbsp-ease),transform .18s var(--jbsp-ease)}.jbsp-flavor:hover:not(:disabled){border-color:var(--jbsp-selected);box-shadow:var(--jbsp-shadow-md);transform:translateY(-2px)}.jbsp-flavor:focus-visible{outline:none;border-color:var(--jbsp-selected);box-shadow:0 0 0 3px #013e7b38}.jbsp-flavor:active:not(:disabled){transform:translateY(0)}.jbsp-flavor.is-selected{border-color:var(--jbsp-selected);box-shadow:0 0 0 3px var(--jbsp-selected-ring)}.jbsp-flavor.is-unavailable{cursor:not-allowed;box-shadow:none;opacity:1}.jbsp-flavor.is-unavailable .jbsp-flavor__media{filter:grayscale(1);opacity:.5}.jbsp-flavor.is-unavailable .jbsp-flavor__name{color:var(--jbsp-muted)}.jbsp-flavor__media{position:relative;aspect-ratio:1;background:#f4f6f8;overflow:hidden}.jbsp-flavor__media img{width:100%;height:100%;object-fit:cover;display:block}.jbsp-flavor__body{padding:.45rem .4rem .55rem}.jbsp-flavor__name{font-size:.68rem;font-weight:700;line-height:1.2;color:var(--jbsp-ink)}.jbsp-flavor__badge{position:absolute;inset-block-start:6px;inset-inline-start:6px;padding:2px 7px;border-radius:999px;background:var(--jbsp-accent);color:#06305c;font-size:.54rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;box-shadow:var(--jbsp-shadow-sm)}.jbsp-flavor__note{position:absolute;inset-inline:0;inset-block-end:0;padding:3px 0;background:#081a2ab8;color:#fff;font-size:.56rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.jbsp-flavor__tick{position:absolute;inset-block-start:6px;inset-inline-end:6px;min-width:22px;height:22px;display:none;align-items:center;justify-content:center;gap:2px;padding:0 5px;border-radius:999px;background:var(--jbsp-selected);color:#fff;font-size:.62rem;font-weight:800;line-height:1;box-shadow:var(--jbsp-shadow-sm)}.jbsp-flavor.is-selected .jbsp-flavor__tick{display:inline-flex}.jbsp-flavor__tick svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:3}@media(prefers-reduced-motion:reduce){.jbsp-slot,.jbsp-flavor,.jbsp-slot__plus,.jbsp-fd__fill{transition:none}.jbsp-flavor:hover:not(:disabled){transform:none}.jbsp-slot:not(.is-filled) .jbsp-slot__plus{animation:none}}.jbsp-slot.is-extra.is-filled{border-style:solid}.jbsp-slot.is-extra.is-active{border-color:var(--jbsp-selected);box-shadow:0 0 0 3px var(--jbsp-selected-ring)}.jbsp-slot__price{position:absolute;inset-block-start:6px;inset-inline-start:6px;padding:2px 6px;border-radius:999px;background:var(--jbsp-green);color:#fff;font-size:.55rem;font-weight:800;letter-spacing:.02em;line-height:1.3;box-shadow:var(--jbsp-shadow-sm);z-index:1}.jbsp-slot.is-extra:not(.is-filled) .jbsp-slot__plus{background:var(--jbsp-green)}.jbsp__extras{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .5rem;margin-block-start:-.5rem}.jbsp-extras__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem}.jbsp-extras__title{font-weight:700;font-size:.82rem;color:var(--jbsp-ink)}.jbsp-extras__hint{font-size:.78rem;opacity:.7}.jbsp-extras__nudge{flex-basis:100%;font-size:.74rem;font-weight:700;color:#2f7a12}.jbsp-extras__grid{display:flex;flex-direction:column;gap:.35rem}.jbsp-extra{display:flex;align-items:center;gap:.5rem}.jbsp-extra__name{flex:1;font-size:.78rem}.jbsp-extra.is-chosen .jbsp-extra__name{font-weight:700}.jbsp-extra__qty{min-width:1.5rem;text-align:center;font-variant-numeric:tabular-nums}.jbsp-extra__btn{width:26px;height:26px;display:grid;place-items:center;border:1px solid var(--jbsp-line);border-radius:50%;background:transparent;cursor:pointer;line-height:1}.jbsp-extra__btn:disabled{opacity:.35;cursor:not-allowed}.jbsp__summary{padding:.85rem;border:1px solid var(--jbsp-line);border-radius:var(--jbsp-radius)}.jbsp-summary__list{list-style:none;margin:0 0 .6rem;padding:0;display:flex;flex-direction:column;gap:.25rem}.jbsp-summary__row{display:flex;justify-content:space-between;gap:.75rem;font-size:.82rem}.jbsp-summary__row.is-free .jbsp-summary__value{color:#2f7a12;font-weight:800}.jbsp-summary__row.is-free .jbsp-summary__value s{color:#999;font-weight:400;margin-inline-end:2px}.jbsp-summary__totals{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;padding-block-start:.55rem;border-block-start:1px solid var(--jbsp-line)}.jbsp-summary__was{text-decoration:line-through;opacity:.55}.jbsp-summary__payLabel{font-size:.82rem;font-weight:600;color:var(--jbsp-muted);margin-inline-end:.35rem}.jbsp-summary__now{font-size:1.25rem;font-weight:800}.jbsp-summary__save{margin-inline-start:auto;padding:.15rem .45rem;border-radius:999px;background:var(--jbsp-accent);color:#06305c;font-size:.72rem;font-weight:800}.jbsp-summary__serving{margin:.4rem 0 0;font-size:.74rem;opacity:.7}.jbsp__cta{width:100%}.jbsp__cta:disabled{opacity:.55;cursor:not-allowed}.jbsp__error{margin:0;font-size:.8rem;color:#b3261e}@container (max-width: 460px){.jbsp__tiers{gap:8px}.jbsp-tier{padding:12px 6px 18px}.jbsp-tier__img{width:80px;height:60px}.jbsp-tier__name{font-size:16px}.jbsp-tier__boxes{font-size:12px}.jbsp-tier__price{font-size:13px}.jbsp-tier__unit{font-size:11px}.jbsp-tier__note,.jbsp-tier__badge{font-size:10px;padding:1px 6px}.jbsp-tier__badge{inset-block-start:-10px}.jbsp__legend,.jbsp-gifts__title{font-size:.76rem;letter-spacing:.03em}.jbsp-gifts__icon{font-size:14px}.jbsp-gifts__grid{gap:12px 5px}.jbsp-gift__inner{padding:8px 3px}.jbsp-gift__media{height:54px}.jbsp-gift__badge{font-size:8px;padding:2px 5px;inset-block-start:-8px}.jbsp-gift__name{font-size:10px;line-height:1.15}.jbsp-gift__lock svg{width:18px;height:18px}.jbsp-gift__inner{padding:8px 4px}.jbsp-gift__media{height:50px}.jbsp-gift__lock svg{width:20px;height:20px}.jbsp-gift__lockText{font-size:8px}.jbsp-gift__name{font-size:11px}}.jbsp__legend{display:inline-flex;align-items:center;gap:8px}.jbsp__info{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border:none;border-radius:50%;background:var(--jbsp-green);color:#fff;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,background-color .2s ease}.jbsp__info:hover{background:#5a8420;transform:scale(1.1)}.jbsp__infoBody h3{font-size:20px;margin:0 0 16px;color:#333}.jbsp__infoBody p{font-size:16px;line-height:1.6;color:#555;margin:0 0 20px}.jbsp__infoImg{width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a}[data-jb-flavor-drawer] .jbsp__flavors{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding-block-end:1rem}@container (max-width: 380px){.jbsp__slots[data-jb-slot-row]{gap:.45rem}.jbsp__slots[data-jb-slot-row] .jbsp-slot.is-filled .jbsp-slot__label{font-size:.55rem;padding-block-start:.9rem}.jbsp__legend,.jbsp-gifts__title{font-size:.72rem}.jbsp-gifts__icon{font-size:13px}.jbsp-gifts__grid{gap:10px 4px}.jbsp-gift__inner{padding:6px 2px;border-width:1px}.jbsp-gift__media{height:44px;margin-block-end:5px}.jbsp-gift__badge{font-size:7px;padding:1px 4px;letter-spacing:0;inset-block-start:-7px}.jbsp-gift__badge s{margin-inline-start:3px}.jbsp-gift__name{font-size:9px}.jbsp-gift__lock svg{width:15px;height:15px}.jbsp-gift__lockText{font-size:7px}}@container (max-width: 330px){.jbsp__slots[data-jb-slot-row]{gap:.35rem}.jbsp__slots[data-jb-slot-row] .jbsp-slot__plus{width:26px;height:26px}.jbsp__slots[data-jb-slot-row] .jbsp-slot__plus svg{width:13px;height:13px}.jbsp__slots[data-jb-slot-row] .jbsp-slot__index{font-size:.6rem}.jbsp__slots[data-jb-slot-row] .jbsp-slot.is-filled .jbsp-slot__label{font-size:.5rem}.jbsp-gifts__grid{gap:9px 3px}.jbsp-gift__media{height:38px}.jbsp-gift__badge{font-size:6px}.jbsp-gift__name{font-size:8px}.jbsp-gift__lockText{font-size:6px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/jb-set-picker.css.map */