@import url("https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,500&display=swap");.ShinyButton_shiny-button-vars__pN6C3{--shiny-cta-bg:#000000;--shiny-cta-bg-subtle:#1a1818;--shiny-cta-fg:#ffffff;--shiny-cta-highlight:blue;--shiny-cta-highlight-subtle:#8484ff}@property --gradient-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@property --gradient-angle-offset{syntax:"<angle>";initial-value:0deg;inherits:false}@property --gradient-percent{syntax:"<percentage>";initial-value:5%;inherits:false}@property --gradient-shine{syntax:"<color>";initial-value:white;inherits:false}.ShinyButton_shiny-cta__t7M71{--animation:ShinyButton_gradient-angle__LLHV3 linear infinite;--duration:3s;--shadow-size:2px;isolation:isolate;position:relative;overflow:hidden;cursor:pointer;outline-offset:4px;padding:.75rem 1.5rem;font-family:inherit;font-size:1.125rem;line-height:1.2;border:1px solid transparent;border-radius:360px;color:var(--shiny-cta-fg);background:linear-gradient(var(--shiny-cta-bg),var(--shiny-cta-bg)) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,var(--shiny-cta-highlight) var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent) * 2),var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),transparent calc(var(--gradient-percent) * 4)) border-box;box-shadow:inset 0 0 0 1px var(--shiny-cta-bg-subtle);z-index:1;display:flex;justify-content:center;align-items:center;height:100%;width:100%}.ShinyButton_shiny-cta__t7M71 span:before,.ShinyButton_shiny-cta__t7M71:after,.ShinyButton_shiny-cta__t7M71:before{content:"";pointer-events:none;position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;z-index:19}.ShinyButton_shiny-cta__t7M71:active{translate:0 1px}.ShinyButton_shiny-cta__t7M71:before{width:24px;height:24px;background:radial-gradient(circle at 50% 50%,white 25%,transparent 0) padding-box;background-size:6px 6px;background-repeat:space;-webkit-mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);border-radius:inherit;opacity:.4;z-index:19}.ShinyButton_shiny-cta__t7M71:after{--animation:ShinyButton_shimmer__LvuaB linear infinite;width:100%;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--shiny-cta-highlight),transparent);-webkit-mask-image:radial-gradient(circle at bottom,transparent 40%,black);mask-image:radial-gradient(circle at bottom,transparent 40%,black);opacity:.6;z-index:19}.ShinyButton_shiny-cta__t7M71 span{z-index:20}.ShinyButton_shiny-cta__t7M71 span:before{--size:calc(100% + 1rem);width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);opacity:0;z-index:19}.ShinyButton_shiny-cta__t7M71{--transition:800ms cubic-bezier(0.25,1,0.5,1);transition:var(--transition);transition-property:--gradient-angle-offset,--gradient-percent,--gradient-shine}.ShinyButton_shiny-cta__t7M71,.ShinyButton_shiny-cta__t7M71:after,.ShinyButton_shiny-cta__t7M71:before{animation:var(--animation) var(--duration),var(--animation) calc(var(--duration) / .4) reverse paused;animation-composition:add}.ShinyButton_shiny-cta__t7M71 span:before{transition:opacity var(--transition);animation:calc(var(--duration) * 1.5) ShinyButton_breathe__S_9jN linear infinite}.ShinyButton_shiny-cta__t7M71:is(:hover,:focus-visible){--gradient-percent:20%;--gradient-angle-offset:95deg;--gradient-shine:var(--shiny-cta-highlight-subtle)}.ShinyButton_shiny-cta__t7M71:is(:hover,:focus-visible),.ShinyButton_shiny-cta__t7M71:is(:hover,:focus-visible):after,.ShinyButton_shiny-cta__t7M71:is(:hover,:focus-visible):before{animation-play-state:running}.ShinyButton_shiny-cta__t7M71:is(:hover,:focus-visible) span:before{opacity:1}@keyframes ShinyButton_gradient-angle__LLHV3{to{--gradient-angle:360deg}}@keyframes ShinyButton_shimmer__LvuaB{to{rotate:1turn}}@keyframes ShinyButton_breathe__S_9jN{0%,to{scale:1}50%{scale:1.2}}@property --slider-complete{initial-value:0;inherits:true;syntax:"<integer>"}@property --slider-liquid{initial-value:0;inherits:true;syntax:"<integer>"}.app-container{width:100%}.slider-wrapper{display:inline-flex;flex-direction:column;align-items:stretch;gap:.25rem;max-width:360px;width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.slider-value{font-weight:600;text-align:center;font-size:14px;margin-bottom:.125rem}.slider-scale{display:flex;justify-content:space-between;font-size:11px;color:color-mix(in oklch,canvas,canvasText 40%);padding:0 3.5rem}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:2px solid color-mix(in oklch,canvas,canvasText 20%);background:light-dark(white,hsl(0 0% 15%));color:color-mix(in oklch,canvas,canvasText 70%);font-size:28px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider-btn:hover:not(:disabled){background:light-dark(hsl(0 0% 95%),hsl(0 0% 20%));border-color:#007aff;color:#007aff;transform:translateY(-50%) scale(1.1)}.slider-btn:active:not(:disabled){transform:translateY(-50%) scale(.95)}.slider-btn:disabled{opacity:.3;cursor:not-allowed}.slider-btn--minus{left:-52px}.slider-btn--plus{right:-52px}[data-bounce=bottom] .slider-btn--minus,[data-bounce=top] .slider-btn--plus{animation:bounce .32s cubic-bezier(.67,-.45,.6,1.29)}[data-debug=true] .slider .knockout--debug{translate:0 -200%;opacity:1}.indicator__liquid--debug{opacity:0}[data-debug=true] .indicator__liquid--debug{opacity:1;translate:calc(((var(--slider-complete) / 100) * (100cqi - 100%))) 150%;.wrapper{clip-path:inset(-50% round 100px)}.liquids{overflow:visible}}[data-debug=true] .slider [type=range]{opacity:1;translate:-50% -400%;outline:4px dashed color-mix(in hsl,var(--checked),#0000 75%);border-radius:100px}.slider .knockout--debug{opacity:0;outline:4px dashed color-mix(in hsl,var(--checked),#0000 75%);outline-offset:5px;transition-property:opacity,translate;transition-duration:.26s,.12s;transition-timing-function:ease-out,ease-out}main{display:grid;gap:2rem}@keyframes bounce{0%,to{scale:1}50%{animation-timing-function:cubic-bezier(.64,1.01,.7,1.27);scale:1.25}}:root{--transition:0.2s;--ease:ease-out}.slider .indicator--masked .mask{translate:calc((var(--slider-complete) / 100) * (100cqi - 100%)) -50%}.indicator--masked .mask{translate:calc((var(--complete) / 100) * (100cqi - 60cqi - (0 * var(--border)))) -50%;transition-property:height,width,margin,scale,translate;transition-duration:var(--transition),var(--transition),var(--transition),var(--transition),.12s;transition-timing-function:var(--ease),var(--ease),var(--ease),var(--ease),ease-out;will-change:height,width,margin}.wrapper{clip-path:inset(0 0 0 0 round 100px);filter:blur(6px);transition:filter var(--transition) var(--ease)}.liquid__track{left:0;transition-property:height,width,filter,left,translate;transition-duration:var(--transition),var(--transition),var(--transition),var(--transition),.12s;transition-timing-function:var(--ease),var(--ease),var(--ease),var(--ease),ease-out;translate:calc((var(--complete) / 100) * (100cqi - 100% - (6 * var(--border)))) -50%}.indicator__liquid{translate:calc((var(--complete) / 100) * (100cqi - 100% - (2 * var(--border)))) -50%;transition-property:scale,translate;transition-duration:var(--transition),.12s;transition-timing-function:var(--ease),ease-out}.indicator__liquid :is(.cover,.shadow){transition:opacity var(--transition) var(--ease)}.slider:active .indicator--masked .mask,[data-active=true] .slider .indicator--masked .mask{scale:calc(1.4 + (var(--delta, 0) * .05)) calc(1.4 - (var(--delta, 0) * .05))}[data-active=true] .indicator__liquid{scale:1.65}.slider:active .indicator__liquid,[data-active=true] .slider .indicator__liquid{scale:calc(1.4 + (var(--delta, 0) * .05)) calc(1.4 - (var(--delta, 0) * .05))}.slider .liquid__track{translate:calc(-100% + (var(--slider-liquid) / 100) * (100cqi)) -50%}.slider .liquids .liquid__shadow{box-shadow:inset 0 0 3px 4px var(--checked),inset calc(((var(--slider-liquid) / 100) * 2px) + (2px - (var(--slider-liquid) / 100) * 4px)) 0 calc(2px + (var(--slider-liquid) / 100) * 1px) calc(1px + ((var(--slider-liquid) / 100) * 1px)) var(--checked)}.slider .liquids--fill .liquid__shadow{opacity:calc(var(--slider-liquid) / 50)}.liquids--fill{z-index:20}.liquids--track .liquid__track{translate:8cqi -50%;background:color-mix(in oklch,canvas,canvasText 15%)}.slider .liquids{filter:url(#goo) blur(0)}.liquids--track{--checked:color-mix(in oklch,canvas,canvasText 15%)}.slider:active .wrapper,[data-active=true] .wrapper{filter:blur(0)}.slider:active .indicator__liquid .shadow,[data-active=true] .indicator__liquid .shadow{opacity:1}.slider:active .indicator__liquid .cover,[data-active=true] .indicator__liquid .cover{opacity:0}[data-active=true] .indicator__liquid .liquid__track{left:calc(var(--border) * 3);height:calc((var(--height) * 1px) - (6 * var(--border)))}.slider:active .indicator__liquid .liquid__track,[data-active=true] .slider .indicator__liquid .liquid__track{left:0;height:calc((var(--height) * .25px));min-height:calc((var(--height) * .25px))}.slider{--border:0;--height:50;--complete:0;--border:0px;--checked:#007aff;--unchecked:hsl(218,8%,81%);--width:300;display:flex;border-radius:12px;color:white;width:calc(var(--width) * 1px);max-width:100%;align-items:center;margin:0 auto}.slider,.slider__track{position:relative;container-type:inline-size}.slider__track{flex:1;height:calc(var(--height) * 1px)}.slider__fill{height:30%;border-radius:12px;width:100%;top:50%;translate:0 -50%;pointer-events:none;background:color-mix(in oklch,canvas,canvasText 15%)}.slider__fill,.slider__fill:after{position:absolute;left:0;clip-path:inset(0 0 0 0 round 12px)}.slider__fill:after{content:"";width:120%;height:100%;top:0;background:var(--checked);transform:translateX(-100%);translate:calc(var(--slider-complete) * 1cqi) 0}.slider .indicator__liquid{width:62px;height:100%;box-shadow:inset 1px -1px 2px #ffffff80,inset 0 -1px 2px #ffffff80,inset -1px -1px 2px #ffffff80,inset 1px 1px 2px #4d4d4d80,inset -8px 4px 10px -6px #4d4d4d40,inset -1px 1px 6px #4d4d4d40,-1px -1px 8px #99999926,1px 1px 2px #4d4d4d26,2px 2px 6px #4d4d4d26,inset -2px -1px 2px #ffffff40,3px 6px 16px -6px #4d4d4d80}.slider .indicator__liquid,.slider__indicator{translate:calc(((var(--slider-complete) / 100) * (100cqi - 100%))) -50%}.slider input[type=range]{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;z-index:99999;cursor:grab;margin:0;padding:0}.slider input[type=range]:active{cursor:grabbing}.slider:has(:focus-visible){outline:2px solid var(--checked);outline-offset:4px}.indicator{height:100%;width:100%;background:var(--checked);top:50%;scale:1;left:50%;translate:-50% -50%}.indicator,.knockout{border-radius:100px;pointer-events:none;position:absolute}.knockout{height:calc(var(--height) * 1px);width:calc(var(--width) * 1px);filter:url(#remove-black);inset:0;will-change:filter,scale;transform:translateZ(0)}.slider .indicator--masked .mask{width:62px}.slider .indicator--masked{background:#0000}.indicator--masked{background:var(--checked);z-index:12;height:100%;width:100%;translate:-50% -50%;container-type:inline-size;.mask{position:absolute;height:calc(100% - (2 * var(--border)));width:calc(60% - (2 * var(--border)));top:50%;background:#000;left:var(--border);border-radius:100px}}.wrapper{position:absolute;inset:0;border-radius:100px}.liquids{position:absolute;inset:0;transform:translateZ(0);border-radius:100px;overflow:hidden;filter:url(#goo);.liquid__shadow{inset:0;box-shadow:inset 0 0 3px 4px var(--checked),inset calc(((var(--complete) / 100) * 8px) + -4px) 0 3px 4px var(--checked)}.liquid__shadow,.liquid__track{position:absolute;border-radius:100px}.liquid__track{content:"";height:calc((var(--height) * 1px) - (0 * var(--border)));width:calc((var(--width) * 1px) - (0 * var(--border)));background:var(--checked);top:50%}}.indicator__liquid{position:absolute;height:calc(100% - (2 * var(--border)));width:calc(60% - (2 * var(--border)));container-type:inline-size;top:50%;background:#0000;left:var(--border);border-radius:100px;pointer-events:none;.shadow{opacity:0;box-shadow:inset 1px -1px 2px light-dark(hsl(0 0% 100%/.5),hsl(0 0% 0%/.25)),inset 0 -1px 2px light-dark(hsl(0 0% 100%/.5),hsl(0 0% 0%/.25)),inset -1px -1px 2px light-dark(hsl(0 0% 100%/.5),hsl(0 0% 0%/.25)),inset 1px 1px 2px light-dark(hsl(0 0% 30%/.5),hsl(0 0% 0%/.25)),inset -8px 4px 10px -6px light-dark(hsl(0 0% 30%/.25),hsl(0 0% 0%/.25)),inset -1px 1px 6px light-dark(hsl(0 0% 30%/.25),hsl(0 0% 0%/.25)),-1px -1px 8px light-dark(hsl(0 0% 60%/.15),hsl(0 0% 0%/.25)),1px 1px 2px light-dark(hsl(0 0% 30%/.15),hsl(0 0% 0%/.25)),2px 2px 6px light-dark(hsl(0 0% 30%/.15),hsl(0 0% 0%/.25)),inset -2px -1px 2px light-dark(hsl(0 0% 100%/.25),hsl(0 0% 0%/.25)),3px 6px 16px -6px light-dark(hsl(0 0% 30%/.5),hsl(0 0% 0%/.25));z-index:20}.cover,.shadow{content:"";position:absolute;inset:0;border-radius:100px}.cover{background:light-dark(white,hsl(0 0% 80%))}}:root{--font-size-min:16;--font-size-max:20;--font-ratio-min:1.2;--font-ratio-max:1.33;--font-width-min:375;--font-width-max:1500}html{color-scheme:light dark}[data-theme=light]{color-scheme:light only}[data-theme=dark]{color-scheme:dark only}*,:after,:before{box-sizing:border-box}body{margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;cursor:pointer;display:inline-flex;align-items:center;background-color:#212631;color:#fff;font:500 14px/20px Inter,Arial;letter-spacing:.25px;border-radius:8px;padding:0 24px 0 56px;height:48px;margin:0;position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 6px 0 #0d1117,0 12px 15px rgba(0,0,0,.3);transition:transform .1s cubic-bezier(.4,0,.2,1),box-shadow .1s cubic-bezier(.4,0,.2,1)}.dark .cta{background-color:#09090b;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 0 #020204,0 12px 18px rgba(0,0,0,.55)}.dark .cta .arrow{background:repeating-linear-gradient(-45deg,#FFE600,#FFE600 10px,#111111 0,#111111 20px)}.cta:active{transform:translateY(6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 #0d1117,0 2px 4px rgba(0,0,0,.3)}.cta .arrow{position:absolute;left:6px;top:6px;width:40px;height:36px;border-radius:6px;overflow:hidden;z-index:10;transition:width .3s cubic-bezier(.25,.8,.25,1);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 2px 4px rgba(0,0,0,.2);background:repeating-linear-gradient(-45deg,#FFE600,#FFE600 10px,#212631 0,#212631 20px)}.cta .arrow div{position:absolute;width:100%;height:16px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:11;-webkit-mask-image:linear-gradient(90deg,transparent 2px,black 10px,black calc(100% - 10px),transparent calc(100% - 2px));mask-image:linear-gradient(90deg,transparent 2px,black 10px,black calc(100% - 10px),transparent calc(100% - 2px))}.cta .arrow div:before{background:linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,1) 50%,rgba(255,255,255,.1)) 0 1px/200% 2px repeat-x,linear-gradient(90deg,rgba(255,255,255,.1) 0,rgba(255,255,255,1) 50%,rgba(255,255,255,.1)) 0 13px/200% 2px repeat-x,linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,1) 50%,rgba(255,255,255,.1)) 0 4px/200% 2px repeat-x,linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,1) 50%,rgba(255,255,255,.1)) 0 10px/200% 2px repeat-x,linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,1) 50%,rgba(255,255,255,.1)) 0/200% 2px repeat-x;background-position-x:100%;animation:move-right 1.5s linear infinite;-webkit-mask-image:url(https://assets.codepen.io/165585/arrow-dots.svg);mask-image:url(https://assets.codepen.io/165585/arrow-dots.svg)}.cta .arrow div:after,.cta .arrow div:before{content:"";position:absolute;inset:0;-webkit-mask-position:center center;mask-position:center center}.cta .arrow div:after{background-image:url(https://assets.codepen.io/165585/arrow-dots.svg);-webkit-mask-image:url(https://assets.codepen.io/165585/arrow-dots-mask.svg);mask-image:url(https://assets.codepen.io/165585/arrow-dots-mask.svg);background-position:50%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));opacity:.4}.cta .label{position:relative;z-index:5;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:opacity .2s ease,transform .2s ease}.cta:focus-visible .arrow,.cta:hover .arrow{width:calc(100% - 12px)}.cta:focus-visible .label,.cta:hover .label{opacity:0;transform:translateX(20px)}@keyframes move-right{0%{background-position-x:100%}to{background-position-x:0}}.sparkle-button{position:relative;--transition:0.25s;--spark:1.8s;--active:0}.sparkle-button.sent,.sparkle-button:hover{--active:1}.sparkle-button button{--cut:0.1em;--bg:radial-gradient(40% 50% at center 100%,hsl(145 calc(var(--active) * 97%) 72%/var(--active)),transparent),radial-gradient(80% 100% at center 120%,hsl(155 calc(var(--active) * 97%) 70%/var(--active)),transparent),hsl(145 calc(var(--active) * 97%) calc((var(--active) * 44%) + 12%));background:var(--bg);font-size:1rem;font-weight:500;border:0;cursor:pointer;padding:.8em 1.2em;display:flex;align-items:center;gap:.5em;white-space:nowrap;border-radius:100px;position:relative;box-shadow:0 0 calc(var(--active) * 3em) calc(var(--active) * 1em) hsl(145 97% 61%/.5),0 .05em 0 0 hsl(145 calc(var(--active) * 97%) calc((var(--active) * 50%) + 30%)) inset,0 -.05em 0 0 hsl(145 calc(var(--active) * 97%) calc(var(--active) * 60%)) inset;transition:box-shadow var(--transition),scale var(--transition),background var(--transition);scale:calc(1 + (var(--active) * .05));z-index:10;font-family:Inter,sans-serif;color:white}.sparkle-button button:active{scale:1}.sparkle-button svg.double-check{overflow:visible!important;width:1.25em;height:1.25em;flex-shrink:0;color:hsl(0 0% 95%);transition:color var(--transition)}.sparkle-button .check-1,.sparkle-button .check-2{transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;transform-origin:center}.sparkle-button .check-2{opacity:.5;transform:translateX(-2px)}.sparkle-button:hover .check-1{transform:translateX(2px)}.sparkle-button:hover .check-2{opacity:1;transform:translateX(-2px) scale(1.1)}.text-container{position:relative;height:1em;width:5em;overflow:hidden;display:block;text-align:left;display:flex;align-items:center}.text-label{position:absolute;left:0;transition:transform .4s cubic-bezier(.5,0,.1,1),opacity .4s ease;letter-spacing:.01ch;white-space:nowrap}.text-label.initial{transform:translateY(0);opacity:1;top:50%;transform:translateY(-50%)}.text-label.success{transform:translateY(-50%);top:150%;opacity:0;background:linear-gradient(90deg,#ffffff,#ccffcc);background-clip:text;-webkit-background-clip:text;color:transparent;font-weight:700}.sparkle-button.sent .text-label.initial{transform:translateY(-50%);top:-150%;opacity:0}.sparkle-button.sent .text-label.success{transform:translateY(-50%);top:50%;opacity:1}.sparkle-button button:before{content:"";position:absolute;inset:-.25em;z-index:-1;border:.25em solid hsl(145 97% 50%/.5);border-radius:100px;opacity:var(--active,0);transition:opacity var(--transition)}.sparkle-button .spark{position:absolute;inset:0;border-radius:100px;rotate:0deg;overflow:hidden;-webkit-mask:linear-gradient(white,transparent 50%);mask:linear-gradient(white,transparent 50%);animation:flip calc(var(--spark) * 2) infinite steps(2)}@keyframes flip{to{rotate:1turn}}.sparkle-button .spark:before{content:"";position:absolute;width:200%;aspect-ratio:1;top:0;left:50%;z-index:-1;translate:-50% -15%;rotate:0;transform:rotate(-90deg);opacity:calc((var(--active)) + .4);background:conic-gradient(from 0deg,transparent 0 340deg,white 1turn);transition:opacity var(--transition);animation:rotate var(--spark) linear infinite both}.sparkle-button .spark:after{content:"";position:absolute;inset:var(--cut);border-radius:100px}.sparkle-button .backdrop{position:absolute;inset:var(--cut);background:var(--bg);border-radius:100px;transition:background var(--transition)}@keyframes rotate{to{transform:rotate(90deg)}}.particle-pen{width:200%;top:50%;left:50%;translate:-50% -50%;mask:radial-gradient(white,transparent 65%);-webkit-mask:radial-gradient(white,transparent 65%);opacity:var(--active,0);transition:opacity var(--transition);pointer-events:none}.particle,.particle-pen{position:absolute;aspect-ratio:1;z-index:-1}.particle{fill:white;width:calc(var(--size, .25) * 1rem);top:calc(var(--y) * 1%);left:calc(var(--x) * 1%);opacity:var(--alpha,1);animation:float-out calc(var(--duration, 1) * 1s) calc(var(--delay) * -1s) infinite linear;transform-origin:var(--origin-x,1000%) var(--origin-y,1000%);animation-play-state:paused}.sparkle-button.sent .particle,.sparkle-button:hover .particle{animation-play-state:running}.particle svg{width:100%;height:100%}.particle path{fill:hsl(145 50% 80%);stroke:none}.particle:nth-of-type(2n){animation-direction:reverse}@keyframes float-out{to{rotate:1turn}}.Stack_stack-container__hPgIe{position:relative;perspective:600px}.Stack_card-rotate__E3m2v{position:absolute;cursor:grab}.Stack_card__xy1r2{position:relative;border-radius:20px;border:5px solid #fff;overflow:hidden}.Stack_card-image__bhcVT{position:absolute;top:0;left:0;pointer-events:none;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.Stack_card-fallback__9jxcs{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.Stack_card-emoji__WDBR9{font-size:48px;line-height:1}.Stack_badge__LY_jp{position:absolute;padding:4px 8px;font-size:12px;font-weight:600;border-radius:9999px;background:rgba(255,255,255,.92);color:#111}.Stack_badge-top-left__jGToo{top:8px;left:8px}.Stack_badge-bottom-left__uxp_5{bottom:8px;left:8px}.Stack_badge-bottom-right__9Cofh{bottom:8px;right:8px}.Stack_details-button__9lYsL{position:absolute;top:8px;right:8px;width:32px;height:32px;display:grid;place-items:center;border-radius:9999px;border:none;background:rgba(255,255,255,.92);color:#111;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer}.Stack_details-button__9lYsL:hover{transform:scale(1.05)}:root{--opc:100%}.card-closing{animation:modalPopOut .45s cubic-bezier(.4,0,.2,1) forwards}@keyframes modalPopOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(20px)}}@property --opc{syntax:"<percentage>";inherits:false;initial-value:100%}@property --gradient-h{syntax:"<percentage>";inherits:false;initial-value:150%}@property --gradient-w{syntax:"<percentage>";inherits:false;initial-value:100%}@property --gradient-inner-opacity{syntax:"<percentage>";inherits:false;initial-value:0}@property --gradient-middle-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --gradient-outer-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --radial-center{syntax:"<percentage>";inherits:false;initial-value:40%}@property --conic-rotate{syntax:"<angle>";inherits:false;initial-value:0deg}.app-container{height:100vh;width:100vw;overflow:auto;font-family:Asap,sans-serif;background:transparent;display:flex;justify-content:center;align-items:center}.card{--pads:1em;position:relative;width:min(520px,calc(100vw - 32px));height:auto;min-height:380px;border-radius:1.768em;background:#111111;isolation:isolate;display:grid;overflow:visible;box-shadow:var(--card-shadow) 0 1px 2px,var(--card-shadow) 0 2px 4px,var(--card-shadow) 0 4px 8px,var(--card-shadow) 0 8px 16px,var(
      --card-shadow
    ) 0 16px 32px,var(--card-shadow) 0 32px 64px;animation:modalPopIn .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:scale(.9) translateY(20px);transition:background-color .3s ease,min-height .35s ease,transform .35s ease,width .35s ease}.card--with-primary{min-height:440px}.card--no-primary{min-height:340px}@media (max-width:640px){.card{width:calc(100vw - 24px);height:auto;min-height:400px}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.card .inner{color:var(--text-main);text-align:center;display:flex;flex-direction:column;position:relative;z-index:1;height:100%;padding:1.25em 1.75em 2.25em}.card--with-primary .inner{padding-bottom:3.75em}.card .inner header{display:flex;justify-content:space-between;align-items:center;padding:1em 1.5em}.card .inner svg{height:24px;color:var(--text-main)}.close-btn{cursor:pointer;transition:color .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center;color:var(--text-main);padding:6px;border-radius:50%}.close-btn:hover{color:#ff0000;background-color:rgba(255,0,0,.1)}.pulse-content{width:100%;max-width:420px;margin:0 auto}.pulse-center-button{position:absolute;left:50%;bottom:0;transform:translate(-50%,-50%);z-index:10}.gradient-mask{aspect-ratio:1.3;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;transform:translateZ(.01px);-webkit-mask-image:none;mask-image:none}.gradient,.gradient-mask{position:absolute;inset:0}.gradient{--opc:100%;--gradient-h:150%;--gradient-w:100%;--gradient-inner-opacity:0%;--gradient-middle-opacity:100%;--gradient-outer-opacity:100%;--radial-center:40%;border-radius:inherit;transform:translateY(10%);background-color:transparent;background-image:radial-gradient(circle at 50% var(--radial-center),oklch(.87 .28 var(--hue2)/var(--opc)) 10%,oklch(.87 .25 var(--hue1)/0) 66%),conic-gradient(from var(--conic-rotate) at 50% var(--radial-center),oklch(.87 .25 var(--hue1)/var(--opc)) 15%,oklch(.87 .28 var(--hue2)/var(--opc)) 57%,oklch(.87 .25 var(--hue1)/var(--opc)) 100%);background-blend-mode:color;-webkit-mask-image:radial-gradient(var(--gradient-w) var(--gradient-h) at 50% var(--radial-center),rgb(0 0 0/var(--gradient-inner-opacity)) 20%,rgb(0 0 0/var(--gradient-middle-opacity)) 40%,rgb(0 0 0/var(--gradient-middle-opacity)) 50%,rgb(0 0 0/var(--gradient-outer-opacity)) 75%);mask-image:radial-gradient(var(--gradient-w) var(--gradient-h) at 50% var(--radial-center),rgb(0 0 0/var(--gradient-inner-opacity)) 20%,rgb(0 0 0/var(--gradient-middle-opacity)) 40%,rgb(0 0 0/var(--gradient-middle-opacity)) 50%,rgb(0 0 0/var(--gradient-outer-opacity)) 75%);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;z-index:-1;transition:opacity .15s ease-in}.gradient.animate{animation:gradient 3s cubic-bezier(.278,.001,.393,1) both}@keyframes gradient{0%{--radial-center:97%;--conic-rotate:-100deg;--opc:50%;--gradient-h:0%;--gradient-w:0%;--gradient-inner-opacity:0%;--gradient-middle-opacity:30%;--gradient-outer-opacity:0%}75%{--radial-center:94%;--gradient-h:140%;--gradient-w:120%;--gradient-outer-opacity:0%}to{--opc:100%;--radial-center:91%;--conic-rotate:50deg;--gradient-h:180%;--gradient-w:180%;--gradient-inner-opacity:0%;--gradient-middle-opacity:55%;--gradient-outer-opacity:55%}}.TodoDropdownChecklist_checklist__R1LxS{--background:transparent;--text:rgba(255,255,255,0.9);--check:#22c55e;--disabled:rgba(255,255,255,0.35);display:grid;grid-template-columns:18px auto 28px;align-items:center;-moz-column-gap:12px;column-gap:12px;row-gap:10px;padding:10px 14px}.TodoDropdownChecklist_checklist__R1LxS label{color:var(--text);position:relative;cursor:pointer;display:grid;align-items:center;width:-moz-fit-content;width:fit-content;transition:color .3s ease}.TodoDropdownChecklist_checklist__R1LxS label:after,.TodoDropdownChecklist_checklist__R1LxS label:before{content:"";position:absolute}.TodoDropdownChecklist_checklist__R1LxS label:before{height:2px;width:8px;left:-27px;background:var(--check);border-radius:2px;transition:background .3s ease}.TodoDropdownChecklist_checklist__R1LxS label:after{height:4px;width:4px;top:8px;left:-25px;border-radius:50%}.TodoDropdownChecklist_checklist__R1LxS input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;height:15px;width:15px;outline:none;border:0;margin:0;cursor:pointer;background:var(--background);display:grid;align-items:center}.TodoDropdownChecklist_checklist__R1LxS input[type=checkbox]:after,.TodoDropdownChecklist_checklist__R1LxS input[type=checkbox]:before{content:"";position:absolute;height:2px;top:auto;background:var(--check);border-radius:2px}.TodoDropdownChecklist_checklist__R1LxS input[type=checkbox]:before{width:0;right:60%;transform-origin:right bottom}.TodoDropdownChecklist_checklist__R1LxS input[type=checkbox]:after{width:0;left:40%;transform-origin:left bottom}.TodoDropdownChecklist_checklist__R1LxS input[type=checkbox]:checked:before{animation:TodoDropdownChecklist_check-01___dFkw .4s ease forwards}.TodoDropdownChecklist_checklist__R1LxS input[type=checkbox]:checked:after{animation:TodoDropdownChecklist_check-02__QTBNS .4s ease forwards}.TodoDropdownChecklist_checklist__R1LxS input[type=checkbox]:checked+label{color:var(--disabled);animation:TodoDropdownChecklist_move__nO_bM .3s ease .1s forwards}.TodoDropdownChecklist_checklist__R1LxS input[type=checkbox]:checked+label:before{background:var(--disabled);animation:TodoDropdownChecklist_slice__J__pn .4s ease forwards}.TodoDropdownChecklist_checklist__R1LxS input[type=checkbox]:checked+label:after{animation:TodoDropdownChecklist_firework__a_0_X .5s ease .1s forwards}.TodoDropdownChecklist_addRow__7v38K{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px}.TodoDropdownChecklist_addRowText__p_zzY{color:rgba(255,255,255,.9);font-size:16px;font-weight:600}.TodoDropdownChecklist_addRowPlus__r3IBV{height:26px;width:26px;border-radius:9999px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;transition:background .2s ease}.TodoDropdownChecklist_addRowPlus__r3IBV:hover{background:rgba(255,255,255,.18)}.TodoDropdownChecklist_trashBtn__6mftZ{height:28px;width:28px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(239,68,68,.12);transition:background .2s ease}.TodoDropdownChecklist_trashBtn__6mftZ:hover{background:rgba(239,68,68,.2)}@keyframes TodoDropdownChecklist_move__nO_bM{50%{padding-left:8px;padding-right:0}to{padding-right:4px}}@keyframes TodoDropdownChecklist_slice__J__pn{60%{width:100%;left:4px}to{width:100%;left:-2px;padding-left:0}}@keyframes TodoDropdownChecklist_check-01___dFkw{0%{width:4px;top:auto;transform:rotate(0)}50%{width:0;top:auto;transform:rotate(0)}51%{width:0;top:8px;transform:rotate(45deg)}to{width:5px;top:8px;transform:rotate(45deg)}}@keyframes TodoDropdownChecklist_check-02__QTBNS{0%{width:4px;top:auto;transform:rotate(0)}50%{width:0;top:auto;transform:rotate(0)}51%{width:0;top:8px;transform:rotate(-45deg)}to{width:10px;top:8px;transform:rotate(-45deg)}}@keyframes TodoDropdownChecklist_firework__a_0_X{0%{opacity:1;box-shadow:0 0 0 -2px var(--check),0 0 0 -2px var(--check),0 0 0 -2px var(--check),0 0 0 -2px var(--check),0 0 0 -2px var(--check),0 0 0 -2px var(--check)}30%{opacity:1}to{opacity:0;box-shadow:0 -15px 0 0 var(--check),14px -8px 0 0 var(--check),14px 8px 0 0 var(--check),0 15px 0 0 var(--check),-14px 8px 0 0 var(--check),-14px -8px 0 0 var(--check)}}