/* INTEGRATIONS — static component styles.
 * Search the sg- class in HTML to find the element. Reused classes share a rule.
 * The :is() scope preserves former inline priority over template selectors.
 * No element with id smart-static-priority is required. Keep this scope.
 * JavaScript can override normal properties inline during interactions.
 */

:is(#smart-static-priority,:root) .sg-integrations-border-01 {
  --border-bottom-width:  1px;
  --border-color:  var(
                          --token-3992e4b1-4934-4fc5-9122-067e1dd544fa,
                          rgb(221, 229, 237)
                        );
  --border-left-width:  1px;
  --border-right-width:  1px;
  --border-style:  solid;
  --border-top-width:  1px;
  background: linear-gradient(110deg,var(--token-260f9222-11bc-40e3-a74c-4f1dae7b4ffa, rgb(255, 255, 255)) 0%,var(--token-260f9222-11bc-40e3-a74c-4f1dae7b4ffa, rgb(255, 255, 255)) 100%);
  background-color: var(--token-260f9222-11bc-40e3-a74c-4f1dae7b4ffa,
                          rgb(255, 255, 255)
                        );
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
}

:is(#smart-static-priority,:root) .sg-integrations-surface-01 {
  background-color: var(--token-260f9222-11bc-40e3-a74c-4f1dae7b4ffa,
                              rgb(255, 255, 255)
                            );
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

:is(#smart-static-priority,:root) .sg-integrations-layout-01 {
  will-change: transform;
  opacity: 1;
}

:is(#smart-static-priority,:root) .sg-integrations-surface-02 {
  background-color: var(--token-260f9222-11bc-40e3-a74c-4f1dae7b4ffa,
                                rgb(255, 255, 255)
                              );
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

:is(#smart-static-priority,:root) .sg-integrations-surface-03 {
  background-color: var(--token-260f9222-11bc-40e3-a74c-4f1dae7b4ffa,
                                rgb(255, 255, 255)
                              );
  height: 100%;
  width: 100%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}