.btn{padding:1px;border-radius:8px;-webkit-user-select:none;user-select:none}.btn--info{--un-gradient-from:color-mix(in oklab, #11B5DE var(--un-from-opacity), transparent);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, #11B5DE var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--un-gradient-stops))}.btn--success{--un-gradient-from:color-mix(in oklab, #A4FFC3 var(--un-from-opacity), transparent);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, #FFFFFF var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--un-gradient-stops))}.btn--warning{--un-gradient-from:color-mix(in oklab, #FFD678 var(--un-from-opacity), transparent);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, #FFD678 var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--un-gradient-stops))}.btn--danger{--un-gradient-from:color-mix(in oklab, #FF7878 var(--un-from-opacity), transparent);--un-to-opacity:0%;--un-gradient-to:color-mix(in oklab, #FF7878 var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--un-gradient-stops))}.btn--gray{--un-gradient-from:color-mix(in oklab, #828282 var(--un-from-opacity), transparent);--un-to-opacity:50%;--un-gradient-to:color-mix(in oklab, #828282 var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--un-gradient-stops))}.btn:not(.btn--disabled){cursor:pointer}.btn:not(.btn--disabled):hover{opacity:80%}.btn--disabled{opacity:50%;cursor:not-allowed}.btn--disabled:hover{opacity:50%}.btn__inner{border-radius:7px;display:flex;width:100%;height:100%;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:.2s;transition-duration:.2s;--un-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);align-items:center;justify-content:center}@property --un-ease{syntax:"*";inherits:false;}.btn__inner--info{background-color:color-mix(in oklab,#1E9FBE var(--un-bg-opacity),transparent)}.group:hover .btn__inner--info{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-color:color-mix(in oklab, #11B5DE var(--un-ring-opacity), transparent) ;--un-ring-offset-width:0px;--un-ring-offset-shadow:var(--un-ring-inset,) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color)}.btn__inner--success{background-color:color-mix(in oklab,#28CE60 var(--un-bg-opacity),transparent)}.group:hover .btn__inner--success{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-color:color-mix(in oklab, #A4FFC3 var(--un-ring-opacity), transparent) ;--un-ring-offset-width:0px;--un-ring-offset-shadow:var(--un-ring-inset,) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color)}.btn__inner--warning{background-color:color-mix(in oklab,#FEB301 var(--un-bg-opacity),transparent)}.group:hover .btn__inner--warning{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-color:color-mix(in oklab, #FFD678 var(--un-ring-opacity), transparent) ;--un-ring-offset-width:0px;--un-ring-offset-shadow:var(--un-ring-inset,) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color)}.btn__inner--danger{background-color:color-mix(in oklab,#D62D2D var(--un-bg-opacity),transparent)}.group:hover .btn__inner--danger{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-color:color-mix(in oklab, #FF7878 var(--un-ring-opacity), transparent) ;--un-ring-offset-width:0px;--un-ring-offset-shadow:var(--un-ring-inset,) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color)}.btn__inner--gray{background-color:color-mix(in oklab,#4A4A4A var(--un-bg-opacity),transparent);--un-gradient-from:color-mix(in oklab, #828282 var(--un-from-opacity), transparent);--un-to-opacity:10%;--un-gradient-to:color-mix(in oklab, #4A4A4A var(--un-to-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));--un-gradient-position: in oklab;background-image:radial-gradient(var(--un-gradient-stops));background-position:top}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}.group:hover .btn__inner--gray{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-color:color-mix(in oklab, #828282 var(--un-ring-opacity), transparent) ;--un-ring-offset-width:0px;--un-ring-offset-shadow:var(--un-ring-inset,) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color)}@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:0px;}@property --un-ring-offset-color{syntax:"*";inherits:false;}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-ring-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-from-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-gradient-position{syntax:"*";inherits:false;syntax:"*";inherits:false;}@property --un-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000;syntax:"<color>";inherits:false;initial-value:#0000;}@property --un-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000;syntax:"<color>";inherits:false;initial-value:#0000;}@property --un-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000;syntax:"<color>";inherits:false;initial-value:#0000;}@property --un-gradient-stops{syntax:"*";inherits:false;syntax:"*";inherits:false;}@property --un-gradient-via-stops{syntax:"*";inherits:false;syntax:"*";inherits:false;}@property --un-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%;syntax:"<length-percentage>";inherits:false;initial-value:0%;}@property --un-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%;syntax:"<length-percentage>";inherits:false;initial-value:50%;}@property --un-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;syntax:"<length-percentage>";inherits:false;initial-value:100%;}@property --un-to-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
