.tgs-hero{display:block;position:relative;color:#000;--tgs-border: #d9d9d9;--tgs-border-strong: #000;--tgs-accent: #fa4515;--tgs-accent-orange: #b76349;--tgs-accent-yellow: #f5a623;--tgs-muted: #858991;--tgs-bg-soft: #f3f3f3;--tgs-radius: 5px;--tgs-gap: 16px}.tgs-hero__flavors{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.tgs-hero__pill{position:relative;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;min-height:40px;background:#fff;border:1px solid #111;border-radius:6px;color:#111;font-size:14px;font-weight:500;line-height:1;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.tgs-hero__pill:hover:not(.is-active):not(.is-unavailable){background:color-mix(in srgb,var(--tgs-pill-swatch, #111) 10%,#fff)}.tgs-hero__pill.is-active{background:var(--tgs-pill-swatch, #111);color:var(--tgs-pill-text, #fff);border-color:var(--tgs-pill-swatch, #111)}.tgs-hero__pill.is-unavailable{opacity:.35;cursor:not-allowed}.tgs-hero__pill-swatch,.tgs-hero__pill-check{position:relative;width:18px;height:18px;flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center;transition:opacity .18s ease}.tgs-hero__pill-swatch{border-radius:50%;background:var(--tgs-pill-swatch, #d6d6d6)}.tgs-hero__pill-check{margin-left:-28px;color:inherit;opacity:0}.tgs-hero__pill.is-active .tgs-hero__pill-swatch{opacity:0}.tgs-hero__pill.is-active .tgs-hero__pill-check{opacity:1}.tgs-hero__pill-label{font-weight:500}.tgs-hero__flavor-note{font-size:13px;color:var(--tgs-muted);margin:4px 0 12px;font-style:italic;transition:opacity .18s ease}.tgs-hero__purchase{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.tgs-hero__row{position:relative;border-radius:var(--tgs-radius);background:var(--tgs-bg-soft);border:1px solid transparent;transition:background-color .22s ease,border-color .22s ease}.tgs-hero__row:has(.tgs-hero__row-input:checked){background:#fff;border-color:var(--tgs-border-strong)}.tgs-hero__row-input{position:absolute;opacity:0;pointer-events:none}.tgs-hero__row-label{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;cursor:pointer;position:relative}@media(max-width:480px){.tgs-hero__row-label{padding:12px;gap:8px}}.tgs-hero__row.is-unavailable{opacity:.45;pointer-events:none}.tgs-hero__row-dot{flex:0 0 18px;width:18px;height:18px;margin-top:3px;border-radius:50%;border:1.5px solid var(--tgs-muted);background:#fff;position:relative;transition:border-color .12s ease;line-height:0}.tgs-hero__row-input:checked+.tgs-hero__row-label .tgs-hero__row-dot{border-color:var(--tgs-border-strong)}.tgs-hero__row-input:checked+.tgs-hero__row-label .tgs-hero__row-dot:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:var(--tgs-border-strong);border-radius:50%}.tgs-hero__row-body{flex:1;min-width:0}.tgs-hero__row-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:nowrap;line-height:24px}.tgs-hero__row-title{font-size:17px;font-weight:700;line-height:24px;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}@media(max-width:480px){.tgs-hero__row-title{font-size:16px;gap:6px;flex-wrap:nowrap;white-space:nowrap}.tgs-hero__row-title-label{white-space:nowrap}}.tgs-hero__row-savings:not(:empty){display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#fff;background:var(--tgs-accent-orange);padding:3px 8px 2px;border-radius:999px;line-height:1;white-space:nowrap;vertical-align:middle}@media(max-width:480px){.tgs-hero__row-savings:not(:empty){font-size:10px;padding:3px 6px 2px;letter-spacing:.25px}}[data-tgs-row=sub-monthly] .tgs-hero__row-savings:not(:empty){background:#e0e0e0;color:#666}.tgs-hero__row-prices{display:flex;align-items:center;gap:6px;text-align:right;white-space:nowrap;line-height:24px}.tgs-hero__row-price{font-size:18px;font-weight:700;color:#000;line-height:24px}.tgs-hero__row-price-compare{font-size:15px;color:var(--tgs-muted);line-height:24px}@media(max-width:480px){.tgs-hero__row-price{font-size:15px}.tgs-hero__row-price-compare{font-size:12px}.tgs-hero__row-prices{gap:4px}}.tgs-hero__row-price-compare s{text-decoration:line-through}.tgs-hero__row-price-compare sup{font-size:.65em;line-height:0;vertical-align:.55em;margin-left:1px}.tgs-hero__row-meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;color:var(--tgs-muted);margin-top:4px;line-height:1.4}.tgs-hero__row-billed{flex:1 1 auto;min-width:0}.tgs-hero__row-per-serving{flex:0 0 auto;text-align:right;color:#000}.tgs-hero__row-badge{position:absolute;top:-10px;right:14px;display:inline-block;background:var(--tgs-accent-yellow);color:#000;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:4px 10px;border-radius:999px;line-height:1.2;z-index:1}.tgs-hero__row-badge[hidden]{display:none}.tgs-hero__row-props{list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .2s ease,margin-top .25s ease}.tgs-hero__row:has(.tgs-hero__row-input:checked) .tgs-hero__row-props{max-height:400px;opacity:1;margin-top:10px;margin-left:-30px;width:calc(100% + 30px);padding-top:10px;border-top:1px solid var(--tgs-border)}@media(max-width:480px){.tgs-hero__row:has(.tgs-hero__row-input:checked) .tgs-hero__row-props{margin-left:-26px;width:calc(100% + 26px)}}.tgs-hero__prop{display:flex;align-items:flex-start;gap:16px;font-size:14px;line-height:1.5;margin:4px 0;list-style:none;color:#000}.tgs-hero__prop-icon{flex:0 0 14px;margin-top:4px;color:#000}.tgs-hero__prop--negative .tgs-hero__prop-icon{color:var(--tgs-accent)}.tgs-hero__prop-text{flex:1;min-width:0}.tgs-hero__prop-sub{list-style:none;padding:0;margin:4px 0 0;width:100%}.tgs-hero__prop--sub{font-size:12px;color:var(--tgs-muted)}.tgs-hero__prop--sub:before{content:"\2022";margin-right:6px}.tgs-hero__otp-note{font-size:12px;text-align:center;color:var(--tgs-muted);margin:6px 0 8px;font-style:italic}.tgs-hero__otp-note sup{font-size:.8em;margin-right:1px}.tgs-hero__otp-link{display:block;width:100%;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;text-align:center;font-size:15px;font-weight:500;color:#000;padding:10px 8px 16px;cursor:pointer;margin:0}.tgs-hero__otp-link:hover:not(:disabled){opacity:.75}.tgs-hero__otp-link:disabled{opacity:.35;cursor:not-allowed;text-decoration:none}.tgs-hero__row-price-compare sup{font-size:.75em}.tgs-hero__includes{background:var(--tgs-bg-soft);border-radius:var(--tgs-radius);padding:16px 18px;margin:0 0 16px}.tgs-hero__includes-title{font-weight:700;font-size:14px;margin:0 0 10px}.tgs-hero__includes-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.tgs-hero__includes .tgs-hero__prop{padding-left:22px}.tgs-hero__includes .tgs-hero__prop:before{content:"";width:14px;height:14px;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23fa4515'%3E%3Cpath d='M7.5 13.5L3 9l1.4-1.4 3.1 3.1 7-7L16 5.1z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;top:3px}.tgs-hero__product-form{display:block;margin-top:0}.tgs-hero__atc{min-height:60px;font-size:20px;font-weight:600;letter-spacing:0;text-transform:none;border-radius:999px;background:var(--tgs-accent-orange);color:#fff;border:0}.tgs-hero__atc:hover:not([disabled]){background:color-mix(in srgb,var(--tgs-accent-orange) 88%,#000)}.tgs-hero__atc[disabled]{opacity:.5;cursor:not-allowed}.tgs-hero__atc-label{display:inline-flex;gap:10px;align-items:center;justify-content:center}.tgs-hero__atc-arrow{flex:0 0 auto;width:20px;height:20px;transition:transform .15s ease}.tgs-hero__atc:hover .tgs-hero__atc-arrow{transform:translate(3px)}@media(max-width:480px){.tgs-hero__flavors{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,1fr)}.tgs-hero__prop{font-size:13px}}.tgs-hero__sizes{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}.tgs-hero__size-pill{flex:1 1 calc(50% - 4px);min-width:0;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:12px 14px;background:#fff;border:1px solid #111;border-radius:6px;color:#111;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer;transition:background-color .18s ease,color .18s ease}.tgs-hero__size-pill:hover:not(.is-active):not(.is-unavailable){background:#f3f3f3}.tgs-hero__size-pill.is-active{background:#111;color:#fff}.tgs-hero__size-pill.is-unavailable{opacity:.35;cursor:not-allowed}.tgs-hero__size-pill-label{white-space:normal}.tgs-hero__row--mode .tgs-hero__row-prices{font-size:18px}
/*# sourceMappingURL=/cdn/shop/t/338/assets/the-good-stuff-hero-buy-box.css.map */