.Stack-module__7L3H8q__stack-container{perspective:600px;position:relative}.Stack-module__7L3H8q__card-rotate{cursor:grab;position:absolute}.Stack-module__7L3H8q__card{border:5px solid #fff;border-radius:20px;position:relative;overflow:hidden}.Stack-module__7L3H8q__card-image{pointer-events:none;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.Stack-module__7L3H8q__card-fallback{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.Stack-module__7L3H8q__card-emoji{font-size:48px;line-height:1}.Stack-module__7L3H8q__badge{color:#111;background:#ffffffeb;border-radius:9999px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute}.Stack-module__7L3H8q__badge-top-left{top:8px;left:8px}.Stack-module__7L3H8q__badge-bottom-left{bottom:8px;left:8px}.Stack-module__7L3H8q__badge-bottom-right{bottom:8px;right:8px}.Stack-module__7L3H8q__details-button{color:#111;cursor:pointer;background:#ffffffeb;border:none;border-radius:9999px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #00000026}.Stack-module__7L3H8q__details-button:hover{transform:scale(1.05)}
.ShinyButton-module__Mjti_G__shiny-button-vars{--shiny-cta-bg:#000;--shiny-cta-bg-subtle:#1a1818;--shiny-cta-fg:#fff;--shiny-cta-highlight:blue;--shiny-cta-highlight-subtle:#8484ff}@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --gradient-angle-offset{syntax:"<angle>";inherits:false;initial-value:0deg}@property --gradient-percent{syntax:"<percentage>";inherits:false;initial-value:5%}@property --gradient-shine{syntax:"<color>";inherits:false;initial-value:#fff}.ShinyButton-module__Mjti_G__shiny-cta{--animation:gradient-angle linear infinite;--duration:3s;--shadow-size:2px;isolation:isolate;cursor:pointer;outline-offset:4px;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;border:1px solid #0000;border-radius:360px;justify-content:center;align-items:center;width:100%;height:100%;padding:.75rem 1.5rem;font-family:inherit;font-size:1.125rem;line-height:1.2;display:flex;position:relative;overflow:hidden}.ShinyButton-module__Mjti_G__shiny-cta:before,.ShinyButton-module__Mjti_G__shiny-cta:after,.ShinyButton-module__Mjti_G__shiny-cta span:before{content:"";pointer-events:none;z-index:19;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.ShinyButton-module__Mjti_G__shiny-cta:active{translate:0 1px}.ShinyButton-module__Mjti_G__shiny-cta:before{width:24px;height:24px;-webkit-mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);-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;background:radial-gradient(circle,#fff 25%,#0000 0) 0 0/6px 6px space padding-box padding-box}.ShinyButton-module__Mjti_G__shiny-cta:after{--animation:shimmer linear infinite;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--shiny-cta-highlight),transparent);opacity:.6;z-index:19;width:100%;-webkit-mask-image:radial-gradient(circle at bottom,#0000 40%,#000);mask-image:radial-gradient(circle at bottom,#0000 40%,#000)}.ShinyButton-module__Mjti_G__shiny-cta span{z-index:20}.ShinyButton-module__Mjti_G__shiny-cta 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-module__Mjti_G__shiny-cta{--transition:.8s cubic-bezier(.25,1,.5,1);transition:var(--transition);transition-property:--gradient-angle-offset,--gradient-percent,--gradient-shine}.ShinyButton-module__Mjti_G__shiny-cta,.ShinyButton-module__Mjti_G__shiny-cta:before,.ShinyButton-module__Mjti_G__shiny-cta:after{animation:var(--animation)var(--duration),var(--animation)calc(var(--duration)/.4)reverse paused;animation-composition:add}.ShinyButton-module__Mjti_G__shiny-cta span:before{transition:opacity var(--transition);animation:calc(var(--duration)*1.5)ShinyButton-module__Mjti_G__breathe linear infinite}.ShinyButton-module__Mjti_G__shiny-cta:is(:hover,:focus-visible){--gradient-percent:20%;--gradient-angle-offset:95deg;--gradient-shine:var(--shiny-cta-highlight-subtle)}.ShinyButton-module__Mjti_G__shiny-cta:is(:hover,:focus-visible),.ShinyButton-module__Mjti_G__shiny-cta:is(:hover,:focus-visible):before,.ShinyButton-module__Mjti_G__shiny-cta:is(:hover,:focus-visible):after{animation-play-state:running}.ShinyButton-module__Mjti_G__shiny-cta:is(:hover,:focus-visible) span:before{opacity:1}@keyframes ShinyButton-module__Mjti_G__gradient-angle{to{--gradient-angle:360deg}}@keyframes ShinyButton-module__Mjti_G__shimmer{to{rotate:360deg}}@keyframes ShinyButton-module__Mjti_G__breathe{0%,to{scale:1}50%{scale:1.2}}
@layer slider-glass{@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{--transition:.2s;--ease:ease-out;flex-direction:column;align-items:stretch;gap:.25rem;width:100%;max-width:360px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:inline-flex}.slider-value{text-align:center;margin-bottom:.125rem;font-size:14px;font-weight:600}.slider-scale{color:color-mix(in oklch,canvas,canvasText 40%);justify-content:space-between;padding:0 3.5rem;font-size:11px;display:flex}.slider-btn{border:2px solid color-mix(in oklch,canvas,canvasText 20%);width:40px;height:40px;color:color-mix(in oklch,canvas,canvasText 70%);cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none;background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#262626);border-radius:50%;justify-content:center;align-items:center;font-size:28px;font-weight:300;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-btn:hover:not(:disabled){color:#007aff;background:var(--lightningcss-light,#f2f2f2)var(--lightningcss-dark,#333);border-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=top] .slider-btn--plus,[data-bounce=bottom] .slider-btn--minus{animation:.32s cubic-bezier(.67,-.45,.6,1.29) bounce}[data-debug=true] .slider .knockout--debug{opacity:1;translate:0% -200%}.indicator__liquid--debug{opacity:0}[data-debug=true] .indicator__liquid--debug{opacity:1;translate:calc(((var(--slider-complete)/100)*(100cqi - 100%)))150%}[data-debug=true] .indicator__liquid--debug .wrapper{clip-path:inset(-50% round 100px)}[data-debug=true] .indicator__liquid--debug .liquids{overflow:visible}[data-debug=true] .slider [type=range]{opacity:1;outline:4px dashed color-mix(in hsl,var(--checked),#0000 75%);border-radius:100px;translate:-50% -400%}.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}@keyframes bounce{0%,to{scale:1}50%{animation-timing-function:cubic-bezier(.64,1.01,.7,1.27);scale:1.25}}.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 round 100px);filter:blur(6px);transition:filter var(--transition)var(--ease)}.liquid__track{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%;left:0}.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)}[data-active=true] .slider .indicator--masked .mask,.slider:active .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}[data-active=true] .slider .indicator__liquid,.slider:active .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 0px 0px 3px 4px var(--checked),inset calc(((var(--slider-liquid)/100)*2px) + (2px - (var(--slider-liquid)/100)*4px))0px 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{background:color-mix(in oklch,canvas,canvasText 15%);translate:8cqi -50%}.slider .liquids{filter:url(#goo-slider)blur()}.liquids--track{--checked:color-mix(in oklch,canvas,canvasText 15%)}.slider:active .wrapper,[data-active=true] .wrapper{filter:blur()}.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)))}[data-active=true] .slider .indicator__liquid .liquid__track,.slider:active .indicator__liquid .liquid__track{height:calc((var(--height)*.25px));min-height:calc((var(--height)*.25px));left:0}.slider{--border:0px;--height:50;--complete:0;--checked:#007aff;--unchecked:#cbced2;--width:300;color:#fff;width:calc(var(--width)*1px);border-radius:12px;align-items:center;max-width:100%;margin:0 auto;display:flex;position:relative;container-type:inline-size}.slider__track{height:calc(var(--height)*1px);flex:1;position:relative;container-type:inline-size}.slider__fill{clip-path:inset(0 round 12px);pointer-events:none;background:color-mix(in oklch,canvas,canvasText 15%);border-radius:12px;width:100%;height:30%;position:absolute;top:50%;left:0;translate:0 -50%}.slider__fill:after{content:"";background:var(--checked);clip-path:inset(0 round 12px);width:120%;height:100%;transform:translate(-100%);translate:calc(var(--slider-complete)*1cqi)0%;position:absolute;top:0;left: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]{opacity:0;z-index:99999;cursor:grab;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.slider input[type=range]:active{cursor:grabbing}.slider:has(:focus-visible){outline:2px solid var(--checked);outline-offset:4px}.indicator{pointer-events:none;background:var(--checked);border-radius:100px;width:100%;height:100%;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:1}.slider .knockout{height:calc(var(--height)*1px);width:calc(var(--width)*1px);filter:url(#remove-black-slider);will-change:filter,scale;pointer-events:none;border-radius:100px;position:absolute;inset:0;transform:translate(0,0)}.slider .indicator--masked .mask{width:62px}.slider .indicator--masked{background:0 0}.indicator--masked{background:var(--checked);z-index:12;width:100%;height:100%;translate:-50% -50%;container-type:inline-size}.indicator--masked .mask{height:calc(100% - (2*var(--border)));width:calc(60% - (2*var(--border)));top:50%;left:var(--border);background:#000;border-radius:100px;position:absolute}.wrapper{border-radius:100px;position:absolute;inset:0}.liquids{filter:url(#goo-slider);border-radius:100px;position:absolute;inset:0;overflow:hidden;transform:translate(0,0)}.liquids .liquid__shadow{box-shadow:inset 0px 0px 3px 4px var(--checked),inset calc(((var(--complete)/100)*8px) + -4px)0px 3px 4px var(--checked);border-radius:100px;position:absolute;inset:0}.liquids .liquid__track{content:"";height:calc((var(--height)*1px) - (0*var(--border)));width:calc((var(--width)*1px) - (0*var(--border)));background:var(--checked);border-radius:100px;position:absolute;top:50%}.indicator__liquid{height:calc(100% - (2*var(--border)));width:calc(60% - (2*var(--border)));top:50%;left:var(--border);pointer-events:none;background:0 0;border-radius:100px;position:absolute;container-type:inline-size}.indicator__liquid .shadow{opacity:0;content:"";z-index:20;border-radius:100px;position:absolute;inset:0;box-shadow:inset 1px -1px 2px var(--lightningcss-light,#ffffff80)var(--lightningcss-dark,#00000040),inset 0 -1px 2px var(--lightningcss-light,#ffffff80)var(--lightningcss-dark,#00000040),inset -1px -1px 2px var(--lightningcss-light,#ffffff80)var(--lightningcss-dark,#00000040),inset 1px 1px 2px var(--lightningcss-light,#4d4d4d80)var(--lightningcss-dark,#00000040),inset -8px 4px 10px -6px var(--lightningcss-light,#4d4d4d40)var(--lightningcss-dark,#00000040),inset -1px 1px 6px var(--lightningcss-light,#4d4d4d40)var(--lightningcss-dark,#00000040),-1px -1px 8px var(--lightningcss-light,#99999926)var(--lightningcss-dark,#00000040),1px 1px 2px var(--lightningcss-light,#4d4d4d26)var(--lightningcss-dark,#00000040),2px 2px 6px var(--lightningcss-light,#4d4d4d26)var(--lightningcss-dark,#00000040),inset -2px -1px 2px var(--lightningcss-light,#ffffff40)var(--lightningcss-dark,#00000040),3px 6px 16px -6px var(--lightningcss-light,#4d4d4d80)var(--lightningcss-dark,#00000040)}.indicator__liquid .cover{content:"";background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#ccc);border-radius:100px;position:absolute;inset:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}
.cta{appearance:none;cursor:pointer;color:#fff;letter-spacing:.25px;background-color:#212631;border:none;border-radius:8px;outline:none;align-items:center;height:48px;margin:0;padding:0 24px 0 56px;font:500 14px/20px Inter,Arial;transition:transform .1s cubic-bezier(.4,0,.2,1),box-shadow .1s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff26,0 6px #0d1117,0 12px 15px #0000004d}.dark .cta{background-color:#09090b;box-shadow:inset 0 1px #ffffff14,0 6px #020204,0 12px 18px #0000008c}.dark .cta .arrow{background:repeating-linear-gradient(-45deg,#ffe600,#ffe600 10px,#111 10px 20px)}.cta:active{transform:translateY(6px);box-shadow:inset 0 1px #ffffff1a,0 0 #0d1117,0 2px 4px #0000004d}.cta .arrow{z-index:10;background:repeating-linear-gradient(-45deg,#ffe600,#ffe600 10px,#212631 10px 20px);border-radius:6px;width:40px;height:36px;transition:width .3s cubic-bezier(.25,.8,.25,1);position:absolute;top:6px;left:6px;overflow:hidden;box-shadow:inset 0 1px #fff6,0 2px 4px #0003}.cta .arrow div{z-index:11;width:100%;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:linear-gradient(90deg,#0000 2px,#000 10px calc(100% - 10px),#0000 calc(100% - 2px));mask-image:linear-gradient(90deg,#0000 2px,#000 10px calc(100% - 10px),#0000 calc(100% - 2px))}.cta .arrow div:before{content:"";background-color:#0000;background-image:linear-gradient(90deg,#ffffff1a 0%,#fff 50%,#ffffff1a 100%),linear-gradient(90deg,#ffffff1a 0%,#fff 50%,#ffffff1a 100%),linear-gradient(90deg,#ffffff1a 0%,#fff 50%,#ffffff1a 100%),linear-gradient(90deg,#ffffff1a 0%,#fff 50%,#ffffff1a 100%),linear-gradient(90deg,#ffffff1a 0%,#fff 50%,#ffffff1a 100%);background-position-x:100%;background-position-y:1px,13px,4px,10px,50%;background-repeat:repeat-x,repeat-x,repeat-x,repeat-x,repeat-x;background-size:200% 2px,200% 2px,200% 2px,200% 2px,200% 2px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;animation:1.5s linear infinite move-right;position:absolute;inset:0;-webkit-mask-image:url(https://assets.codepen.io/165585/arrow-dots.svg);mask-image:url(https://assets.codepen.io/165585/arrow-dots.svg);-webkit-mask-position:50%;mask-position:50%}.cta .arrow div:after{content:"";filter:drop-shadow(0 1px 1px #00000080);opacity:.4;background-image:url(https://assets.codepen.io/165585/arrow-dots.svg);background-position:50%;position:absolute;inset:0;-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);-webkit-mask-position:50%;mask-position:50%}.cta .label{z-index:5;text-shadow:0 1px 2px #00000080;font-weight:600;transition:opacity .2s,transform .2s;position:relative}.cta:focus-visible .arrow,.cta:hover .arrow{width:calc(100% - 12px)}.cta:focus-visible .label,.cta:hover .label{opacity:0;transform:translate(20px)}@keyframes move-right{0%{background-position-x:100%}to{background-position-x:0%}}
.sparkle-button{--transition:.25s;--spark:1.8s;--active:0;position:relative}.sparkle-button:hover,.sparkle-button.sent{--active:1}.sparkle-button button{--cut:.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);cursor:pointer;white-space:nowrap;box-shadow:0 0 calc(var(--active)*3em)calc(var(--active)*1em)#3bfc8b80,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;color:#fff;border:0;border-radius:100px;align-items:center;gap:.5em;padding:.8em 1.2em;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;display:flex;position:relative}.sparkle-button button:active{scale:1}.sparkle-button svg.double-check{color:#f2f2f2;width:1.25em;height:1.25em;transition:color var(--transition);flex-shrink:0;overflow:visible!important}.sparkle-button .check-1,.sparkle-button .check-2{transform-origin:50%;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s}.sparkle-button .check-2{opacity:.5;transform:translate(-2px)}.sparkle-button:hover .check-1{transform:translate(2px)}.sparkle-button:hover .check-2{opacity:1;transform:translate(-2px)scale(1.1)}.text-container{text-align:left;align-items:center;width:5em;height:1em;display:flex;position:relative;overflow:hidden}.text-label{letter-spacing:.01ch;white-space:nowrap;transition:transform .4s cubic-bezier(.5,0,.1,1),opacity .4s;position:absolute;left:0}.text-label.initial{opacity:1;top:50%;transform:translateY(-50%)}.text-label.success{opacity:0;color:#0000;background:linear-gradient(90deg,#fff,#cfc);-webkit-background-clip:text;background-clip:text;font-weight:700;top:150%;transform:translateY(-50%)}.sparkle-button.sent .text-label.initial{opacity:0;top:-150%;transform:translateY(-50%)}.sparkle-button.sent .text-label.success{opacity:1;top:50%;transform:translateY(-50%)}.sparkle-button button:before{content:"";z-index:-1;opacity:var(--active,0);transition:opacity var(--transition);border:.25em solid #04fb6b80;border-radius:100px;position:absolute;inset:-.25em}.sparkle-button .spark{animation:flip calc(var(--spark)*2)infinite steps(2,end);border-radius:100px;position:absolute;inset:0;overflow:hidden;rotate:none;-webkit-mask:linear-gradient(#fff,#0000 50%);mask:linear-gradient(#fff,#0000 50%)}@keyframes flip{to{rotate:360deg}}.sparkle-button .spark:before{content:"";aspect-ratio:1;z-index:-1;width:200%;translate:-50% -15%;rotate:0;opacity:calc((var(--active)) + .4);background:conic-gradient(from 0deg,transparent 0 340deg,white 360deg);transition:opacity var(--transition);animation:rotate var(--spark)linear infinite both;position:absolute;top:0%;left:50%;transform:rotate(-90deg)}.sparkle-button .spark:after{content:"";inset:var(--cut);border-radius:100px;position:absolute}.sparkle-button .backdrop{inset:var(--cut);background:var(--bg);transition:background var(--transition);border-radius:100px;position:absolute}@keyframes rotate{to{transform:rotate(90deg)}}.particle-pen{aspect-ratio:1;z-index:-1;width:200%;opacity:var(--active,0);transition:opacity var(--transition);pointer-events:none;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(#fff,#0000 65%);mask:radial-gradient(#fff,#0000 65%)}.particle{fill:#fff;width:calc(var(--size,.25)*1rem);aspect-ratio:1;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%);z-index:-1;animation-play-state:paused;position:absolute}.sparkle-button:hover .particle,.sparkle-button.sent .particle{animation-play-state:running}.particle svg{width:100%;height:100%}.particle path{fill:#b3e6c8;stroke:none}.particle:nth-of-type(2n){animation-direction:reverse}@keyframes float-out{to{rotate:360deg}}
:root{--opc:100%}.card-closing{animation:.45s cubic-bezier(.4,0,.2,1) forwards modalPopOut}@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{background:0 0;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Asap,sans-serif;display:flex;overflow:auto}.card{--pads:1em;isolation:isolate;width:min(520px,100vw - 32px);height:auto;min-height:380px;box-shadow:var(--card-shadow)0px 1px 2px,var(--card-shadow)0px 2px 4px,var(--card-shadow)0px 4px 8px,var(--card-shadow)0px 8px 16px,var(--card-shadow)0px 16px 32px,var(--card-shadow)0px 32px 64px;opacity:0;background:#111;border-radius:1.768em;transition:background-color .3s,min-height .35s,transform .35s,width .35s;animation:.6s cubic-bezier(.16,1,.3,1) forwards modalPopIn;display:grid;position:relative;overflow:visible;transform:scale(.9)translateY(20px)}.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;z-index:1;flex-direction:column;height:100%;padding:1.25em 1.75em 2.25em;display:flex;position:relative}.card--with-primary .inner{padding-bottom:3.75em}.card .inner header{justify-content:space-between;align-items:center;padding:1em 1.5em;display:flex}.card .inner svg{height:24px;color:var(--text-main)}.close-btn{cursor:pointer;color:var(--text-main);border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:color .2s,background-color .2s;display:flex}.close-btn:hover{color:red;background-color:#ff00001a}.pulse-content{width:100%;max-width:420px;margin:0 auto}.pulse-center-button{z-index:10;position:absolute;bottom:0%;left:50%;transform:translate(-50%,-50%)}.gradient-mask{border-radius:inherit;pointer-events:none;border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden;transform:translateZ(.01px);-webkit-mask-image:radial-gradient(120% 120%,#000 70%,#0000 100%);mask-image:radial-gradient(120% 120%,#000 70%,#0000 100%)}.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;background-color:#0000;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%);-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%);z-index:-1;transition:opacity .15s ease-in;position:absolute;inset:0;transform:translateY(0%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.gradient.animate{animation:3s cubic-bezier(.278,.001,.393,1) both gradient}@keyframes gradient{0%{--radial-center:92%;--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:89%;--gradient-h:140%;--gradient-w:120%;--gradient-outer-opacity:0%}to{--opc:100%;--radial-center:86%;--conic-rotate:50deg;--gradient-h:180%;--gradient-w:180%;--gradient-inner-opacity:0%;--gradient-middle-opacity:55%;--gradient-outer-opacity:55%}}
.TodoDropdownChecklist-module__X7qmgW__checklist{--background:transparent;--text:#ffffffe6;--check:#22c55e;--disabled:#ffffff59;-moz-column-gap:12px;grid-template-columns:18px auto 28px;align-items:center;gap:10px 12px;padding:10px 14px;display:grid}.TodoDropdownChecklist-module__X7qmgW__checklist label{color:var(--text);cursor:pointer;align-items:center;width:fit-content;transition:color .3s;display:grid;position:relative}.TodoDropdownChecklist-module__X7qmgW__checklist label:before,.TodoDropdownChecklist-module__X7qmgW__checklist label:after{content:"";position:absolute}.TodoDropdownChecklist-module__X7qmgW__checklist label:before{background:var(--check);border-radius:2px;width:8px;height:2px;transition:background .3s;left:-27px}.TodoDropdownChecklist-module__X7qmgW__checklist label:after{border-radius:50%;width:4px;height:4px;top:8px;left:-25px}.TodoDropdownChecklist-module__X7qmgW__checklist input[type=checkbox]{appearance:none;cursor:pointer;background:var(--background);border:0;outline:none;align-items:center;width:15px;height:15px;margin:0;display:grid;position:relative}.TodoDropdownChecklist-module__X7qmgW__checklist input[type=checkbox]:before,.TodoDropdownChecklist-module__X7qmgW__checklist input[type=checkbox]:after{content:"";background:var(--check);border-radius:2px;height:2px;position:absolute;top:auto}.TodoDropdownChecklist-module__X7qmgW__checklist input[type=checkbox]:before{transform-origin:100% 100%;width:0;right:60%}.TodoDropdownChecklist-module__X7qmgW__checklist input[type=checkbox]:after{transform-origin:0 100%;width:0;left:40%}.TodoDropdownChecklist-module__X7qmgW__checklist input[type=checkbox]:checked:before{animation:.4s forwards TodoDropdownChecklist-module__X7qmgW__check-01}.TodoDropdownChecklist-module__X7qmgW__checklist input[type=checkbox]:checked:after{animation:.4s forwards TodoDropdownChecklist-module__X7qmgW__check-02}.TodoDropdownChecklist-module__X7qmgW__checklist input[type=checkbox]:checked+label{color:var(--disabled);animation:.3s .1s forwards TodoDropdownChecklist-module__X7qmgW__move}.TodoDropdownChecklist-module__X7qmgW__checklist input[type=checkbox]:checked+label:before{background:var(--disabled);animation:.4s forwards TodoDropdownChecklist-module__X7qmgW__slice}.TodoDropdownChecklist-module__X7qmgW__checklist input[type=checkbox]:checked+label:after{animation:.5s .1s forwards TodoDropdownChecklist-module__X7qmgW__firework}.TodoDropdownChecklist-module__X7qmgW__addRow{justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.TodoDropdownChecklist-module__X7qmgW__addRowText{color:#ffffffe6;font-size:16px;font-weight:600}.TodoDropdownChecklist-module__X7qmgW__addRowPlus{background:#ffffff1f;border-radius:9999px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .2s;display:flex}.TodoDropdownChecklist-module__X7qmgW__addRowPlus:hover{background:#ffffff2e}.TodoDropdownChecklist-module__X7qmgW__trashBtn{background:#ef44441f;border-radius:9999px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .2s;display:inline-flex}.TodoDropdownChecklist-module__X7qmgW__trashBtn:hover{background:#ef444433}@keyframes TodoDropdownChecklist-module__X7qmgW__move{50%{padding-left:8px;padding-right:0}to{padding-right:4px}}@keyframes TodoDropdownChecklist-module__X7qmgW__slice{60%{width:100%;left:4px}to{width:100%;padding-left:0;left:-2px}}@keyframes TodoDropdownChecklist-module__X7qmgW__check-01{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-module__X7qmgW__check-02{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-module__X7qmgW__firework{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 0px var(--check),14px -8px 0 0px var(--check),14px 8px 0 0px var(--check),0 15px 0 0px var(--check),-14px 8px 0 0px var(--check),-14px -8px 0 0px var(--check)}}
