.magic-demo-root .pointer-events-none{pointer-events:none}.magic-demo-root .pointer-events-auto{pointer-events:auto}.magic-demo-root .\!visible{visibility:visible!important}.magic-demo-root .visible{visibility:visible}.magic-demo-root .invisible{visibility:hidden}.magic-demo-root .collapse{visibility:collapse}.magic-demo-root .static{position:static}.magic-demo-root .fixed{position:fixed}.magic-demo-root .absolute{position:absolute}.magic-demo-root .relative{position:relative}.magic-demo-root .sticky{position:-webkit-sticky;position:sticky}.magic-demo-root .inset-0{top:0;bottom:0;left:0;right:0}.magic-demo-root .inset-x-0{left:0;right:0}.magic-demo-root .inset-x-2{left:.5rem;right:.5rem}.magic-demo-root .inset-x-3{left:.75rem;right:.75rem}.magic-demo-root .inset-x-4{left:1rem;right:1rem}.magic-demo-root .inset-y-0{top:0;bottom:0}.magic-demo-root .inset-y-\[3px\]{top:3px;bottom:3px}.magic-demo-root .-bottom-px{bottom:-1px}.magic-demo-root .-top-2\.5{top:-.625rem}.magic-demo-root .bottom-0{bottom:0}.magic-demo-root .bottom-1\.5{bottom:.375rem}.magic-demo-root .bottom-2{bottom:.5rem}.magic-demo-root .bottom-9{bottom:2.25rem}.magic-demo-root .bottom-\[14px\]{bottom:14px}.magic-demo-root .bottom-\[18px\]{bottom:18px}.magic-demo-root .left-0{left:0}.magic-demo-root .left-1\.5{left:.375rem}.magic-demo-root .left-1\/2{left:50%}.magic-demo-root .left-2{left:.5rem}.magic-demo-root .left-2\.5{left:.625rem}.magic-demo-root .left-4{left:1rem}.magic-demo-root .left-5{left:1.25rem}.magic-demo-root .left-\[-25px\]{left:-25px}.magic-demo-root .left-\[14px\]{left:14px}.magic-demo-root .left-\[190px\]{left:190px}.magic-demo-root .left-\[25\.69px\]{left:25.69px}.magic-demo-root .left-\[44px\]{left:44px}.magic-demo-root .left-\[456px\]{left:456px}.magic-demo-root .left-\[556px\]{left:556px}.magic-demo-root .left-\[57px\]{left:57px}.magic-demo-root .left-\[598px\]{left:598px}.magic-demo-root .left-\[72px\]{left:72px}.magic-demo-root .right-0{right:0}.magic-demo-root .right-1\.5{right:.375rem}.magic-demo-root .right-2{right:.5rem}.magic-demo-root .right-2\.5{right:.625rem}.magic-demo-root .right-5{right:1.25rem}.magic-demo-root .right-\[10px\]{right:10px}.magic-demo-root .top-0{top:0}.magic-demo-root .top-0\.5{top:.125rem}.magic-demo-root .top-1\.5{top:.375rem}.magic-demo-root .top-1\/2{top:50%}.magic-demo-root .top-10{top:2.5rem}.magic-demo-root .top-4{top:1rem}.magic-demo-root .top-6{top:1.5rem}.magic-demo-root .top-\[-3px\]{top:-3px}.magic-demo-root .top-\[10px\]{top:10px}.magic-demo-root .top-\[14px\]{top:14px}.magic-demo-root .top-\[2px\]{top:2px}.magic-demo-root .top-\[6px\]{top:6px}.magic-demo-root .top-\[84px\]{top:84px}.magic-demo-root .top-\[92px\]{top:92px}.magic-demo-root .top-px{top:1px}.magic-demo-root .isolate{isolation:isolate}.magic-demo-root .z-0{z-index:0}.magic-demo-root .z-10{z-index:10}.magic-demo-root .z-20{z-index:20}.magic-demo-root .z-40{z-index:40}.magic-demo-root .z-50{z-index:50}.magic-demo-root .z-\[100\]{z-index:100}.magic-demo-root .z-\[10\]{z-index:10}.magic-demo-root .z-\[110\]{z-index:110}.magic-demo-root .z-\[11\]{z-index:11}.magic-demo-root .z-\[1\]{z-index:1}.magic-demo-root .z-\[2\]{z-index:2}.magic-demo-root .z-\[300\]{z-index:300}.magic-demo-root .z-\[30\]{z-index:30}.magic-demo-root .z-\[3\]{z-index:3}.magic-demo-root .z-\[60\]{z-index:60}.magic-demo-root .z-\[70\]{z-index:70}.magic-demo-root .z-\[75\]{z-index:75}.magic-demo-root .z-\[78\]{z-index:78}.magic-demo-root .z-\[79\]{z-index:79}.magic-demo-root .z-\[80\]{z-index:80}.magic-demo-root .z-\[90\]{z-index:90}.magic-demo-root .m-0{margin:0}.magic-demo-root .m-2{margin:.5rem}.magic-demo-root .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.magic-demo-root .mx-1{margin-left:.25rem;margin-right:.25rem}.magic-demo-root .mx-2{margin-left:.5rem;margin-right:.5rem}.magic-demo-root .mx-4{margin-left:1rem;margin-right:1rem}.magic-demo-root .mx-\[5px\]{margin-left:5px;margin-right:5px}.magic-demo-root .mx-\[6px\]{margin-left:6px;margin-right:6px}.magic-demo-root .mx-auto{margin-left:auto;margin-right:auto}.magic-demo-root .my-1{margin-top:.25rem;margin-bottom:.25rem}.magic-demo-root .my-auto{margin-top:auto;margin-bottom:auto}.magic-demo-root .-ml-1\.5{margin-left:-.375rem}.magic-demo-root .-mr-2{margin-right:-.5rem}.magic-demo-root .-mt-8{margin-top:-2rem}.magic-demo-root .mb-0{margin-bottom:0}.magic-demo-root .mb-1{margin-bottom:.25rem}.magic-demo-root .mb-1\.5{margin-bottom:.375rem}.magic-demo-root .mb-2{margin-bottom:.5rem}.magic-demo-root .mb-2\.5{margin-bottom:.625rem}.magic-demo-root .mb-3{margin-bottom:.75rem}.magic-demo-root .mb-\[14px\]{margin-bottom:14px}.magic-demo-root .mb-\[6px\]{margin-bottom:6px}.magic-demo-root .ml-1{margin-left:.25rem}.magic-demo-root .ml-1\.5{margin-left:.375rem}.magic-demo-root .ml-auto{margin-left:auto}.magic-demo-root .mr-1{margin-right:.25rem}.magic-demo-root .mr-2{margin-right:.5rem}.magic-demo-root .mr-3{margin-right:.75rem}.magic-demo-root .mr-4{margin-right:1rem}.magic-demo-root .mr-\[6px\]{margin-right:6px}.magic-demo-root .mr-auto{margin-right:auto}.magic-demo-root .mt-0\.5{margin-top:.125rem}.magic-demo-root .mt-1{margin-top:.25rem}.magic-demo-root .mt-1\.5{margin-top:.375rem}.magic-demo-root .mt-10{margin-top:2.5rem}.magic-demo-root .mt-2{margin-top:.5rem}.magic-demo-root .mt-2\.5{margin-top:.625rem}.magic-demo-root .mt-3{margin-top:.75rem}.magic-demo-root .mt-6{margin-top:1.5rem}.magic-demo-root .mt-8{margin-top:2rem}.magic-demo-root .mt-\[10px\]{margin-top:10px}.magic-demo-root .mt-\[6px\]{margin-top:6px}.magic-demo-root .mt-px{margin-top:1px}.magic-demo-root .line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.magic-demo-root .line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.magic-demo-root .block{display:block}.magic-demo-root .inline-block{display:inline-block}.magic-demo-root .inline{display:inline}.magic-demo-root .flex{display:flex}.magic-demo-root .inline-flex{display:inline-flex}.magic-demo-root .table{display:table}.magic-demo-root .grid{display:grid}.magic-demo-root .hidden{display:none}.magic-demo-root .aspect-\[16\/10\]{aspect-ratio:16/10}.magic-demo-root .aspect-square{aspect-ratio:1}.magic-demo-root .size-0\.5{width:.125rem;height:.125rem}.magic-demo-root .size-1\.5{width:.375rem;height:.375rem}.magic-demo-root .size-10{width:2.5rem;height:2.5rem}.magic-demo-root .size-12{width:3rem;height:3rem}.magic-demo-root .size-16{width:4rem;height:4rem}.magic-demo-root .size-2{width:.5rem;height:.5rem}.magic-demo-root .size-3{width:.75rem;height:.75rem}.magic-demo-root .size-4{width:1rem;height:1rem}.magic-demo-root .size-5{width:1.25rem;height:1.25rem}.magic-demo-root .size-6{width:1.5rem;height:1.5rem}.magic-demo-root .size-7{width:1.75rem;height:1.75rem}.magic-demo-root .size-8{width:2rem;height:2rem}.magic-demo-root .size-9{width:2.25rem;height:2.25rem}.magic-demo-root .size-\[18px\]{width:18px;height:18px}.magic-demo-root .size-\[34px\]{width:34px;height:34px}.magic-demo-root .size-full{width:100%;height:100%}.magic-demo-root .h-0\.5{height:.125rem}.magic-demo-root .h-1{height:.25rem}.magic-demo-root .h-1\.5{height:.375rem}.magic-demo-root .h-10{height:2.5rem}.magic-demo-root .h-11{height:2.75rem}.magic-demo-root .h-12{height:3rem}.magic-demo-root .h-16{height:4rem}.magic-demo-root .h-2{height:.5rem}.magic-demo-root .h-3{height:.75rem}.magic-demo-root .h-4{height:1rem}.magic-demo-root .h-5{height:1.25rem}.magic-demo-root .h-6{height:1.5rem}.magic-demo-root .h-7{height:1.75rem}.magic-demo-root .h-8{height:2rem}.magic-demo-root .h-9{height:2.25rem}.magic-demo-root .h-\[18px\]{height:18px}.magic-demo-root .h-\[190px\]{height:190px}.magic-demo-root .h-\[1px\]{height:1px}.magic-demo-root .h-\[22px\]{height:22px}.magic-demo-root .h-\[240px\]{height:240px}.magic-demo-root .h-\[244px\]{height:244px}.magic-demo-root .h-\[26px\]{height:26px}.magic-demo-root .h-\[28px\]{height:28px}.magic-demo-root .h-\[30px\]{height:30px}.magic-demo-root .h-\[32px\]{height:32px}.magic-demo-root .h-\[38px\]{height:38px}.magic-demo-root .h-\[46px\]{height:46px}.magic-demo-root .h-\[52px\]{height:52px}.magic-demo-root .h-\[60\%\]{height:60%}.magic-demo-root .h-\[76px\]{height:76px}.magic-demo-root .h-\[calc\(100\%-32px\)\]{height:calc(100% - 32px)}.magic-demo-root .h-\[calc\(100\%-48px\)\]{height:calc(100% - 48px)}.magic-demo-root .h-auto{height:auto}.magic-demo-root .h-fit{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.magic-demo-root .h-full{height:100%}.magic-demo-root .h-px{height:1px}.magic-demo-root .max-h-60{max-height:15rem}.magic-demo-root .max-h-\[44px\]{max-height:44px}.magic-demo-root .max-h-\[50vh\]{max-height:50vh}.magic-demo-root .max-h-\[66px\]{max-height:66px}.magic-demo-root .max-h-\[calc\(100vh-24px\)\]{max-height:calc(100vh - 24px)}.magic-demo-root .max-h-full{max-height:100%}.magic-demo-root .min-h-0{min-height:0}.magic-demo-root .min-h-6{min-height:1.5rem}.magic-demo-root .min-h-9{min-height:2.25rem}.magic-demo-root .min-h-\[120px\]{min-height:120px}.magic-demo-root .min-h-\[172px\]{min-height:172px}.magic-demo-root .min-h-\[220px\]{min-height:220px}.magic-demo-root .min-h-\[32px\]{min-height:32px}.magic-demo-root .min-h-\[40px\]{min-height:40px}.magic-demo-root .min-h-\[44px\]{min-height:44px}.magic-demo-root .min-h-\[50px\]{min-height:50px}.magic-demo-root .min-h-\[52px\]{min-height:52px}.magic-demo-root .min-h-\[78px\]{min-height:78px}.magic-demo-root .min-h-\[90px\]{min-height:90px}.magic-demo-root .min-h-full{min-height:100%}.magic-demo-root .min-h-px{min-height:1px}.magic-demo-root .w-1{width:.25rem}.magic-demo-root .w-10{width:2.5rem}.magic-demo-root .w-14{width:3.5rem}.magic-demo-root .w-16{width:4rem}.magic-demo-root .w-2{width:.5rem}.magic-demo-root .w-20{width:5rem}.magic-demo-root .w-24{width:6rem}.magic-demo-root .w-28{width:7rem}.magic-demo-root .w-3{width:.75rem}.magic-demo-root .w-3\.5{width:.875rem}.magic-demo-root .w-4{width:1rem}.magic-demo-root .w-6{width:1.5rem}.magic-demo-root .w-7{width:1.75rem}.magic-demo-root .w-8{width:2rem}.magic-demo-root .w-9{width:2.25rem}.magic-demo-root .w-\[112px\]{width:112px}.magic-demo-root .w-\[136px\]{width:136px}.magic-demo-root .w-\[140px\]{width:140px}.magic-demo-root .w-\[168px\]{width:168px}.magic-demo-root .w-\[190px\]{width:190px}.magic-demo-root .w-\[1px\]{width:1px}.magic-demo-root .w-\[220px\]{width:220px}.magic-demo-root .w-\[260px\]{width:260px}.magic-demo-root .w-\[320px\]{width:320px}.magic-demo-root .w-\[33px\]{width:33px}.magic-demo-root .w-\[38px\]{width:38px}.magic-demo-root .w-\[424px\]{width:424px}.magic-demo-root .w-\[50px\]{width:50px}.magic-demo-root .w-\[520px\]{width:520px}.magic-demo-root .w-\[52px\]{width:52px}.magic-demo-root .w-\[60px\]{width:60px}.magic-demo-root .w-\[680px\]{width:680px}.magic-demo-root .w-\[88px\]{width:88px}.magic-demo-root .w-auto{width:auto}.magic-demo-root .w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.magic-demo-root .w-full{width:100%}.magic-demo-root .w-max{width:-webkit-max-content;width:max-content}.magic-demo-root .w-px{width:1px}.magic-demo-root .min-w-0{min-width:0}.magic-demo-root .min-w-6{min-width:1.5rem}.magic-demo-root .min-w-7{min-width:1.75rem}.magic-demo-root .min-w-\[22px\]{min-width:22px}.magic-demo-root .min-w-\[46px\]{min-width:46px}.magic-demo-root .min-w-\[58px\]{min-width:58px}.magic-demo-root .min-w-\[80px\]{min-width:80px}.magic-demo-root .min-w-full{min-width:100%}.magic-demo-root .min-w-max{min-width:-webkit-max-content;min-width:max-content}.magic-demo-root .min-w-px{min-width:1px}.magic-demo-root .max-w-3xl{max-width:48rem}.magic-demo-root .max-w-4xl{max-width:56rem}.magic-demo-root .max-w-7{max-width:1.75rem}.magic-demo-root .max-w-\[1200px\]{max-width:1200px}.magic-demo-root .max-w-\[140px\]{max-width:140px}.magic-demo-root .max-w-\[160px\]{max-width:160px}.magic-demo-root .max-w-\[280px\]{max-width:280px}.magic-demo-root .max-w-\[300px\]{max-width:300px}.magic-demo-root .max-w-\[40\%\]{max-width:40%}.magic-demo-root .max-w-\[720px\]{max-width:720px}.magic-demo-root .max-w-\[800px\]{max-width:800px}.magic-demo-root .max-w-\[calc\(100\%-16px\)\]{max-width:calc(100% - 16px)}.magic-demo-root .max-w-full{max-width:100%}.magic-demo-root .max-w-lg{max-width:32rem}.magic-demo-root .max-w-sm{max-width:24rem}.magic-demo-root .flex-1{flex:1}.magic-demo-root .flex-\[0_1_368px\]{flex:0 368px}.magic-demo-root .flex-\[1_0_calc\(50\%-2px\)\]{flex:1 0 calc(50% - 2px)}.magic-demo-root .flex-auto{flex:auto}.magic-demo-root .flex-none{flex:none}.magic-demo-root .flex-shrink-0{flex-shrink:0}.magic-demo-root .shrink{flex-shrink:1}.magic-demo-root .shrink-0{flex-shrink:0}.magic-demo-root .grow{flex-grow:1}.magic-demo-root .basis-0{flex-basis:0}.magic-demo-root .border-separate{border-collapse:separate}.magic-demo-root .border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.magic-demo-root .origin-bottom{transform-origin:bottom}.magic-demo-root .origin-left{transform-origin:0}.magic-demo-root .origin-top-left{transform-origin:0 0}.magic-demo-root .-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root .-translate-x-2{--tw-translate-x:-.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root .-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root .translate-x-0\.5{--tw-translate-x:.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root .translate-x-2{--tw-translate-x:.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root .translate-x-\[18px\]{--tw-translate-x:18px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root .translate-x-\[3px\]{--tw-translate-x:3px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root .translate-y-0\.5{--tw-translate-y:.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root .translate-y-1{--tw-translate-y:.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root .-rotate-\[12\.69deg\]{--tw-rotate:-12.69deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root .-rotate-\[18deg\]{--tw-rotate:-18deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root .rotate-0{--tw-rotate:0deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root .rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root .rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root .rotate-\[15deg\]{--tw-rotate:15deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root .rotate-\[18deg\]{--tw-rotate:18deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root .scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root .scale-\[0\.78\]{--tw-scale-x:.78;--tw-scale-y:.78;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root .transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.magic-demo-root .animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes skeleton-loading{0%{background-position:100% 0}to{background-position:-100% 0}}.magic-demo-root .animate-skeleton{animation:1.5s ease-in-out infinite skeleton-loading}@keyframes spin{to{transform:rotate(360deg)}}.magic-demo-root .animate-spin{animation:1s linear infinite spin}.magic-demo-root .animate-spin-slow{animation:1.5s linear infinite spin}@keyframes super-magic-message-enter-default{0%{opacity:0;transform:translateY(14px)scale(.985)}40%{opacity:.4;transform:translateY(7px)scale(.992)}70%{opacity:.84;transform:translateY(-1.5px)scale(1.002)}to{opacity:1;transform:translate(0,0)scale(1)}}.magic-demo-root .animate-super-magic-message-enter-default{animation:.52s cubic-bezier(.16,1,.3,1) both super-magic-message-enter-default}.magic-demo-root .cursor-not-allowed{cursor:not-allowed}.magic-demo-root .cursor-pointer{cursor:pointer}.magic-demo-root .touch-none{touch-action:none}.magic-demo-root .select-none{-webkit-user-select:none;user-select:none}.magic-demo-root .select-text{-webkit-user-select:text;user-select:text}.magic-demo-root .resize-none{resize:none}.magic-demo-root .resize{resize:both}.magic-demo-root .list-none{list-style-type:none}.magic-demo-root .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.magic-demo-root .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.magic-demo-root .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.magic-demo-root .grid-cols-\[repeat\(auto-fill\,minmax\(320px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.magic-demo-root .flex-row{flex-direction:row}.magic-demo-root .flex-col{flex-direction:column}.magic-demo-root .flex-wrap{flex-wrap:wrap}.magic-demo-root .flex-nowrap{flex-wrap:nowrap}.magic-demo-root .place-items-center{place-items:center}.magic-demo-root .items-start{align-items:flex-start}.magic-demo-root .items-end{align-items:flex-end}.magic-demo-root .items-center{align-items:center}.magic-demo-root .items-stretch{align-items:stretch}.magic-demo-root .justify-start{justify-content:flex-start}.magic-demo-root .justify-end{justify-content:flex-end}.magic-demo-root .justify-center{justify-content:center}.magic-demo-root .justify-between{justify-content:space-between}.magic-demo-root .justify-around{justify-content:space-around}.magic-demo-root .gap-0{gap:0}.magic-demo-root .gap-0\.5{gap:.125rem}.magic-demo-root .gap-1{gap:.25rem}.magic-demo-root .gap-1\.5{gap:.375rem}.magic-demo-root .gap-2{gap:.5rem}.magic-demo-root .gap-2\.5{gap:.625rem}.magic-demo-root .gap-3{gap:.75rem}.magic-demo-root .gap-4{gap:1rem}.magic-demo-root .gap-5{gap:1.25rem}.magic-demo-root .gap-6{gap:1.5rem}.magic-demo-root .gap-8{gap:2rem}.magic-demo-root .gap-\[0\.35rem\]{gap:.35rem}.magic-demo-root .gap-\[10px\]{gap:10px}.magic-demo-root .gap-\[18px\]{gap:18px}.magic-demo-root .gap-\[3px\]{gap:3px}.magic-demo-root .gap-\[4px\]{gap:4px}.magic-demo-root .gap-\[5px\]{gap:5px}.magic-demo-root .gap-\[6px\]{gap:6px}.magic-demo-root .gap-\[calc\(0\.5rem-3px\)\]{gap:calc(.5rem - 3px)}.magic-demo-root .gap-px{gap:1px}.magic-demo-root .gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.magic-demo-root .gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.magic-demo-root .gap-y-0\.5{row-gap:.125rem}.magic-demo-root .gap-y-1{row-gap:.25rem}.magic-demo-root .gap-y-2{row-gap:.5rem}.magic-demo-root :is(.-space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(-.5rem * var(--tw-space-x-reverse));margin-left:calc(-.5rem * calc(1 - var(--tw-space-x-reverse)))}.magic-demo-root :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.magic-demo-root :is(.divide-y>:not([hidden])~:not([hidden])){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.magic-demo-root :is(.divide-border>:not([hidden])~:not([hidden])){--tw-divide-opacity:1;border-color:rgb(var(--border-rgb) / calc(var(--border-alpha) * var(--tw-divide-opacity,1)))}.magic-demo-root .self-start{align-self:flex-start}.magic-demo-root .self-end{align-self:flex-end}.magic-demo-root .self-stretch{align-self:stretch}.magic-demo-root .overflow-auto{overflow:auto}.magic-demo-root .overflow-hidden{overflow:hidden}.magic-demo-root .overflow-visible{overflow:visible}.magic-demo-root .overflow-x-auto{overflow-x:auto}.magic-demo-root .overflow-y-auto{overflow-y:auto}.magic-demo-root .overflow-x-hidden{overflow-x:hidden}.magic-demo-root .overflow-y-hidden{overflow-y:hidden}.magic-demo-root .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.magic-demo-root .text-ellipsis{text-overflow:ellipsis}.magic-demo-root .whitespace-normal{white-space:normal}.magic-demo-root .whitespace-nowrap{white-space:nowrap}.magic-demo-root .whitespace-pre{white-space:pre}.magic-demo-root .whitespace-pre-line{white-space:pre-line}.magic-demo-root .whitespace-pre-wrap{white-space:pre-wrap}.magic-demo-root .text-balance{text-wrap:balance}.magic-demo-root .break-words{overflow-wrap:break-word}.magic-demo-root .break-all{word-break:break-all}.magic-demo-root .rounded{border-radius:.25rem}.magic-demo-root .rounded-2xl{border-radius:1rem}.magic-demo-root .rounded-\[10px\]{border-radius:10px}.magic-demo-root .rounded-\[12px\]{border-radius:12px}.magic-demo-root .rounded-\[2px\]{border-radius:2px}.magic-demo-root .rounded-\[3px\]{border-radius:3px}.magic-demo-root .rounded-\[4px\]{border-radius:4px}.magic-demo-root .rounded-\[5px\]{border-radius:5px}.magic-demo-root .rounded-\[6px\]{border-radius:6px}.magic-demo-root .rounded-\[8px\]{border-radius:8px}.magic-demo-root .rounded-\[9px\]{border-radius:9px}.magic-demo-root .rounded-full{border-radius:9999px}.magic-demo-root .rounded-lg{border-radius:var(--radius-lg)}.magic-demo-root .rounded-md{border-radius:var(--radius-md)}.magic-demo-root .rounded-none{border-radius:0}.magic-demo-root .rounded-sm{border-radius:var(--radius-sm)}.magic-demo-root .rounded-xl{border-radius:var(--radius-xl)}.magic-demo-root .rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.magic-demo-root .rounded-r-\[4px\]{border-top-right-radius:4px;border-bottom-right-radius:4px}.magic-demo-root .rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.magic-demo-root .rounded-t-\[6px\]{border-top-left-radius:6px;border-top-right-radius:6px}.magic-demo-root .rounded-t-\[8px\]{border-top-left-radius:8px;border-top-right-radius:8px}.magic-demo-root .rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.magic-demo-root .border{border-width:1px}.magic-demo-root .border-0{border-width:0}.magic-demo-root .border-2{border-width:2px}.magic-demo-root .border-\[0\.5px\]{border-width:.5px}.magic-demo-root .border-\[1px\]{border-width:1px}.magic-demo-root .border-\[3px\]{border-width:3px}.magic-demo-root .border-b{border-bottom-width:1px}.magic-demo-root .border-b-0{border-bottom-width:0}.magic-demo-root .border-b-2{border-bottom-width:2px}.magic-demo-root .border-l{border-left-width:1px}.magic-demo-root .border-l-2{border-left-width:2px}.magic-demo-root .border-r{border-right-width:1px}.magic-demo-root .border-r-2{border-right-width:2px}.magic-demo-root .border-t{border-top-width:1px}.magic-demo-root .border-t-0{border-top-width:0}.magic-demo-root .border-t-2{border-top-width:2px}.magic-demo-root .border-dashed{border-style:dashed}.magic-demo-root .border-none{border-style:none}.magic-demo-root .\!border-destructive{--tw-border-opacity:1!important;border-color:rgb(var(--destructive-rgb) / calc(1 * var(--tw-border-opacity,1)))!important}.magic-demo-root .border-\[\#E5E5E5\]{--tw-border-opacity:1;border-color:rgba(229,229,229,var(--tw-border-opacity,1))}.magic-demo-root .border-\[\#c9c9cc\]{--tw-border-opacity:1;border-color:rgba(201,201,204,var(--tw-border-opacity,1))}.magic-demo-root .border-\[\#c9ced6\]{--tw-border-opacity:1;border-color:rgba(201,206,214,var(--tw-border-opacity,1))}.magic-demo-root .border-\[\#dcdcde\]{--tw-border-opacity:1;border-color:rgba(220,220,222,var(--tw-border-opacity,1))}.magic-demo-root .border-\[\#dfe2e7\]\/50{border-color:#dfe2e780}.magic-demo-root .border-\[\#e0e0e2\]{--tw-border-opacity:1;border-color:rgba(224,224,226,var(--tw-border-opacity,1))}.magic-demo-root .border-\[\#e0e2e4\]{--tw-border-opacity:1;border-color:rgba(224,226,228,var(--tw-border-opacity,1))}.magic-demo-root .border-\[\#e3e3e3\]{--tw-border-opacity:1;border-color:rgba(227,227,227,var(--tw-border-opacity,1))}.magic-demo-root .border-\[\#e5e5e5\]{--tw-border-opacity:1;border-color:rgba(229,229,229,var(--tw-border-opacity,1))}.magic-demo-root .border-\[\#e5e7eb\]{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity,1))}.magic-demo-root .border-\[\#e6e6e6\]{--tw-border-opacity:1;border-color:rgba(230,230,230,var(--tw-border-opacity,1))}.magic-demo-root .border-\[\#e8eaed\]{--tw-border-opacity:1;border-color:rgba(232,234,237,var(--tw-border-opacity,1))}.magic-demo-root .border-\[\#f0f0f0\]{--tw-border-opacity:1;border-color:rgba(240,240,240,var(--tw-border-opacity,1))}.magic-demo-root .border-\[\#facc15\]{--tw-border-opacity:1;border-color:rgba(250,204,21,var(--tw-border-opacity,1))}.magic-demo-root .border-background{--tw-border-opacity:1;border-color:rgb(var(--background-rgb) / calc(1 * var(--tw-border-opacity,1)))}.magic-demo-root .border-black\/30{border-color:#0000004d}.magic-demo-root .border-border{--tw-border-opacity:1;border-color:rgb(var(--border-rgb) / calc(var(--border-alpha) * var(--tw-border-opacity,1)))}.magic-demo-root .border-border\/60{border-color:rgb(var(--border-rgb) / calc(var(--border-alpha) * .6))}.magic-demo-root .border-foreground{--tw-border-opacity:1;border-color:rgb(var(--foreground-rgb) / calc(1 * var(--tw-border-opacity,1)))}.magic-demo-root .border-foreground\/35{border-color:rgb(var(--foreground-rgb) / calc(1 * .35))}.magic-demo-root .border-gray-200{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity,1))}.magic-demo-root .border-input{--tw-border-opacity:1;border-color:rgb(var(--input-rgb) / calc(var(--input-alpha) * var(--tw-border-opacity,1)))}.magic-demo-root .border-muted-foreground\/50{border-color:rgb(var(--muted-foreground-rgb) / calc(1 * .5))}.magic-demo-root .border-popover{--tw-border-opacity:1;border-color:rgb(var(--popover-rgb) / calc(1 * var(--tw-border-opacity,1)))}.magic-demo-root .border-primary{--tw-border-opacity:1;border-color:rgb(var(--primary-rgb) / calc(1 * var(--tw-border-opacity,1)))}.magic-demo-root .border-sidebar-border\/60{border-color:rgb(var(--sidebar-border-rgb) / calc(var(--sidebar-border-alpha) * .6))}.magic-demo-root .border-transparent{border-color:#0000}.magic-demo-root .border-white\/90{border-color:#ffffffe6}.magic-demo-root .\!bg-fill{--tw-bg-opacity:1!important;background-color:rgb(var(--fill-rgb) / calc(1 * var(--tw-bg-opacity,1)))!important}.magic-demo-root .\!bg-white{--tw-bg-opacity:1!important;background-color:rgba(255,255,255,var(--tw-bg-opacity,1))!important}.magic-demo-root .bg-\[\#161616\]{--tw-bg-opacity:1;background-color:rgba(22,22,22,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#52c41a\]{--tw-bg-opacity:1;background-color:rgba(82,196,26,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#7c9cbf\]{--tw-bg-opacity:1;background-color:rgba(124,156,191,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#F7F8FA\]{--tw-bg-opacity:1;background-color:rgba(247,248,250,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#d1d1d1\]{--tw-bg-opacity:1;background-color:rgba(209,209,209,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#dcdcdf\]{--tw-bg-opacity:1;background-color:rgba(220,220,223,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#e3e3e3\]{--tw-bg-opacity:1;background-color:rgba(227,227,227,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#e3e3e6\]{--tw-bg-opacity:1;background-color:rgba(227,227,230,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#e5e5e5\]{--tw-bg-opacity:1;background-color:rgba(229,229,229,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#e9e9eb\]{--tw-bg-opacity:1;background-color:rgba(233,233,235,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#ebf2fe\]{--tw-bg-opacity:1;background-color:rgba(235,242,254,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#eeeeee\]{--tw-bg-opacity:1;background-color:rgba(238,238,238,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#efefef\]{--tw-bg-opacity:1;background-color:rgba(239,239,239,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#f1f1f3\]{--tw-bg-opacity:1;background-color:rgba(241,241,243,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#f2f2f4\]{--tw-bg-opacity:1;background-color:rgba(242,242,244,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#f4f5f8\]{--tw-bg-opacity:1;background-color:rgba(244,245,248,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#f5f5f4\]{--tw-bg-opacity:1;background-color:rgba(245,245,244,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#f5f5f5\]{--tw-bg-opacity:1;background-color:rgba(245,245,245,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#f5f5f7\]{--tw-bg-opacity:1;background-color:rgba(245,245,247,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#f5f6f7\]{--tw-bg-opacity:1;background-color:rgba(245,246,247,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#faad14\]{--tw-bg-opacity:1;background-color:rgba(250,173,20,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#facc15\]\/30{background-color:#facc154d}.magic-demo-root .bg-\[\#fafafa\]{--tw-bg-opacity:1;background-color:rgba(250,250,250,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[\#ff4d4f\]{--tw-bg-opacity:1;background-color:rgba(255,77,79,var(--tw-bg-opacity,1))}.magic-demo-root .bg-\[rgb\(37_99_235\/10\%\)\]{background-color:#2563eb1a}.magic-demo-root .bg-\[rgba\(0\,0\,0\,0\.02\)\]{background-color:#00000005}.magic-demo-root .bg-accent{--tw-bg-opacity:1;background-color:rgb(var(--accent-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .bg-accent\/80{background-color:rgb(var(--accent-rgb) / calc(1 * .8))}.magic-demo-root .bg-background{--tw-bg-opacity:1;background-color:rgb(var(--background-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .bg-background\/80{background-color:rgb(var(--background-rgb) / calc(1 * .8))}.magic-demo-root .bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity,1))}.magic-demo-root .bg-black\/10{background-color:#0000001a}.magic-demo-root .bg-black\/35{background-color:#00000059}.magic-demo-root .bg-black\/40{background-color:#0006}.magic-demo-root .bg-black\/55{background-color:#0000008c}.magic-demo-root .bg-blue-500\/10{background-color:#3b82f61a}.magic-demo-root .bg-border{--tw-bg-opacity:1;background-color:rgb(var(--border-rgb) / calc(var(--border-alpha) * var(--tw-bg-opacity,1)))}.magic-demo-root .bg-card{--tw-bg-opacity:1;background-color:rgb(var(--card-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .bg-current{background-color:currentColor}.magic-demo-root .bg-destructive{--tw-bg-opacity:1;background-color:rgb(var(--destructive-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .bg-fill{--tw-bg-opacity:1;background-color:rgb(var(--fill-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .bg-fill-secondary{--tw-bg-opacity:1;background-color:rgb(var(--fill-secondary-rgb) / calc(var(--fill-secondary-alpha) * var(--tw-bg-opacity,1)))}.magic-demo-root .bg-fill\/50{background-color:rgb(var(--fill-rgb) / calc(1 * .5))}.magic-demo-root .bg-foreground{--tw-bg-opacity:1;background-color:rgb(var(--foreground-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .bg-foreground\/10{background-color:rgb(var(--foreground-rgb) / calc(1 * .1))}.magic-demo-root .bg-foreground\/40{background-color:rgb(var(--foreground-rgb) / calc(1 * .4))}.magic-demo-root .bg-muted{--tw-bg-opacity:1;background-color:rgb(var(--muted-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .bg-muted\/40{background-color:rgb(var(--muted-rgb) / calc(1 * .4))}.magic-demo-root .bg-popover{--tw-bg-opacity:1;background-color:rgb(var(--popover-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .bg-primary{--tw-bg-opacity:1;background-color:rgb(var(--primary-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .bg-secondary{--tw-bg-opacity:1;background-color:rgb(var(--secondary-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .bg-sidebar{--tw-bg-opacity:1;background-color:rgb(var(--sidebar-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .bg-sidebar-accent{--tw-bg-opacity:1;background-color:rgb(var(--sidebar-accent-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .bg-sidebar-border\/40{background-color:rgb(var(--sidebar-border-rgb) / calc(var(--sidebar-border-alpha) * .4))}.magic-demo-root .bg-transparent{background-color:#0000}.magic-demo-root .bg-warning{--tw-bg-opacity:1;background-color:rgb(var(--warning-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity,1))}.magic-demo-root .bg-white\/35{background-color:#ffffff59}.magic-demo-root .bg-white\/40{background-color:#fff6}.magic-demo-root .bg-\[linear-gradient\(90deg\,\#eef3fd_0\%\,\#315cec_17\.79\%\,\#d3dffb_50\%\,\#315cec_82\.21\%\,\#eef3fd_100\%\)\]{background-image:linear-gradient(90deg,#eef3fd 0%,#315cec 17.79%,#d3dffb 50%,#315cec 82.21%,#eef3fd 100%)}.magic-demo-root .bg-\[radial-gradient\(circle_at_1px_1px\,rgba\(10\,10\,10\,0\.12\)_1px\,transparent_0\)\]{background-image:radial-gradient(circle at 1px 1px,#0a0a0a1f 1px,#0000 0)}.magic-demo-root .bg-gradient-to-l{background-image:linear-gradient(to left, var(--tw-gradient-stops))}.magic-demo-root .bg-gradient-to-t{background-image:linear-gradient(to top, var(--tw-gradient-stops))}.magic-demo-root .from-sidebar{--tw-gradient-from:rgb(var(--sidebar-rgb) / calc(1 * 1)) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--sidebar-rgb) / calc(1 * 0)) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.magic-demo-root .from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.magic-demo-root .from-50\%{--tw-gradient-from-position:50%}.magic-demo-root .to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.magic-demo-root .bg-\[length\:200\%_100\%\]{background-size:200% 100%}.magic-demo-root .bg-\[length\:6px_6px\]{background-size:6px 6px}.magic-demo-root .bg-cover{background-size:cover}.magic-demo-root .bg-clip-text{-webkit-background-clip:text;background-clip:text}.magic-demo-root .bg-center{background-position:50%}.magic-demo-root .stroke-foreground{stroke:rgb(var(--foreground-rgb) / calc(1 * 1))}.magic-demo-root .stroke-muted-foreground{stroke:rgb(var(--muted-foreground-rgb) / calc(1 * 1))}.magic-demo-root .object-contain{-o-object-fit:contain;object-fit:contain}.magic-demo-root .object-cover{-o-object-fit:cover;object-fit:cover}.magic-demo-root .object-top{-o-object-position:top;object-position:top}.magic-demo-root .\!p-0{padding:0!important}.magic-demo-root .p-0{padding:0}.magic-demo-root .p-0\.5{padding:.125rem}.magic-demo-root .p-1{padding:.25rem}.magic-demo-root .p-2{padding:.5rem}.magic-demo-root .p-2\.5{padding:.625rem}.magic-demo-root .p-3{padding:.75rem}.magic-demo-root .p-4{padding:1rem}.magic-demo-root .p-5{padding:1.25rem}.magic-demo-root .p-6{padding:1.5rem}.magic-demo-root .p-\[0\.35rem\]{padding:.35rem}.magic-demo-root .p-\[14px\]{padding:14px}.magic-demo-root .p-\[3px\]{padding:3px}.magic-demo-root .p-\[4px\]{padding:4px}.magic-demo-root .p-\[5px\]{padding:5px}.magic-demo-root .px-0{padding-left:0;padding-right:0}.magic-demo-root .px-0\.5{padding-left:.125rem;padding-right:.125rem}.magic-demo-root .px-1{padding-left:.25rem;padding-right:.25rem}.magic-demo-root .px-1\.5{padding-left:.375rem;padding-right:.375rem}.magic-demo-root .px-2{padding-left:.5rem;padding-right:.5rem}.magic-demo-root .px-2\.5{padding-left:.625rem;padding-right:.625rem}.magic-demo-root .px-3{padding-left:.75rem;padding-right:.75rem}.magic-demo-root .px-3\.5{padding-left:.875rem;padding-right:.875rem}.magic-demo-root .px-4{padding-left:1rem;padding-right:1rem}.magic-demo-root .px-5{padding-left:1.25rem;padding-right:1.25rem}.magic-demo-root .px-6{padding-left:1.5rem;padding-right:1.5rem}.magic-demo-root .px-\[13px\]{padding-left:13px;padding-right:13px}.magic-demo-root .px-\[30px\]{padding-left:30px;padding-right:30px}.magic-demo-root .px-\[5px\]{padding-left:5px;padding-right:5px}.magic-demo-root .px-\[7px\]{padding-left:7px;padding-right:7px}.magic-demo-root .py-0{padding-top:0;padding-bottom:0}.magic-demo-root .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.magic-demo-root .py-1{padding-top:.25rem;padding-bottom:.25rem}.magic-demo-root .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.magic-demo-root .py-2{padding-top:.5rem;padding-bottom:.5rem}.magic-demo-root .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.magic-demo-root .py-3{padding-top:.75rem;padding-bottom:.75rem}.magic-demo-root .py-4{padding-top:1rem;padding-bottom:1rem}.magic-demo-root .py-8{padding-top:2rem;padding-bottom:2rem}.magic-demo-root .pb-1{padding-bottom:.25rem}.magic-demo-root .pb-10{padding-bottom:2.5rem}.magic-demo-root .pb-16{padding-bottom:4rem}.magic-demo-root .pb-2{padding-bottom:.5rem}.magic-demo-root .pb-4{padding-bottom:1rem}.magic-demo-root .pb-5{padding-bottom:1.25rem}.magic-demo-root .pb-6{padding-bottom:1.5rem}.magic-demo-root .pb-\[40px\]{padding-bottom:40px}.magic-demo-root .pb-\[5px\]{padding-bottom:5px}.magic-demo-root .pl-0{padding-left:0}.magic-demo-root .pl-1{padding-left:.25rem}.magic-demo-root .pl-1\.5{padding-left:.375rem}.magic-demo-root .pl-2{padding-left:.5rem}.magic-demo-root .pl-2\.5{padding-left:.625rem}.magic-demo-root .pl-3{padding-left:.75rem}.magic-demo-root .pl-5{padding-left:1.25rem}.magic-demo-root .pl-6{padding-left:1.5rem}.magic-demo-root .pr-1\.5{padding-right:.375rem}.magic-demo-root .pr-2{padding-right:.5rem}.magic-demo-root .pr-2\.5{padding-right:.625rem}.magic-demo-root .pr-3{padding-right:.75rem}.magic-demo-root .pr-4{padding-right:1rem}.magic-demo-root .pr-5{padding-right:1.25rem}.magic-demo-root .pr-7{padding-right:1.75rem}.magic-demo-root .pr-8{padding-right:2rem}.magic-demo-root .pt-0\.5{padding-top:.125rem}.magic-demo-root .pt-1{padding-top:.25rem}.magic-demo-root .pt-10{padding-top:2.5rem}.magic-demo-root .pt-2{padding-top:.5rem}.magic-demo-root .pt-2\.5{padding-top:.625rem}.magic-demo-root .pt-3{padding-top:.75rem}.magic-demo-root .pt-4{padding-top:1rem}.magic-demo-root .pt-6{padding-top:1.5rem}.magic-demo-root .pt-\[10px\]{padding-top:10px}.magic-demo-root .pt-\[24px\]{padding-top:24px}.magic-demo-root .pt-\[9px\]{padding-top:9px}.magic-demo-root .text-left{text-align:left}.magic-demo-root .text-center{text-align:center}.magic-demo-root .text-right{text-align:right}.magic-demo-root .align-middle{vertical-align:middle}.magic-demo-root .font-mono{font-family:SF Mono,Menlo,Monaco,Consolas,monospace}.magic-demo-root .font-poppins{font-family:Poppins,sans-serif}.magic-demo-root .\!text-xs{font-size:.75rem!important;line-height:1rem!important}.magic-demo-root .text-2xl{font-size:1.5rem;line-height:2rem}.magic-demo-root .text-5xl{font-size:3rem;line-height:1}.magic-demo-root .text-6xl{font-size:3.75rem;line-height:1}.magic-demo-root .text-\[10px\]{font-size:10px}.magic-demo-root .text-\[11px\]{font-size:11px}.magic-demo-root .text-\[12px\]{font-size:12px}.magic-demo-root .text-\[13px\]{font-size:13px}.magic-demo-root .text-\[14px\]{font-size:14px}.magic-demo-root .text-\[18px\]{font-size:18px}.magic-demo-root .text-\[length\:0\.75rem\]{font-size:.75rem}.magic-demo-root .text-base{font-size:1rem;line-height:1.5rem}.magic-demo-root .text-lg{font-size:1.125rem;line-height:1.75rem}.magic-demo-root .text-sm{font-size:.875rem;line-height:1.25rem}.magic-demo-root .text-sm\/relaxed{font-size:.875rem;line-height:1.625}.magic-demo-root .text-xl{font-size:1.25rem;line-height:1.75rem}.magic-demo-root .text-xs{font-size:.75rem;line-height:1rem}.magic-demo-root .font-bold{font-weight:700}.magic-demo-root .font-light{font-weight:300}.magic-demo-root .font-medium{font-weight:500}.magic-demo-root .font-normal{font-weight:400}.magic-demo-root .font-semibold{font-weight:600}.magic-demo-root .not-italic{font-style:normal}.magic-demo-root .tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.magic-demo-root .\!leading-4{line-height:1rem!important}.magic-demo-root .leading-10{line-height:2.5rem}.magic-demo-root .leading-3{line-height:.75rem}.magic-demo-root .leading-4{line-height:1rem}.magic-demo-root .leading-5{line-height:1.25rem}.magic-demo-root .leading-6{line-height:1.5rem}.magic-demo-root .leading-\[0\.75rem\]{line-height:.75rem}.magic-demo-root .leading-\[1\.43\]{line-height:1.43}.magic-demo-root .leading-\[1\.45\]{line-height:1.45}.magic-demo-root .leading-\[1\.4\]{line-height:1.4}.magic-demo-root .leading-\[1\.5\]{line-height:1.5}.magic-demo-root .leading-\[10px\]{line-height:10px}.magic-demo-root .leading-\[14px\]{line-height:14px}.magic-demo-root .leading-\[18px\]{line-height:18px}.magic-demo-root .leading-\[22px\]{line-height:22px}.magic-demo-root .leading-none{line-height:1}.magic-demo-root .leading-relaxed{line-height:1.625}.magic-demo-root .leading-snug{line-height:1.375}.magic-demo-root .tracking-\[0\.25px\]{letter-spacing:.25px}.magic-demo-root .tracking-tight{letter-spacing:-.025em}.magic-demo-root .\!text-blue-500{--tw-text-opacity:1!important;color:rgba(59,130,246,var(--tw-text-opacity,1))!important}.magic-demo-root .\!text-blue-600{--tw-text-opacity:1!important;color:rgba(37,99,235,var(--tw-text-opacity,1))!important}.magic-demo-root .\!text-destructive{--tw-text-opacity:1!important;color:rgb(var(--destructive-rgb) / calc(1 * var(--tw-text-opacity,1)))!important}.magic-demo-root .\!text-foreground{--tw-text-opacity:1!important;color:rgb(var(--foreground-rgb) / calc(1 * var(--tw-text-opacity,1)))!important}.magic-demo-root .\!text-sidebar-foreground{--tw-text-opacity:1!important;color:rgb(var(--sidebar-foreground-rgb) / calc(1 * var(--tw-text-opacity,1)))!important}.magic-demo-root .text-\[\#0A0A0A\],.magic-demo-root .text-\[\#0a0a0a\]{--tw-text-opacity:1;color:rgba(10,10,10,var(--tw-text-opacity,1))}.magic-demo-root .text-\[\#1d1d1f\]{--tw-text-opacity:1;color:rgba(29,29,31,var(--tw-text-opacity,1))}.magic-demo-root .text-\[\#1f1f1f\]{--tw-text-opacity:1;color:rgba(31,31,31,var(--tw-text-opacity,1))}.magic-demo-root .text-\[\#252830\]{--tw-text-opacity:1;color:rgba(37,40,48,var(--tw-text-opacity,1))}.magic-demo-root .text-\[\#474747\]{--tw-text-opacity:1;color:rgba(71,71,71,var(--tw-text-opacity,1))}.magic-demo-root .text-\[\#52c41a\]{--tw-text-opacity:1;color:rgba(82,196,26,var(--tw-text-opacity,1))}.magic-demo-root .text-\[\#585757\]{--tw-text-opacity:1;color:rgba(88,87,87,var(--tw-text-opacity,1))}.magic-demo-root .text-\[\#6b6b6b\]{--tw-text-opacity:1;color:rgba(107,107,107,var(--tw-text-opacity,1))}.magic-demo-root .text-\[\#6e6e73\]{--tw-text-opacity:1;color:rgba(110,110,115,var(--tw-text-opacity,1))}.magic-demo-root .text-\[\#8a8a8e\]{--tw-text-opacity:1;color:rgba(138,138,142,var(--tw-text-opacity,1))}.magic-demo-root .text-\[\#ff6a1f\]{--tw-text-opacity:1;color:rgba(255,106,31,var(--tw-text-opacity,1))}.magic-demo-root .text-\[rgba\(10\,10\,10\,0\.6\)\]{color:#0a0a0a99}.magic-demo-root .text-\[rgba\(10\,10\,10\,0\.8\)\]{color:#0a0a0acc}.magic-demo-root .text-background{--tw-text-opacity:1;color:rgb(var(--background-rgb) / calc(1 * var(--tw-text-opacity,1)))}.magic-demo-root .text-blue-500{--tw-text-opacity:1;color:rgba(59,130,246,var(--tw-text-opacity,1))}.magic-demo-root .text-blue-600{--tw-text-opacity:1;color:rgba(37,99,235,var(--tw-text-opacity,1))}.magic-demo-root .text-blue-700{--tw-text-opacity:1;color:rgba(29,78,216,var(--tw-text-opacity,1))}.magic-demo-root .text-destructive{--tw-text-opacity:1;color:rgb(var(--destructive-rgb) / calc(1 * var(--tw-text-opacity,1)))}.magic-demo-root .text-destructive-foreground{--tw-text-opacity:1;color:rgb(var(--destructive-foreground-rgb) / calc(1 * var(--tw-text-opacity,1)))}.magic-demo-root .text-foreground{--tw-text-opacity:1;color:rgb(var(--foreground-rgb) / calc(1 * var(--tw-text-opacity,1)))}.magic-demo-root .text-foreground\/35{color:rgb(var(--foreground-rgb) / calc(1 * .35))}.magic-demo-root .text-foreground\/80{color:rgb(var(--foreground-rgb) / calc(1 * .8))}.magic-demo-root .text-gray-600{--tw-text-opacity:1;color:rgba(75,85,99,var(--tw-text-opacity,1))}.magic-demo-root .text-gray-900{--tw-text-opacity:1;color:rgba(17,24,39,var(--tw-text-opacity,1))}.magic-demo-root .text-green-500{--tw-text-opacity:1;color:rgba(34,197,94,var(--tw-text-opacity,1))}.magic-demo-root .text-green-700{--tw-text-opacity:1;color:rgba(21,128,61,var(--tw-text-opacity,1))}.magic-demo-root .text-input{--tw-text-opacity:1;color:rgb(var(--input-rgb) / calc(var(--input-alpha) * var(--tw-text-opacity,1)))}.magic-demo-root .text-muted-foreground{--tw-text-opacity:1;color:rgb(var(--muted-foreground-rgb) / calc(1 * var(--tw-text-opacity,1)))}.magic-demo-root .text-muted-foreground\/50{color:rgb(var(--muted-foreground-rgb) / calc(1 * .5))}.magic-demo-root .text-muted-foreground\/\[0\.45\]{color:rgb(var(--muted-foreground-rgb) / calc(1 * .45))}.magic-demo-root .text-popover-foreground{--tw-text-opacity:1;color:rgb(var(--popover-foreground-rgb) / calc(1 * var(--tw-text-opacity,1)))}.magic-demo-root .text-primary{--tw-text-opacity:1;color:rgb(var(--primary-rgb) / calc(1 * var(--tw-text-opacity,1)))}.magic-demo-root .text-primary-foreground{--tw-text-opacity:1;color:rgb(var(--primary-foreground-rgb) / calc(1 * var(--tw-text-opacity,1)))}.magic-demo-root .text-secondary-foreground{--tw-text-opacity:1;color:rgb(var(--secondary-foreground-rgb) / calc(1 * var(--tw-text-opacity,1)))}.magic-demo-root .text-sidebar-accent-foreground{--tw-text-opacity:1;color:rgb(var(--sidebar-accent-foreground-rgb) / calc(1 * var(--tw-text-opacity,1)))}.magic-demo-root .text-sidebar-foreground{--tw-text-opacity:1;color:rgb(var(--sidebar-foreground-rgb) / calc(1 * var(--tw-text-opacity,1)))}.magic-demo-root .text-sidebar-foreground\/70{color:rgb(var(--sidebar-foreground-rgb) / calc(1 * .7))}.magic-demo-root .text-sidebar-foreground\/80{color:rgb(var(--sidebar-foreground-rgb) / calc(1 * .8))}.magic-demo-root .text-success{--tw-text-opacity:1;color:rgb(var(--success-rgb) / calc(1 * var(--tw-text-opacity,1)))}.magic-demo-root .text-transparent{color:#0000}.magic-demo-root .text-warning{--tw-text-opacity:1;color:rgb(var(--warning-rgb) / calc(1 * var(--tw-text-opacity,1)))}.magic-demo-root .text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity,1))}.magic-demo-root .text-white\/90{color:#ffffffe6}.magic-demo-root .underline-offset-2{text-underline-offset:2px}.magic-demo-root .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.magic-demo-root .caret-foreground{caret-color:rgb(var(--foreground-rgb) / calc(1 * 1))}.magic-demo-root .opacity-0{opacity:0}.magic-demo-root .opacity-100{opacity:1}.magic-demo-root .opacity-40{opacity:.4}.magic-demo-root .opacity-50{opacity:.5}.magic-demo-root .opacity-70{opacity:.7}.magic-demo-root .opacity-80{opacity:.8}.magic-demo-root .opacity-90{opacity:.9}.magic-demo-root .shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.magic-demo-root .shadow-\[0_12px_32px_rgba\(0\,0\,0\,0\.14\)\]{--tw-shadow:0 12px 32px #00000024;--tw-shadow-colored:0 12px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.magic-demo-root .shadow-\[0_16px_48px_rgba\(0\,0\,0\,0\.2\)\]{--tw-shadow:0 16px 48px #0003;--tw-shadow-colored:0 16px 48px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.magic-demo-root .shadow-\[0_16px_48px_rgba\(0\,0\,0\,0\.24\)\]{--tw-shadow:0 16px 48px #0000003d;--tw-shadow-colored:0 16px 48px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.magic-demo-root .shadow-\[0_1px_2px_\#17213b08\,0_3px_8px_\#17213b08\]{--tw-shadow:0 1px 2px #17213b08,0 3px 8px #17213b08;--tw-shadow-colored:0 1px 2px var(--tw-shadow-color), 0 3px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.magic-demo-root .shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.12\)\]{--tw-shadow:0 8px 24px #0000001f;--tw-shadow-colored:0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.magic-demo-root .shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.18\)\]{--tw-shadow:0 8px 24px #0000002e;--tw-shadow-colored:0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.magic-demo-root .shadow-\[0px_1px_3px_0px_rgba\(0\,0\,0\,0\.1\)\,0px_1px_2px_-1px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0px 1px 3px 0px #0000001a,0px 1px 2px -1px #0000001a;--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color), 0px 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.magic-demo-root .shadow-\[0px_4px_14px_0px_rgba\(255\,119\,0\,0\.1\)\,0px_0px_1px_0px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0px 4px 14px 0px #ff77001a,0px 0px 1px 0px #0000004d;--tw-shadow-colored:0px 4px 14px 0px var(--tw-shadow-color), 0px 0px 1px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.magic-demo-root .shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.magic-demo-root .shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.magic-demo-root .shadow-sm,.magic-demo-root .shadow-xs{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.magic-demo-root .shadow-black\/10{--tw-shadow-color:#0000001a;--tw-shadow:var(--tw-shadow-colored)}.magic-demo-root .outline-none{outline-offset:2px;outline:2px solid #0000}.magic-demo-root .outline{outline-style:solid}.magic-demo-root .outline-dashed{outline-style:dashed}.magic-demo-root .outline-2{outline-width:2px}.magic-demo-root .outline-offset-4{outline-offset:4px}.magic-demo-root .outline-info{outline-color:rgb(var(--info-rgb) / calc(1 * 1))}.magic-demo-root .ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.magic-demo-root .ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.magic-demo-root .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.magic-demo-root .ring-foreground{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--foreground-rgb) / calc(1 * var(--tw-ring-opacity,1)))}.magic-demo-root .ring-white\/50{--tw-ring-color:#ffffff80}.magic-demo-root .ring-white\/80{--tw-ring-color:#fffc}.magic-demo-root .blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.magic-demo-root .drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.magic-demo-root .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.magic-demo-root .backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.magic-demo-root .backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.magic-demo-root .transition{transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.magic-demo-root .transition-\[height\]{transition-property:height;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.magic-demo-root .transition-\[left\,background-color\]{transition-property:left,background-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.magic-demo-root .transition-\[left\,top\,opacity\]{transition-property:left,top,opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.magic-demo-root .transition-\[left\,top\,width\,height\]{transition-property:left,top,width,height;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.magic-demo-root .transition-\[left\]{transition-property:left;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.magic-demo-root .transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.magic-demo-root .transition-\[opacity\,visibility\]{transition-property:opacity,visibility;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.magic-demo-root .transition-\[transform\,opacity\]{transition-property:transform,opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.magic-demo-root .transition-\[width\]{transition-property:width;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.magic-demo-root .transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.magic-demo-root .transition-colors{transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.magic-demo-root .transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.magic-demo-root .transition-shadow{transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.magic-demo-root .transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.magic-demo-root .duration-150{transition-duration:.15s}.magic-demo-root .duration-200{transition-duration:.2s}.magic-demo-root .duration-300{transition-duration:.3s}.magic-demo-root .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.magic-demo-root .animate-in{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.magic-demo-root .fade-in{--tw-enter-opacity:0}.magic-demo-root .fade-out{--tw-exit-opacity:0}.magic-demo-root .zoom-in{--tw-enter-scale:0}.magic-demo-root .slide-in-from-right-2{--tw-enter-translate-x:.5rem}.magic-demo-root .slide-in-from-top-1{--tw-enter-translate-y:-.25rem}.magic-demo-root .duration-150{animation-duration:.15s}.magic-demo-root .duration-200{animation-duration:.2s}.magic-demo-root .duration-300{animation-duration:.3s}.magic-demo-root .ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.magic-demo-root .\!running{animation-play-state:running!important}.magic-demo-root .running{animation-play-state:running}.magic-demo-root .paused{animation-play-state:paused}.magic-demo-root .\[--canvas-dot\:rgba\(0\,0\,0\,0\.15\)\]{--canvas-dot:#00000026}.magic-demo-root .\[appearance\:textfield\]{-webkit-appearance:textfield;appearance:textfield}.magic-demo-root .placeholder\:text-muted-foreground::placeholder{--tw-text-opacity:1;color:rgb(var(--muted-foreground-rgb) / calc(1 * var(--tw-text-opacity,1)))}.magic-demo-root .before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.magic-demo-root .before\:absolute:before{content:var(--tw-content);position:absolute}.magic-demo-root .before\:inset-0:before{content:var(--tw-content);top:0;bottom:0;left:0;right:0}.magic-demo-root .before\:z-0:before{content:var(--tw-content);z-index:0}.magic-demo-root .before\:mx-\[3px\]:before{content:var(--tw-content);margin-left:3px;margin-right:3px}.magic-demo-root .before\:h-4:before{content:var(--tw-content);height:1rem}.magic-demo-root .before\:w-px:before{content:var(--tw-content);width:1px}.magic-demo-root .before\:shrink-0:before{content:var(--tw-content);flex-shrink:0}.magic-demo-root .before\:bg-\[\#e8ebf0\]:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgba(232,235,240,var(--tw-bg-opacity,1))}.magic-demo-root .before\:bg-sidebar:before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(var(--sidebar-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.magic-demo-root .after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.magic-demo-root .after\:absolute:after{content:var(--tw-content);position:absolute}.magic-demo-root .after\:inset-x-0:after{content:var(--tw-content);left:0;right:0}.magic-demo-root .after\:bottom-0:after{content:var(--tw-content);bottom:0}.magic-demo-root .after\:left-\[11px\]:after{content:var(--tw-content);left:11px}.magic-demo-root .after\:top-0:after{content:var(--tw-content);top:0}.magic-demo-root .after\:top-full:after{content:var(--tw-content);top:100%}.magic-demo-root .after\:z-0:after{content:var(--tw-content);z-index:0}.magic-demo-root .after\:z-\[-1\]:after{content:var(--tw-content);z-index:-1}.magic-demo-root .after\:h-0\.5:after{content:var(--tw-content);height:.125rem}.magic-demo-root .after\:h-4:after{content:var(--tw-content);height:1rem}.magic-demo-root .after\:h-full:after{content:var(--tw-content);height:100%}.magic-demo-root .after\:w-px:after{content:var(--tw-content);width:1px}.magic-demo-root .after\:rounded-t:after{content:var(--tw-content);border-top-left-radius:.25rem;border-top-right-radius:.25rem}.magic-demo-root .after\:border-l:after{content:var(--tw-content);border-left-width:1px}.magic-demo-root .after\:border-dashed:after{content:var(--tw-content);border-style:dashed}.magic-demo-root .after\:border-border:after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(var(--border-rgb) / calc(var(--border-alpha) * var(--tw-border-opacity,1)))}.magic-demo-root .after\:bg-foreground:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(var(--foreground-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .after\:bg-transparent:after{content:var(--tw-content);background-color:#0000}.magic-demo-root .after\:bg-gradient-to-b:after{content:var(--tw-content);background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.magic-demo-root .after\:from-sidebar:after{content:var(--tw-content);--tw-gradient-from:rgb(var(--sidebar-rgb) / calc(1 * 1)) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--sidebar-rgb) / calc(1 * 0)) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.magic-demo-root .after\:to-transparent:after{content:var(--tw-content);--tw-gradient-to:transparent var(--tw-gradient-to-position)}.magic-demo-root .after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.magic-demo-root .last\:border-b-0:last-child{border-bottom-width:0}.magic-demo-root .focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.magic-demo-root .focus-within\:ring-ring:focus-within{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--ring-rgb) / calc(1 * var(--tw-ring-opacity,1)))}.magic-demo-root .hover\:border-ring:hover{--tw-border-opacity:1;border-color:rgb(var(--ring-rgb) / calc(1 * var(--tw-border-opacity,1)))}.magic-demo-root .hover\:bg-accent:hover{--tw-bg-opacity:1;background-color:rgb(var(--accent-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .hover\:bg-fill:hover{--tw-bg-opacity:1;background-color:rgb(var(--fill-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .hover\:bg-white\/15:hover{background-color:#ffffff26}.magic-demo-root .hover\:text-accent-foreground:hover{--tw-text-opacity:1;color:rgb(var(--accent-foreground-rgb) / calc(1 * var(--tw-text-opacity,1)))}.magic-demo-root .hover\:text-foreground:hover{--tw-text-opacity:1;color:rgb(var(--foreground-rgb) / calc(1 * var(--tw-text-opacity,1)))}.magic-demo-root .hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.magic-demo-root .hover\:opacity-90:hover{opacity:.9}.magic-demo-root .hover\:shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.08\)\]:hover{--tw-shadow:0 8px 24px #00000014;--tw-shadow-colored:0 8px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.magic-demo-root .focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.magic-demo-root .focus\:ring-ring:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--ring-rgb) / calc(1 * var(--tw-ring-opacity,1)))}.magic-demo-root .focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.magic-demo-root .focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.magic-demo-root .focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:rgb(var(--destructive-rgb) / calc(1 * .4))}.magic-demo-root .focus-visible\:ring-ring:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--ring-rgb) / calc(1 * var(--tw-ring-opacity,1)))}.magic-demo-root .focus-visible\:ring-white\/60:focus-visible{--tw-ring-color:#fff9}.magic-demo-root .active\:opacity-80:active{opacity:.8}.magic-demo-root .disabled\:cursor-default:disabled{cursor:default}.magic-demo-root .disabled\:opacity-40:disabled{opacity:.4}.magic-demo-root .disabled\:opacity-50:disabled{opacity:.5}.magic-demo-root .disabled\:opacity-60:disabled{opacity:.6}.magic-demo-root .disabled\:hover\:bg-background:hover:disabled{--tw-bg-opacity:1;background-color:rgb(var(--background-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .disabled\:hover\:bg-transparent:hover:disabled{background-color:#0000}.magic-demo-root .disabled\:hover\:text-muted-foreground:hover:disabled{--tw-text-opacity:1;color:rgb(var(--muted-foreground-rgb) / calc(1 * var(--tw-text-opacity,1)))}.magic-demo-root :is(.group:hover .group-hover\:h-1\.5){height:.375rem}.magic-demo-root :is(.group:hover .group-hover\:translate-x-0\.5){--tw-translate-x:.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root :is(.group:hover .group-hover\:scale-105){--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root :is(.group:hover .group-hover\:scale-\[1\.03\]){--tw-scale-x:1.03;--tw-scale-y:1.03;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root :is(.group:hover .group-hover\:bg-black\/45){background-color:#00000073}.magic-demo-root :is(.group:hover .group-hover\:opacity-100){opacity:1}.magic-demo-root :is(.group:focus-visible .group-focus-visible\:ring-4){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.magic-demo-root :is(.group:focus-visible .group-focus-visible\:ring-white\/60){--tw-ring-color:#fff9}.magic-demo-root :is(.group:active .group-active\:scale-95){--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.magic-demo-root .demo-dark\:block:is(.magic-demo-root .dark *){display:block}.magic-demo-root .demo-dark\:hidden:is(.magic-demo-root .dark *){display:none}.magic-demo-root .demo-dark\:border-\[\#303030\]:is(.magic-demo-root .dark *){--tw-border-opacity:1;border-color:rgba(48,48,48,var(--tw-border-opacity,1))}.magic-demo-root .demo-dark\:border-\[\#4b515b\]\/55:is(.magic-demo-root .dark *){border-color:#4b515b8c}.magic-demo-root .demo-dark\:border-border:is(.magic-demo-root .dark *){--tw-border-opacity:1;border-color:rgb(var(--border-rgb) / calc(var(--border-alpha) * var(--tw-border-opacity,1)))}.magic-demo-root .demo-dark\:border-input:is(.magic-demo-root .dark *){--tw-border-opacity:1;border-color:rgb(var(--input-rgb) / calc(var(--input-alpha) * var(--tw-border-opacity,1)))}.magic-demo-root .demo-dark\:\!bg-card:is(.magic-demo-root .dark *){--tw-bg-opacity:1!important;background-color:rgb(var(--card-rgb) / calc(1 * var(--tw-bg-opacity,1)))!important}.magic-demo-root .demo-dark\:bg-\[\#1C2027\]:is(.magic-demo-root .dark *){--tw-bg-opacity:1;background-color:rgba(28,32,39,var(--tw-bg-opacity,1))}.magic-demo-root .demo-dark\:bg-\[\#262626\]:is(.magic-demo-root .dark *){--tw-bg-opacity:1;background-color:rgba(38,38,38,var(--tw-bg-opacity,1))}.magic-demo-root .demo-dark\:bg-\[\#292c33\]:is(.magic-demo-root .dark *){--tw-bg-opacity:1;background-color:rgba(41,44,51,var(--tw-bg-opacity,1))}.magic-demo-root .demo-dark\:bg-\[\#2b2b2b\]:is(.magic-demo-root .dark *){--tw-bg-opacity:1;background-color:rgba(43,43,43,var(--tw-bg-opacity,1))}.magic-demo-root .demo-dark\:bg-\[\#49aa19\]:is(.magic-demo-root .dark *){--tw-bg-opacity:1;background-color:rgba(73,170,25,var(--tw-bg-opacity,1))}.magic-demo-root .demo-dark\:bg-\[\#d89614\]:is(.magic-demo-root .dark *){--tw-bg-opacity:1;background-color:rgba(216,150,20,var(--tw-bg-opacity,1))}.magic-demo-root .demo-dark\:bg-\[\#dc4446\]:is(.magic-demo-root .dark *){--tw-bg-opacity:1;background-color:rgba(220,68,70,var(--tw-bg-opacity,1))}.magic-demo-root .demo-dark\:bg-\[rgba\(255\,255\,255\,0\.04\)\]:is(.magic-demo-root .dark *){background-color:#ffffff0a}.magic-demo-root .demo-dark\:bg-accent:is(.magic-demo-root .dark *){--tw-bg-opacity:1;background-color:rgb(var(--accent-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .demo-dark\:bg-background:is(.magic-demo-root .dark *){--tw-bg-opacity:1;background-color:rgb(var(--background-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .demo-dark\:bg-black:is(.magic-demo-root .dark *){--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity,1))}.magic-demo-root .demo-dark\:bg-black\/40:is(.magic-demo-root .dark *){background-color:#0006}.magic-demo-root .demo-dark\:bg-blue-500\/10:is(.magic-demo-root .dark *){background-color:#3b82f61a}.magic-demo-root .demo-dark\:bg-border:is(.magic-demo-root .dark *){--tw-bg-opacity:1;background-color:rgb(var(--border-rgb) / calc(var(--border-alpha) * var(--tw-bg-opacity,1)))}.magic-demo-root .demo-dark\:bg-card:is(.magic-demo-root .dark *){--tw-bg-opacity:1;background-color:rgb(var(--card-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .demo-dark\:bg-input\/30:is(.magic-demo-root .dark *){background-color:rgb(var(--input-rgb) / calc(var(--input-alpha) * .3))}.magic-demo-root .demo-dark\:bg-neutral-700:is(.magic-demo-root .dark *){--tw-bg-opacity:1;background-color:rgba(64,64,64,var(--tw-bg-opacity,1))}.magic-demo-root .demo-dark\:bg-neutral-800:is(.magic-demo-root .dark *){--tw-bg-opacity:1;background-color:rgba(38,38,38,var(--tw-bg-opacity,1))}.magic-demo-root .demo-dark\:bg-primary:is(.magic-demo-root .dark *){--tw-bg-opacity:1;background-color:rgb(var(--primary-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .demo-dark\:bg-sidebar:is(.magic-demo-root .dark *){--tw-bg-opacity:1;background-color:rgb(var(--sidebar-rgb) / calc(1 * var(--tw-bg-opacity,1)))}.magic-demo-root .demo-dark\:bg-white\/10:is(.magic-demo-root .dark *){background-color:#ffffff1a}.magic-demo-root .demo-dark\:bg-white\/5:is(.magic-demo-root .dark *){background-color:#ffffff0d}.magic-demo-root .demo-dark\:bg-\[linear-gradient\(90deg\,rgba\(59\,130\,246\,0\.2\)_0\%\,rgba\(96\,165\,250\,0\.8\)_17\.79\%\,rgba\(59\,130\,246\,0\.4\)_50\%\,rgba\(96\,165\,250\,0\.8\)_82\.21\%\,rgba\(59\,130\,246\,0\.2\)_100\%\)\]:is(.magic-demo-root .dark *){background-image:linear-gradient(90deg,#3b82f633 0%,#60a5facc 17.79%,#3b82f666 50%,#60a5facc 82.21%,#3b82f633 100%)}.magic-demo-root .demo-dark\:from-card:is(.magic-demo-root .dark *){--tw-gradient-from:rgb(var(--card-rgb) / calc(1 * 1)) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--card-rgb) / calc(1 * 0)) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.magic-demo-root .demo-dark\:stroke-\[\#525252\]:is(.magic-demo-root .dark *){stroke:#525252}.magic-demo-root .demo-dark\:\!text-blue-400:is(.magic-demo-root .dark *){--tw-text-opacity:1!important;color:rgba(96,165,250,var(--tw-text-opacity,1))!important}.magic-demo-root .demo-dark\:text-\[\#49aa19\]:is(.magic-demo-root .dark *){--tw-text-opacity:1;color:rgba(73,170,25,var(--tw-text-opacity,1))}.magic-demo-root .demo-dark\:text-\[\#525252\]:is(.magic-demo-root .dark *){--tw-text-opacity:1;color:rgba(82,82,82,var(--tw-text-opacity,1))}.magic-demo-root .demo-dark\:text-\[\#e5e5e5\]:is(.magic-demo-root .dark *){--tw-text-opacity:1;color:rgba(229,229,229,var(--tw-text-opacity,1))}.magic-demo-root .demo-dark\:text-\[\#eef0f4\]:is(.magic-demo-root .dark *){--tw-text-opacity:1;color:rgba(238,240,244,var(--tw-text-opacity,1))}.magic-demo-root .demo-dark\:text-\[\#f5f5f5\]:is(.magic-demo-root .dark *){--tw-text-opacity:1;color:rgba(245,245,245,var(--tw-text-opacity,1))}.magic-demo-root .demo-dark\:text-\[\#fafafa\]:is(.magic-demo-root .dark *){--tw-text-opacity:1;color:rgba(250,250,250,var(--tw-text-opacity,1))}.magic-demo-root .demo-dark\:text-\[rgb\(245\,245\,245\)\]:is(.magic-demo-root .dark *){--tw-text-opacity:1;color:rgba(245,245,245,var(--tw-text-opacity,1))}.magic-demo-root .demo-dark\:text-\[rgba\(250\,250\,250\,0\.8\)\]:is(.magic-demo-root .dark *){color:#fafafacc}.magic-demo-root .demo-dark\:text-blue-300:is(.magic-demo-root .dark *){--tw-text-opacity:1;color:rgba(147,197,253,var(--tw-text-opacity,1))}.magic-demo-root .demo-dark\:text-blue-400:is(.magic-demo-root .dark *){--tw-text-opacity:1;color:rgba(96,165,250,var(--tw-text-opacity,1))}.magic-demo-root .demo-dark\:text-foreground:is(.magic-demo-root .dark *){--tw-text-opacity:1;color:rgb(var(--foreground-rgb) / calc(1 * var(--tw-text-opacity,1)))}.magic-demo-root .demo-dark\:text-green-400:is(.magic-demo-root .dark *){--tw-text-opacity:1;color:rgba(74,222,128,var(--tw-text-opacity,1))}.magic-demo-root .demo-dark\:text-neutral-100:is(.magic-demo-root .dark *){--tw-text-opacity:1;color:rgba(245,245,245,var(--tw-text-opacity,1))}.magic-demo-root .demo-dark\:text-neutral-400:is(.magic-demo-root .dark *){--tw-text-opacity:1;color:rgba(163,163,163,var(--tw-text-opacity,1))}.magic-demo-root .demo-dark\:text-primary-foreground:is(.magic-demo-root .dark *){--tw-text-opacity:1;color:rgb(var(--primary-foreground-rgb) / calc(1 * var(--tw-text-opacity,1)))}.magic-demo-root .demo-dark\:shadow-\[0_1px_2px_\#00000020\,0_3px_8px_\#00000015\]:is(.magic-demo-root .dark *){--tw-shadow:0 1px 2px #00000020,0 3px 8px #00000015;--tw-shadow-colored:0 1px 2px var(--tw-shadow-color), 0 3px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.magic-demo-root .demo-dark\:shadow-\[0px_1px_3px_0px_rgba\(0\,0\,0\,0\.4\)\,0px_1px_2px_-1px_rgba\(0\,0\,0\,0\.3\)\]:is(.magic-demo-root .dark *){--tw-shadow:0px 1px 3px 0px #0006,0px 1px 2px -1px #0000004d;--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color), 0px 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.magic-demo-root .demo-dark\:shadow-\[0px_4px_14px_0px_rgba\(255\,119\,0\,0\.2\)\,0px_0px_1px_0px_rgba\(255\,255\,255\,0\.1\)\]:is(.magic-demo-root .dark *){--tw-shadow:0px 4px 14px 0px #f703,0px 0px 1px 0px #ffffff1a;--tw-shadow-colored:0px 4px 14px 0px var(--tw-shadow-color), 0px 0px 1px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.magic-demo-root .demo-dark\:\[--canvas-dot\:rgba\(255\,255\,255\,0\.15\)\]:is(.magic-demo-root .dark *){--canvas-dot:#ffffff26}.magic-demo-root .demo-dark\:before\:bg-\[\#424650\]:is(.magic-demo-root .dark *):before{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgba(66,70,80,var(--tw-bg-opacity,1))}@media (prefers-reduced-motion:reduce){.magic-demo-root .motion-reduce\:transition-none{transition-property:none}}@media not all and (min-width:640px){.magic-demo-root .max-sm\:max-h-\[50vh\]{max-height:50vh}}@media (min-width:1024px){.magic-demo-root .lg\:aspect-auto{aspect-ratio:auto}.magic-demo-root .lg\:min-h-0{min-height:0}.magic-demo-root .lg\:w-\[340px\]{width:340px}.magic-demo-root .lg\:min-w-0{min-width:0}.magic-demo-root .lg\:flex-1{flex:1}.magic-demo-root .lg\:shrink{flex-shrink:1}.magic-demo-root .lg\:flex-row{flex-direction:row}.magic-demo-root .lg\:overflow-hidden{overflow:hidden}.magic-demo-root .lg\:border-l{border-left-width:1px}.magic-demo-root .lg\:border-t-0{border-top-width:0}}.magic-demo-root .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.magic-demo-root .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}.magic-demo-root :is(.\[\&\>\*\]\:relative>*){position:relative}.magic-demo-root :is(.\[\&\>\*\]\:z-\[1\]>*){z-index:1}.magic-demo-root :is(.\[\&\>div\]\:h-full>div){height:100%}.magic-demo-root :is(.\[\&\>div\]\:w-full>div){width:100%}.magic-demo-root :is(.\[\&_svg\]\:pointer-events-none svg){pointer-events:none}.magic-demo-root :is(.\[\&_svg\]\:size-3 svg){width:.75rem;height:.75rem}.magic-demo-root :is(.\[\&_svg\]\:shrink-0 svg){flex-shrink:0}.magic-demo-root :is(.\[\&_svg\]\:stroke-\[1\.7\] svg){stroke-width:1.7px}
@font-face{font-family:Poppins;font-style:normal;font-weight:300;font-display:swap;src:url(../media/poppins-latin-300-normal.1p4ocyl7vz09e.woff2)format("woff2")}.magic-demo-root{--radius:.625rem;--radius-xs:.125rem;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-4xl:calc(var(--radius) * 2.6);--background-rgb:255 255 255;--foreground-rgb:10 10 10;--card-rgb:255 255 255;--card-foreground-rgb:10 10 10;--popover-rgb:255 255 255;--popover-foreground-rgb:10 10 10;--primary-rgb:23 23 23;--primary-foreground-rgb:250 250 250;--secondary-rgb:245 245 245;--secondary-foreground-rgb:23 23 23;--muted-rgb:245 245 245;--muted-foreground-rgb:115 115 115;--info-rgb:59 130 246;--info-foreground-rgb:255 255 255;--warning-rgb:242 126 0;--warning-foreground-rgb:34 34 34;--success-rgb:0 160 91;--success-foreground-rgb:255 255 255;--icon-workspace-rgb:0 185 149;--icon-project-rgb:255 156 71;--icon-topic-rgb:0 166 222;--icon-chat-rgb:159 136 255;--icon-recording-rgb:244 81 79;--accent-rgb:245 245 245;--accent-foreground-rgb:23 23 23;--destructive-rgb:228 0 22;--destructive-foreground-rgb:250 250 250;--border-rgb:229 229 229;--border-alpha:1;--input-rgb:229 229 229;--input-alpha:1;--ring-rgb:161 161 161;--fill-rgb:245 245 245;--fill-secondary-rgb:229 229 229;--fill-secondary-alpha:1;--sidebar-rgb:250 250 250;--sidebar-foreground-rgb:10 10 10;--sidebar-primary-rgb:23 23 23;--sidebar-primary-foreground-rgb:250 250 250;--sidebar-accent-rgb:245 245 245;--sidebar-accent-foreground-rgb:23 23 23;--sidebar-border-rgb:229 229 229;--sidebar-border-alpha:1;--sidebar-ring-rgb:161 161 161;--custom-primary-10-dark-primary-20:#2563eb1a;--custom-destructive-60:#ef44441a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.magic-demo-root .dark{--background-rgb:10 10 10;--foreground-rgb:250 250 250;--card-rgb:23 23 23;--card-foreground-rgb:250 250 250;--popover-rgb:23 23 23;--popover-foreground-rgb:250 250 250;--primary-rgb:229 229 229;--primary-foreground-rgb:23 23 23;--secondary-rgb:38 38 38;--secondary-foreground-rgb:250 250 250;--muted-rgb:38 38 38;--muted-foreground-rgb:161 161 161;--info-rgb:59 130 246;--info-foreground-rgb:11 11 11;--warning-rgb:244 175 56;--warning-foreground-rgb:11 11 11;--success-rgb:87 188 128;--success-foreground-rgb:11 11 11;--icon-workspace-rgb:0 189 152;--icon-project-rgb:255 176 110;--icon-topic-rgb:70 177 227;--icon-chat-rgb:170 153 255;--icon-recording-rgb:255 113 107;--accent-rgb:38 38 38;--accent-foreground-rgb:250 250 250;--destructive-rgb:255 101 104;--border-rgb:255 255 255;--border-alpha:.1;--input-rgb:255 255 255;--input-alpha:.15;--ring-rgb:115 115 115;--fill-rgb:38 38 38;--fill-secondary-rgb:255 255 255;--fill-secondary-alpha:.1;--sidebar-rgb:23 23 23;--sidebar-foreground-rgb:250 250 250;--sidebar-primary-rgb:20 71 230;--sidebar-primary-foreground-rgb:250 250 250;--sidebar-accent-rgb:38 38 38;--sidebar-accent-foreground-rgb:250 250 250;--sidebar-border-rgb:255 255 255;--sidebar-border-alpha:.1;--sidebar-ring-rgb:115 115 115;--custom-primary-10-dark-primary-20:#2563eb33;--custom-destructive-60:#ef444433;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:rgb(var(--foreground-rgb))}.magic-demo-root,.magic-demo-root .dark{--background:rgb(var(--background-rgb));--foreground:rgb(var(--foreground-rgb));--card:rgb(var(--card-rgb));--card-foreground:rgb(var(--card-foreground-rgb));--popover:rgb(var(--popover-rgb));--popover-foreground:rgb(var(--popover-foreground-rgb));--primary:rgb(var(--primary-rgb));--primary-foreground:rgb(var(--primary-foreground-rgb));--secondary:rgb(var(--secondary-rgb));--secondary-foreground:rgb(var(--secondary-foreground-rgb));--muted:rgb(var(--muted-rgb));--muted-foreground:rgb(var(--muted-foreground-rgb));--accent:rgb(var(--accent-rgb));--accent-foreground:rgb(var(--accent-foreground-rgb));--destructive:rgb(var(--destructive-rgb));--destructive-foreground:rgb(var(--destructive-foreground-rgb));--border:rgb(var(--border-rgb) / var(--border-alpha));--input:rgb(var(--input-rgb) / var(--input-alpha));--ring:rgb(var(--ring-rgb));--fill:rgb(var(--fill-rgb));--fill-secondary:rgb(var(--fill-secondary-rgb) / var(--fill-secondary-alpha));--sidebar:rgb(var(--sidebar-rgb));--sidebar-foreground:rgb(var(--sidebar-foreground-rgb));--sidebar-primary:rgb(var(--sidebar-primary-rgb));--sidebar-primary-foreground:rgb(var(--sidebar-primary-foreground-rgb));--sidebar-accent:rgb(var(--sidebar-accent-rgb));--sidebar-accent-foreground:rgb(var(--sidebar-accent-foreground-rgb));--sidebar-border:rgb(var(--sidebar-border-rgb) / var(--sidebar-border-alpha));--sidebar-ring:rgb(var(--sidebar-ring-rgb))}.magic-demo-root,.magic-demo-root *,.magic-demo-root :before,.magic-demo-root :after{box-sizing:border-box;border-color:rgb(var(--border-rgb) / var(--border-alpha))}.magic-demo-root{background:rgb(var(--sidebar-rgb));width:100%;height:100%;color:rgb(var(--foreground-rgb));letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI Variable Display,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;position:relative;overflow:hidden}.magic-demo-root :-webkit-any(code,kbd,samp,pre){font-family:SF Mono,Menlo,Monaco,Consolas,monospace}.magic-demo-root :is(code,kbd,samp,pre){font-family:SF Mono,Menlo,Monaco,Consolas,monospace}.magic-demo-root.demo-embed{background:0 0}.magic-demo-root.demo-player{background:#000}@keyframes demo-enter{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.demo-enter{animation:.52s cubic-bezier(.16,1,.3,1) both demo-enter}@keyframes demo-fade-in{0%{opacity:0}to{opacity:1}}.demo-fade-in{animation:.32s ease-out both demo-fade-in}.canvas-viewport-move{transition:transform .9s cubic-bezier(.65,0,.35,1)}@property --canvas-border-angle{syntax:"<angle>";inherits:false;initial-value:128deg}@keyframes canvas-border-spin{to{--canvas-border-angle:488deg}}.canvas-generating-border{border-style:solid;-o-border-image:linear-gradient(var(--canvas-border-angle), #3f8fff 5.59%, #ef2fdf 95.08%) 1;border-image:linear-gradient(var(--canvas-border-angle), #3f8fff 5.59%, #ef2fdf 95.08%) 1;animation:20s linear infinite canvas-border-spin}@media (prefers-reduced-motion:reduce){.canvas-viewport-move{transition-duration:.2s}.canvas-generating-border{animation:none}}@keyframes demo-slide-right{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}.demo-slide-right{animation:.36s ease-out both demo-slide-right}@keyframes skeleton-loading{0%{background-position:100% 0}to{background-position:-100% 0}}.shimmer-text{color:#0000;background-image:linear-gradient(90deg,#b5b5b5 35%,#060607 50%,#b5b5b5 65%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.2s linear infinite skeleton-loading}.magic-demo-root .dark .shimmer-text{background-image:linear-gradient(90deg,#b5b5b5b3 35%,#fffffff2 50%,#b5b5b5b3 65%)}@keyframes flow-text{0%{background-position:100% 0}to{background-position:-100% 0}}.flow-text{color:#0000;background-image:linear-gradient(90deg,#eef3fd,#315cec 17.79%,#d3dffb 50%,#315cec 82.21%,#eef3fd);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite flow-text}.animate-spin-slow{animation:1.5s linear infinite spin}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.caret{vertical-align:-.15em;background:currentColor;width:1.5px;height:1.1em;margin-left:1px;animation:1s step-end infinite caret-blink;display:inline-block}.magic-demo-root .no-scrollbar{scrollbar-width:none}.magic-demo-root .no-scrollbar::-webkit-scrollbar{display:none}.msg-md{width:100%;color:rgb(var(--sidebar-foreground-rgb));word-break:break-word;font-size:14px;line-height:1.6}.msg-md p{white-space:pre-wrap;margin:0}.msg-md p+p{margin-top:4px}.msg-md>ul,.msg-md>ol{margin:4px 0;padding:0 0 0 1.5em;list-style-position:outside}.msg-md ul{list-style-type:disc}.msg-md ol{list-style-type:decimal}.msg-md li{vertical-align:top;margin:0;padding:0 0 0 4px;line-height:1.6em}.msg-md li ul,.msg-md li ol{margin:.5em 0;padding-left:1.5em}.msg-md strong,.msg-md b{font-weight:700}.msg-md h1,.msg-md h2,.msg-md h3,.msg-md h4{margin:10px 0;font-weight:600;line-height:1.25}.msg-md h1{padding-bottom:6px;font-size:2em}.msg-md h2{padding-bottom:6px;font-size:1.5em}.msg-md h3{font-size:1.25em}.msg-md h4{font-size:1rem}.msg-md>:first-child{margin-top:0}.msg-md blockquote{border-left:4px solid rgb(var(--border-rgb) / var(--border-alpha));color:rgb(var(--muted-foreground-rgb));margin:0;padding-left:1rem}.msg-md a{color:rgb(var(--primary-rgb));text-decoration:none}.msg-md code{background:rgb(var(--muted-rgb));border-radius:8px;padding:2px 6px;font-size:85%}.msg-md table{border-collapse:collapse;border-spacing:0;width:100%;margin-top:0;display:block;overflow:auto}.msg-md tr{border-top:1px solid rgb(var(--border-rgb) / var(--border-alpha));background:rgb(var(--background-rgb))}.msg-md tr:nth-child(2n){background:rgb(var(--muted-rgb) / .4)}.msg-md th,.msg-md td{border:1px solid rgb(var(--border-rgb) / var(--border-alpha));padding:6px 12px}.msg-md th{text-align:left}.write-md{width:100%;color:rgb(var(--muted-foreground-rgb));word-break:break-word;font-size:12px;line-height:20px}.write-md p{white-space:pre-wrap;margin:0}.write-md p+p{margin-top:2px}.write-md h1,.write-md h2,.write-md h3{font-weight:600;line-height:1.25}.write-md h1{margin:6px 0;font-size:1rem}.write-md h2{margin:6px 0;font-size:.875rem}.write-md h3{margin:4px 0;font-size:.75rem}.write-md ul,.write-md ol{white-space:normal;margin:0;padding:0 0 0 1rem;list-style-position:outside}.write-md ul{list-style-type:disc}.write-md ol{list-style-type:decimal}.write-md li{vertical-align:top;margin:0;padding:0 0 0 2px;line-height:20px}.write-md strong{font-weight:600}.write-md blockquote{border-left:2px solid rgb(var(--border-rgb) / var(--border-alpha));background:rgb(var(--muted-rgb) / .3);border-radius:0 8px 8px 0;margin:4px 0;padding:4px 8px;display:inline-table}.write-md table{border-collapse:collapse;white-space:normal;margin:4px 0;font-size:12px;overflow:auto}.write-md thead{background:rgb(var(--muted-rgb))}.write-md th,.write-md td{border:1px solid rgb(var(--border-rgb) / var(--border-alpha));padding:4px 8px}.write-md th{text-align:left;font-weight:600}.write-md tbody tr:nth-child(2n){background:rgb(var(--muted-rgb) / .5)}.write-md pre{white-space:pre-wrap;word-break:break-all;background:0 0;margin:0;padding:.5rem;font-family:Consolas,Monaco,Courier New,monospace;font-size:90%;line-height:1.5}.doc-md{color:#1c1d23;padding:1.5rem 4rem 30vh;font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:1.5}.doc-md p{white-space:pre-wrap;margin:0 0 1em;line-height:1.5}.doc-md>:first-child{margin-top:0}.doc-md>:last-child{margin-bottom:0}.doc-md h1,.doc-md h2,.doc-md h3,.doc-md h4{color:inherit;margin:1.5em 0 1rem;font-weight:600;line-height:1.25}.doc-md h1{padding-bottom:.3em;font-size:2em}.doc-md h2{padding-bottom:.3em;font-size:1.5em}.doc-md h3{font-size:1.25em}.doc-md h4{font-size:1em}.doc-md strong{font-weight:600}.doc-md ul,.doc-md ol{white-space:normal;margin:0 0 1em;padding-left:2em}.doc-md ul{list-style:outside}.doc-md ol{list-style:decimal}.doc-md li{margin-top:.25em;line-height:1.5}.doc-md li p{margin:0}.doc-md blockquote{color:#24272ec7;border-left:.25em solid #2f323733;margin:1em 0;padding:0 1em}.doc-md blockquote p{margin:0}.doc-md code{background:#0f16240d;border-radius:6px;padding:.2em .4em;font-size:.85em}.doc-md a{color:#315cec;text-decoration:none}.doc-md table{border-collapse:collapse;white-space:normal;min-width:100%;margin:1em 0}.doc-md th,.doc-md td{vertical-align:top;text-align:left;border:1px solid #2f323733;min-width:100px;padding:6px 13px;line-height:1.5}.doc-md th{background:#f9f9f9;font-weight:600}.magic-demo-root .dark .doc-md{color:#f9f9f9}.magic-demo-root .dark .doc-md blockquote{color:#f7f7fda3;border-left-color:#efeff538}.magic-demo-root .dark .doc-md code{background:#e7e7f312}.magic-demo-root .dark .doc-md a{color:#587df0}.magic-demo-root .dark .doc-md th,.magic-demo-root .dark .doc-md td{border-color:#efeff538}.magic-demo-root .dark .doc-md th{background:#e8e8fd0d}.magic-demo-root[data-reduced-motion=true] *,.magic-demo-root[data-reduced-motion=true] :before,.magic-demo-root[data-reduced-motion=true] :after{transition-duration:0s!important;animation:none!important}.magic-demo-root .lucide,.magic-demo-root .tabler-icon{stroke-width:1.5px}.demo-caret{vertical-align:text-bottom;background:rgb(var(--foreground-rgb));width:1px;height:1.2em;margin-right:-1px;animation:1s step-end infinite caret-blink;display:inline-block}.magic-demo-root[data-reduced-motion=true] .demo-caret{animation:none}.magic-demo-root .demo-stage,.magic-demo-root .demo-stage *{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;touch-action:none;scrollbar-width:none}.magic-demo-root .demo-stage ::-webkit-scrollbar{width:0;height:0;display:none}.magic-demo-root::-webkit-scrollbar{width:0;height:0;display:none}.magic-demo-root .demo-stage .demo-interactive,.magic-demo-root .demo-stage .demo-interactive *{pointer-events:auto;cursor:pointer}@media (hover:hover){.settings-focus .settings-section{transition:opacity .2s}.settings-focus:hover .settings-section:not(:hover):not([data-editing]){opacity:.4}}@media (prefers-reduced-motion:reduce){.settings-focus .settings-section{transition:none}}