html[data-v="2"] .pb{flex:none;position:relative}html[data-v="2"] .pb-canvas{z-index:3;pointer-events:none;position:absolute}html[data-v="2"] .hold{--p:0;display:inline-flex;position:relative}html[data-v="2"] .hold-btn{width:340px;max-width:calc(100vw - 2 * var(--gutter));border:1px solid color-mix(in srgb, var(--ember) calc(var(--p) * 90%), #f2ede629);background:radial-gradient(120% 140% at 12% 50%, rgba(255, 90, 31, calc(var(--p) * .22)), transparent 60%), linear-gradient(180deg, #201d1b, #191715);height:86px;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;-webkit-tap-highlight-color:transparent;box-shadow:0 0 calc(var(--p) * 48px) rgba(255, 90, 31, calc(var(--p) * .35));transition:border-color .35s var(--ease-out), transform .35s var(--ease-out);border-radius:999px;align-items:center;gap:22px;padding:0 40px 0 10px;display:inline-flex;position:relative}html[data-v="2"] .hold-btn:hover{border-color:color-mix(in srgb, var(--ember) calc(15% + var(--p) * 85%), #f2ede633)}html[data-v="2"] .hold.is-holding .hold-btn{transition-duration:.12s;transform:scale(.985)}html[data-v="2"] .hold.is-disabled .hold-btn,html[data-v="2"] .hold.is-done .hold-btn{cursor:default}html[data-v="2"] .hold.is-disabled .hold-btn{opacity:.45}html[data-v="2"] .hold-ring{flex:none;place-items:center;width:64px;height:64px;display:grid;position:relative}html[data-v="2"] .hold-ring .hold-svg{position:absolute;inset:0;overflow:visible}html[data-v="2"] .hold-track{fill:#141210;stroke:#2b2724;stroke-width:4px}html[data-v="2"] .hold-arc{fill:none;stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 calc(2px + var(--p) * 6px) #ff5a1f8c)}html[data-v="2"] .hold-flame{color:color-mix(in srgb, var(--ember-hot) calc(var(--p) * 100%), var(--text));transform-origin:50% 85%;transition:transform .4s var(--ease-out);position:relative}html[data-v="2"] .hold-btn:hover .hold-flame{transform:scale(1.08)rotate(-4deg)}html[data-v="2"] .hold.is-holding .hold-flame{animation:.18s steps(2,end) infinite alternate hold-flicker}@keyframes hold-flicker{0%{transform:scale(1.06,1.12)translateY(-1px)}to{transform:scale(.96,1.02)rotate(3deg)}}html[data-v="2"] .hold-label{letter-spacing:-.01em;white-space:nowrap;font-size:22px;font-weight:600}html[data-v="2"] .hold-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=420px){html[data-v="2"] .hold-btn{gap:16px;height:76px;padding-right:30px}html[data-v="2"] .hold-label{font-size:20px}}html[data-v="2"] .hold-tick{opacity:0;transform-box:view-box;transform-origin:32px 32px}html[data-v="2"] .hold-tick circle{fill:none;stroke:#ff5a1f;stroke-width:4px;stroke-linecap:round;filter:drop-shadow(0 0 4px #ff5a1fcc)}@media (prefers-reduced-motion:no-preference){html[data-v="2"] .hold.has-tick.is-idle:not(.is-disabled) .hold-tick{animation:3.6s cubic-bezier(.4,0,0,1) infinite hold-tick}}@keyframes hold-tick{0%{opacity:0;transform:rotate(0)}8%{opacity:1}42%{opacity:.9}55%,to{opacity:0;transform:rotate(360deg)}}