:root {
      --crm-raised-control-face-width: 50px;
      --crm-raised-control-face-height: 25px;
      --crm-raised-control-track-depth: 5px;
      --crm-raised-control-total-height: calc(var(--crm-raised-control-face-height) + (var(--crm-raised-control-track-depth) * 2));
      --crm-raised-control-track-radius: 8px;
      --crm-raised-control-face-radius: 3px;
      --crm-raised-control-face-padding: 5px 8px;
      --crm-raised-control-pressed-padding-top: 8px;
      --crm-raised-control-pressed-padding-bottom: 2px;
      --crm-raised-control-motion-duration: 120ms;
      --crm-raised-control-motion-easing: cubic-bezier(0.4, 0, 0.2, 1);
      --crm-raised-control-track-surface: #f1f3f5;
      --crm-raised-control-track-shadow:
        inset 3px 3px 6px rgba(31, 38, 51, 0.22),
        inset -3px -3px 6px rgba(255, 255, 255, 0.98),
        inset 0 0 0 1px rgba(31, 38, 51, 0.06);
      --crm-raised-control-face-shadow:
        0 1px 1px rgba(31, 38, 51, 0.18),
        0 3px 4px rgba(31, 38, 51, 0.16),
        0 -1px 1px rgba(255, 255, 255, 0.92);
}
    .system-standard-raised-action {
      width: auto !important;
      min-width: calc(var(--crm-raised-control-face-width) + (var(--crm-raised-control-track-depth) * 2)) !important;
      max-width: none !important;
      height: calc(var(--crm-raised-control-face-height) + (var(--crm-raised-control-track-depth) * 2)) !important;
      min-height: calc(var(--crm-raised-control-face-height) + (var(--crm-raised-control-track-depth) * 2)) !important;
      max-height: none !important;
      flex: 0 0 auto;
      padding: var(--crm-raised-control-track-depth) !important;
      overflow: visible;
      border: 0;
      border-radius: var(--crm-raised-control-track-radius);
      background: var(--crm-raised-control-track-surface);
      box-shadow: var(--crm-raised-control-track-shadow);
      box-sizing: border-box;
      -webkit-appearance: none;
      appearance: none;
    }
    .system-standard-raised-action:focus,
    .system-standard-raised-action:focus-visible {
      box-shadow: var(--crm-raised-control-track-shadow);
    }
    .system-standard-action-face {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: auto;
      min-width: var(--crm-raised-control-face-width);
      height: var(--crm-raised-control-face-height);
      padding: var(--crm-raised-control-face-padding);
      border-radius: var(--crm-raised-control-face-radius);
      background: #ffffff;
      color: inherit;
      box-shadow: var(--crm-raised-control-face-shadow);
      box-sizing: border-box;
      transition:
        background-color var(--crm-raised-control-motion-duration) var(--crm-raised-control-motion-easing),
        box-shadow var(--crm-raised-control-motion-duration) var(--crm-raised-control-motion-easing),
        color var(--crm-raised-control-motion-duration) var(--crm-raised-control-motion-easing),
        padding-top var(--crm-raised-control-motion-duration) var(--crm-raised-control-motion-easing),
        padding-bottom var(--crm-raised-control-motion-duration) var(--crm-raised-control-motion-easing);
    }
    .system-standard-action-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 15px;
      height: 15px;
      flex: 0 0 15px;
    }
    .system-standard-action-label {
      display: block;
      color: inherit;
      font: 400 10px/1 "Raleway", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
      white-space: nowrap;
    }
    .system-standard-raised-action:active .system-standard-action-face,
    .system-standard-raised-action.is-confirming .system-standard-action-face,
    .system-standard-raised-action.is-save-pending .system-standard-action-face,
    .system-standard-raised-action.is-save-success .system-standard-action-face,
    .system-standard-raised-action.is-save-fading .system-standard-action-face,
    .system-standard-raised-action.is-sent .system-standard-action-face,
    .system-standard-raised-action.is-sent-fading .system-standard-action-face,
    .system-standard-raised-action.is-success .system-standard-action-face,
    .system-standard-raised-action.is-success-fading .system-standard-action-face {
      background: transparent;
      box-shadow:
        0 0 0 rgba(0, 0, 0, 0),
        0 0 0 rgba(0, 0, 0, 0);
      padding-top: var(--crm-raised-control-pressed-padding-top);
      padding-bottom: var(--crm-raised-control-pressed-padding-bottom);
      transform: none;
    }
    .system-standard-raised-action.is-selected .system-standard-action-face,
    .system-standard-raised-action[aria-pressed="true"] .system-standard-action-face {
      background: transparent;
      box-shadow: none;
      padding-top: var(--crm-raised-control-pressed-padding-top);
      padding-bottom: var(--crm-raised-control-pressed-padding-bottom);
    }
    .system-standard-raised-action:disabled .system-standard-action-face {
      pointer-events: none;
    }