button[data-v-a7e7687e]{padding:calc(var(--spacing) * 2);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--radius-lg);background-color:color-mix(in srgb, var(--colors-light-400) var(--un-bg-opacity), transparent) ;border-width:1px;border-color:color-mix(in srgb, var(--colors-dark-DEFAULT) 20%, transparent) ;--un-shadow:0 10px 15px -3px var(--un-shadow-color,#0000001a),0 4px 6px -4px var(--un-shadow-color,#0000001a);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-shadow-color:color-mix(in srgb, var(--colors-dark-DEFAULT) 3%, transparent) ;will-change:transform;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));--un-duration:.1s;transition-duration:.1s}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){button[data-v-a7e7687e]{background-color:color-mix(in oklab, var(--colors-light-400) var(--un-bg-opacity), transparent) }}.dark button[data-v-a7e7687e]{background-color:color-mix(in srgb, var(--colors-dark-800) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.dark button[data-v-a7e7687e]{background-color:color-mix(in oklab, var(--colors-dark-800) var(--un-bg-opacity), transparent) }}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){button[data-v-a7e7687e]{border-color:color-mix(in oklab, var(--colors-dark-DEFAULT) 20%, transparent) }}.dark button[data-v-a7e7687e]{border-color:color-mix(in srgb, var(--colors-light-DEFAULT) 20%, transparent) }@supports (color:color-mix(in lab, red, red)){.dark button[data-v-a7e7687e]{border-color:color-mix(in oklab, var(--colors-light-DEFAULT) 20%, transparent) }}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow-color{syntax:"*";inherits:false}@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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-inset-ring-color{syntax:"*";inherits:false}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-ring-inset{syntax:"*";inherits:false}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --un-ring-offset-color{syntax:"*";inherits:false}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --un-shadow-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@supports (color:color-mix(in lab, red, red)){button[data-v-a7e7687e]{--un-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--colors-dark-DEFAULT) 3%, transparent) var(--un-shadow-opacity), transparent) }}.dark button[data-v-a7e7687e]{--un-shadow-color:color-mix(in srgb, var(--colors-light-DEFAULT) 3%, transparent) }@supports (color:color-mix(in lab, red, red)){.dark button[data-v-a7e7687e]{--un-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--colors-light-DEFAULT) 3%, transparent) var(--un-shadow-opacity), transparent) }}button.small[data-v-a7e7687e]{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));padding:calc(var(--spacing) * 1.5)}button.tiny[data-v-a7e7687e]{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));padding:calc(var(--spacing) * 1);border-radius:var(--radius-md)}button[data-v-a7e7687e]:hover{background-color:color-mix(in srgb, var(--colors-light-700) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){button[data-v-a7e7687e]:hover{background-color:color-mix(in oklab, var(--colors-light-700) var(--un-bg-opacity), transparent) }}.dark button[data-v-a7e7687e]:hover{background-color:color-mix(in srgb, var(--colors-dark-200) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.dark button[data-v-a7e7687e]:hover{background-color:color-mix(in oklab, var(--colors-dark-200) var(--un-bg-opacity), transparent) }}button[data-v-a7e7687e]:active{--un-scale-x:90%;--un-scale-y:90%;scale:var(--un-scale-x) var(--un-scale-y)}@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}button[data-v-a7e7687e]:disabled{background-color:color-mix(in srgb, var(--colors-light-400) var(--un-bg-opacity), transparent) ;opacity:.5;cursor:not-allowed;pointer-events:none;--un-scale-x:100%;--un-scale-y:100%;scale:var(--un-scale-x) var(--un-scale-y)}@supports (color:color-mix(in lab, red, red)){button[data-v-a7e7687e]:disabled{background-color:color-mix(in oklab, var(--colors-light-400) var(--un-bg-opacity), transparent) }}.dark button[data-v-a7e7687e]:disabled{background-color:color-mix(in srgb, var(--colors-dark-800) var(--un-bg-opacity), transparent) }@supports (color:color-mix(in lab, red, red)){.dark button[data-v-a7e7687e]:disabled{background-color:color-mix(in oklab, var(--colors-dark-800) var(--un-bg-opacity), transparent) }}