.steep-timer{--steep-ink: var(--st-ink, #221f1f);--steep-ink-2: var(--st-ink-2, #66615b);--steep-accent: var(--st-accent, #8b4a2f);--steep-accent-hover: var(--st-accent-hover, #6a2a20);--steep-on-accent: var(--st-on-accent, #ffffff);--steep-track: var(--st-hairline, rgba(34, 31, 31, .14));--steep-control: var(--st-c-control, #8a847d);--steep-cup: var(--st-card, #ffffff);--steep-water: #efe6d8;--steep-ink-inv: var(--st-c-ink-inv, #f4f3f0);--steep-accent-inv: var(--st-c-accent-inv, #e2b48c);--steep-display: var(--st-font-display, var(--font-heading-family, Georgia, serif));--steep-display-weight: var(--st-display-weight, 600);--steep-text: var(--st-font-text, var(--font-body-family, system-ui, sans-serif));display:grid;gap:28px 64px;align-items:center;color:var(--steep-ink);font-family:var(--steep-text)}.steep-timer :where(p,ol,li){margin:0}.steep-timer__dial{position:relative;width:min(100%,340px);aspect-ratio:1;margin-inline:auto}.steep-timer__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.steep-timer__track,.steep-timer__progress{fill:none;stroke-width:5}.steep-timer__track{stroke:var(--steep-track)}.steep-timer__progress{stroke:var(--steep-accent);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .25s linear}.steep-timer[data-state=idle] .steep-timer__progress{stroke-linecap:butt}.steep-timer__cup{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;background:var(--steep-cup);box-shadow:0 1px #fffc inset,0 22px 44px #221f1f1a,0 2px 6px #221f1f14}.steep-timer__liquor{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border-radius:50%;background:var(--steep-water);box-shadow:inset 0 8px 22px #00000029;transition:background-color .6s linear;overflow:hidden}.steep-timer__liquor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 34% 28%,#ffffff61,#fff0 42%)}.steep-timer__round{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--steep-accent)}.steep-timer__time{margin-top:6px;font-family:var(--steep-display);font-weight:var(--steep-display-weight);font-size:clamp(64px,40px + 5vw,112px);line-height:1;letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;color:var(--steep-ink)}.steep-timer__details{margin-top:10px;font-size:15px;color:var(--steep-ink-2)}.steep-timer__cue{margin-top:18px;min-height:2.7em;max-width:30ch;font-size:clamp(19px,16px + .6vw,23px);font-weight:var(--st-lede-weight, 600);line-height:1.35;color:var(--steep-ink);text-wrap:pretty}.steep-timer__controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}.steep-timer__main,.steep-timer__ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:0;padding:12px 26px;border-radius:980px;font-family:var(--st-btn-family, var(--steep-text));font-size:17px;font-weight:var(--st-btn-weight, 600);line-height:1.2;letter-spacing:var(--st-btn-tracking, 0);text-transform:var(--st-btn-transform, none);cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .12s ease}.steep-timer__main{min-width:11em;border:0;background:var(--steep-accent);color:var(--steep-on-accent)}.steep-timer__main:hover{background:var(--steep-accent-hover)}.steep-timer__main:active,.steep-timer__ghost:active{transform:scale(.97)}.steep-timer[data-state=running] .steep-timer__main{background:transparent;color:var(--steep-ink);box-shadow:inset 0 0 0 1.5px var(--steep-ink)}.steep-timer__ghost{padding-inline:18px;border:1px solid var(--steep-control);background:transparent;color:var(--steep-ink)}.steep-timer__ghost:hover{border-color:var(--steep-ink)}.steep-timer__ghost[hidden]{display:none}.steep-timer__sound svg{width:18px;height:18px}.steep-timer__sound[aria-pressed=true] .steep-timer__mute,.steep-timer__sound[aria-pressed=false] .steep-timer__waves{display:none}.steep-timer:not(.is-ready) .steep-timer__controls{display:none}.steep-timer__main:focus-visible,.steep-timer__ghost:focus-visible{outline:2px solid var(--steep-accent);outline-offset:3px}.steep-timer__cues{margin-top:32px;padding:0;list-style:none;border-top:1px solid var(--steep-track)}.steep-timer__cue-item{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--steep-track);font-size:16px;line-height:1.45;color:var(--steep-ink-2);transition:color .3s ease}.steep-timer__cue-time{font-weight:700;font-variant-numeric:tabular-nums;color:var(--steep-ink-2)}.steep-timer__cue-item.is-current{color:var(--steep-ink)}.steep-timer__cue-item.is-current .steep-timer__cue-time{color:var(--steep-accent)}.steep-timer__cue-item.is-past .steep-timer__cue-time:after{content:" \2713";color:var(--steep-accent)}@media(min-width:834px){.steep-timer--full{grid-template-columns:minmax(0,340px) minmax(0,1fr)}.steep-timer--full .steep-timer__dial{margin:0}}.steep-timer--compact{grid-template-columns:104px minmax(0,1fr);gap:16px 24px;padding:20px;border-radius:var(--st-radius, 18px);background:var(--st-c-tile, #ffffff)}.steep-timer--compact .steep-timer__dial{width:104px}.steep-timer--compact .steep-timer__time{font-size:44px;margin-top:2px}.steep-timer--compact .steep-timer__cue{min-height:0;margin-top:6px;font-size:16px;font-weight:500;color:var(--steep-ink-2)}.steep-timer--compact .steep-timer__controls{margin-top:14px}.steep-timer--compact .steep-timer__main{min-width:0}@media(max-width:479px){.steep-timer--compact{grid-template-columns:72px minmax(0,1fr);gap:16px;padding:16px;align-items:start}.steep-timer--compact .steep-timer__dial{width:72px}}@media(max-width:359px){.steep-timer--compact{grid-template-columns:minmax(0,1fr);gap:12px}.steep-timer--compact .steep-timer__dial{width:64px;margin:0}}@container (min-width: 600px){.steep-timer--compact .steep-timer__panel{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center}.steep-timer--compact .steep-timer__panel>*{grid-column:1}.steep-timer--compact .steep-timer__controls{grid-column:2;grid-row:1 / span 4;margin-top:0}}html.has-steep-pill{scroll-padding-bottom:96px}.steep-pill{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;display:flex;align-items:center;gap:4px;max-width:calc(100vw - 32px);padding:6px;border:1px solid rgba(255,255,255,.16);border-radius:980px;background:var(--steep-ink, #221f1f);color:var(--steep-ink-inv, #f4f3f0);box-shadow:0 14px 34px #0000003d,0 2px 6px #00000029;font-family:var(--steep-text, system-ui, sans-serif);transform:translate(-50%);animation:steep-pill-in .32s cubic-bezier(.22,1,.36,1)}.steep-pill[hidden]{display:none}@keyframes steep-pill-in{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.steep-pill__jump{display:flex;align-items:center;gap:10px;min-width:0;min-height:44px;margin:0;padding:0 14px 0 2px;border:0;border-radius:980px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.steep-pill__dot{position:relative;flex:none;width:40px;height:40px;border-radius:50%;background:conic-gradient(var(--steep-accent-inv, #e2b48c) calc(var(--steep-pill-progress, 0) * 1turn),rgba(255,255,255,.2) 0)}.steep-pill__liquor{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:#efe6d8;box-shadow:inset 0 2px 6px #00000040}.steep-pill__text{display:flex;flex-direction:column;min-width:0;line-height:1.15}.steep-pill__label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--steep-accent-inv, #e2b48c);white-space:nowrap}.steep-pill__time{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.steep-pill__time:empty{display:none}.steep-pill[data-state=done] .steep-pill__label{font-size:15px;letter-spacing:0;text-transform:none}.steep-pill__action{flex:none;min-height:44px;margin:0;padding:0 18px;border:0;border-radius:980px;background:var(--steep-ink-inv, #f4f3f0);color:var(--steep-ink, #221f1f);font:600 15px/1.2 var(--steep-text, system-ui, sans-serif);white-space:nowrap;cursor:pointer}.steep-pill__jump:focus-visible,.steep-pill__action:focus-visible{outline:2px solid var(--steep-accent-inv, #e2b48c);outline-offset:2px}@media(prefers-reduced-motion:reduce){.steep-timer__progress,.steep-timer__liquor,.steep-timer__cue-item,.steep-timer__main,.steep-timer__ghost{transition:none}.steep-pill{animation:none}}@media(forced-colors:active){.steep-timer__progress{stroke:Highlight}.steep-timer__track{stroke:CanvasText}.steep-timer__liquor,.steep-pill__dot{forced-color-adjust:none}}@media print{.steep-timer,.steep-pill{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/100/assets/component-steep-timer.css.map */