@property --un-inset-ring-color{syntax:"*";inherits:false}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-shadow-color{syntax:"*";inherits:false}@property --un-ring-color{syntax:"*";inherits:false}@property --un-ring-inset{syntax:"*";inherits:false}@property --un-ring-offset-color{syntax:"*";inherits:false}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-scale-x{syntax:"*";inherits:false;initial-value:1}@property --un-scale-y{syntax:"*";inherits:false;initial-value:1}@property --un-scale-z{syntax:"*";inherits:false;initial-value:1}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow-color{syntax:"*";inherits:false}@property --un-translate-x{syntax:"*";inherits:false;initial-value:0}@property --un-translate-y{syntax:"*";inherits:false;initial-value:0}@property --un-translate-z{syntax:"*";inherits:false;initial-value:0}.ui-btn--primary{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);border-radius:var(--radius-xl);cursor:pointer;white-space:nowrap;transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);transition-property:all;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));--un-duration:.3s;--amount-l:.04;--amount-c:.03;--amount-h:30;--color-to:oklch(from var(--current-color) calc(L + var(--amount-l)) calc(C + var(--amount-c)) calc(H + var(--amount-h)));--shadow-color:oklch(from var(--current-color) L C H / .2);background:var(--current-color);color:var(--current-color-contrast);justify-content:center;align-items:center;transition-duration:.3s;display:inline-flex;position:relative}.ui-btn--primary:not(.ui-btn--disabled){box-shadow:0 10px 15px -3px var(--shadow-color), 0 4px 6px -4px var(--shadow-color);background-image:linear-gradient(135deg in oklch, var(--current-color), var(--color-to))}.ui-btn--primary.ui-btn--disabled{cursor:not-allowed;background:oklch(from var(--current-color) L 0 H/.2);color:#fff3}.ui-btn--primary.ui-btn--xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));margin-block:calc(var(--spacing) * 1);padding-inline:calc(var(--spacing) * 3);border-radius:var(--radius-md);gap:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 6)}.ui-btn--primary.ui-btn--xs>div>.ui-icon:first-child{margin-left:calc(var(--spacing) * -1)}.ui-btn--primary.ui-btn--xs>div>.ui-icon:last-child{margin-right:calc(var(--spacing) * -1)}.ui-btn--primary.ui-btn--sm{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));margin-block:calc(var(--spacing) * .5);padding-inline:calc(var(--spacing) * 4);border-radius:var(--radius-lg);gap:calc(var(--spacing) * 1);height:calc(var(--spacing) * 7)}.ui-btn--primary.ui-btn--sm>div>.ui-icon:first-child{margin-left:calc(var(--spacing) * -2)}.ui-btn--primary.ui-btn--sm>div>.ui-icon:last-child{margin-right:calc(var(--spacing) * -2)}.ui-btn--primary.ui-btn--md{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));padding-inline:calc(var(--spacing) * 4);border-radius:var(--radius-lg);gap:calc(var(--spacing) * 1);height:calc(var(--spacing) * 8)}.ui-btn--primary.ui-btn--md>div>.ui-icon:first-child{margin-left:calc(var(--spacing) * -2)}.ui-btn--primary.ui-btn--md>div>.ui-icon:last-child{margin-right:calc(var(--spacing) * -2)}.ui-btn--primary.ui-btn--lg{padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 4);border-radius:var(--radius-lg);gap:calc(var(--spacing) * 1);height:calc(var(--spacing) * 9)}.ui-btn--primary.ui-btn--lg>div>.ui-icon:first-child{margin-left:calc(var(--spacing) * -2)}.ui-btn--primary.ui-btn--lg>div>.ui-icon:last-child{margin-right:calc(var(--spacing) * -2)}.ui-btn--primary.ui-btn--xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading,var(--text-xl-lineHeight));padding-inline:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 7);gap:calc(var(--spacing) * 2);height:calc(var(--spacing) * 9)}.ui-btn--primary.ui-btn--xl>div>.ui-icon:first-child{margin-left:calc(var(--spacing) * -2)}.ui-btn--primary.ui-btn--xl>div>.ui-icon:last-child{margin-right:calc(var(--spacing) * -2)}.ui-btn--primary:not(.ui-btn--disabled,.ui-btn--loading):hover{--shadow-color:oklch(from var(--current-color) L C H / .4);--un-translate-y:calc(var(--spacing) * -.5);translate:var(--un-translate-x) var(--un-translate-y)}.ui-btn--primary:not(.ui-btn--disabled,.ui-btn--loading):active{--shadow-color:oklch(from var(--current-color) L C H / .6);--un-shadow:0 0 var(--un-shadow-color,#0000);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-translate-y:calc(var(--spacing) * .5);translate:var(--un-translate-x) var(--un-translate-y);--un-scale-x:98%;--un-scale-y:98%;scale:var(--un-scale-x) var(--un-scale-y);--un-duration:.1s;filter:brightness(.75);transition-duration:.1s}