.ufg{--default-animation-duration:.2s;--default-animation-function:cubic-bezier(.4, 0, .2, 1);--button-height:unset;--button-min-width:unset;--button-col-gap:unset;--button-padding:unset;--button-border-radius:4px;--button-color:unset;--button-background:unset;--icon-size:unset;--button-loader-size:unset;--button-loader-border:unset;min-width:var(--button-min-width);height:var(--button-height);min-height:var(--button-height);padding:var(--button-padding);color:var(--button-color);cursor:pointer;user-select:none;background-color:var(--button-background);border-radius:var(--button-border-radius);transition:background-color var(--default-animation-duration) var(--default-animation-function), color var(--default-animation-duration) var(--default-animation-function);position:relative}.ufg .ufh{column-gap:var(--button-col-gap);justify-content:center;align-items:center;height:100%;display:flex;overflow:visible}.ufg .ufh .ufi{width:var(--icon-size);min-width:var(--icon-size);height:var(--icon-size);min-height:var(--icon-size)}.ufg .ufh .ufj{text-overflow:ellipsis;white-space:nowrap;display:inline-block;overflow:hidden}.ufg .ufh .ufk{background-color:var(--button-background);border-radius:var(--button-border-radius);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.ufg .ufh .ufk svg{--loader-size:var(--button-loader-size)!important;--loader-border:var(--button-loader-border)!important;--loader-color:var(--button-color)!important}.ufg.ufl .ufh .ufi,.ufg.ufl .ufh .ufj{visibility:hidden}.ufg,.ufg *{box-sizing:border-box}.ufg:disabled{pointer-events:none;cursor:not-allowed}.ufg:disabled:active{transform:none}.ufm{--button-height:28px;--button-min-width:48px;--button-padding:0 8px;--button-col-gap:4px;--icon-size:12px;--button-loader-size:12px;--button-loader-border:1.5px;font-size:var(--frontly-label-x-sm-font-size);font-weight:var(--frontly-label-x-sm-font-weight);line-height:var(--frontly-label-x-sm-line-height);letter-spacing:var(--frontly-label-x-sm-letter-spacing)}.ufn{--button-height:38px;--button-min-width:64px;--button-padding:0 12px;--button-col-gap:8px;--icon-size:16px;--button-loader-size:16px;--button-loader-border:2px;font-size:var(--frontly-label-sm-font-size);font-weight:var(--frontly-label-sm-font-weight);line-height:var(--frontly-label-sm-line-height);letter-spacing:var(--frontly-label-sm-letter-spacing)}.ufo{--button-height:48px;--button-min-width:80px;--button-padding:0 16px;--button-col-gap:10px;--icon-size:20px;--button-loader-size:20px;--button-loader-border:2px;font-size:var(--frontly-label-lg-font-size);font-weight:var(--frontly-label-lg-font-weight);line-height:var(--frontly-label-lg-line-height);letter-spacing:var(--frontly-label-lg-letter-spacing)}.ufp{width:min-content}.ufq,.ufr{width:100%}.ufs{--button-color:var(--frontly-white-100)}.ufs.uft{--button-background:#806cf5}.ufs.uft:hover{--button-background:#9f8fff}.ufs.uft:disabled{--button-background:#806cf5;opacity:.4}.ufs.ufu{--button-color:var(--frontly-graybase-600);--button-background:#ccd2ff}.ufs.ufu:hover{--button-background:#edeeff}.ufs.ufu:disabled{--button-background:#ccd2ff;opacity:.4}.ufs.ufv{--button-background:#f05f75}.ufs.ufv:hover{--button-background:#ff8095}.ufs.ufv:disabled{--button-background:#f05f75;opacity:.4}.ufs.ufw{--button-background:#47ae66}.ufs.ufw:hover{--button-background:#5bc27a}.ufs.ufw:disabled{--button-background:#47ae66;opacity:.4}.ufs.ufx{--button-color:var(--frontly-graybase-600);--button-background:var(--frontly-mint-green-500)}.ufs.ufx:hover{--button-background:var(--frontly-mint-green-400)}.ufs.ufx:disabled{--button-background:var(--frontly-mint-green-500);opacity:.4}.ufs.ufy{--button-background:#faa643}.ufs.ufy:hover{--button-background:#fac343}.ufs.ufy:disabled{--button-background:#faa643;opacity:.4}.ufs.ufz{--button-background:#c85cd1}.ufs.ufz:hover{--button-background:#cf7ed6}.ufs.ufz:disabled{--button-background:#c85cd1;opacity:.4}.ufs.ug0{--button-background:#fff;--button-color:var(--frontly-graybase-600)}.ufs.ug0:hover{--button-background:#ffffffbf}.ufs.ug0:disabled{--button-background:#706f72;opacity:.4}.ug1{--button-background:#ccd2ff29}.ug1:hover{--button-background:#ccd2ff52}.ug1:disabled{--button-background:#ccd2ff29;opacity:.4}.ug1.ufv{--button-color:var(--frontly-red-400)}.ug1.ug0{--button-color:var(--frontly-white-100)}.ug2{--button-background:#1c1a24}.ug2:hover{--button-background:#282633}.ug2:disabled{--button-background:#1c1a24;opacity:.4}.ug2.ufv{--button-color:var(--frontly-red-400)}.ug2.ufy{--button-color:var(--frontly-yellow-400)}.ug2.ug0{--button-color:var(--frontly-white-100)}.ug2.ufw{--button-color:var(--frontly-green-400)}