:root,:host{--radius:var(--radius)}.glass-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);filter:brightness();background:linear-gradient(168.7deg,#1d1d1d 0%,#212121 100%);border-radius:16px;padding:12px 24px;transition:filter .2s;position:relative;overflow:hidden}.glass-button:after{content:"";pointer-events:none;z-index:0;border-radius:16px;position:absolute;inset:0;box-shadow:inset 0 4px 4px #8b8b8b40}.glass-button:before{content:"";-webkit-mask-composite:xor;pointer-events:none;z-index:1;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(168.7deg,#ffffff1a 0%,#9999991a 100%);border-radius:16px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-button:hover{filter:brightness(1.2)}.glass-button:active{filter:brightness(1.35)}.glass-button-success{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);filter:brightness();color:#3ce173;background:linear-gradient(168.7deg,#1b2d1b 0%,#213d21 100%);border-radius:16px;padding:12px 24px;transition:filter .2s;position:relative;overflow:hidden}.glass-button-success:after{content:"";pointer-events:none;z-index:0;border-radius:16px;position:absolute;inset:0;box-shadow:inset 0 4px 4px #6bff8b26}.glass-button-success:before{content:"";-webkit-mask-composite:xor;pointer-events:none;z-index:1;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(168.7deg,#6bff8b14 0%,#6bff8b0d 100%);border-radius:16px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-button-success:hover{filter:brightness(1.15)}.glass-button-success:active{filter:brightness(1.3)}.glass-button-destructive{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);filter:brightness();color:#db3434;background:linear-gradient(168.7deg,#2d1b1b 0%,#3d2121 100%);border-radius:16px;padding:12px 24px;transition:filter .2s;position:relative;overflow:hidden}.glass-button-destructive:after{content:"";pointer-events:none;z-index:0;border-radius:16px;position:absolute;inset:0;box-shadow:inset 0 4px 4px #ff6b6b26}.glass-button-destructive:before{content:"";-webkit-mask-composite:xor;pointer-events:none;z-index:1;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(168.7deg,#ff6b6b14 0%,#ff6b6b0d 100%);border-radius:16px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-button-destructive:hover{filter:brightness(1.15)}.glass-button-destructive:active{filter:brightness(1.3)}.gradient-button{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:0;background:linear-gradient(168deg,#5335ff 0%,#322099 100%);border-radius:16px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:filter .3s,transform .3s;display:inline-flex;position:relative;overflow:hidden}.gradient-button:before{content:"";-webkit-mask-composite:xor;pointer-events:none;z-index:1;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(90deg,#ffffff1f,#9999991f);border-radius:16px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gradient-button:after{content:"";pointer-events:none;z-index:2;border-radius:16px;position:absolute;inset:0;box-shadow:inset 0 -6px 16.8px #7159ffb3}.gradient-button:hover{filter:brightness(1.1)}.gradient-button:active{filter:brightness(.85)}.outline-button{color:inherit;background:#2c2c2c66;border-radius:16px;height:auto;padding:.5rem 1rem;font-weight:500;transition:filter .2s,transform .2s;position:relative}.outline-button:before{content:"";-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#ffffff1a,#9999991a);border-radius:16px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.outline-button:hover{filter:brightness(1.15)}.outline-button:active{filter:brightness(.85)}.input-style{color:inherit;appearance:none;background:linear-gradient(168deg,#1d1d1d66 0%,#25252566 100%);border:none;border-radius:16px;outline:none;width:100%;height:40px;padding:.5rem .75rem;font-size:1rem;position:relative;box-shadow:0 0 0 1px #ffffff1a,0 0 0 2px #9999991a}.input-style:before{content:none}.input-style:focus{background:linear-gradient(168deg,#2a2a2a66 0%,#32323266 100%);outline:none;box-shadow:0 0 0 1px #c8c8c84d,0 0 0 2px #9999991a}.input-invisible{color:inherit;box-shadow:none!important;background:0 0!important;border:none!important}.card-style{background-image:linear-gradient(168deg,hsl(var(--card-gradient-from)/.4),hsl(var(--card-gradient-to)/.4));border-radius:12px;position:relative;overflow:hidden}.card-style:before{content:"";background:linear-gradient(90deg,hsl(var(--button-gradient-from)/.1),hsl(var(--button-gradient-to)/.1));-webkit-mask-composite:xor;pointer-events:none;z-index:1;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;border-radius:12px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.switch{transition:filter .2s;background-color:#78788029!important}.switch:hover{filter:brightness(1.25)}.switch-thumb{background-color:#fff!important}.switch[data-state=checked]{content:"";background-image:linear-gradient(90deg,hsl(var(--button-gradient-from))0%,hsl(var(--button-gradient-to))100%)!important;background-color:#0000!important;background-position:50%!important;background-size:150% 100%!important}.gradient-switch{background:linear-gradient(#1d1d1d40,#25252540);border-radius:20px;width:100%;padding:6px 4px;transition:all .2s;display:flex;position:relative}.gradient-switch:hover{filter:brightness(1.1)}.gradient-switch-item:focus-visible{ring:2px;ring-color:hsl(var(--ring));ring-offset:2px;ring-offset-background:hsl(var(--background));outline:none}.gradient-switch-handle{z-index:1;background:#00ae29;border-radius:20rem;width:calc(50% - 12px);height:calc(2rem + 6px);transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:6px;left:4px;box-shadow:0 2px 8px #00ae294d}.gradient-switch-handle-sell{background:red;transform:translate(calc(100% + 14px));box-shadow:0 2px 8px #ff00004d}.gradient-switch-item{cursor:pointer;z-index:2;color:#999;background:0 0;border:none;border-radius:20rem;flex:1;justify-content:center;align-items:center;height:calc(2rem + 6px);font-size:.875rem;font-weight:500;display:flex;position:relative}.gradient-switch-item-active{color:#fff}.gradient-switch-item:hover:not(.gradient-switch-item-active){color:#fff;position:relative}.gradient-switch-item:hover:not(.gradient-switch-item-active):before{content:"";z-index:-1;background:#ffffff0d;border-radius:20rem;position:absolute;inset:0}.gradient-switch-item:not(.gradient-switch-item-active){transition:all .3s cubic-bezier(.4,0,.2,1)}.gradient-switch-item-active{transition:color .3s cubic-bezier(.4,0,.2,1)}.dropdown{background-color:#111;border-radius:16px;position:relative;overflow:hidden}.dropdown:before{content:"";pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(#ffffff1a,#9999991a);border-radius:16px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dropdown-item{color:hsl(var(--muted-foreground));border-radius:16px;transition:background-color .2s,color .2s}.popup-style{border:1px solid hsl(var(--button-gradient-to)/.1);box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0000;background-image:linear-gradient(168deg,hsl(var(--card-gradient-from)/.4),hsl(var(--card-gradient-to)/.4));z-index:0;border-radius:12px;position:relative;overflow:hidden}.popup-style:before{content:none}.dropdown-item:hover{background-color:hsl(var(--accent)/.1);color:#fff}.dropdown-item[data-state=checked]{color:hsl(var(--primary));background-color:red}