.af3d-dial{--af-orange: #FF6A00;--af-orange-dark: #e05f00;--af-black: #282828;--af-beige: #f5efe6;--af-beige-2: #ebe2d2;--af-beige-3: #e2d6bf;--af-purple: #FF6A00;--af-cream-text: #fbf7f0;--af-ink: #2a2420;--af-ink-soft: rgba(42, 36, 32, .68);--radius-lg: 28px;--radius-md: 20px;--radius-sm: 14px;--font-head: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--container-w: 640px;color:var(--af-ink);font-family:var(--font-head);-webkit-tap-highlight-color:transparent}.af3d-dial *{box-sizing:border-box}.af3d-dial h1,.af3d-dial h2,.af3d-dial h3,.af3d-dial p{margin:0}.af3d-dial img{max-width:100%;display:block}.af3d-dial button{font-family:inherit;cursor:pointer;border:none;background:none}.af3d-dial .dial-hero{max-width:var(--container-w);margin:0 auto;padding:40px 20px 22px;text-align:center}.af3d-dial .dial-hero .eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--af-orange-dark);margin-bottom:10px}.af3d-dial .dial-hero h1{font-size:clamp(26px,7vw,40px);line-height:1.12;font-weight:700;letter-spacing:-.01em;color:var(--af-black)}.af3d-dial .dial-hero h1 .accent{color:var(--af-orange)}.af3d-dial .dial-hero p{margin-top:14px;font-size:clamp(14px,3.4vw,16px);line-height:1.5;color:var(--af-ink-soft);font-weight:500}.af3d-dial .food-picker-section{padding:4px 0 6px}.af3d-dial .food-picker{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 20px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.af3d-dial .food-picker::-webkit-scrollbar{display:none}.af3d-dial .food-chip{flex:none;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;background:#fff;border:1.5px solid rgba(21,18,14,.1);color:var(--af-ink);font-family:var(--font-head);font-size:13.5px;font-weight:600;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.af3d-dial .food-chip:active{transform:scale(.96)}.af3d-dial .food-chip.is-active{background:var(--af-black);border-color:var(--af-black);color:var(--af-cream-text)}.af3d-dial .food-chip .food-emoji{font-size:15px;line-height:1}.af3d-dial .noscript-note{padding:10px 20px;font-size:13px;color:var(--af-ink-soft)}.af3d-dial .dial-section{padding:8px 20px 18px;display:flex;flex-direction:column;align-items:center}.af3d-dial .dial-stage{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center}.af3d-dial .dial-hit{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:50%;touch-action:none;cursor:grab;outline:none;-webkit-tap-highlight-color:transparent}.af3d-dial .dial-hit:active{cursor:grabbing}.af3d-dial .dial-hit:focus-visible{box-shadow:0 0 0 4px #ff730059;border-radius:50%}.af3d-dial .dial-ticks{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.af3d-dial .dial-ticks .tick{stroke:#15120e29;stroke-width:3.4;stroke-linecap:round;transition:stroke .15s ease}.af3d-dial .dial-ticks .tick.is-lit{stroke:var(--af-orange)}.af3d-dial .dial-ticks .stop-dot{fill:#15120e38;transition:fill .15s ease,r .15s ease}.af3d-dial .dial-ticks .stop-dot.is-active{fill:var(--af-orange-dark)}.af3d-dial .dial-stop-label{position:absolute;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--af-ink-soft);pointer-events:none;transition:color .15s ease,transform .15s ease;white-space:nowrap}.af3d-dial .dial-stop-label.is-active{color:var(--af-orange-dark);transform:scale(1.08)}.af3d-dial .stop-juicy{top:6%;left:-2%;text-align:right}.af3d-dial .stop-golden{top:-2%;right:6%}.af3d-dial .stop-crispy{bottom:-2%;right:6%}.af3d-dial .stop-crunchy{bottom:6%;left:-2%;text-align:right}.af3d-dial .dial-handle{position:absolute;top:50%;left:50%;width:100%;height:100%;margin-top:-50%;margin-left:-50%;pointer-events:none;will-change:transform}.af3d-dial .dial-handle-nub{position:absolute;top:3%;left:50%;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:var(--af-orange);box-shadow:0 0 0 5px #ff730033,0 4px 10px -2px #0006}.af3d-dial .dial-screen{position:absolute;top:50%;left:50%;width:66%;height:66%;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;pointer-events:none;box-shadow:0 18px 40px -18px #140c0080}.af3d-dial .dial-screen img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.af3d-dial .dial-start{margin-top:22px;padding:14px 40px;border-radius:999px;background:var(--af-black);color:var(--af-cream-text);font-family:var(--font-head);font-size:15px;font-weight:700;letter-spacing:.02em;box-shadow:0 14px 28px -12px #00000073;transition:transform .12s ease,background .15s ease}.af3d-dial .dial-start:active{transform:scale(.96)}.af3d-dial .dial-start.is-running{background:var(--af-orange);color:var(--af-black)}.af3d-dial .dial-start:disabled{opacity:.6}.af3d-dial .dial-caption{margin-top:16px;font-size:13.5px;font-weight:600;color:var(--af-ink-soft);text-align:center}.af3d-dial .dial-caption strong{color:var(--af-black)}.af3d-dial .chart-section{padding:40px 20px 46px;background:var(--af-beige-2)}.af3d-dial .chart-head{max-width:var(--container-w);margin:0 auto 22px;text-align:center}.af3d-dial .chart-head .eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--af-purple);margin-bottom:8px}.af3d-dial .chart-head h2{font-size:clamp(21px,5.6vw,28px);font-weight:700;color:var(--af-black)}.af3d-dial .chart-head p{margin-top:10px;font-size:13.5px;line-height:1.5;color:var(--af-ink-soft);font-weight:500}.af3d-dial .chart-card{max-width:680px;margin:0 auto;background:#fff;border-radius:var(--radius-lg);padding:20px 18px 18px;border:1px solid rgba(21,18,14,.06);box-shadow:0 20px 40px -28px #1e140566}.af3d-dial .phase-chart{width:100%;height:auto;display:block;overflow:visible}.af3d-dial .phase-chart .axis-line{stroke:#15120e24;stroke-width:1.5}.af3d-dial .phase-chart .phase-line{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.af3d-dial .phase-chart .phase-fill{opacity:.14}.af3d-dial .phase-chart .phase-tag-bg{fill:var(--af-black)}.af3d-dial .phase-chart .phase-tag-text{fill:var(--af-cream-text);font-family:Space Grotesk,sans-serif;font-weight:700}.af3d-dial .phase-chart .phase-temp-text{font-family:Space Grotesk,sans-serif;font-weight:700;fill:var(--af-black)}.af3d-dial .phase-chart .playhead{stroke:var(--af-black);stroke-width:2;stroke-dasharray:4 4;opacity:0;transition:opacity .2s ease}.af3d-dial .phase-chart .playhead.is-visible{opacity:1}.af3d-dial .phase-chart .playhead-dot{fill:var(--af-orange);opacity:0;transition:opacity .2s ease}.af3d-dial .phase-chart .playhead-dot.is-visible{opacity:1}.af3d-dial .phase-legend{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:14px}.af3d-dial .phase-legend .leg{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--af-ink)}.af3d-dial .phase-legend .swatch{width:12px;height:12px;border-radius:4px}.af3d-dial .chart-footnote{margin-top:12px;text-align:center;font-size:12px;font-weight:600;color:var(--af-ink-soft)}@media(min-width:760px){.af3d-dial .dial-hero{padding-top:56px}.af3d-dial .dial-stage{max-width:420px}}.af3d-dial .food-picker,.af3d-dial .phase-legend{display:flex!important}.af3d-dial .dial-handle,.af3d-dial .dial-screen{display:block!important}.af3d-dial .food-chip,.af3d-dial .dial-start{width:auto!important}
/*# sourceMappingURL=/cdn/shop/t/48/assets/af3d-dial.css.map */