.sys-button{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;white-space:nowrap;width:fit-content;user-select:none}.sys-button,.sys-button:focus{outline:none}.sys-button.full{width:100%!important}[dir=ltr] .sys-button.noBorderLeft{border-left:none!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}[dir=ltr] .sys-button.noBorderRight,[dir=rtl] .sys-button.noBorderLeft{border-right:none!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}[dir=rtl] .sys-button.noBorderRight{border-left:none!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important}[dir] .sys-button.noBorder{border:none!important}[dir] .sys-button.noShadow{box-shadow:none!important}[dir] .sys-button.square{border-radius:5px}.sys-button.square.square-default.square-outline{color:#974900}[dir] .sys-button.square.square-default.square-outline{border:1px solid #974900;background:transparent}.sys-button.square.square-default.square-outline svg{fill:#974900}[dir] .sys-button.square.square-default.square-outline:hover{background:#ffede2}[dir] .sys-button.square.square-default.square-outline:active{background:#ffdbc4}[dir] .sys-button.square.square-default.white-background{background:#fff}.sys-button.square.square-default.square-contained{color:#fff}[dir] .sys-button.square.square-default.square-contained{border:none;background:#974900}.sys-button.square.square-default.square-contained svg{fill:#fff}[dir] .sys-button.square.square-default.square-contained:hover{background:#9f5714}[dir] .sys-button.square.square-default.square-contained:active{background:#a45f1f}[dir] .sys-button.square.square-danger{padding:8px 21px}.sys-button.square.square-danger.square-outline{color:#d32f2f;font-size:14px;font-weight:600;line-height:20px;letter-spacing:.175px}[dir] .sys-button.square.square-danger.square-outline{border:1px solid #d32f2f;background:transparent}.sys-button.square.square-danger.square-outline svg{fill:#d32f2f}[dir] .sys-button.square.square-danger.square-outline:hover{background:#ffcdd2}[dir] .sys-button.square.square-danger.square-outline:active{background:#ef9a9a}[dir] .sys-button.square.square-danger.trash-icon-md{padding:11px;background:#fff}.sys-button.square.square-danger.trash-icon-md svg{min-width:14px;max-width:14px;min-height:14px;max-height:14px}.sys-button.square.square-danger.square-danger-xs{font-size:12px;font-weight:600;line-height:20px;letter-spacing:.15px;gap:6px}[dir] .sys-button.square.square-danger.square-danger-xs{padding:3px 21px;padding:3px 13px}.sys-button.square.square-danger.square-danger-xs svg{min-width:12px;max-width:12px;min-height:12px;max-height:12px}.sys-button.square.square-danger.square-contained{color:#fff}[dir] .sys-button.square.square-danger.square-contained{border:none;background:#d32f2f}.sys-button.square.square-danger.square-contained svg{fill:#fff}[dir] .sys-button.square.square-danger.square-contained:hover{background:#e53935}[dir] .sys-button.square.square-danger.square-contained:active{background:#f44336}.sys-button.square.square-text-icon.square-outline-xs{font-size:12px;font-weight:600;line-height:20px;letter-spacing:.15px;gap:6px}[dir] .sys-button.square.square-text-icon.square-outline-xs{padding:3px 13px}.sys-button.square.square-text-icon.square-outline-xs svg{min-width:12px;max-width:12px;min-height:12px;max-height:12px}.sys-button.square.square-text-icon.square-outline-md{font-size:14px;font-weight:600;line-height:20px;letter-spacing:.175px;gap:8px}[dir] .sys-button.square.square-text-icon.square-outline-md{padding:8px 20px}.sys-button.square.square-text-icon.square-outline-md svg{min-width:14px;max-width:14px;min-height:14px;max-height:14px}.sys-button.square.square-text-icon.square-outline-xl{font-size:20px;font-weight:600;line-height:23px;letter-spacing:.25px;gap:12px}[dir] .sys-button.square.square-text-icon.square-outline-xl{padding:19px 34px}.sys-button.square.square-text-icon.square-outline-xl svg{min-width:22px;max-width:22px;min-height:22px;max-height:22px}.sys-button.square.square-text-icon.square-contained-md{font-size:14px;font-weight:600;line-height:20px;letter-spacing:.175px;gap:8px}[dir] .sys-button.square.square-text-icon.square-contained-md{padding:9px 21px}.sys-button.square.square-text-icon.square-contained-md svg{min-width:14px;max-width:14px;min-height:14px;max-height:14px}.sys-button.square.square-text-icon.square-contained-xs{font-size:12px;font-weight:600;line-height:20px;letter-spacing:.15px;gap:6px}[dir] .sys-button.square.square-text-icon.square-contained-xs{padding:4px 14px}.sys-button.square.square-text-icon.square-contained-xs svg{min-width:12px;max-width:12px;min-height:12px;max-height:12px}.sys-button.square.square-text-icon.square-contained-xl{font-size:20px;font-weight:600;line-height:23px;letter-spacing:.25px;gap:12px}[dir] .sys-button.square.square-text-icon.square-contained-xl{padding:20px 35px}.sys-button.square.square-text-icon.square-contained-xl svg{min-width:22px;max-width:22px;min-height:22px;max-height:22px}.sys-button.square.square-text-icon.square-contained-lg{font-size:17px;font-weight:600;line-height:20px;letter-spacing:.25px;gap:12px}[dir] .sys-button.square.square-text-icon.square-contained-lg{padding:13px 28px}.sys-button.square.square-text-icon.square-contained-lg svg{min-width:18px;max-width:18px;min-height:18px;max-height:18px}.sys-button.square.square-text-icon.square-text-md{font-size:14px;font-weight:600;line-height:20px;letter-spacing:.175px;gap:8px}[dir] .sys-button.square.square-text-icon.square-text-md{padding:9px 21px}.sys-button.square.square-text-icon.square-text-md svg{min-width:14px;max-width:14px;min-height:14px;max-height:14px}.sys-button.square.square-text-icon.square-text-xs{font-size:12px;font-weight:600;line-height:20px;letter-spacing:.15px;gap:6px}[dir] .sys-button.square.square-text-icon.square-text-xs{padding:4px 14px}.sys-button.square.square-text-icon.square-text-xs svg{min-width:12px;max-width:12px;min-height:12px;max-height:12px}.sys-button.square.square-text-icon.square-text-xl{font-size:20px;font-weight:600;line-height:23px;letter-spacing:.25px;gap:12px}[dir] .sys-button.square.square-text-icon.square-text-xl{padding:20px 35px}.sys-button.square.square-text-icon.square-text-xl svg{min-width:22px;max-width:22px;min-height:22px;max-height:22px}[dir] .sys-button.square.square-icon.square-outline-xs{padding:7px}.sys-button.square.square-icon.square-outline-xs svg{min-width:12px;max-width:12px;min-height:12px;max-height:12px}[dir] .sys-button.square.square-icon.square-outline-md{padding:11px}.sys-button.square.square-icon.square-outline-md svg{min-width:14px;max-width:14px;min-height:14px;max-height:14px}[dir] .sys-button.square.square-icon.square-outline-lg{padding:13px}.sys-button.square.square-icon.square-outline-lg svg{min-width:18px;max-width:18px;min-height:18px;max-height:18px}[dir] .sys-button.square.square-icon.square-outline-xl{padding:19.5px}.sys-button.square.square-icon.square-outline-xl svg{min-width:22px;max-width:22px;min-height:22px;max-height:22px}[dir] .sys-button.square.square-icon.square-contained-md{padding:12px}.sys-button.square.square-icon.square-contained-md svg{min-width:14px;max-width:14px;min-height:14px;max-height:14px}[dir] .sys-button.square.square-icon.square-contained-xs{padding:8px}.sys-button.square.square-icon.square-contained-xs svg{min-width:12px;max-width:12px;min-height:12px;max-height:12px}[dir] .sys-button.square.square-icon.square-contained-lg{padding:14px}.sys-button.square.square-icon.square-contained-lg svg{min-width:18px;max-width:18px;min-height:18px;max-height:18px}[dir] .sys-button.square.square-icon.square-contained-xl{padding:20.5px}.sys-button.square.square-icon.square-contained-xl svg{min-width:22px;max-width:22px;min-height:22px;max-height:22px}[dir] .sys-button.square.square-icon.square-text-md{padding:12px}.sys-button.square.square-icon.square-text-md svg{min-width:14px;max-width:14px;min-height:14px;max-height:14px}[dir] .sys-button.square.square-icon.square-text-xs{padding:8px}.sys-button.square.square-icon.square-text-xs svg{min-width:12px;max-width:12px;min-height:12px;max-height:12px}[dir] .sys-button.square.square-icon.square-text-lg{padding:14px}.sys-button.square.square-icon.square-text-lg svg{min-width:18px;max-width:18px;min-height:18px;max-height:18px}[dir] .sys-button.square.square-icon.square-text-xl{padding:20.5px}.sys-button.square.square-icon.square-text-xl svg{min-width:22px;max-width:22px;min-height:22px;max-height:22px}[dir] .sys-button.float{border-radius:5px;box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px 0 rgba(0,0,0,.12),0 1px 8px 0 rgba(0,0,0,.2)}.sys-button.float.float-default.float-outline{color:#974900}[dir] .sys-button.float.float-default.float-outline{background:#fff;border:1px solid #974900}.sys-button.float.float-default.float-outline svg path{fill:#974900!important}[dir] .sys-button.float.float-default.float-outline:hover{background:#ffede2}[dir] .sys-button.float.float-default.float-outline:active{background:#ffdbc4}.sys-button.float.float-default.float-contained{color:#fff}[dir] .sys-button.float.float-default.float-contained{border:none;background:#974900}.sys-button.float.float-default.float-contained svg path{fill:#fff}[dir] .sys-button.float.float-default.float-contained:hover{background:#a25d1c}[dir] .sys-button.float.float-default.float-contained:active{background:#a45f1f}.sys-button.float.float-outline-xl{font-size:20px;font-weight:600;line-height:normal;letter-spacing:.25px;gap:8px}[dir] .sys-button.float.float-outline-xl{padding:19px 21px}.sys-button.float.float-outline-xl svg{width:22px;height:22px}.sys-button.float.float-contained-xl{font-size:20px;font-weight:600;line-height:normal;letter-spacing:.25px;gap:8px}[dir] .sys-button.float.float-contained-xl{padding:20px 22px}.sys-button.float.float-contained-xl svg{width:22px;height:22px}.sys-button:disabled{color:#7e7570!important}[dir] .sys-button:disabled{background:#ece0db!important;border-color:#998f8a!important}.sys-button:disabled svg{fill:#7e7570!important}[dir] .sys-button:disabled:active,[dir] .sys-button:disabled:hover{background:#ece0db!important}