.spin-button-module__yMDEWW__button{--text:var(--foreground);--text-soft:var(--muted-foreground);--surface:var(--card);--surface-border:var(--border);--warm:var(--spin-accent-warm);--warm-light:var(--spin-accent-warm-light);--warm-soft:var(--spin-accent-warm-soft);--cool:var(--spin-accent-cool);--cool-light:var(--spin-accent-cool-light);--ink:oklch(from var(--foreground)calc(l*.15)c h);--radius:18px;border-radius:var(--radius);cursor:pointer;letter-spacing:-1px;background:0 0;border:0;outline:none;width:220px;height:80px;font-family:inherit;font-size:23px;position:relative;transform:rotate(353deg)skew(4deg)}.spin-button-module__yMDEWW__bg{border-radius:inherit;filter:blur(1px);position:absolute;inset:0}.spin-button-module__yMDEWW__bg:before,.spin-button-module__yMDEWW__bg:after{content:"";border-radius:calc(var(--radius)*1.1);background:color-mix(in oklch,var(--foreground)80%,var(--warm));position:absolute;inset:0}.spin-button-module__yMDEWW__bg:before{filter:blur(5px);box-shadow:-7px 6px 0 0 color-mix(in oklch,var(--foreground)22%,transparent),-14px 12px 0 0 color-mix(in oklch,var(--foreground)15%,transparent),-21px 18px 4px 0 color-mix(in oklch,var(--foreground)10%,transparent),-28px 24px 8px 0 color-mix(in oklch,var(--foreground)7%,transparent),-35px 30px 12px 0 color-mix(in oklch,var(--foreground)5%,transparent),-42px 36px 16px 0 color-mix(in oklch,var(--foreground)3%,transparent),-56px 42px 20px 0 color-mix(in oklch,var(--foreground)1%,transparent);transition:all .3s}.spin-button-module__yMDEWW__wrap{border-radius:inherit;background:linear-gradient(to bottom,var(--warm-light)0%,color-mix(in oklch,var(--warm)60%,var(--foreground))100%);height:100%;padding:3px;transition:all .3s;position:relative;overflow:hidden;transform:translate(6px,-6px)}.spin-button-module__yMDEWW__outline{opacity:0;border-radius:inherit;outline:none;transition:all .4s;position:absolute;inset:0;overflow:hidden}.spin-button-module__yMDEWW__outline:before{content:"";background:linear-gradient(to right,transparent 0%,color-mix(in oklch,var(--warm-light)70%,var(--cool-light))50%,transparent 100%);width:120px;height:300px;margin:auto;animation:3s linear infinite paused spin-button-module__yMDEWW__spin;position:absolute;inset:2px}.spin-button-module__yMDEWW__content{pointer-events:none;z-index:1;border-radius:calc(var(--radius)*.85);background:linear-gradient(to bottom,color-mix(in oklch,var(--foreground)97%,var(--warm-soft))0%,color-mix(in oklch,var(--foreground)82%,var(--warm))100%);height:100%;box-shadow:inset -2px 12px 11px -5px color-mix(in oklch,var(--warm)35%,transparent),inset 1px -3px 11px 0px color-mix(in oklch,var(--foreground)20%,transparent);justify-content:center;align-items:center;gap:16px;font-weight:600;transition:all .3s;display:flex;position:relative}.spin-button-module__yMDEWW__content:before{content:"";z-index:10;opacity:.5;background:linear-gradient(to bottom,transparent,color-mix(in oklch,var(--foreground)90%,var(--warm)));filter:brightness(1.3)blur(5px);width:80%;margin:auto;position:absolute;inset:45% 0 35%}.spin-button-module__yMDEWW__char{justify-content:center;align-items:center;transition:all .3s;display:flex}.spin-button-module__yMDEWW__char span{color:#0000;display:block;position:relative}.spin-button-module__yMDEWW__char span:nth-child(6){margin-left:5px}.spin-button-module__yMDEWW__char.spin-button-module__yMDEWW__state1 span:nth-child(6){margin-right:-3px}.spin-button-module__yMDEWW__char.spin-button-module__yMDEWW__state1 span{animation:spin-button-module__yMDEWW__charAppear 1.2s ease backwards calc(var(--i)*30ms)}.spin-button-module__yMDEWW__char.spin-button-module__yMDEWW__state1 span:before,.spin-button-module__yMDEWW__char span:after{content:attr(data-label);color:var(--warm);text-shadow:-1px 1px 2px color-mix(in oklch,var(--primary)35%,transparent);position:absolute;left:0}.spin-button-module__yMDEWW__char span:before{opacity:0;transform:translateY(-100%)}.spin-button-module__yMDEWW__char.spin-button-module__yMDEWW__state2{position:absolute;left:80px}.spin-button-module__yMDEWW__char.spin-button-module__yMDEWW__state2 span:after{opacity:1}.spin-button-module__yMDEWW__icon{z-index:10;animation:.8s cubic-bezier(.7,-.5,.3,1.2) forwards spin-button-module__yMDEWW__resetArrow}.spin-button-module__yMDEWW__icon div,.spin-button-module__yMDEWW__icon div:before,.spin-button-module__yMDEWW__icon div:after{background-color:var(--warm);border-radius:1px;height:3px}.spin-button-module__yMDEWW__icon div:before,.spin-button-module__yMDEWW__icon div:after{content:"";transform-origin:100%;border-radius:15px;width:14px;transition:all .3s;position:absolute;right:0}.spin-button-module__yMDEWW__icon div{width:24px;box-shadow:-2px 2px 5px color-mix(in oklch,var(--foreground)25%,transparent);background:linear-gradient(to bottom,var(--warm),var(--warm-light));animation:1s ease-in-out infinite paused spin-button-module__yMDEWW__swingArrow;position:relative;transform:scale(.9)}.spin-button-module__yMDEWW__icon div:before{box-shadow:1px -2px 3px -1px color-mix(in oklch,var(--foreground)25%,transparent);animation:1s linear infinite paused spin-button-module__yMDEWW__rotateArrowLine;top:1px;transform:rotate(44deg)}.spin-button-module__yMDEWW__icon div:after{box-shadow:-2px 2px 3px 0 color-mix(in oklch,var(--foreground)25%,transparent);background:linear-gradient(200deg,var(--warm),var(--warm-light));animation:1s linear infinite paused spin-button-module__yMDEWW__rotateArrowLine2;bottom:1px;transform:rotate(316deg)}.spin-button-module__yMDEWW__path{z-index:12;stroke-dasharray:150 480;stroke-dashoffset:150px;pointer-events:none;position:absolute;bottom:0;left:0;right:0}.spin-button-module__yMDEWW__splash{pointer-events:none;stroke-dasharray:60 60;stroke-dashoffset:60px;stroke:var(--warm);position:absolute;top:0;left:0;transform:translate(-17%,-31%)}.spin-button-module__yMDEWW__button:hover .spin-button-module__yMDEWW__words{opacity:1}.spin-button-module__yMDEWW__button:hover .spin-button-module__yMDEWW__words span{animation-play-state:running}.spin-button-module__yMDEWW__button:hover .spin-button-module__yMDEWW__char.spin-button-module__yMDEWW__state1 span:before{animation:spin-button-module__yMDEWW__charAppear .7s ease calc(var(--i)*30ms)}.spin-button-module__yMDEWW__button:hover .spin-button-module__yMDEWW__char.spin-button-module__yMDEWW__state1 span:after{opacity:1;animation:spin-button-module__yMDEWW__charDisappear .7s ease calc(var(--i)*30ms)}.spin-button-module__yMDEWW__button:hover .spin-button-module__yMDEWW__wrap{transform:translate(8px,-8px)}.spin-button-module__yMDEWW__button:hover .spin-button-module__yMDEWW__outline{opacity:1}.spin-button-module__yMDEWW__button:hover .spin-button-module__yMDEWW__outline:before,.spin-button-module__yMDEWW__button:hover .spin-button-module__yMDEWW__icon div:before,.spin-button-module__yMDEWW__button:hover .spin-button-module__yMDEWW__icon div:after,.spin-button-module__yMDEWW__button:hover .spin-button-module__yMDEWW__icon div{animation-play-state:running}.spin-button-module__yMDEWW__button:active .spin-button-module__yMDEWW__bg:before{filter:blur(5px);opacity:.7;box-shadow:-7px 6px 0 0 color-mix(in oklch,var(--foreground)20%,transparent),-14px 12px 0 0 color-mix(in oklch,var(--foreground)12%,transparent),-21px 18px 4px 0 color-mix(in oklch,var(--foreground)7%,transparent)}.spin-button-module__yMDEWW__button:active .spin-button-module__yMDEWW__content{box-shadow:inset -1px 12px 8px -5px color-mix(in oklch,var(--foreground)35%,transparent),inset 0px -3px 8px 0px color-mix(in oklch,var(--warm)25%,transparent)}.spin-button-module__yMDEWW__button:active .spin-button-module__yMDEWW__words,.spin-button-module__yMDEWW__button:active .spin-button-module__yMDEWW__outline{opacity:0}.spin-button-module__yMDEWW__button:active .spin-button-module__yMDEWW__wrap{transform:translate(3px,-3px)}.spin-button-module__yMDEWW__button:active .spin-button-module__yMDEWW__splash{animation:.8s cubic-bezier(.3,0,0,1) 50ms forwards spin-button-module__yMDEWW__splash}.spin-button-module__yMDEWW__button:focus .spin-button-module__yMDEWW__path,.spin-button-module__yMDEWW__button.spin-button-module__yMDEWW__open .spin-button-module__yMDEWW__path{animation:1.6s .2s forwards spin-button-module__yMDEWW__path}.spin-button-module__yMDEWW__button:focus .spin-button-module__yMDEWW__icon,.spin-button-module__yMDEWW__button.spin-button-module__yMDEWW__open .spin-button-module__yMDEWW__icon{animation:1s cubic-bezier(.7,-.5,.3,1.5) forwards spin-button-module__yMDEWW__arrow}.spin-button-module__yMDEWW__char.spin-button-module__yMDEWW__state2 span:after,.spin-button-module__yMDEWW__button:focus .spin-button-module__yMDEWW__char.spin-button-module__yMDEWW__state1 span,.spin-button-module__yMDEWW__button.spin-button-module__yMDEWW__open .spin-button-module__yMDEWW__char.spin-button-module__yMDEWW__state1 span{animation:spin-button-module__yMDEWW__charDisappear .5s ease forwards calc(var(--i)*30ms)}.spin-button-module__yMDEWW__button:focus .spin-button-module__yMDEWW__char.spin-button-module__yMDEWW__state2 span:after,.spin-button-module__yMDEWW__button.spin-button-module__yMDEWW__open .spin-button-module__yMDEWW__char.spin-button-module__yMDEWW__state2 span:after{animation:spin-button-module__yMDEWW__charAppear 1s ease backwards calc(var(--i)*30ms)}@keyframes spin-button-module__yMDEWW__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-button-module__yMDEWW__charAppear{0%{opacity:0;filter:blur(20px);transform:translateY(50%)}20%{opacity:1;transform:translateY(70%)}50%{opacity:1;filter:blur();transform:translateY(-15%)}to{opacity:1;transform:translateY(0)}}@keyframes spin-button-module__yMDEWW__charDisappear{0%{opacity:1;transform:translateY(0)}to{opacity:0;filter:blur(3px);transform:translateY(-70%)}}@keyframes spin-button-module__yMDEWW__arrow{0%{opacity:1}50%{opacity:0;transform:translate(60px)}51%{opacity:0;transform:translate(-200px)}to{opacity:1;transform:translate(-128px)}}@keyframes spin-button-module__yMDEWW__swingArrow{50%{transform:translate(5px)scale(.9)}}@keyframes spin-button-module__yMDEWW__rotateArrowLine{50%{transform:rotate(30deg)}80%{transform:rotate(55deg)}}@keyframes spin-button-module__yMDEWW__rotateArrowLine2{50%{transform:rotate(330deg)}80%{transform:rotate(300deg)}}@keyframes spin-button-module__yMDEWW__resetArrow{0%{transform:translate(-128px)}to{transform:translate(0)}}@keyframes spin-button-module__yMDEWW__path{0%{stroke:color-mix(in oklch,var(--background)90%,var(--warm-soft))}to{stroke-dashoffset:-480px;stroke:var(--warm-light)}}@keyframes spin-button-module__yMDEWW__splash{to{stroke-dasharray:2 60;stroke-dashoffset:-60px}}