.todo-checklist input:checked:after{background-repeat:no-repeat;height:.75rem;left:.1875rem;position:absolute;top:.3125rem;width:.75rem;--tw-content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 14 10'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4' d='M12.333 1 5 8.333 1.667 5'/%3E%3C/svg%3E");content:var(--tw-content)}.todo-how-it-works .container{border-radius:.4375rem;position:sticky;top:-12.5rem;--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1));padding:3.75rem 1rem 7.125rem}@media (min-height:31.25rem){.todo-how-it-works .container{top:-6.25rem}}@media (min-height:37.5rem){.todo-how-it-works .container{top:0}}@media (min-height:43.75rem){.todo-how-it-works .container{top:3.125rem}}@media (min-width:62rem){.todo-how-it-works .container{padding:4.5rem 4.25rem}}.todo-how-it-works input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;cursor:pointer;height:.125rem;position:relative;width:100%;z-index:1}.todo-how-it-works input::-webkit-slider-thumb{height:2.625rem;transform-origin:center;width:2.625rem;--tw-rotate:90deg;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 42 42'%3E%3Ccircle cx='21' cy='21' r='21' fill='%23c8102e'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='m25 14-4-4-4 4m0 14 4 4 4-4'/%3E%3C/svg%3E");border-style:none;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@-moz-document url-prefix(){.todo-how-it-works input::-moz-range-thumb{height:2.625rem;transform-origin:center;width:2.625rem;--tw-rotate:90deg;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 42 42'%3E%3Ccircle cx='21' cy='21' r='21' fill='%23c8102e'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='m25 14-4-4-4 4m0 14 4 4 4-4'/%3E%3C/svg%3E");border-style:none;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.todo-how-it-works .steps{display:flex;justify-content:space-between;left:0;position:absolute;top:-.5625rem;width:100%}@-moz-document url-prefix(){.todo-how-it-works .steps{top:-.5rem}}.todo-how-it-works .step{align-items:center;cursor:pointer;display:flex;height:2.625rem;justify-content:center;position:relative;width:2.625rem}.todo-how-it-works .step:first-child.active:before{left:0}.todo-how-it-works .step:first-child.active:before,.todo-how-it-works .step:last-child:not(.active):before{height:2.625rem;position:absolute;top:50%;width:.9375rem;z-index:1;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1));--tw-content:"";content:var(--tw-content)}.todo-how-it-works .step:last-child:not(.active):before{right:0}.todo-how-it-works .step:nth-child(-n+2) .tooltip{left:-.625rem}@media (min-width:62rem){.todo-how-it-works .step:nth-child(-n+2) .tooltip{left:auto}}.todo-how-it-works .step:nth-child(n+3) .tooltip{right:.625rem}@media (min-width:62rem){.todo-how-it-works .step:nth-child(n+3) .tooltip{right:auto}}.todo-how-it-works .step.active span{--tw-bg-opacity:1;background-color:rgb(200 16 46/var(--tw-bg-opacity,1))}.todo-how-it-works .step.active-step:nth-child(-n+2) .tooltip{left:0}@media (min-width:62rem){.todo-how-it-works .step.active-step:nth-child(-n+2) .tooltip{left:auto}}.todo-how-it-works .step.active-step:nth-child(n+3) .tooltip{right:0}@media (min-width:62rem){.todo-how-it-works .step.active-step:nth-child(n+3) .tooltip{right:auto}}.todo-how-it-works .step.active-step .tooltip{opacity:1;visibility:visible}@media (min-width:62rem){.todo-how-it-works .step.active-step .tooltip{top:7.125rem}}