/* CONTACT — 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-contact-surface-01 {
  --1hou1k0:  30px;
  background: linear-gradient(135deg,var(--token-8a16c1e0-9178-435f-8361-d83efd74d213, rgb(237, 241, 244)) 0%,var(--token-8a16c1e0-9178-435f-8361-d83efd74d213, rgb(237, 241, 244)) 100%);
  background-color: var(--token-8a16c1e0-9178-435f-8361-d83efd74d213,
                            rgb(237, 241, 244)
                          );
  height: 100%;
  width: 100%;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

:is(#smart-static-priority,:root) .sg-contact-surface-02 {
  --1hou1k0:  20px;
  background: linear-gradient(135deg,var(--token-8a16c1e0-9178-435f-8361-d83efd74d213, rgb(237, 241, 244)) 0%,var(--token-8a16c1e0-9178-435f-8361-d83efd74d213, rgb(237, 241, 244)) 100%);
  background-color: var(--token-8a16c1e0-9178-435f-8361-d83efd74d213,
                            rgb(237, 241, 244)
                          );
  height: 100%;
  width: 100%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

:is(#smart-static-priority,:root) .sg-contact-surface-03 {
  --1hou1k0:  20px;
  background: linear-gradient(135deg,var(--token-8a16c1e0-9178-435f-8361-d83efd74d213, rgb(237, 241, 244)) 0%,var(--token-8a16c1e0-9178-435f-8361-d83efd74d213, rgb(237, 241, 244)) 100%);
  background-color: var(--token-8a16c1e0-9178-435f-8361-d83efd74d213,
                            rgb(237, 241, 244)
                          );
  height: 100%;
  width: 100%;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

:is(#smart-static-priority,:root) .sg-contact-surface-04 {
  --1hou1k0:  30px;
  background: linear-gradient(135deg,var(--token-60bca774-6ba3-4c34-a431-2fd8d1ea1b8a, rgb(50, 50, 50)) 0%,var(--token-a4ae1e21-2b71-445e-8792-31bd9220629a, rgb(0, 0, 0)) 100%);
  background-color: rgba(0,0,0,0);
  height: 100%;
  width: 100%;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

:is(#smart-static-priority,:root) .sg-contact-surface-05 {
  background: linear-gradient(133deg,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: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

:is(#smart-static-priority,:root) .sg-contact-layout-01 {
  --extracted-a0htzi:  var(
                                  --token-260f9222-11bc-40e3-a74c-4f1dae7b4ffa,
                                  rgb(255, 255, 255)
                                );
  --fx-link-text-color:  rgb(0, 153, 255);
  --fx-link-text-decoration:  underline;
  transform: none;
}

:is(#smart-static-priority,:root) .sg-contact-text-01 {
  --fx-text-color:  var(
                                    --extracted-a0htzi,
                                    var(
                                      --token-260f9222-11bc-40e3-a74c-4f1dae7b4ffa,
                                      rgb(255, 255, 255)
                                    )
                                  );
}

:is(#smart-static-priority,:root) .sg-contact-layout-02 {
  --extracted-r6o4lv:  var(
                                  --token-51f94b53-bb42-43ec-9cc4-5f5eec0c08b0,
                                  rgb(186, 186, 186)
                                );
  --fx-link-text-color:  rgb(0, 153, 255);
  --fx-link-text-decoration:  underline;
  transform: none;
}

:is(#smart-static-priority,:root) .sg-contact-text-02 {
  --fx-text-color:  var(
                                    --extracted-r6o4lv,
                                    var(
                                      --token-51f94b53-bb42-43ec-9cc4-5f5eec0c08b0,
                                      rgb(186, 186, 186)
                                    )
                                  );
}

:is(#smart-static-priority,:root) .sg-contact-surface-06 {
  --1hou1k0:  20px;
  background: linear-gradient(135deg,var(--token-60bca774-6ba3-4c34-a431-2fd8d1ea1b8a, rgb(50, 50, 50)) 0%,var(--token-a4ae1e21-2b71-445e-8792-31bd9220629a, rgb(0, 0, 0)) 100%);
  background-color: rgba(0,0,0,0);
  height: 100%;
  width: 100%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

:is(#smart-static-priority,:root) .sg-contact-surface-07 {
  --1hou1k0:  20px;
  background: linear-gradient(135deg,var(--token-60bca774-6ba3-4c34-a431-2fd8d1ea1b8a, rgb(50, 50, 50)) 0%,var(--token-a4ae1e21-2b71-445e-8792-31bd9220629a, rgb(0, 0, 0)) 100%);
  background-color: rgba(0,0,0,0);
  height: 100%;
  width: 100%;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

:is(#smart-static-priority,:root) .sg-contact-surface-08 {
  --1hou1k0:  30px;
  background: linear-gradient(135deg,var(--token-b78e610c-391a-4120-aa0e-c0769ee3dfd0, rgb(64, 106, 228)) 0%,var(--token-a6a29af8-9670-4cbf-81ec-cd0fd970b181, rgb(82, 144, 244)) 100%);
  background-color: rgba(0,0,0,0);
  height: 100%;
  width: 100%;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

:is(#smart-static-priority,:root) .sg-contact-surface-09 {
  background: linear-gradient(133deg,var(--token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3, rgb(29, 29, 29)) 0%,var(--token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3, rgb(29, 29, 29)) 100%);
  background-color: var(--token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3,
                                rgb(29, 29, 29)
                              );
  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-contact-layout-03 {
  --extracted-r6o4lv:  var(
                                  --token-3992e4b1-4934-4fc5-9122-067e1dd544fa,
                                  rgb(221, 229, 237)
                                );
  --fx-link-text-color:  rgb(0, 153, 255);
  --fx-link-text-decoration:  underline;
  transform: none;
}

:is(#smart-static-priority,:root) .sg-contact-text-03 {
  --fx-text-color:  var(
                                    --extracted-r6o4lv,
                                    var(
                                      --token-3992e4b1-4934-4fc5-9122-067e1dd544fa,
                                      rgb(221, 229, 237)
                                    )
                                  );
}

:is(#smart-static-priority,:root) .sg-contact-surface-10 {
  --1hou1k0:  20px;
  background: linear-gradient(135deg,var(--token-b78e610c-391a-4120-aa0e-c0769ee3dfd0, rgb(64, 106, 228)) 0%,var(--token-a6a29af8-9670-4cbf-81ec-cd0fd970b181, rgb(82, 144, 244)) 100%);
  background-color: rgba(0,0,0,0);
  height: 100%;
  width: 100%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

:is(#smart-static-priority,:root) .sg-contact-surface-11 {
  --1hou1k0:  20px;
  background: linear-gradient(135deg,var(--token-b78e610c-391a-4120-aa0e-c0769ee3dfd0, rgb(64, 106, 228)) 0%,var(--token-a6a29af8-9670-4cbf-81ec-cd0fd970b181, rgb(82, 144, 244)) 100%);
  background-color: rgba(0,0,0,0);
  height: 100%;
  width: 100%;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}