.kaffa-hydration,.kaffa-hydration *,.kaffa-hydration *:before,.kaffa-hydration *:after{box-sizing:border-box}.kaffa-hydration{display:block;width:100%;padding:0 var(--kaffa-margin) var(--kaffa-margin);background:#fff}.kaffa-hydration__inner{width:100%;max-width:calc(var(--kaffa-page-max) - 2 * var(--kaffa-margin));margin:0 auto;container:kaffa-hydration / inline-size}@media(max-width:749px){.kaffa-hydration{padding-bottom:40px}}.kaffa-hydration__title{margin:0 0 40px;padding-inline-end:.06em;color:var(--kaffa-ink);font-family:var(--kaffa-font-display);font-size:min(85.58px,100cqw * 85.58 / 905);font-style:normal;font-weight:600;line-height:round(1.28em,1px);letter-spacing:var(--kaffa-tracking);text-align:center;text-transform:uppercase;white-space:nowrap}@media(max-width:749px){.kaffa-hydration__title{margin-bottom:10px;font-size:48px;line-height:round(1.1em,1px);white-space:normal}.kaffa-hydration__title>span{display:block}}.kaffa-hydration__cards{display:grid;grid-template-columns:minmax(0,590fr) minmax(0,670fr);gap:var(--kaffa-gutter)}@media(max-width:989px){.kaffa-hydration__cards{grid-template-columns:minmax(0,1fr)}}.kaffa-hydration__photo-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;container:kaffa-hydration-photo / inline-size;border-radius:var(--kaffa-radius);background:#efeeed}.kaffa-hydration__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.kaffa-hydration__art{--u: calc(100cqw / 590);--pill-size: 11;--pill-lh: 14;--pill-py: 6;--pill-px: 10;--pill-r: 4;--pill-rim: 2;--note-size: 9.5;--note-lh: 12;--note-gap: 8;--plaque-x: 296;--plaque-y: 696;--plaque-py: 12;--plaque-px: 22;--plaque-gap: 4;--plaque-size: 28;--plaque-note-size: 10.5;--plaque-note-lh: 14;position:relative;flex:none;width:100%;aspect-ratio:590 / 800}.kaffa-hydration__point--1{--x: 82;--y: 120}.kaffa-hydration__point--2{--x: 503.5;--y: 120}.kaffa-hydration__point--3{--x: 98.5;--y: 600}.kaffa-hydration__point--4{--x: 513.5;--y: 600}@media(max-width:989px){.kaffa-hydration__art{--u: min(100cqw / 400, 1.5px);--pill-size: 9;--pill-lh: 12;--pill-py: 5;--pill-px: 7;--pill-r: 3;--pill-rim: 1.5;--note-size: 8;--note-lh: 10;--note-gap: 6;--plaque-x: 200;--plaque-y: 298;--plaque-py: 8;--plaque-px: 14;--plaque-gap: 2;--plaque-size: 18;--plaque-note-size: 8;--plaque-note-lh: 10;width:calc(400 * var(--u));aspect-ratio:400 / 360}.kaffa-hydration__point--1{--x: 51.5;--y: 40}.kaffa-hydration__point--2{--x: 343;--y: 40}.kaffa-hydration__point--3{--x: 65;--y: 238}.kaffa-hydration__point--4{--x: 351;--y: 238}}.kaffa-hydration__leaders{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.kaffa-hydration__leaders--wide{display:none}@media(max-width:989px){.kaffa-hydration__leaders--tall{display:none}.kaffa-hydration__leaders--wide{display:block}}.kaffa-hydration__leaders path{fill:none;stroke:#8a847e;stroke-width:1.25;stroke-linecap:round}.kaffa-hydration__leaders--wide path{stroke-width:1.2}.kaffa-hydration__leaders circle{fill:var(--kaffa-ink)}.kaffa-hydration__points{margin:0;padding:0;list-style:none}.kaffa-hydration__point{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:calc(var(--note-gap) * var(--u));margin:0;font-family:var(--kaffa-font-mono);font-weight:500;letter-spacing:0;white-space:nowrap}.kaffa-hydration__pill{padding:calc(var(--pill-py) * var(--u)) calc(var(--pill-px) * var(--u));border-radius:calc(var(--pill-r) * var(--u));background:var(--kaffa-ink);box-shadow:0 0 0 calc(var(--pill-rim) * var(--u)) #d8d4d0;color:#e2e2e2;font-size:calc(var(--pill-size) * var(--u));line-height:calc(var(--pill-lh) * var(--u));text-transform:uppercase}.kaffa-hydration__note{color:#6d6d6d;font-size:calc(var(--note-size) * var(--u));line-height:calc(var(--note-lh) * var(--u))}.kaffa-hydration__plaque{position:absolute;left:calc(var(--plaque-x) * var(--u));top:calc(var(--plaque-y) * var(--u));translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:calc(var(--plaque-gap) * var(--u));margin:0;padding:calc(var(--plaque-py) * var(--u)) calc(var(--plaque-px) * var(--u));border:calc(2 * var(--u)) solid #000;border-radius:calc(2.5 * var(--u));background:var(--kaffa-orange);box-shadow:calc(.333 * var(--u)) calc(.5 * var(--u)) 0 #000,calc(.667 * var(--u)) calc(1 * var(--u)) 0 #000,calc(1 * var(--u)) calc(1.5 * var(--u)) 0 #000,calc(1.333 * var(--u)) calc(2 * var(--u)) 0 #000,calc(1.667 * var(--u)) calc(2.5 * var(--u)) 0 #000,calc(2 * var(--u)) calc(3 * var(--u)) 0 #000;color:#000;text-decoration:none;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.kaffa-hydration__plaque:hover{background:#fb7d53;transform:translate(calc(-1 * var(--u)),calc(-1.5 * var(--u)));box-shadow:calc(.333 * var(--u)) calc(.5 * var(--u)) 0 #000,calc(.667 * var(--u)) calc(1 * var(--u)) 0 #000,calc(1 * var(--u)) calc(1.5 * var(--u)) 0 #000,calc(1.333 * var(--u)) calc(2 * var(--u)) 0 #000,calc(1.667 * var(--u)) calc(2.5 * var(--u)) 0 #000,calc(2 * var(--u)) calc(3 * var(--u)) 0 #000,calc(2.333 * var(--u)) calc(3.5 * var(--u)) 0 #000,calc(2.667 * var(--u)) calc(4 * var(--u)) 0 #000,calc(3 * var(--u)) calc(4.5 * var(--u)) 0 #000}.kaffa-hydration__plaque:active{transform:translate(calc(2 * var(--u)),calc(3 * var(--u)));box-shadow:0 0 #000}.kaffa-hydration__plaque:focus-visible{outline:2px solid var(--kaffa-orange);outline-offset:4px}@media(prefers-reduced-motion:reduce){.kaffa-hydration__plaque{transition:none}}.kaffa-hydration__plaque-title{padding-inline-end:.04em;font:700 calc(var(--plaque-size) * var(--u)) / 1 var(--kaffa-font-display);letter-spacing:-.04em;text-transform:uppercase}.kaffa-hydration__plaque-note{font:500 calc(var(--plaque-note-size) * var(--u)) / calc(var(--plaque-note-lh) * var(--u)) var(--kaffa-font-mono);letter-spacing:0}.kaffa-hydration__breakdown{--k: clamp(0px, (100cqw - 400px) / 270, 1px);display:flex;flex-direction:column;min-width:0;container:kaffa-hydration-card / inline-size;border-radius:var(--kaffa-radius);background:var(--kaffa-ink);color:var(--kaffa-paper)}.kaffa-hydration__sheet{flex:1 0 auto;display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:calc(24px + 16 * var(--k))}.kaffa-hydration__intro{display:flex;flex-direction:column;gap:calc(20px - 4 * var(--k))}.kaffa-hydration__eyebrow{margin:0;color:var(--kaffa-mist);font-family:var(--kaffa-font-mono);font-size:calc(12px + 2 * var(--k));font-weight:500;line-height:round(1.3em,1px);letter-spacing:var(--kaffa-tracking)}.kaffa-hydration__eyebrow-short{display:none}.kaffa-hydration__headline{max-width:calc(550em / 48);margin:0;color:var(--kaffa-paper);font-family:var(--kaffa-font-display);font-size:calc(34px + 14 * var(--k));font-style:normal;font-weight:600;line-height:1;letter-spacing:var(--kaffa-tracking);text-transform:none}.kaffa-hydration__body{max-width:calc(550em / 19.2);color:var(--kaffa-mist);font-family:var(--kaffa-font-display);font-size:calc(16px + 3.2 * var(--k));font-weight:500;line-height:round(1.28em,1px);letter-spacing:var(--kaffa-tracking)}.kaffa-hydration__body>*{margin:0}.kaffa-hydration__body>*+*{margin-top:.75em}.kaffa-hydration__spec-head{display:flex;justify-content:space-between;gap:8px;margin:0;padding-bottom:10px;color:#8a847e;font:500 12px / 16px var(--kaffa-font-mono);letter-spacing:0}.kaffa-hydration__rows{margin:0}.kaffa-hydration__row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-top:1px solid #2e2f33}.kaffa-hydration__row dt{min-width:0;color:#e2e2e2;font-family:var(--kaffa-font-mono);font-size:calc(11px + 2 * var(--k));font-weight:500;line-height:round(1.3em,1px);letter-spacing:0;text-transform:uppercase}.kaffa-hydration__row dd{display:flex;align-items:center;gap:calc(6px + 2 * var(--k));margin:0;white-space:nowrap}.kaffa-hydration__amount{color:var(--kaffa-paper);font-family:var(--kaffa-font-display);font-size:calc(16px + 2 * var(--k));font-weight:600;line-height:round(1.25em,1px);letter-spacing:-.02em}.kaffa-hydration__tbc{color:var(--kaffa-orange);font-family:var(--kaffa-font-mono);font-size:calc(9px + 1 * var(--k));font-weight:500;line-height:round(1.3em,1px);letter-spacing:0}.kaffa-hydration__level{display:inline-grid;grid-auto-flow:column;gap:calc(3px + 1 * var(--k));padding-block:calc(5px + 1 * var(--k))}.kaffa-hydration__pip{width:calc(16px + 4 * var(--k));height:calc(8px + 2 * var(--k));border-radius:2px;background:#2e2f33}.kaffa-hydration__pip.is-on{background:var(--kaffa-orange);box-shadow:0 0 6px #fa704373}.kaffa-hydration__offer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.kaffa-hydration__stacks{display:flex;flex-wrap:wrap;gap:calc(6px + 2 * var(--k));margin:0;padding:0;list-style:none}.kaffa-hydration__stacks>li{margin:0;padding:calc(6px + 1 * var(--k)) calc(8px + 2 * var(--k));border:1px solid #d8d4d0;border-radius:4px;color:#e2e2e2;font-family:var(--kaffa-font-mono);font-size:calc(10px + 1 * var(--k));font-weight:500;line-height:round(1.3em,1px);letter-spacing:0;white-space:nowrap}.kaffa-btn.kaffa-hydration__buy{padding:12px 24px;font:600 16px / 20px var(--kaffa-font-display);letter-spacing:-.01em}@container kaffa-hydration-card (width < 520px){.kaffa-hydration__eyebrow-long,.kaffa-hydration__spec-head{display:none}.kaffa-hydration__eyebrow-short{display:inline}.kaffa-hydration__offer{flex-direction:column;align-items:stretch;gap:20px}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/kaffa-hydration.css.map */