/* FOOTER — 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-footer-layout-01 {
  --extracted-1of0zx5:  var(
                          --token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3,
                          rgb(29, 29, 29)
                        );
  --fx-link-text-color:  rgb(0, 153, 255);
  --fx-link-text-decoration:  underline;
  transform: none;
}

:is(#smart-static-priority,:root) .sg-footer-text-01 {
  --fx-text-alignment:  center;
  --fx-text-color:  var(
                            --extracted-1of0zx5,
                            var(--token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3, rgb(29, 29, 29))
                          );
}

:is(#smart-static-priority,:root) .sg-footer-layout-02 {
  --extracted-r6o4lv:  var(
                          --token-b923e1cb-cf6e-406c-a3d3-6c79738c4b54,
                          rgb(77, 88, 95)
                        );
  --fx-link-text-color:  rgb(0, 153, 255);
  --fx-link-text-decoration:  underline;
  transform: none;
}

:is(#smart-static-priority,:root) .sg-footer-text-02 {
  --fx-text-alignment:  center;
  --fx-text-color:  var(
                            --extracted-r6o4lv,
                            var(--token-b923e1cb-cf6e-406c-a3d3-6c79738c4b54, rgb(77, 88, 95))
                          );
}

:is(#smart-static-priority,:root) .sg-footer-surface-01 {
  background-color: var(--token-260f9222-11bc-40e3-a74c-4f1dae7b4ffa,
                      rgb(255, 255, 255)
                    );
  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-footer-border-01 {
  --border-bottom-width:  0px;
  --border-color:  var(
                        --token-3992e4b1-4934-4fc5-9122-067e1dd544fa,
                        rgb(221, 229, 237)
                      );
  --border-left-width:  0px;
  --border-right-width:  0px;
  --border-style:  solid;
  --border-top-width:  1px;
}

:is(#smart-static-priority,:root) .sg-footer-layout-03 {
  --extracted-r6o4lv:  var(
                          --token-b923e1cb-cf6e-406c-a3d3-6c79738c4b54,
                          rgb(77, 88, 95)
                        );
  transform: none;
}

:is(#smart-static-priority,:root) .sg-footer-text-03 {
  --fx-text-color:  var(
                            --extracted-r6o4lv,
                            var(--token-b923e1cb-cf6e-406c-a3d3-6c79738c4b54, rgb(77, 88, 95))
                          );
}

:is(#smart-static-priority,:root) .sg-footer-control-01 {
  background-color: var(--token-8a16c1e0-9178-435f-8361-d83efd74d213,
                              rgb(237, 241, 244)
                            );
  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-footer-surface-02 {
  background: linear-gradient(180deg,var(--token-260f9222-11bc-40e3-a74c-4f1dae7b4ffa, rgb(255, 255, 255)) 0%,var(--token-260f9222-11bc-40e3-a74c-4f1dae7b4ffa, rgb(255, 255, 255)) 0%,var(--token-0a34df0a-701b-4bf9-bdf5-c1a9964dab0b, rgba(255, 255, 255, 0.3)) 14.000000000000002%,var(--token-1b8f888c-e7bb-4096-83cf-bc6a0a87c24d, rgba(255, 255, 255, 0)) 100%);
}

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