.mh-stopwatch{--mh-stopwatch-base:#f46a4e;--mh-stopwatch-accent:#f26758;--mh-stopwatch-highlight:#fff7f2;--mh-stopwatch-shadow:rgba(244,106,78,.4);--mh-stopwatch-text:hsla(0,0%,100%,.9);color:var(--mh-stopwatch-text);display:grid;gap:clamp(1rem,2vw,1.75rem);justify-items:center;text-align:center}.mh-stopwatch__dial{width:clamp(260px,40vw,340px)}.mh-stopwatch__frame-base{fill:url(#mhStopwatchFace)}.mh-stopwatch__frame-ring{fill:none;filter:drop-shadow(0 16px 32px var(--mh-stopwatch-shadow));stroke:hsla(0,0%,100%,.2);stroke-width:4}.mh-stopwatch__ticks line{stroke:hsla(0,0%,100%,.35);stroke-linecap:round;stroke-width:2}.mh-stopwatch__ticks line[data-tick-value]{opacity:.9;stroke-width:3}.mh-stopwatch__face{fill:rgba(16,18,27,.95);stroke:hsla(0,0%,100%,.08);stroke-width:2}.mh-stopwatch__inner-ring{fill:none;stroke:hsla(0,0%,100%,.14);stroke-width:2}.mh-stopwatch__pointer{transform:rotate(-90deg);transform-origin:110px 110px;transition:transform .28s cubic-bezier(.23,1,.32,1)}.mh-stopwatch__pointer polygon{fill:hsla(0,0%,100%,.8)}.mh-stopwatch__pointer rect{fill:var(--mh-stopwatch-highlight)}.mh-stopwatch__pointer line{stroke:hsla(0,0%,100%,.45);stroke-linecap:round;stroke-width:3}.mh-stopwatch__pointer circle{fill:rgba(12,15,22,.85);stroke:hsla(0,0%,100%,.25);stroke-width:2}.mh-stopwatch__pointer-core{fill:var(--mh-stopwatch-highlight)}.mh-stopwatch__labels text{dominant-baseline:middle;fill:hsla(0,0%,100%,.72);font:600 14px/1 Inter,sans-serif;letter-spacing:.08em;text-anchor:middle;text-transform:uppercase}@media (max-width:768px){.mh-stopwatch{gap:1.25rem}.mh-stopwatch__dial{width:clamp(220px,70vw,300px)}}