/***BEGIN FormInput.css***/
.hooks-form-input-label-required-optional {
  margin-left: auto; }

.hooks-form-input-label--required::after {
  content: " *";
  color: rgba(218, 10, 0, 1);
  color: var(--status-error-text,rgba(218, 10, 0, 1)); }

.hooks-form-input-label--optional::after {
  content: " (optional)"; }

.hooks-form-input-error {
  color: rgba(218, 10, 0, 1);
  color: var(--status-error-text,rgba(218, 10, 0, 1)); }

.hooks-form-input-loading-spinner {
  margin-top: 40px; }

.hooks-form-input-inline-loading-spinner {
  margin-left: 6px; }
/***END FormInput.css***/

/***BEGIN NotificationDetailView.css***/
.hooks-notification-message-renderer {
  font-family: Menlo, Consolas, Courier New, monospace; }

.hooks-notification-detail-group {
  min-width: 160px; }
  .hooks-notification-detail-group:not(:first-child) {
    margin-left: 32px; }
/***END NotificationDetailView.css***/

/***BEGIN ServiceHookDetailView.css***/
.hooks-service-hook-detail-card {
  justify-content: space-evenly; }

.hooks-inline-icon-margin {
  margin-left: 6px; }

.hooks-subscription-detail-group:not(:first-child) {
  margin-left: 32px; }
/***END ServiceHookDetailView.css***/

/***BEGIN ServiceHooksView.css***/
.hooks-subscription-filter-bar.vss-FilterBar {
  margin-top: 0px;
  margin-bottom: 0px; }
/***END ServiceHooksView.css***/

/***BEGIN SubscriptionCreationPanel.css***/
.hooks-trigger-visibility-blurb .fabric-icon {
  margin-right: 8px; }

.hooks-info-icon {
  color: rgba(0, 120, 212, 1);
  color: var(--status-info-foreground,rgba(0, 120, 212, 1)); }

.hooks-test-subscription-dialog {
  height: 85%;
  width: 55%; }

.hooks-test-dialog-tab-bar .bolt-tab:first-child {
  padding-left: 0px; }

.hooks-test-dialog-tab-bar {
  padding-bottom: 8px; }

.hooks-test-dialog-message a {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  cursor: pointer;
  text-decoration: none; }

.hooks-test-dialog-text-renderer {
  font-family: Menlo, Consolas, Courier New, monospace; }

.hooks-panel-separator {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-top: 1px solid var(--palette-black-alpha-8,rgba(0, 0, 0, 0.08)); }
/***END SubscriptionCreationPanel.css***/

/***BEGIN SubscriptionTable.css***/
.hooks-status-icon:not(:first-child) {
  margin-left: 6px; }
/***END SubscriptionTable.css***/