/* FAQS — 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-faqs-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-color: var(--token-8a16c1e0-9178-435f-8361-d83efd74d213,
                            rgb(237, 241, 244)
                          );
  width: 100%;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

:is(#smart-static-priority,:root) .sg-faqs-surface-01 {
  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%;
  transform: rotate(90deg);
}

:is(#smart-static-priority,:root) .sg-faqs-surface-02 {
  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;
  opacity: 0;
  transform: rotate(90deg);
}

:is(#smart-static-priority,:root) .sg-faqs-surface-03 {
  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-faqs-layout-01 {
  --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;
}

:is(#smart-static-priority,:root) .sg-faqs-border-02 {
  --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-color: var(--token-8a16c1e0-9178-435f-8361-d83efd74d213,
                            rgb(237, 241, 244)
                          );
  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-faqs-surface-04 {
  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%;
  transform: rotate(135deg);
}

:is(#smart-static-priority,:root) .sg-faqs-surface-05 {
  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;
  opacity: 1;
  transform: none;
}

:is(#smart-static-priority,:root) .sg-faqs-border-03 {
  --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-color: var(--token-1b8f888c-e7bb-4096-83cf-bc6a0a87c24d,
                            rgba(255, 255, 255, 0)
                          );
  width: 100%;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

:is(#smart-static-priority,:root) .sg-faqs-surface-06 {
  background-color: var(--token-8a16c1e0-9178-435f-8361-d83efd74d213,
                                rgb(237, 241, 244)
                              );
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  transform: none;
}

:is(#smart-static-priority,:root) .sg-faqs-surface-07 {
  background-color: var(--token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3,
                                  rgb(29, 29, 29)
                                );
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  opacity: 1;
  transform: none;
}

:is(#smart-static-priority,:root) .sg-faqs-surface-08 {
  background-color: var(--token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3,
                                  rgb(29, 29, 29)
                                );
  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-faqs-border-04 {
  --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-color: var(--token-1b8f888c-e7bb-4096-83cf-bc6a0a87c24d,
                            rgba(255, 255, 255, 0)
                          );
  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-faqs-border-05 {
  --border-bottom-width:  1px;
  --border-color:  var(
                              --token-22e76413-54a7-49e7-b94c-fb66f119d431,
                              rgba(0, 0, 0, 0.2)
                            );
  --border-left-width:  1px;
  --border-right-width:  1px;
  --border-style:  solid;
  --border-top-width:  1px;
  background-color: var(--token-260f9222-11bc-40e3-a74c-4f1dae7b4ffa,
                              rgb(255, 255, 255)
                            );
  width: 100%;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

:is(#smart-static-priority,:root) .sg-faqs-surface-09 {
  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%;
  transform: rotate(90deg);
}

:is(#smart-static-priority,:root) .sg-faqs-surface-10 {
  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;
  opacity: 0;
  transform: rotate(90deg);
}

:is(#smart-static-priority,:root) .sg-faqs-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;
}

:is(#smart-static-priority,:root) .sg-faqs-border-06 {
  --border-bottom-width:  1px;
  --border-color:  var(
                              --token-22e76413-54a7-49e7-b94c-fb66f119d431,
                              rgba(0, 0, 0, 0.2)
                            );
  --border-left-width:  1px;
  --border-right-width:  1px;
  --border-style:  solid;
  --border-top-width:  1px;
  background-color: var(--token-260f9222-11bc-40e3-a74c-4f1dae7b4ffa,
                              rgb(255, 255, 255)
                            );
  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-faqs-surface-11 {
  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%;
  transform: rotate(135deg);
}

:is(#smart-static-priority,:root) .sg-faqs-surface-12 {
  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;
  opacity: 1;
  transform: none;
}

:is(#smart-static-priority,:root) .sg-faqs-border-07 {
  --border-bottom-width:  1px;
  --border-color:  var(
                              --token-22e76413-54a7-49e7-b94c-fb66f119d431,
                              rgba(0, 0, 0, 0.2)
                            );
  --border-left-width:  1px;
  --border-right-width:  1px;
  --border-style:  solid;
  --border-top-width:  1px;
  background-color: var(--token-1b8f888c-e7bb-4096-83cf-bc6a0a87c24d,
                              rgba(255, 255, 255, 0)
                            );
  width: 100%;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

:is(#smart-static-priority,:root) .sg-faqs-surface-13 {
  background-color: var(--token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3,
                                    rgb(29, 29, 29)
                                  );
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  opacity: 1;
  transform: none;
}

:is(#smart-static-priority,:root) .sg-faqs-surface-14 {
  background-color: var(--token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3,
                                    rgb(29, 29, 29)
                                  );
  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-faqs-border-08 {
  --border-bottom-width:  1px;
  --border-color:  var(
                              --token-22e76413-54a7-49e7-b94c-fb66f119d431,
                              rgba(0, 0, 0, 0.2)
                            );
  --border-left-width:  1px;
  --border-right-width:  1px;
  --border-style:  solid;
  --border-top-width:  1px;
  background-color: var(--token-1b8f888c-e7bb-4096-83cf-bc6a0a87c24d,
                              rgba(255, 255, 255, 0)
                            );
  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-faqs-text-01 {
  --fx-text-color:  var(
                            --token-b923e1cb-cf6e-406c-a3d3-6c79738c4b54,
                            rgb(77, 88, 95)
                          );
}

:is(#smart-static-priority,:root) .sg-faqs-surface-15 {
  background-color: var(--token-8a16c1e0-9178-435f-8361-d83efd74d213,
                            rgb(237, 241, 244)
                          );
  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-faqs-surface-16 {
  background: linear-gradient(312deg,var(--token-bddc6f23-9f6b-430c-b28d-50ac8b0b25ba, rgb(59, 130, 246)) 0%,var(--token-b78e610c-391a-4120-aa0e-c0769ee3dfd0, rgb(64, 106, 228)) 100%);
  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-faqs-layout-03 {
  --fx-link-text-color:  rgb(0, 153, 255);
  --fx-link-text-decoration:  underline;
  transform: none;
}

:is(#smart-static-priority,:root) .sg-faqs-control-01 {
  --border-bottom-width:  1px;
  --border-color:  var(
                                  --token-260f9222-11bc-40e3-a74c-4f1dae7b4ffa,
                                  rgb(255, 255, 255)
                                );
  --border-left-width:  1px;
  --border-right-width:  1px;
  --border-style:  solid;
  --border-top-width:  1px;
  backdrop-filter: blur(5px);
  background-color: var(--token-0810840b-a17e-48e5-b9f0-8da453e4251d,
                                  rgba(255, 255, 255, 0.1)
                                );
  -webkit-backdrop-filter: blur(5px);
  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-faqs-border-09 {
  --border-bottom-width:  1px;
  --border-color:  var(
                                    --token-0edc2e6a-5fd1-47c5-a905-c3de9f07cea3,
                                    rgb(29, 29, 29)
                                  );
  --border-left-width:  1px;
  --border-right-width:  1px;
  --border-style:  solid;
  --border-top-width:  1px;
  background: linear-gradient(110deg,var(--token-60bca774-6ba3-4c34-a431-2fd8d1ea1b8a,
                                        rgb(50, 50, 50)
                                      ) 0%,var(--token-a4ae1e21-2b71-445e-8792-31bd9220629a, rgb(0, 0, 0)) 100%);
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  box-shadow: inset 4px 4px 8px 0px var(--token-0a34df0a-701b-4bf9-bdf5-c1a9964dab0b,
                                        rgba(255, 255, 255, 0.3)
                                      ),inset -4px -4px 8px 0px var(--token-0a34df0a-701b-4bf9-bdf5-c1a9964dab0b,
                                        rgba(255, 255, 255, 0.3)
                                      ),0px 8px 16px 0px var(--token-3773b559-408e-44fa-b41c-14281b49a454,
                                        rgba(29, 29, 29, 0.5)
                                      );
}

:is(#smart-static-priority,:root) .sg-faqs-surface-17 {
  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%;
  transform: rotate(-45deg);
}

:is(#smart-static-priority,:root) .sg-faqs-surface-18 {
  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%;
  transform: none;
}

:is(#smart-static-priority,:root) .sg-faqs-surface-19 {
  background-color: var(--token-8a16c1e0-9178-435f-8361-d83efd74d213,
                          rgb(237, 241, 244)
                        );
  width: 100%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}