:root{--pack-selector-border-radius: 12px;--pack-selector-border-width: 2px;--pack-selector-transition: all .25s cubic-bezier(.4, 0, .2, 1);--pack-selector-hover-lift: -3px;--pack-selector-hover-shadow: 0 8px 24px rgba(0, 0, 0, .12)}div legend span{margin-bottom:5%}.pack-selector-container{margin-bottom:1%}.pack-selector-label{display:flex;justify-content:space-between;width:100%;margin-bottom:10px;font-size:14px;color:var(--text-color)}.swatches-custom{display:flex;gap:15px;padding:0;margin:0;list-style:none;align-items:stretch;width:100%}.block-swatch-custom{flex:1;min-width:90px;position:relative;display:flex}.block-swatch_item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;position:relative;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:20px 10px;transition:all .2s ease-in-out;height:100%;width:100%}.block-swatch_item:hover{border-color:#999}input[type=radio]:checked+.block-swatch_item{border:2px solid #000;background-color:#f8f8f8;padding:19px 9px}.variant_sticks_count{font-size:16px;font-weight:700;color:#000;margin-bottom:4px;text-transform:uppercase}.variant_serving_label{font-size:12px;color:#666;line-height:1.2}.perserving_price{font-weight:600;color:#333}.best_value_variant{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:#c9a227;color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;padding:4px 10px;border-radius:20px;white-space:nowrap;box-shadow:0 2px 4px #0000001a;z-index:2}input[type=radio]:checked+.block-swatch_item .best_value_variant{background-color:#000;color:#fff}.block-swatch-custom.unavailable{opacity:.6;order:10!important}.block-swatch-custom.unavailable .block-swatch_item{background-color:#f5f5f5;border-style:dashed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.pack-selector{--pack-selector-bg: var(--color-scheme-background, #ffffff);--pack-selector-text: var(--color-scheme-text, #1a1a1a);--pack-selector-border: var(--color-scheme-border, #e5e5e5);--pack-selector-accent: var(--color-scheme-accent, #000000);--pack-selector-accent-text: var(--color-scheme-accent-text, #ffffff);--pack-selector-accent-rgb: 0, 0, 0;margin:24px 0;position:relative}.pack-selector__label{margin-bottom:16px;display:block}.pack-selector__label .h6{margin:0;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-scheme-text, #1a1a1a)}.pack-selector__options{display:grid;gap:12px}@media (min-width: 768px){.pack-selector__options{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.pack-selector__options{gap:16px}}@media (max-width: 767px){.pack-selector__options{grid-template-columns:repeat(3,1fr);gap:8px}.pack-selector__label .h6{font-size:13px}}.pack-selector__option{position:relative;display:flex;flex-direction:column;padding:20px 16px;border:var(--pack-selector-border-width) solid var(--pack-selector-border);border-radius:var(--pack-selector-border-radius);cursor:pointer;transition:var(--pack-selector-transition);background:var(--pack-selector-bg);overflow:hidden;min-height:140px}.pack-selector__option:focus-visible{outline:3px solid var(--pack-selector-accent);outline-offset:2px;z-index:1}.pack-selector__option:hover{border-color:var(--pack-selector-accent);transform:translateY(var(--pack-selector-hover-lift));box-shadow:var(--pack-selector-hover-shadow)}.pack-selector__option--selected{border-color:var(--pack-selector-accent);background:rgba(var(--pack-selector-accent-rgb),.03);box-shadow:0 0 0 4px rgba(var(--pack-selector-accent-rgb),.15)}.pack-selector__option--selected:after{content:"";position:absolute;top:var(--pack-selector-border-width);left:var(--pack-selector-border-width);right:var(--pack-selector-border-width);bottom:var(--pack-selector-border-width);border:2px solid var(--pack-selector-accent);border-radius:calc(var(--pack-selector-border-radius) - 2px);pointer-events:none;box-shadow:inset 0 0 0 1px var(--pack-selector-accent)}.pack-selector__badge{position:absolute;top:10px;right:10px;padding:5px 12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;white-space:nowrap;box-shadow:0 2px 4px #0000001a;z-index:2}.pack-selector__badge--best-value{background:linear-gradient(135deg,#10b981,#059669);color:#fff;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{box-shadow:0 2px 8px #10b9814d}50%{box-shadow:0 2px 12px #10b98180}}.pack-selector__option-content{display:flex;flex-direction:column;gap:10px;text-align:center;height:100%;justify-content:center}.pack-selector__quantity{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:8px}.pack-selector__quantity-number{font-size:36px;font-weight:800;line-height:1;color:var(--pack-selector-text);letter-spacing:-.5px}@media (max-width: 767px){.pack-selector__quantity-number{font-size:28px}}.pack-selector__quantity-label{font-size:12px;font-weight:600;color:var(--pack-selector-text);opacity:.75;text-transform:uppercase;letter-spacing:1px}.pack-selector__pricing{display:flex;flex-direction:column;gap:6px}.pack-selector__total-price{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.pack-selector__price{font-size:20px;font-weight:700;color:var(--pack-selector-text)}@media (max-width: 767px){.pack-selector__price{font-size:18px}}.pack-selector__compare-price{font-size:15px;color:var(--color-scheme-text, #1a1a1a);opacity:.5;text-decoration:line-through;font-weight:500}.pack-selector__per-serving{font-size:13px;color:var(--color-scheme-text, #1a1a1a);opacity:.65;font-weight:500}.pack-selector__savings{font-size:12px;font-weight:700;color:#10b981;background:#10b9811a;padding:4px 10px;border-radius:12px;display:inline-block;margin-top:2px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media (prefers-reduced-motion: reduce){:root{--pack-selector-transition: none;--pack-selector-hover-lift: 0;--pack-selector-hover-shadow: none}.pack-selector__badge--best-value{animation:none}}.color-scheme--dark .pack-selector{--pack-selector-bg: #2a2a2a;--pack-selector-text: #ffffff;--pack-selector-border: #404040}@media (prefers-contrast: high){.pack-selector__option{border-width:3px}.pack-selector__option--selected:after{border-width:3px}}[dir=rtl] .pack-selector__options{direction:rtl}[dir=rtl] .pack-selector__badge--best-value{right:auto;left:10px}[dir=rtl] .pack-selector__total-price{flex-direction:row-reverse}.pack-selector--loading{opacity:.6;pointer-events:none}.pack-selector--loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:10}@media (max-width: 480px){.pack-selector__option{padding:16px 12px;min-height:120px}.pack-selector__quantity-number{font-size:24px}.pack-selector__price{font-size:16px}.pack-selector__badge{font-size:9px;padding:4px 8px}.pack-selector__badge--best-value{top:6px;right:6px}}@media print{.pack-selector{break-inside:avoid}.pack-selector__option{border:1px solid #000;background:#fff}.pack-selector__badge--best-value{background:#000}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/pack-selector.css.map */