.ui-icon{object-fit:contain;fill:currentColor;width:1.5em;height:1.5em;display:block}@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-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{--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;justify-content:center;align-items:center;transition-duration:.3s;display:inline-flex;position:relative}.ui-btn:not(.ui-btn--disabled).ui-btn--default{background:var(--current-color);color:oklch(from var(--current-color-contrast) L C H/80%)}.ui-btn:not(.ui-btn--disabled).ui-btn--text{color:oklch(from var(--current-color) L C H/80%);background:0 0}.ui-btn.ui-btn--disabled{cursor:not-allowed;background:oklch(from var(--current-color) L 0 H/20%);color:#fff3}.ui-btn:focus-visible{outline:2px solid var(--current-color);outline-offset:2px}.ui-btn.ui-btn--rounded{border-radius:3.40282e38px!important}.ui-btn.ui-btn--icon{aspect-ratio:1;padding-inline:calc(var(--spacing) * 0)!important}.ui-btn.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.ui-btn--xs>div>.ui-icon:first-child{margin-left:calc(var(--spacing) * -1)}.ui-btn.ui-btn--xs>div>.ui-icon:last-child{margin-right:calc(var(--spacing) * -1)}.ui-btn.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.ui-btn--sm>div>.ui-icon:first-child{margin-left:calc(var(--spacing) * -2)}.ui-btn.ui-btn--sm>div>.ui-icon:last-child{margin-right:calc(var(--spacing) * -2)}.ui-btn.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.ui-btn--md>div>.ui-icon:first-child{margin-left:calc(var(--spacing) * -2)}.ui-btn.ui-btn--md>div>.ui-icon:last-child{margin-right:calc(var(--spacing) * -2)}.ui-btn.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.ui-btn--lg>div>.ui-icon:first-child{margin-left:calc(var(--spacing) * -2)}.ui-btn.ui-btn--lg>div>.ui-icon:last-child{margin-right:calc(var(--spacing) * -2)}.ui-btn.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.ui-btn--xl>div>.ui-icon:first-child{margin-left:calc(var(--spacing) * -2)}.ui-btn.ui-btn--xl>div>.ui-icon:last-child{margin-right:calc(var(--spacing) * -2)}.ui-btn:not(.ui-btn--disabled,.ui-btn--loading):hover.ui-btn--default{color:var(--current-color-contrast)}.ui-btn:not(.ui-btn--disabled,.ui-btn--loading):hover.ui-btn--text{background:oklch(from var(--current-color) L C H/7%);color:var(--current-color)}.ui-btn:not(.ui-btn--disabled,.ui-btn--loading):active{--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;background:oklch(from var(--current-color) calc(L * .8) C H);transition-duration:.1s}
