@property --gradient1{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --gradient2{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --gradient3{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --gradient4{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}@property --bg-color{syntax:"<color>";initial-value:rgba(0,0,0,0);inherits:false}.ButtonV2{--border-width:1px;--bg-color:$hoc-white;background:linear-gradient(var(--bg-color),var(--bg-color)) padding-box,linear-gradient(160deg,var(--gradient1) -6.07%,var(--gradient2) 22.89%,var(--gradient3) 63.99%,var(--gradient4) 100%) border-box;border:var(--border-width) solid rgba(0,0,0,0);padding-block:.5rem;padding-inline:.75rem;transition:--bg-color .2s,--gradient1 .2s,--gradient2 .2s,--gradient3 .2s,--gradient4 .2s;outline:none;cursor:pointer}.ButtonV2,.ButtonV2 *{flex-shrink:0}.ButtonV2:focus-visible{outline:1px solid oklch(.92 0 0);outline-offset:1px}.ButtonV2.rounding-none{border-radius:0}.ButtonV2.rounding-small{border-radius:4px}.ButtonV2.rounding-normal{border-radius:8px}.ButtonV2.rounding-large{border-radius:12px}.ButtonV2.rounding-full{border-radius:9999px}.ButtonV2.default{--gradient1:transparent;--gradient2:transparent;--gradient3:transparent;--gradient4:transparent}.ButtonV2.default:hover{--bg-color:oklch(0.98 0 0);--gradient1:oklch(0.98 0 0);--gradient2:oklch(0.98 0 0);--gradient3:oklch(0.98 0 0);--gradient4:oklch(0.98 0 0)}.ButtonV2.default:disabled:not([data-loading=true]){color:oklch(.85 0 0)}.ButtonV2.default[data-loading=true],.ButtonV2.default[data-loading=true]:hover{--bg-color:oklch(1 0 0)}.ButtonV2.ghost{--gradient1:transparent;--gradient2:transparent;--gradient3:transparent;--gradient4:transparent;--bg-color:transparent}.ButtonV2.ghost:hover{--bg-color:oklch(0.98 0 0);--gradient1:oklch(0.98 0 0);--gradient2:oklch(0.98 0 0);--gradient3:oklch(0.98 0 0);--gradient4:oklch(0.98 0 0)}.ButtonV2.ghost:disabled:not([data-loading=true]){color:oklch(.85 0 0)}.ButtonV2.ghost[data-loading=true],.ButtonV2.ghost[data-loading=true]:hover,.ButtonV2.outline{--bg-color:oklch(1 0 0)}.ButtonV2.outline{--gradient1:oklch(0.77 0 0);--gradient2:oklch(0.77 0 0);--gradient3:oklch(0.77 0 0);--gradient4:oklch(0.77 0 0)}.ButtonV2.outline:hover{--bg-color:oklch(0.98 0 0)}.ButtonV2.outline:disabled:not([data-loading=true]){--bg-color:oklch(1 0 0);--gradient1:oklch(0.92 0 0);--gradient2:oklch(0.92 0 0);--gradient3:oklch(0.92 0 0);--gradient4:oklch(0.92 0 0);color:oklch(.85 0 0)}.ButtonV2.outline:disabled:not([data-loading=true]):hover,.ButtonV2.outline[data-loading=true]:hover{--bg-color:oklch(1 0 0)}.ButtonV2.primary{--bg-color:oklch(0.25 0 0);--gradient1:oklch(0.25 0 0);--gradient2:oklch(0.25 0 0);--gradient3:oklch(0.25 0 0);--gradient4:oklch(0.25 0 0);color:oklch(1 0 231.14);font-weight:800;font-size:1rem;line-height:1rem;letter-spacing:-.03rem}.ButtonV2.primary [data-type=container]{justify-content:center}.ButtonV2.primary:hover{--bg-color:oklch(0.32 0 0);--gradient1:oklch(0.32 0 0);--gradient2:oklch(0.32 0 0);--gradient3:oklch(0.32 0 0);--gradient4:oklch(0.32 0 0)}.ButtonV2.primary:disabled:not([data-loading=true]){--bg-color:oklch(0.51 0 0);--gradient1:oklch(0.42 0 0);--gradient2:oklch(0.42 0 0);--gradient3:oklch(0.42 0 0);--gradient4:oklch(0.42 0 0);color:oklch(.92 0 0)}.ButtonV2.primary:disabled:not([data-loading=true]):hover{--bg-color:oklch(0.51 0 0)}.ButtonV2.primary[data-loading=true]:hover{--bg-color:oklch(0 0 0)}.ButtonV2.primary-gradient{--bg-color:oklch(0.2478 0 0);--gradient1:oklch(0.2478 0 0);--gradient2:oklch(0.2478 0 0);--gradient3:oklch(0.2478 0 0);--gradient4:oklch(0.2478 0 0);font-weight:800;font-size:1rem;line-height:1rem;letter-spacing:-.03rem}.ButtonV2.primary-gradient span{background:linear-gradient(90deg,#b16cea,#ff5e69,#ff8a56,#ffa84b);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.ButtonV2.primary-gradient [data-type=container]{justify-content:center}.ButtonV2.primary-gradient:hover{--bg-color:oklch(0.15 0 0);--gradient1:oklch(0.15 0 0);--gradient2:oklch(0.15 0 0);--gradient3:oklch(0.15 0 0);--gradient4:oklch(0.15 0 0)}.ButtonV2.primary-v2{--bg-color:#1E40AF;--gradient1:#1E40AF;--gradient2:#1E40AF;--gradient3:#1E40AF;--gradient4:#1E40AF;color:oklch(1 0 231.14)}.ButtonV2.primary-v2:hover{--bg-color:rgb(34.4634146341,73.5219512195,201.0365853659)}.ButtonV2.primary-v2:disabled:not([data-loading=true]){--bg-color:oklch(0.51 0 0);--gradient1:oklch(0.42 0 0);--gradient2:oklch(0.42 0 0);--gradient3:oklch(0.42 0 0);--gradient4:oklch(0.42 0 0);color:oklch(.92 0 0)}.ButtonV2.primary-v2:disabled:not([data-loading=true]):hover{--bg-color:oklch(0.51 0 0)}.ButtonV2.secondary{color:oklch(1 0 231.14);--green:oklch(0.62 0.17 149.18);--bg-color:var(--green);--gradient1:var(--green);--gradient2:var(--green);--gradient3:var(--green);--gradient4:var(--green)}.ButtonV2.secondary:hover{--green:oklch(0.69 0.19 148.95)}.ButtonV2.soft-warning{--bg-color:oklch(0.98 0.02 73.68);--gradient1:oklch(0.9 0.07 70.7);--gradient2:oklch(0.9 0.07 70.7);--gradient3:oklch(0.9 0.07 70.7);--gradient4:oklch(0.9 0.07 70.7);color:oklch(.7 .19 47.6)}#EF4444 .ButtonV2.soft-warning:hover{--bg-color:oklch(1 0 231.14)}.ButtonV2.soft-info{--bg-color:oklch(0.96 0.02 272.31);--gradient1:oklch(0.87 0.06 274.04);--gradient2:oklch(0.87 0.06 274.04);--gradient3:oklch(0.87 0.06 274.04);--gradient4:oklch(0.87 0.06 274.04);color:oklch(.59 .2 277.12)}.ButtonV2.soft-info:hover{--bg-color:oklch(1 0 231.14)}.ButtonV2.soft-danger{--bg-color:oklch(0.97 0.01 17.38);--gradient1:oklch(0.88 0.06 18.33);--gradient2:oklch(0.88 0.06 18.33);--gradient3:oklch(0.88 0.06 18.33);--gradient4:oklch(0.88 0.06 18.33);color:oklch(.64 .21 25.33)}.ButtonV2.soft-danger:hover{--bg-color:oklch(1 0 231.14)}.ButtonV2.soft-success{--bg-color:oklch(0.98 0.02 166.11);--gradient1:oklch(0.9 0.09 164.15);--gradient2:oklch(0.9 0.09 164.15);--gradient3:oklch(0.9 0.09 164.15);--gradient4:oklch(0.9 0.09 164.15);color:oklch(.7 .15 162.48)}.ButtonV2.soft-success:hover{--bg-color:oklch(1 0 231.14)}.ButtonV2.soft-danger:disabled:not([data-loading=true]),.ButtonV2.soft-info:disabled:not([data-loading=true]),.ButtonV2.soft-success:disabled:not([data-loading=true]),.ButtonV2.soft-warning:disabled:not([data-loading=true]){--bg-color:oklch(0.99 0 0);--gradient1:oklch(0.96 0 0);--gradient2:oklch(0.96 0 0);--gradient3:oklch(0.96 0 0);--gradient4:oklch(0.96 0 0);color:oklch(.92 0 0)}.ButtonV2.soft-danger:disabled:not([data-loading=true]):hover,.ButtonV2.soft-info:disabled:not([data-loading=true]):hover,.ButtonV2.soft-success:disabled:not([data-loading=true]):hover,.ButtonV2.soft-warning:disabled:not([data-loading=true]):hover{--bg-color:oklch(0.98 0 0)}.ButtonV2.danger{--bg-color:oklch(0.63 0.21 25.75);--gradient1:oklch(0.63 0.21 25.75);--gradient2:oklch(0.63 0.21 25.75);--gradient3:oklch(0.63 0.21 25.75);--gradient4:oklch(0.63 0.21 25.75);color:oklch(1 0 231.14)}.ButtonV2.danger:hover{--bg-color:oklch(0.59 0.23 28.54);--gradient1:oklch(0.59 0.23 28.54);--gradient2:oklch(0.59 0.23 28.54);--gradient3:oklch(0.59 0.23 28.54);--gradient4:oklch(0.59 0.23 28.54)}.ButtonV2.danger:disabled:not([data-loading=true]){--bg-color:oklch(0.59 0 0);--gradient1:oklch(0.5 0 0);--gradient2:oklch(0.5 0 0);--gradient3:oklch(0.5 0 0);--gradient4:oklch(0.5 0 0);color:oklch(.92 0 0)}.ButtonV2.danger:disabled:not([data-loading=true]):hover{--bg-color:oklch(0.59 0 0)}.ButtonV2.danger[data-loading=true]:hover{--bg-color:oklch(0.63 0.21 25.75)}.ButtonV2.flat-green{--bg-color:oklch(0.73 0.21 147.82);--gradient1:oklch(0.73 0.21 147.82);--gradient2:oklch(0.73 0.21 147.82);--gradient3:oklch(0.73 0.21 147.82);--gradient4:oklch(0.73 0.21 147.82);color:oklch(1 0 231.14)}.ButtonV2.flat-green:hover{--bg-color:oklch(0.8 0.22 148.97)}.ButtonV2.flat-green:disabled{--bg-color:oklch(0.74 0 0);--gradient1:oklch(0.74 0 0);--gradient2:oklch(0.74 0 0);--gradient3:oklch(0.74 0 0);--gradient4:oklch(0.74 0 0)}.ButtonV2.flat-red{--bg-color:oklch(0.64 0.24 25.44);--gradient1:oklch(0.64 0.24 25.44);--gradient2:oklch(0.64 0.24 25.44);--gradient3:oklch(0.64 0.24 25.44);--gradient4:oklch(0.64 0.24 25.44);color:oklch(1 0 231.14)}.ButtonV2.flat-red:hover{--bg-color:oklch(0.68 0.21 22.27)}.ButtonV2.flat-red:disabled{--bg-color:oklch(0.74 0 0);--gradient1:oklch(0.74 0 0);--gradient2:oklch(0.74 0 0);--gradient3:oklch(0.74 0 0);--gradient4:oklch(0.74 0 0)}.ButtonV2.flat-black{--bg-color:oklch(0 0 0);--gradient1:oklch(0 0 0);--gradient2:oklch(0 0 0);--gradient3:oklch(0 0 0);--gradient4:oklch(0 0 0);color:oklch(1 0 231.14)}.ButtonV2.flat-black:hover{--bg-color:oklch(0.38 0 0)}.ButtonV2.flat-outline{--bg-color:oklch(1 0 231.14);--gradient1:oklch(0 0 0);--gradient2:oklch(0 0 0);--gradient3:oklch(0 0 0);--gradient4:oklch(0 0 0);color:oklch(0 0 0)}.ButtonV2.flat-outline:hover{--bg-color:oklch(0.97 0 0)}.ButtonV2.flat-black:disabled,.ButtonV2.flat-disabled,.ButtonV2.flat-outline:disabled{--bg-color:oklch(0.74 0 0);--gradient1:oklch(0.74 0 0);--gradient2:oklch(0.74 0 0);--gradient3:oklch(0.74 0 0);--gradient4:oklch(0.74 0 0)}.ButtonV2.flat-disabled{color:oklch(1 0 231.14)}.ButtonV2.flat-disabled:hover{--bg-color:oklch(0.78 0 0)}.ButtonV2.border-gradient,.ButtonV2.border-gradient-hover:hover,.ButtonV2.border-gradient-hover:hover:hover,.ButtonV2.border-gradient:hover{--gradient1:oklch(0.66 0.19 307.28);--gradient2:oklch(0.7 0.2 19.86);--gradient3:oklch(0.75 0.16 43.7);--gradient4:oklch(0.8 0.15 64.42)}.ButtonV2.border-warning{--bc:oklch(0.76 0.16 55.91);--gradient1:var(--bc);--gradient2:var(--bc);--gradient3:var(--bc);--gradient4:var(--bc)}.ButtonV2.border-info{--bc:oklch(0.51 0.23 276.94);--gradient1:var(--bc);--gradient2:var(--bc);--gradient3:var(--bc);--gradient4:var(--bc)}.ButtonV2.border-success{--bc:oklch(0.7 0.15 162.46);--gradient1:var(--bc);--gradient2:var(--bc);--gradient3:var(--bc);--gradient4:var(--bc)}.ButtonV2.border-danger{--bc:oklch(0.71 0.17 22.21);--gradient1:var(--bc);--gradient2:var(--bc);--gradient3:var(--bc);--gradient4:var(--bc)}.ButtonV2.border-light{--bc:oklch(0.96 0 0);--gradient1:var(--bc);--gradient2:var(--bc);--gradient3:var(--bc);--gradient4:var(--bc)}.ButtonV2.only-icon{padding:.5rem}.ButtonV2.fat-border{--border-width:2px}.ButtonV2:disabled{cursor:not-allowed}.ButtonV2[data-loading=true]{cursor:wait}.ButtonV2 [data-type=container]{display:flex;flex-flow:row nowrap;align-items:center;gap:.5rem}.ButtonV2 [data-type=container] [data-type=loading]{height:1rem;width:1rem;flex-shrink:0;color:currentColor}