.cmpt{--ink-950: #041519;--ink-900: #062028;--ink-800: #0a343f;--line: #1e5468;--ember-500: #e05610;--ember-400: #f67b23;--ember-300: #f5934a;--t-hi: #ffffff;--t-mid: #a8ccd4;--t-low: #8db0ba;--edge: #6a8f99;--edge-hi: #a8ccd4;--well: #041519;--ok: #79d1a5;--on-ember: #041519;--ff-display: var(--font-heading--family, "Anton", sans-serif);--ff-body: var(--font-body--family, "Open Sans", sans-serif);--ic-cup: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000000%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4.5%208.5h11v5.2a4.6%204.6%200%200%201-4.6%204.6H9.1a4.6%204.6%200%200%201-4.6-4.6z%22/%3E%3Cpath%20d=%22M15.5%2010.2h1.5a2.4%202.4%200%200%201%200%204.8h-2%22/%3E%3Cpath%20d=%22M3.5%2021h13%22/%3E%3C/svg%3E);--ic-bag: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000000%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M7%205.5h10%22/%3E%3Cpath%20d=%22M8%205.5%206%2020.2a1%201%200%200%200%201%201.1h10a1%201%200%200%200%201-1.1L16%205.5%22/%3E%3Cpath%20d=%22M7%209.5h10%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2214.6%22%20r=%221.7%22/%3E%3C/svg%3E);--ic-chev: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%208.5l8%208%208-8%22/%3E%3C/svg%3E);--ic-check: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000000%22%20stroke-width=%223%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M5.5%2012.8l4.2%204.2L18.8%207.6%22/%3E%3C/svg%3E);--ic-pointer: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20d=%22M6%203.2l12.6%208.4-5.6%201.2%203%206.1-2.7%201.4-3-6.1L6%2018.6z%22/%3E%3C/svg%3E);display:block;background:var(--ink-900);padding:56px 24px;overflow-x:clip;font-family:var(--ff-body);color:var(--t-mid);color-scheme:dark}.cmpt *,.cmpt *:before,.cmpt *:after{box-sizing:border-box}.cmpt .cmpt__panel{position:relative;isolation:isolate;overflow:clip;max-width:1200px;margin:0 auto;padding:60px 80px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center;background:var(--ink-800);border:1px solid rgba(255,255,255,.07);border-radius:28px}@media screen and (min-width:990px)and (max-width:1199px){.cmpt .cmpt__panel{padding:56px;gap:44px}}.cmpt .cmpt__eyebrow{margin:0 0 14px;font:700 13px/1.3 var(--ff-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ember-400)}.cmpt .cmpt__title{margin:0;font-family:var(--ff-display);font-weight:400;font-synthesis:none;text-transform:uppercase;font-size:clamp(32px,3.5vw,56px);line-height:1.08;letter-spacing:.01em;color:#ffffffeb;text-wrap:balance}.cmpt .cmpt__lead{margin:20px 0 0;max-width:50ch;font:400 18px/1.6 var(--ff-body);letter-spacing:0;text-transform:none;color:var(--t-mid);text-wrap:pretty}.cmpt .cmpt__points{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}.cmpt .cmpt__points li{display:flex;gap:12px;align-items:flex-start;margin:0;padding:0;font:400 16px/1.5 var(--ff-body);color:var(--t-mid);text-wrap:pretty}.cmpt .cmpt__tick{width:20px;height:20px;flex:none;margin-top:2px;color:var(--ember-500)}.cmpt .cmpt__alt{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:14px 0 0;padding:0;font:600 15px/1.3 var(--ff-body);letter-spacing:0;text-decoration:none;color:var(--ember-400)}.cmpt .cmpt__alt:hover{color:var(--t-hi);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.cmpt .cmpt__alt:focus-visible{outline:2px solid var(--ember-400);outline-offset:3px;border-radius:3px}.cmpt .cmpt__arrow{flex:none;transition:transform .2s ease-out}.cmpt .cmpt__alt:hover .cmpt__arrow{transform:translate(3px)}.cmpt .cmpt__stage{position:relative;isolation:isolate;min-width:0}.cmpt .cmpt__stage:before{content:"";position:absolute;z-index:-1;top:-64px;right:-72px;bottom:-48px;left:-56px;pointer-events:none;background:radial-gradient(closest-side,rgba(23,102,124,.5) 0%,rgba(23,102,124,.22) 60%,transparent 100%)}.cmpt .cmpt__link{container:cmpt-rep / inline-size;position:relative;display:block;color:inherit;text-decoration:none;border-radius:16px;-webkit-tap-highlight-color:transparent}.cmpt .cmpt__link:focus{outline:none}.cmpt .cmpt__link:focus-visible{outline:3px solid var(--ember-400);outline-offset:6px}.cmpt .cmpt__replica{position:relative;overflow:hidden;text-align:left;background:var(--ink-900);border:1px solid var(--line);border-radius:16px;box-shadow:0 26px 60px #00000061;transition:border-color .15s ease}.cmpt .cmpt__tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--ink-950);border-bottom:1px solid var(--line)}.cmpt .cmpt__tab{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin:0 0 -1px;padding:8px 12px;font:700 15px/1.2 var(--ff-body);letter-spacing:0;text-transform:none;white-space:nowrap;color:var(--t-mid)}.cmpt .cmpt__tab+.cmpt__tab{border-left:1px solid var(--line)}.cmpt .cmpt__tab--on{color:var(--t-hi);background:var(--ink-900);box-shadow:inset 0 3px 0 var(--ember-500)}.cmpt .cmpt__icon{flex:none;width:22px;height:22px;background:currentColor;-webkit-mask:var(--ic) center / contain no-repeat;mask:var(--ic) center / contain no-repeat}.cmpt .cmpt__icon--cup{--ic: var(--ic-cup)}.cmpt .cmpt__icon--bag{--ic: var(--ic-bag)}.cmpt .cmpt__tab--on .cmpt__icon{color:var(--ember-300)}.cmpt .cmpt__body{display:grid;gap:16px;padding:8px 20px 18px}.cmpt .cmpt__recipe{display:grid}.cmpt .cmpt__row{display:grid;grid-template-columns:minmax(0,1fr) 56px 78px 62px;grid-template-areas:"name qty unit line" "per qty unit line";column-gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.cmpt .cmpt__name{grid-area:name;align-self:end;font:600 15px/1.3 var(--ff-body);letter-spacing:0;text-transform:none;color:var(--t-hi)}.cmpt .cmpt__per{grid-area:per;align-self:start;font:400 13px/1.3 var(--ff-body);letter-spacing:0;white-space:nowrap;color:var(--t-low);font-variant-numeric:tabular-nums}.cmpt .cmpt__qty{grid-area:qty}.cmpt .cmpt__unit{grid-area:unit}.cmpt .cmpt__line{grid-area:line;text-align:right;font:700 16px/1.2 var(--ff-body);letter-spacing:0;color:var(--t-hi);font-variant-numeric:tabular-nums}.cmpt .cmpt__cell,.cmpt .cmpt__input{display:flex;align-items:center;min-height:40px;padding:7px 12px;background:var(--well);border:1px solid var(--edge);border-radius:6px;font:700 16px/1.2 var(--ff-body);letter-spacing:0;color:var(--t-hi);font-variant-numeric:tabular-nums;transition:border-color .15s ease}.cmpt .cmpt__unit{justify-content:space-between;gap:6px;padding-right:9px;white-space:nowrap}.cmpt .cmpt__unit:after{content:"";flex:none;width:15px;height:15px;background:var(--t-mid);-webkit-mask:var(--ic-chev) center / contain no-repeat;mask:var(--ic-chev) center / contain no-repeat}.cmpt .cmpt__total{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0 0}.cmpt .cmpt__totallabel{font:700 15px/1.3 var(--ff-body);letter-spacing:0;color:var(--t-hi)}.cmpt .cmpt__totalvalue{font-family:var(--ff-display);font-weight:400;font-synthesis:none;font-size:26px;line-height:1;letter-spacing:.01em;color:var(--t-hi);font-variant-numeric:tabular-nums}.cmpt .cmpt__field{display:grid;grid-template-columns:minmax(0,1fr) 148px;align-items:center;gap:6px 16px;margin:14px 0 0}.cmpt .cmpt__field+.cmpt__field{margin-top:8px}.cmpt .cmpt__label{font:600 14px/1.35 var(--ff-body);letter-spacing:0;text-transform:none;color:var(--t-hi)}.cmpt .cmpt__val{min-width:0}.cmpt .cmpt__suffix{margin-left:auto;padding-left:8px;font-weight:600;color:var(--t-mid)}.cmpt .cmpt__field--price .cmpt__input{border-color:var(--ember-400)}.cmpt .cmpt__caret{flex:none;width:2px;height:1.2em;margin-left:3px;background:var(--ember-400);animation:cmpt-blink 1.1s steps(1) 4}@keyframes cmpt-blink{60%{opacity:0}}.cmpt .cmpt__result{position:relative;padding:15px 16px 14px;background:linear-gradient(180deg,#0e4453 0%,var(--ink-800) 50%);border:1px solid #24657a;border-radius:14px;box-shadow:inset 0 3px 0 var(--ember-500),0 18px 40px #00000052}.cmpt .cmpt__kicker{display:flex;align-items:center;gap:10px;margin:0 0 10px;font:700 12px/1.3 var(--ff-body);letter-spacing:.1em;text-transform:uppercase;color:var(--t-mid);text-wrap:balance}.cmpt .cmpt__kicker:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--ember-400);box-shadow:0 0 0 4px #e0561038}.cmpt .cmpt__hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 20px;background:var(--well);border-radius:12px;box-shadow:inset 0 0 0 1px #12414d}.cmpt .cmpt__herolabel{font:600 15px/1.3 var(--ff-body);letter-spacing:0;color:var(--t-mid)}.cmpt .cmpt__herovalue{font-family:var(--ff-display);font-weight:400;font-synthesis:none;font-size:64px;font-size:clamp(56px,14cqi,76px);line-height:1.04;letter-spacing:.005em;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ember-500);text-shadow:0 0 36px rgba(224,86,16,.28)}.cmpt .cmpt__fc{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 16px;margin:10px 0 0}.cmpt .cmpt__fclabel{font:600 15px/1.3 var(--ff-body);letter-spacing:0;color:var(--t-mid)}.cmpt .cmpt__fcvalue{margin-left:auto;font-family:var(--ff-display);font-weight:400;font-synthesis:none;font-size:42px;line-height:1.05;letter-spacing:.01em;color:var(--ok);font-variant-numeric:tabular-nums}.cmpt .cmpt__status{display:flex;align-items:center;gap:12px;margin:10px 0 0;padding:8px 14px;font:600 14px/1.35 var(--ff-body);letter-spacing:0;color:var(--t-hi);background:#0415198c;border-radius:8px;box-shadow:inset 4px 0 0 var(--ok);text-wrap:balance}.cmpt .cmpt__mark{flex:none;display:block;width:22px;height:22px;border-radius:50%;font-size:0;line-height:0;color:transparent;background:var(--ok);position:relative}.cmpt .cmpt__mark:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:var(--ink-950);-webkit-mask:var(--ic-check) center / contain no-repeat;mask:var(--ic-check) center / contain no-repeat}.cmpt .cmpt__hint{display:flex;align-items:center;gap:10px;margin:0;padding:11px 20px 12px;text-wrap:balance;font:600 14px/1.35 var(--ff-body);letter-spacing:0;color:var(--t-mid);background:var(--ink-950);border-top:1px solid var(--line)}.cmpt .cmpt__hint:before{content:"";flex:none;width:17px;height:17px;background:var(--ember-300);-webkit-mask:var(--ic-pointer) center / contain no-repeat;mask:var(--ic-pointer) center / contain no-repeat}.cmpt .cmpt__cta{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 0;min-height:56px;padding:10px 22px;font:700 18.7px/1.2 var(--ff-body);letter-spacing:.01em;text-align:center;text-transform:none;text-wrap:balance;color:var(--on-ember);background:var(--ember-500);border:1px solid var(--ember-500);border-radius:6px;transition:box-shadow .2s ease-out,transform .1s ease-out}.cmpt .cmpt__cta .cmpt__arrow{width:20px;height:20px}.cmpt .cmpt__link:hover .cmpt__replica,.cmpt .cmpt__link:focus-visible .cmpt__replica{border-color:var(--edge)}.cmpt .cmpt__link:hover .cmpt__cell,.cmpt .cmpt__link:focus-visible .cmpt__cell,.cmpt .cmpt__link:hover .cmpt__field--vat .cmpt__input,.cmpt .cmpt__link:focus-visible .cmpt__field--vat .cmpt__input{border-color:var(--edge-hi)}.cmpt .cmpt__link:hover .cmpt__cta,.cmpt .cmpt__link:focus-visible .cmpt__cta{box-shadow:0 0 24px #e0561059}.cmpt .cmpt__link:hover .cmpt__cta .cmpt__arrow,.cmpt .cmpt__link:focus-visible .cmpt__cta .cmpt__arrow{transform:translate(4px)}.cmpt .cmpt__link:active .cmpt__cta{transform:translateY(1px)}.cmpt .cmpt__link:active .cmpt__replica{border-color:var(--edge-hi)}.cmpt .cmpt__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@container cmpt-rep (max-width: 421px){.cmpt .cmpt__tab{min-height:44px;padding:8px 6px;font-size:14px}.cmpt .cmpt__icon{display:none}.cmpt .cmpt__body{gap:18px;padding:10px 14px 16px}.cmpt .cmpt__row{grid-template-columns:minmax(0,1fr) 46px 58px 50px;column-gap:8px}.cmpt .cmpt__cell,.cmpt .cmpt__input{padding:8px 10px}.cmpt .cmpt__unit{justify-content:center;padding-right:10px}.cmpt .cmpt__unit:after{display:none}.cmpt .cmpt__total{gap:10px}.cmpt .cmpt__totallabel{font-size:14px}.cmpt .cmpt__field{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:14px}.cmpt .cmpt__field+.cmpt__field{margin-top:12px}.cmpt .cmpt__result{padding:16px 14px 14px}.cmpt .cmpt__hero{flex-direction:column;align-items:stretch;gap:0;padding:12px 16px 8px}.cmpt .cmpt__herovalue{align-self:flex-end}.cmpt .cmpt__hint{padding:12px 14px 13px;font-size:13px}}@container cmpt-rep (max-width: 299px){.cmpt .cmpt__cta{padding:10px 12px;gap:8px;letter-spacing:0}.cmpt .cmpt__cta .cmpt__arrow{width:18px;height:18px}}@container cmpt-rep (max-width: 284px){.cmpt .cmpt__cta{font-size:16.5px}}@container cmpt-rep (max-width: 259px){.cmpt .cmpt__tab{padding:8px 4px;font-size:13px}.cmpt .cmpt__body{padding:8px 12px 14px}.cmpt .cmpt__row{grid-template-columns:44px 54px minmax(0,1fr) auto;grid-template-areas:"name name name line" "qty unit per per";row-gap:6px}.cmpt .cmpt__name,.cmpt .cmpt__per,.cmpt .cmpt__line{align-self:center}.cmpt .cmpt__totallabel{text-wrap:balance}.cmpt .cmpt__cta{font-size:15px}.cmpt .cmpt__cta .cmpt__arrow{display:none}}@media screen and (max-width:989px){.cmpt .cmpt__panel{display:flex;flex-direction:column;align-items:stretch;padding:48px;gap:0}.cmpt .cmpt__copy{display:contents}.cmpt .cmpt__eyebrow{order:1}.cmpt .cmpt__title{order:2}.cmpt .cmpt__lead{order:3;margin-top:18px;max-width:60ch}.cmpt .cmpt__stage{order:4;width:100%;max-width:680px;margin:32px 0 0}.cmpt .cmpt__points{order:5;margin-top:36px}.cmpt .cmpt__alt{order:6;align-self:flex-start;margin-top:12px}.cmpt .cmpt__stage:before{top:-40px;right:-32px;bottom:-32px;left:-32px}}@media screen and (max-width:639px){.cmpt{padding:40px 16px}.cmpt .cmpt__panel{padding:40px 24px;border-radius:24px}.cmpt .cmpt__lead{font-size:17px}.cmpt .cmpt__stage{margin-top:28px}.cmpt .cmpt__cta{min-height:56px;padding:10px 14px;gap:8px}}@media(prefers-reduced-motion:reduce){.cmpt .cmpt__caret{animation:none}.cmpt .cmpt__arrow,.cmpt .cmpt__cta,.cmpt .cmpt__replica,.cmpt .cmpt__cell,.cmpt .cmpt__input{transition:none}.cmpt .cmpt__link:hover .cmpt__cta .cmpt__arrow,.cmpt .cmpt__link:focus-visible .cmpt__cta .cmpt__arrow,.cmpt .cmpt__alt:hover .cmpt__arrow,.cmpt .cmpt__link:active .cmpt__cta{transform:none}}@media(forced-colors:active){.cmpt .cmpt__cta{border-color:ButtonText}.cmpt .cmpt__replica,.cmpt .cmpt__result{border-color:CanvasText}.cmpt .cmpt__link:focus-visible{outline-color:Highlight}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/cmp-calc-teaser.css.map */