.stepmoji{--sm-thumb-size:2.75rem;--sm-track-height:.5rem;--sm-track:#e2e8f0;--sm-fill:#0f766e;--sm-tick:#cbd5e1;--sm-tick-passed:#fff;--sm-thumb-bg:#fff;--sm-thumb-border:#0f766e;--sm-thumb-border-width:2px;--sm-thumb-shadow:0 4px 14px -4px #0f172a59;--sm-focus:#0f766e59;--sm-label:#0f172a;--sm-unset-fill:#cbd5e1;--sm-unset-border:#94a3b8;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-width:8rem;position:relative}.stepmoji__control{height:var(--sm-thumb-size);cursor:grab;touch-action:pan-y;position:relative}.stepmoji.is-dragging .stepmoji__control{cursor:grabbing}.stepmoji.is-disabled .stepmoji__control{cursor:not-allowed}.stepmoji__track{top:50%;left:calc(var(--sm-thumb-size) / 2);right:calc(var(--sm-thumb-size) / 2);height:var(--sm-track-height);background:var(--sm-track);border-radius:999px;position:absolute;transform:translateY(-50%)}.stepmoji__fill{border-radius:inherit;background:var(--sm-fill-image,var(--sm-color,var(--sm-fill)));clip-path:inset(0 calc((1 - var(--sm-position)) * 100%) 0 0 round 999px);transition:clip-path .16s;position:absolute;inset:0}.stepmoji__tick{top:50%;left:calc(var(--sm-tick-at) * 100%);background:var(--sm-tick);border-radius:999px;width:.375rem;height:.375rem;position:absolute;transform:translate(-50%,-50%)}.stepmoji__tick.is-passed{background:var(--sm-tick-passed)}.stepmoji__input{z-index:1;opacity:0;appearance:none;pointer-events:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.stepmoji__input::-webkit-slider-thumb{width:var(--sm-thumb-size);height:var(--sm-thumb-size);appearance:none}.stepmoji__input::-moz-range-thumb{width:var(--sm-thumb-size);height:var(--sm-thumb-size);border:0}.stepmoji__thumb{top:0;left:calc(var(--sm-position) * (100% - var(--sm-thumb-size)));width:var(--sm-thumb-size);height:var(--sm-thumb-size);border:var(--sm-thumb-border-width) solid var(--sm-thumb-border);background:var(--sm-thumb-bg);box-shadow:var(--sm-thumb-shadow);font-size:calc(var(--sm-thumb-size) * .55);pointer-events:none;border-radius:999px;justify-content:center;align-items:center;line-height:1;transition:left .16s,border-color .16s,box-shadow .16s;display:flex;position:absolute}.stepmoji__face{animation:.26s cubic-bezier(.34,1.56,.64,1) stepmoji-pop;display:block}.stepmoji__input:focus-visible~.stepmoji__thumb{box-shadow:var(--sm-thumb-shadow), 0 0 0 4px var(--sm-focus)}.stepmoji.is-dragging .stepmoji__thumb{transform:scale(1.08)}.stepmoji.is-unset .stepmoji__thumb{border-color:var(--sm-unset-border);border-style:dashed}.stepmoji.is-unset .stepmoji__fill{background:var(--sm-unset-fill)}.stepmoji.is-disabled{opacity:.55}.stepmoji__label{color:var(--sm-label);text-align:center;margin-top:.25rem;font-size:.875rem;font-weight:600;display:block}@keyframes stepmoji-pop{0%{transform:scale(.4)rotate(-12deg)}to{transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.stepmoji__fill,.stepmoji__thumb{transition:none}.stepmoji__face{animation:none}}