instaui 0.2.0__py2.py3-none-any.whl → 0.2.2__py2.py3-none-any.whl

instaui/arco/components/input.py

@@ -15,7 +15,7 @@ class Input(Element):
         value: typing.Optional[TMaybeRef[str]] = None,
         **kwargs: Unpack[component_types.TInput],
     ):
-        tag = f"a-input{'-'+ self._exten_name if self._exten_name else ''}"
+        tag = f"a-input{'-' + self._exten_name if self._exten_name else ''}"
         super().__init__(tag)
         try_setup_vmodel(self, value)
         self.props(handle_props(kwargs))  # type: ignore

instaui/arco/components/typography.py

@@ -17,7 +17,7 @@ class Typography(Element):
         text: typing.Optional[TMaybeRef[str]] = None,
         **kwargs: Unpack[component_types.TTypography],
     ):
-        tag = f"a-typography{'-'+ self._exten_name if self._exten_name else ''}"
+        tag = f"a-typography{'-' + self._exten_name if self._exten_name else ''}"
         super().__init__(tag)
 
         if text is not None:

instaui/boot_info.py

@@ -11,14 +11,14 @@ _colors = {
 
 
 def zero_boot_info(file: Path):
-    message = f"""{_app_message('zero')}
+    message = f"""{_app_message("zero")}
 {_arrow_right()}file: {_with_color(str(file))}
 """
     print(message)
 
 
 def web_boot_info(ip: str):
-    message = f"""{_app_message('web')}
+    message = f"""{_app_message("web")}
 {_arrow_right()}Local: {_with_color(str(ip), "blue")}
 """
     print(message)

instaui/components/component.py

@@ -11,11 +11,14 @@ from instaui.runtime import (
     check_default_app_slot_or_error,
 )
 from instaui.components.slot import SlotManager
-from instaui.vars.mixin_types.element_binding import ElementBindingMixin
+from instaui.vars.mixin_types.element_binding import (
+    ElementBindingMixin,
+    ElementBindingProtocol,
+)
 
 
 class Component(Jsonable):
-    def __init__(self, tag: Optional[Union[str, ElementBindingMixin]] = None):
+    def __init__(self, tag: Optional[Union[str, ElementBindingProtocol]] = None):
         check_default_app_slot_or_error(
             "Not allowed to create element outside of ui.page"
         )

instaui/components/container.py

@@ -0,0 +1,32 @@
+from __future__ import annotations
+from instaui.components.element import Element
+from instaui.vars.types import TMaybeRef
+
+
+class Container(Element):
+    """
+    Creates a layout container element with configurable width and spacing properties.
+
+    A flexible container component for structuring content layouts, providing controls for
+    maximum width and internal padding. The container is horizontally centered by default
+    through auto margins.
+
+    Args:
+        max_width (TMaybeRef[str], optional): Sets the maximum width of the container.
+            Accepts CSS width values (e.g., "800px", "100%", "75vw"). Defaults to "800px".
+        padding (TMaybeRef[str], optional): Controls internal spacing between container
+            edges and content. Accepts CSS padding values (e.g., "0.25rem", "1em", "10px").
+            Defaults to "0.25rem".
+    """
+
+    def __init__(
+        self,
+        max_width: TMaybeRef[str] = "800px",
+        *,
+        padding: TMaybeRef[str] = "0.25rem",
+    ):
+        super().__init__("div")
+
+        self.style({"max-width": max_width, "padding": padding}).style(
+            "margin-left:auto;margin-right:auto"
+        )

instaui/components/element.py

@@ -34,7 +34,10 @@ from .slot import SlotManager, Slot
 from instaui import consts
 from instaui.components.component import Component
 
-from instaui.vars.mixin_types.element_binding import ElementBindingMixin
+from instaui.vars.mixin_types.element_binding import (
+    ElementBindingMixin,
+    ElementBindingProtocol,
+)
 
 if TYPE_CHECKING:
     from instaui.event.event_mixin import EventMixin
@@ -79,7 +82,7 @@ class Element(Component):
     _default_classes: ClassVar[List[str]] = []
     _default_style: ClassVar[Dict[str, str]] = {}
 
-    def __init__(self, tag: Optional[Union[str, ElementBindingMixin]] = None):
+    def __init__(self, tag: Optional[Union[str, ElementBindingProtocol]] = None):
         if self.dependency:
             tag = self.dependency.tag_name or ""
 
@@ -100,7 +103,7 @@ class Element(Component):
         self._directives: Dict[Directive, None] = {}
 
         self._slot_manager = SlotManager()
-        self._element_ref: Optional[ElementRef] = None
+        self.__element_ref: Optional[ElementRef] = None
 
     def __init_subclass__(
         cls,
@@ -336,7 +339,7 @@ class Element(Component):
         self._directives[directive] = None
         return self
 
-    def display(self, value: Union[ElementBindingMixin[bool], bool]) -> Self:
+    def display(self, value: Union[ElementBindingProtocol, bool]) -> Self:
         return self.directive(Directive(is_sys=False, name="vshow", value=value))
 
     def event_dataset(self, data: Any, name: str = "event-data") -> Self:
@@ -347,7 +350,7 @@ class Element(Component):
         return self
 
     def element_ref(self, ref: ElementRef):
-        self._element_ref = ref
+        self.__element_ref = ref
         return self
 
     def update_dependencies(
@@ -464,10 +467,10 @@ class Element(Component):
                 app_slot.get_temp_component_dependency(tag_name, self.dependency)
             )
 
-        if self._element_ref:
+        if self.__element_ref:
             scope = get_current_scope()
-            data["eRef"] = self._element_ref._to_element_config()
-            scope.register_element_ref(self._element_ref)
+            data["eRef"] = self.__element_ref._to_element_config()
+            scope.register_element_ref(self.__element_ref)
 
         return data
 

instaui/components/heading.py

@@ -0,0 +1,46 @@
+from __future__ import annotations
+from typing import Any, Union
+from instaui.components.element import Element
+from instaui.vars.types import TMaybeRef
+from instaui import ui_system_var_type as ui_vars_type
+
+
+class Heading(Element):
+    def __init__(
+        self,
+        text: Union[str, TMaybeRef[Any]],
+        *,
+        size: Union[TMaybeRef[str], ui_vars_type.TSize, None] = None,
+        weight: Union[TMaybeRef[str], ui_vars_type.TWeight, None] = None,
+        align: Union[TMaybeRef[str], ui_vars_type.TAlign, None] = None,
+    ):
+        """
+        Creates a heading element with customizable text content and styling properties.
+
+
+        Args:
+            text (Union[str, TMaybeRef[Any]]): The text content of the heading. Can be a static
+                string or a reactive reference (e.g., state object).
+            size (Union[TMaybeRef[str], TSize, None], optional): Controls the heading size.
+                Accepts values from "1" to "9". Defaults to None.
+            weight (Union[TMaybeRef[str], TWeight, None], optional): Sets font weight.
+                Acceptable values: "light", "regular", "medium", "bold". Defaults to None.
+            align (Union[TMaybeRef[str], TAlign, None], optional): Controls text alignment.
+                Valid options: "left", "center", "right". Defaults to None.
+
+        Example:
+        .. code-block:: python
+            size = ui.state("6")
+            text = ui.state("test")
+            align = ui.state("left")
+
+            arco.select(["1", "2", "3", "4", "5", "6", "7", "8", "9"], size)
+            arco.select(["left", "center", "right"], align, allow_clear=True)
+
+            with ui.container():
+                arco.input(text)
+                ui.heading(text, size=size, align=align)
+        """
+        super().__init__("heading")
+
+        self.props({"text": text, "size": size, "weight": weight, "align": align})

instaui/components/html/range.py

@@ -4,7 +4,7 @@ from instaui.components.element import Element
 from instaui.components.value_element import ValueElement
 from instaui import consts
 from instaui.vars.types import TMaybeRef
-from instaui.vars.mixin_types.element_binding import ElementBindingMixin
+from instaui.vars.mixin_types.element_binding import ElementBindingProtocol
 from ._mixins import InputEventMixin
 
 _T_value = Union[int, float]
@@ -31,7 +31,7 @@ class Range(InputEventMixin, ValueElement[_T_value]):
 
     def vmodel(
         self,
-        value: ElementBindingMixin,
+        value: ElementBindingProtocol,
         modifiers: Union[consts.TModifier, List[consts.TModifier], None] = None,
         *,
         prop_name: str = "value",

instaui/components/html/ul.py

@@ -4,7 +4,7 @@ from instaui.components.element import Element
 from .li import Li
 from instaui.components.vfor import VFor
 
-from instaui.vars.mixin_types.element_binding import ElementBindingMixin
+from instaui.vars.mixin_types.element_binding import ElementBindingProtocol
 
 
 class Ul(Element):
@@ -12,7 +12,7 @@ class Ul(Element):
         super().__init__("ul")
 
     @classmethod
-    def from_list(cls, data: Union[List, ElementBindingMixin[List]]) -> Ul:
+    def from_list(cls, data: Union[List, ElementBindingProtocol]) -> Ul:
         with Ul() as ul:
             with VFor(data) as items:
                 Li(items)

instaui/components/match.py

@@ -4,11 +4,11 @@ import typing
 from instaui.components.component import Component
 from instaui.runtime._app import new_scope
 
-from instaui.vars.mixin_types.element_binding import ElementBindingMixin
+from instaui.vars.mixin_types.element_binding import ElementBindingProtocol
 
 
 class Match(Component):
-    def __init__(self, on: ElementBindingMixin):
+    def __init__(self, on: ElementBindingProtocol):
         super().__init__("match")
         self._on = on
         self._default_case = None

instaui/components/mixins.py

@@ -1,12 +1,16 @@
-from typing import Dict, Protocol
+from __future__ import annotations
+from typing import Any, Dict, Protocol, TYPE_CHECKING, Union
 from typing_extensions import Self
 from instaui.vars.types import TMaybeRef
 
+if TYPE_CHECKING:
+    from instaui.components.element import Element
+
 
 class PropsProtocol(Protocol):
-    def props(self, props: Dict) -> Self: ...
+    def props(self, add: Union[str, Dict[str, Any], TMaybeRef]) -> Self: ...
 
 
 class CanDisabledMixin:
-    def disabled(self: PropsProtocol, disabled: TMaybeRef[bool] = True):
-        return self.props({"disabled": disabled})
+    def disabled(self: PropsProtocol, disabled: TMaybeRef[bool] = True) -> Element:
+        return self.props({"disabled": disabled})  # type: ignore

instaui/components/vfor.py

@@ -1,7 +1,6 @@
 from __future__ import annotations
 from typing import (
     Dict,
-    List,
     Literal,
     Mapping,
     Optional,
@@ -17,7 +16,10 @@ from instaui.components.component import Component
 from instaui.vars.vfor_item import VForItem, VForDict, VForWithIndex
 from instaui.runtime._app import get_app_slot, new_scope
 
-from instaui.vars.mixin_types.element_binding import ElementBindingMixin
+from instaui.vars.mixin_types.element_binding import (
+    ElementBindingMixin,
+    ElementBindingProtocol,
+)
 
 _T = TypeVar("_T")
 
@@ -25,7 +27,7 @@ _T = TypeVar("_T")
 class VFor(Component, Generic[_T]):
     def __init__(
         self,
-        data: Union[Sequence[_T], ElementBindingMixin[List[_T]]],
+        data: Union[Sequence[_T], ElementBindingProtocol],
         *,
         key: Union[Literal["item", "index"], str] = "index",
     ):
@@ -117,10 +119,10 @@ class VFor(Component, Generic[_T]):
 
     @overload
     @classmethod
-    def range(cls, end: ElementBindingMixin[int]) -> VFor[int]: ...
+    def range(cls, end: ElementBindingProtocol) -> VFor[int]: ...
 
     @classmethod
-    def range(cls, end: Union[int, ElementBindingMixin[int]]) -> VFor[int]:
+    def range(cls, end: Union[int, ElementBindingProtocol]) -> VFor[int]:
         obj = cls(None)  # type: ignore
 
         num = (  # type: ignore
@@ -135,6 +137,6 @@ class VFor(Component, Generic[_T]):
 
     @classmethod
     def from_dict(
-        cls, data: Union[Mapping, pydantic.BaseModel, ElementBindingMixin[Dict]]
+        cls, data: Union[Mapping, pydantic.BaseModel, ElementBindingProtocol]
     ):
         return VForDict(VFor(data))  # type: ignore

instaui/event/web_event.py

@@ -3,7 +3,11 @@ import typing
 from typing_extensions import ParamSpec
 from instaui.common.jsonable import Jsonable
 from instaui.runtime._app import get_current_scope, get_app_slot
-from instaui.vars.mixin_types.py_binding import CanInputMixin, CanOutputMixin
+from instaui.vars.mixin_types.py_binding import (
+    CanInputMixin,
+    CanOutputMixin,
+    _assert_outputs_be_can_output_mixin,
+)
 from instaui.handlers import event_handler
 from instaui import pre_setup as _pre_setup
 from .event_mixin import EventMixin
@@ -27,6 +31,8 @@ class WebEvent(Jsonable, EventMixin, typing.Generic[P, R]):
         if pre_setup:
             _pre_setup._check_args(pre_setup)
 
+        _assert_outputs_be_can_output_mixin(outputs)
+
         self._inputs = inputs
         self._outputs = outputs
         self._fn = fn

instaui/fastapi_server/_utils.py

@@ -1,12 +1,12 @@
-from typing import Any, Dict, List, Optional
+from typing import Any, Dict, List, Optional, Sequence
 from instaui.runtime._app import get_app_slot
-from instaui.skip import is_skip_output
+from instaui.response import response_data
 import pydantic
 
 
 class ResponseData(pydantic.BaseModel):
     values: Optional[List[Any]] = None
-    skips: Optional[List[int]] = None
+    types: Optional[Sequence[int]] = None
 
 
 def update_app_page_info(data: Dict):
@@ -22,21 +22,5 @@ def update_app_page_info(data: Dict):
         app._query_params = page_info["queryParams"]
 
 
-def response_data(outputs_binding_count: int, result: Any):
-    data = ResponseData()
-    if outputs_binding_count > 0:
-        if not isinstance(result, tuple):
-            result = [result]
-
-        result_infos = [(r, int(is_skip_output(r))) for r in result]
-
-        if len(result_infos) == 1 and result_infos[0][1] == 1:
-            return data
-
-        data.values = [0 if info[1] == 1 else info[0] for info in result_infos]
-        skips = [info[1] for info in result_infos]
-
-        if sum(skips) > 0:
-            data.skips = skips
-
-    return data
+def response_web_data(outputs_binding_count: int, result: Any):
+    return ResponseData(**response_data(outputs_binding_count, result))

instaui/fastapi_server/dependency_router.py

@@ -16,7 +16,11 @@ def _dependency_handler(app: FastAPI):
     def _(hash_part: str, file_name: str) -> FileResponse:
         hash_part_with_extend_paths = hash_part.split("/", maxsplit=1)
         hash_part = hash_part_with_extend_paths[0]
-        extend_path = None if len(hash_part_with_extend_paths) == 1 else hash_part_with_extend_paths[1]
+        extend_path = (
+            None
+            if len(hash_part_with_extend_paths) == 1
+            else hash_part_with_extend_paths[1]
+        )
 
         folder = resource.get_folder_path(hash_part)
         if extend_path:

instaui/fastapi_server/event_router.py

@@ -20,14 +20,14 @@ def _async_handler(app: FastAPI):
         if handler is None:
             return {"error": "event handler not found"}
 
-        assert inspect.iscoroutinefunction(
-            handler.fn
-        ), "handler must be a coroutine function"
+        assert inspect.iscoroutinefunction(handler.fn), (
+            "handler must be a coroutine function"
+        )
 
         _utils.update_app_page_info(data)
 
         result = await handler.fn(*handler.get_handler_args(_get_binds_from_data(data)))
-        return _utils.response_data(handler.outputs_binding_count, result)
+        return _utils.response_web_data(handler.outputs_binding_count, result)
 
 
 def _sync_handler(app: FastAPI):
@@ -41,7 +41,7 @@ def _sync_handler(app: FastAPI):
 
         result = handler.fn(*handler.get_handler_args(_get_binds_from_data(data)))
 
-        return _utils.response_data(handler.outputs_binding_count, result)
+        return _utils.response_web_data(handler.outputs_binding_count, result)
 
     if get_context().debug_mode:
 

instaui/fastapi_server/request_context.py

@@ -3,17 +3,18 @@ from typing import Optional
 from fastapi import Request
 from contextvars import ContextVar, Token
 
-current_request_ctx :ContextVar[Optional[Request]]= ContextVar("current_request", default=None)
+current_request_ctx: ContextVar[Optional[Request]] = ContextVar(
+    "current_request", default=None
+)
 
 
-
-def set_current_request(request: Request) :
+def set_current_request(request: Request):
     return current_request_ctx.set(request)
 
+
 def reset_current_request(token: Token) -> None:
     current_request_ctx.reset(token)
 
 
 def get_current_request() -> Request:
     return current_request_ctx.get()  # type: ignore
-

instaui/fastapi_server/watch_router.py

@@ -24,7 +24,7 @@ def _async_handler(app: FastAPI):
         result = await handler_info.fn(
             *handler_info.get_handler_args(_get_binds_from_data(data))
         )
-        return _utils.response_data(handler_info.outputs_binding_count, result)
+        return _utils.response_web_data(handler_info.outputs_binding_count, result)
 
 
 def _sync_handler(app: FastAPI):
@@ -40,7 +40,7 @@ def _sync_handler(app: FastAPI):
         result = handler_info.fn(
             *handler_info.get_handler_args(_get_binds_from_data(data))
         )
-        return _utils.response_data(handler_info.outputs_binding_count, result)
+        return _utils.response_web_data(handler_info.outputs_binding_count, result)
 
     if get_context().debug_mode:
 

instaui/patch_update.py

@@ -0,0 +1,54 @@
+from typing import Any, Iterable, Sequence, Union
+from instaui.common.jsonable import Jsonable
+
+
+class PatchSetRecord:
+    def __init__(self, *, path: Sequence[Union[str, int]], value: Any):
+        self.path = list(path)
+        self.value = value
+
+
+class PatchSet(Jsonable):
+    def __init__(self, records: Iterable[PatchSetRecord]):
+        self._records = list(records)
+
+    def patch_set(self, *, path: Sequence[Union[str, int]], value: Any):
+        return PatchSet([*self._records, PatchSetRecord(path=path, value=value)])
+
+    def _to_json_dict(self):
+        return [[r.path, r.value] for r in self._records]
+
+
+def patch_set(*, path: Sequence[Union[str, int]], value: Any):
+    """
+    Generates a patch to specify how data should be updated.
+
+    This function is typically used within the return value of functions
+    used in `ui.event` or `ui.watch`, indicating the way data modifications are applied.
+
+    Args:
+        path (Sequence[Union[str, int]]): A sequence representing the path to the item that needs to be updated.
+                                           Each element can either be a string (for dictionary keys) or an integer
+                                           (for list indices).
+        value (Any): The new value to set at the specified path. Can be of any type.
+
+    Example:
+    .. code-block:: python
+
+        data = ui.state(
+            {
+                "v1": ["a", "b", "c"],
+                "v2": ["x", "y", "z"],
+            }
+        )
+
+        @ui.event(outputs=[data])
+        def update_data():
+            # update the second element of "v1" to "foo"
+            return ui.patch_set(path=["v1", 1], value="foo")
+
+        html.button("update data").on_click(update_data)
+        ui.label(data)
+    """
+
+    return PatchSet([PatchSetRecord(path=path, value=value)])

instaui/response.py

@@ -0,0 +1,64 @@
+from typing import Any, List, Sequence, TypedDict
+from enum import IntEnum
+from instaui.common.jsonable import Jsonable
+from instaui.skip import is_skip_output
+from instaui.patch_update import PatchSet
+
+
+class TResponse(TypedDict, total=False):
+    values: List[Any]
+    types: Sequence[int]
+
+
+class ValueType(IntEnum):
+    VALUE = 0
+    SKIP = 1
+    Patch = 2
+
+
+def response_data(outputs_binding_count: int, result: Any):
+    data: TResponse = {}
+    if outputs_binding_count > 0:
+        if not isinstance(result, tuple):
+            result = [result]
+
+        returns_count = len(result)
+
+        # [(value, 1), (value, 0)]
+        result_infos = [
+            (_try_get_value_from_jsonable(r), convert_type(r)) for r in result
+        ]
+
+        if returns_count == 1 and result_infos[0][1] == ValueType.SKIP:
+            return data
+
+        # fill missing values with None
+        if returns_count < outputs_binding_count:
+            result_infos.extend(
+                [(None, ValueType.SKIP)] * (outputs_binding_count - returns_count)
+            )
+
+        data["values"] = [
+            0 if info[1] == ValueType.SKIP else info[0] for info in result_infos
+        ]
+        types = [info[1] for info in result_infos]
+
+        if sum(types) > 0:
+            data["types"] = types
+
+    return data
+
+
+def convert_type(value: Any):
+    if is_skip_output(value):
+        return ValueType.SKIP
+    if isinstance(value, PatchSet):
+        return ValueType.Patch
+    return ValueType.VALUE
+
+
+def _try_get_value_from_jsonable(value: Any) -> Any:
+    if isinstance(value, Jsonable):
+        return value._to_json_dict()
+
+    return value

instaui/spa_router/_file_base_utils.py

@@ -113,7 +113,7 @@ class _model_utils:
             if not self.fn_path:
                 return ""
 
-            return f"from .{self.fn_path.replace(' ','_')} import main as {self.main_fn_name()}"
+            return f"from .{self.fn_path.replace(' ', '_')} import main as {self.main_fn_name()}"
 
         def main_fn_name(self):
             if not self.fn_path:

instaui/static/insta-ui.css

@@ -1 +1 @@
-:root{color-scheme:light dark}:where(body){--insta-column-gap: 1rem;height:100vh}:where(*){box-sizing:border-box;margin:0;padding:0}:where(#app){height:100%}:where(.app-box,.insta-main){height:100%;overflow-y:auto}:where(.insta-main){--insta-padding: 16px;padding:var(--insta-padding, 16px)}
+.insta-themes:where([data-scaling="90%"]){--scaling: .9 }.insta-themes:where([data-scaling="95%"]){--scaling: .95 }.insta-themes:where([data-scaling="100%"]){--scaling: 1 }.insta-themes:where([data-scaling="105%"]){--scaling: 1.05 }.insta-themes:where([data-scaling="110%"]){--scaling: 1.1 }.insta-themes{--space-1: calc(4px* var(--scaling));--space-2: calc(8px* var(--scaling));--space-3: calc(12px* var(--scaling));--space-4: calc(16px* var(--scaling));--space-5: calc(24px* var(--scaling));--space-6: calc(32px* var(--scaling));--space-7: calc(40px* var(--scaling));--space-8: calc(48px* var(--scaling));--space-9: calc(64px* var(--scaling));--font-size-1: calc(12px* var(--scaling));--font-size-2: calc(14px* var(--scaling));--font-size-3: calc(16px* var(--scaling));--font-size-4: calc(18px* var(--scaling));--font-size-5: calc(20px* var(--scaling));--font-size-6: calc(24px* var(--scaling));--font-size-7: calc(28px* var(--scaling));--font-size-8: calc(35px* var(--scaling));--font-size-9: calc(60px* var(--scaling));--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-1: calc(16px* var(--scaling));--line-height-2: calc(20px* var(--scaling));--line-height-3: calc(24px* var(--scaling));--line-height-4: calc(26px* var(--scaling));--line-height-5: calc(28px* var(--scaling));--line-height-6: calc(30px* var(--scaling));--line-height-7: calc(36px* var(--scaling));--line-height-8: calc(40px* var(--scaling));--line-height-9: calc(60px* var(--scaling));--letter-spacing-1: .0025em;--letter-spacing-2: 0em;--letter-spacing-3: 0em;--letter-spacing-4: -.0025em;--letter-spacing-5: -.005em;--letter-spacing-6: -.00625em;--letter-spacing-7: -.0075em;--letter-spacing-8: -.01em;--letter-spacing-9: -.025em;--default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI (Custom)", Roboto, "Helvetica Neue", "Open Sans (Custom)", system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--default-font-size: var(--font-size-3);--default-font-style: normal;--default-font-weight: var(--font-weight-regular);--default-line-height: 1.5;--default-letter-spacing: 0em;--default-leading-trim-start: .42em;--default-leading-trim-end: .36em;--heading-font-family: var(--default-font-family);--heading-font-size-adjust: 1;--heading-font-style: normal;--heading-leading-trim-start: var(--default-leading-trim-start);--heading-leading-trim-end: var(--default-leading-trim-end);--heading-letter-spacing: 0em;--heading-line-height-1: calc(16px* var(--scaling));--heading-line-height-2: calc(18px* var(--scaling));--heading-line-height-3: calc(22px* var(--scaling));--heading-line-height-4: calc(24px* var(--scaling));--heading-line-height-5: calc(26px* var(--scaling));--heading-line-height-6: calc(30px* var(--scaling));--heading-line-height-7: calc(36px* var(--scaling));--heading-line-height-8: calc(40px* var(--scaling));--heading-line-height-9: calc(60px* var(--scaling));--strong-font-family: var(--default-font-family);--strong-font-size-adjust: 1;--strong-font-style: inherit;--strong-font-weight: var(--font-weight-bold);--strong-letter-spacing: 0em;--em-font-family: "Times New Roman", "Times", serif;--em-font-size-adjust: 1.18;--em-font-style: italic;--em-font-weight: inherit;--em-letter-spacing: -.025em;overflow-wrap:break-word;font-family:var(--default-font-family);font-size:var(--default-font-size);font-weight:var(--default-font-weight);font-style:var(--default-font-style);line-height:var(--default-line-height);letter-spacing:var(--default-letter-spacing);-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--container-1: 448px;--container-2: 688px;--container-3: 880px;--container-4: 1136px}.i-weight-light{font-weight:var(--font-weight-light)}.i-weight-regular{font-weight:var(--font-weight-regular)}.i-weight-medium{font-weight:var(--font-weight-medium)}.i-weight-bold{font-weight:var(--font-weight-bold)}.i-text-align-left{text-align:left}.i-text-align-center{text-align:center}.i-text-align-right{text-align:right}.insta-Heading:where(.i-size-1){font-size:calc(var(--font-size-1) * var(--heading-font-size-adjust));--line-height: var(--heading-line-height-1);letter-spacing:calc(var(-letter-spacing-1) + var(--heading-letter-spacing))}.insta-Heading:where(.i-size-2){font-size:calc(var(--font-size-2) * var(--heading-font-size-adjust));--line-height: var(--heading-line-height-2);letter-spacing:calc(var(-letter-spacing-2) + var(--heading-letter-spacing))}.insta-Heading:where(.i-size-3){font-size:calc(var(--font-size-3) * var(--heading-font-size-adjust));--line-height: var(--heading-line-height-3);letter-spacing:calc(var(-letter-spacing-3) + var(--heading-letter-spacing))}.insta-Heading:where(.i-size-4){font-size:calc(var(--font-size-4) * var(--heading-font-size-adjust));--line-height: var(--heading-line-height-4);letter-spacing:calc(var(-letter-spacing-4) + var(--heading-letter-spacing))}.insta-Heading:where(.i-size-5){font-size:calc(var(--font-size-5) * var(--heading-font-size-adjust));--line-height: var(--heading-line-height-5);letter-spacing:calc(var(-letter-spacing-5) + var(--heading-letter-spacing))}.insta-Heading:where(.i-size-6){font-size:calc(var(--font-size-6) * var(--heading-font-size-adjust));--line-height: var(--heading-line-height-6);letter-spacing:calc(var(-letter-spacing-6) + var(--heading-letter-spacing))}.insta-Heading:where(.i-size-7){font-size:calc(var(--font-size-7) * var(--heading-font-size-adjust));--line-height: var(--heading-line-height-7);letter-spacing:calc(var(-letter-spacing-7) + var(--heading-letter-spacing))}.insta-Heading:where(.i-size-8){font-size:calc(var(--font-size-8) * var(--heading-font-size-adjust));--line-height: var(--heading-line-height-8);letter-spacing:calc(var(-letter-spacing-8) + var(--heading-letter-spacing))}.insta-Heading:where(.i-size-9){font-size:calc(var(--font-size-9) * var(--heading-font-size-adjust));--line-height: var(--heading-line-height-9);letter-spacing:calc(var(-letter-spacing-9) + var(--heading-letter-spacing))}:root{color-scheme:light dark}:where(body){--insta-column-gap: 1rem;height:100vh}:where(*){box-sizing:border-box;margin:0;padding:0}:where(#app){height:100%}:where(.app-box,.insta-main){height:100%;overflow-y:auto}:where(.insta-main){--insta-padding: 16px;padding:var(--insta-padding, 16px)}