.section-coffee-calculator{background:#fff;scroll-margin-top:80px}.template-page-subscriptions .section-coffee-calculator .coffee-calculator{padding-bottom:0}.template-product .section-coffee-calculator{margin-top:12rem}@media(min-width:100em){.template-product .section-coffee-calculator{margin-top:18rem}}coffee-calculator{display:block}.coffee-calculator{padding-top:4rem;padding-bottom:4rem}@media(min-width:64em){.coffee-calculator{padding-top:10rem;padding-bottom:10rem}}.coffee-calculator__layout{display:grid;gap:3rem;border:1px solid #dadada;border-radius:1rem;padding:2.5rem 2rem;width:100%}.coffee-calculator__inner{width:100%;max-width:95rem;margin:0 auto}@media(min-width:64em){.coffee-calculator__inner{grid-template-columns:35rem 1fr;display:grid;align-items:center;gap:4.5rem}}@media(min-width:64rem)and (max-width:79.9375rem){.coffee-calculator__inner{grid-template-columns:28rem 1fr}}@media(min-width:64em){.coffee-calculator__layout{padding:6.5rem;max-width:1200px;margin:0 auto}}.coffee-calculator__title{font-size:4rem;line-height:.95;letter-spacing:.08em;text-transform:uppercase;color:#027223;margin:0 0 2.8rem;font-family:futura-pt-bold,sans-serif}@media(max-width:63.99em){.coffee-calculator__title{font-size:3.8rem}}.coffee-calculator__slider-label{font-weight:700;color:#027223;text-align:center;margin:0 0 2.5rem}.coffee-calculator__subtitle{font-weight:700;color:#027223;margin:-1.8rem 0 2rem}.coffee-calculator__description{color:#656565;margin-bottom:2.5rem}.coffee-calculator__description p{margin:0;font-size:1.8rem;line-height:1.45}.coffee-calculator__description p+p{margin-top:2.4rem}@media(max-width:63.99em){.coffee-calculator__description p{font-size:1.4rem}}.coffee-calculator__link span{text-transform:uppercase}.coffee-calculator__interactive{width:100%}@media(max-width:63.99em){.coffee-calculator__interactive{margin-top:6rem}}.coffee-calculator__slider-wrap{display:block;position:relative;margin-bottom:6rem}.coffee-calculator__slider{--thumb-size: 4rem;width:100%;height:1.4rem;margin:0;border-radius:99px;position:relative;cursor:pointer}.coffee-calculator__slider:focus-visible{outline:2px solid #027223;outline-offset:6px}.coffee-calculator__slider-track{height:100%;width:100%;border-radius:99px;background:#aedfbc}.coffee-calculator__slider-fill{position:absolute;left:0;top:0;height:100%;width:0;border-radius:99px;background:#8ed3a3}.coffee-calculator__slider-thumb{position:absolute;top:50%;left:0;width:var(--thumb-size);height:var(--thumb-size);border:0;border-radius:50%;background:#027223;transform:translate(-50%,-50%);pointer-events:none}.coffee-calculator__slider-indicator{--indicator-left: 50%;position:absolute;left:var(--indicator-left);top:-100%;z-index:2;pointer-events:none;transform:translate(-50%);display:none;align-items:center;flex-direction:column;color:#027223}@media(min-width:64em){.coffee-calculator__slider-indicator{display:inline-flex}}.coffee-calculator__slider-indicator-value{width:4rem;height:4rem;border-radius:50%;background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;line-height:1;font-family:futura-pt-bold,sans-serif;pointer-events:none}.coffee-calculator__slider-indicator-label{margin-top:1.2rem;font-size:1.4rem;line-height:1;letter-spacing:.08em;text-transform:uppercase;text-wrap:nowrap;font-family:futura-pt-bold,sans-serif}.coffee-calculator__outputs{display:grid;justify-items:center;row-gap:2.8rem;align-items:flex-end}@media(min-width:64em){.coffee-calculator__outputs{grid-template-columns:auto 1fr;column-gap:3.8rem;align-items:flex-start;justify-items:start}}.coffee-calculator__fixed{display:flex;gap:3rem;padding-top:10rem}@media(max-width:63.99em){.coffee-calculator__fixed{padding-top:0;flex-direction:column;align-items:center}}.coffee-calculator__cup-day{display:grid;justify-items:center;row-gap:1rem}.coffee-calculator__cup-icon{position:relative;width:8rem;height:8rem}@media(min-width:64rem)and (max-width:79.9375rem){.coffee-calculator__cup-icon{width:6rem;height:6rem}}.coffee-calculator__cup-icon svg{display:block;width:100%;height:100%;top:8%;position:relative;left:10%}.coffee-calculator__cup-value{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);color:#fff;font-family:futura-pt-bold,sans-serif;font-size:4.4rem;line-height:1}@media(min-width:64rem)and (max-width:79.9375rem){.coffee-calculator__cup-value{font-size:3.2rem}}.coffee-calculator__cup-label{margin:1rem 0 0;color:#027223;font-size:12px;line-height:1;letter-spacing:.08em;font-family:futura-pt-bold,sans-serif;text-transform:uppercase}.coffee-calculator__arrow{line-height:0;max-width:50px}.coffee-calculator__arrow svg{width:6.3rem;height:5.2rem}@media(max-width:63.99em){.coffee-calculator__arrow{transform:rotate(90deg)}}@media(min-width:64em){.coffee-calculator__arrow{top:2.5rem;position:relative}}@media(min-width:64rem)and (max-width:79.9375rem){.coffee-calculator__arrow svg{width:4rem;height:auto}}.coffee-calculator__bags{width:100%;min-height:215px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}@media(min-width:64em){.coffee-calculator__bags{display:flex;justify-content:center;gap:1.5rem}}@media(max-width:63.99em){.coffee-calculator__bags{display:flex;justify-content:center}}.coffee-calculator__bags--few-visible .coffee-calculator__bag{flex:0 0 13rem}.coffee-calculator__bag{overflow:hidden;display:flex;flex:0 2 8rem;flex-direction:column;justify-content:flex-end;text-align:center;color:#027223;max-width:16rem}.coffee-calculator__bag img{width:100%;object-fit:contain;object-position:bottom;margin:0 auto 1.4rem;display:block}.coffee-calculator__bag .coffee-calculator__bag-options{display:grid;gap:.4rem}.coffee-calculator__bag p{margin:0;font-size:12px;line-height:1.15;letter-spacing:.05em;text-transform:uppercase;font-family:futura-pt-bold,sans-serif}.coffee-calculator__bag[data-bag-type=combined]{flex:0 1 12rem;max-width:12rem}.coffee-calculator__bag-separator{display:flex;align-items:flex-end;justify-content:center;flex:0 0 auto;min-width:1.4rem;margin-top:2rem;padding-bottom:.4rem;font-size:1rem;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;font-family:futura-pt-bold,sans-serif;color:#027223;align-self:center}@media(max-width:63.99em){.coffee-calculator__bags,.coffee-calculator__cup-day,.coffee-calculator__arrow{width:100%;justify-items:center}}@media(max-width:63.99em){.coffee-calculator__cup-label,.coffee-calculator__bag p{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-coffee-calculator.css.map */