react-restyle-components 0.3.46 → 0.3.48

package/lib/src/core-components/src/core-components/Divider/Divider.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import { styled } from 'styled-components';
+import { colors } from '../../utils';
+// import {CardContext} from '../../components/Card/CardContext';
+import { dontForwardProps } from '../../utils';
+const CardContext = React.createContext({
+    isInsideCard: false,
+});
+export const StyledDivider = styled.hr.withConfig(dontForwardProps()) `
+  margin: 0;
+  border: 0;
+  border-top: 1px solid ${colors.neutralBrightest};
+
+  ${({ isInsideCard }) => isInsideCard &&
+    `margin-left: -1rem; 
+    margin-right: -1rem;`}
+`;
+export const Divider = (props) => {
+    const { isInsideCard } = useContext(CardContext);
+    return _jsx(StyledDivider, { isInsideCard: isInsideCard, ...props });
+};

package/lib/src/core-components/src/core-components/Divider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Divider';
+//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/core-components/Divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/core-components/Divider/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/lib/src/core-components/src/core-components/Divider/index.js

@@ -0,0 +1 @@
+export * from './Divider';

package/lib/src/core-components/src/core-components/SelectionCardStrip/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectionCardStrip } from './selectionCardStrip';
+//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/core-components/SelectionCardStrip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/core-components/SelectionCardStrip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/src/core-components/src/core-components/SelectionCardStrip/index.js

@@ -0,0 +1 @@
+export { SelectionCardStrip } from './selectionCardStrip';

package/lib/src/core-components/src/core-components/SelectionCardStrip/selectionCardStrip.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export type CardProps = {
+    selected?: boolean;
+    type?: 'selection' | 'default';
+    element?: string;
+};
+export declare const SelectionCardStrip: {
+    Wrapper: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & CardProps & {
+        checked?: boolean | undefined;
+        focused?: boolean | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+    InternalWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+        isDisabled: boolean;
+        disableSvgColorOverride?: boolean | undefined;
+    }>> & string;
+};
+//# sourceMappingURL=selectionCardStrip.d.ts.map

package/lib/src/core-components/src/core-components/SelectionCardStrip/selectionCardStrip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectionCardStrip.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/core-components/SelectionCardStrip/selectionCardStrip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAW5C,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAiEF,eAAO,MAAM,kBAAkB;;;;;;oBA5BjB,OAAO;;;CA+BpB,CAAC"}

package/lib/src/core-components/src/core-components/SelectionCardStrip/selectionCardStrip.js

@@ -0,0 +1,53 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { styled } from 'styled-components';
+// import {Card, CardProps} from '../../components/Card';
+import { createTransition, dontForwardProps } from '../../utils';
+import { colors } from '../../utils';
+import { toggleParentStyles } from '../ToggleCore';
+const Card = (props) => {
+    return _jsx("div", { ...props });
+};
+const StyledCard = styled(Card).withConfig(dontForwardProps()) `
+  display: inline-flex;
+  align-items: flex-start;
+  box-sizing: border-box;
+  text-align: left;
+  line-height: 1.3;
+  -moz-osx-font-smoothing: grayscale;
+
+  ${() => createTransition({
+    properties: ['box-shadow', 'background-color'],
+})}
+
+  ${toggleParentStyles};
+`;
+const Wrapper = React.forwardRef((props, fRef) => (_jsx(StyledCard, { ref: fRef, element: "label", type: "selection", selected: props.checked || props.focused, ...props })));
+const InternalWrapper = styled.div.withConfig(dontForwardProps()) `
+  display: flex;
+  z-index: 1;
+  width: 100%;
+  justify-content: center;
+  padding: 0.1rem 0 0 0;
+  ${createTransition({
+    properties: ['color'],
+})};
+
+  ${({ isDisabled }) => isDisabled &&
+    `
+      cursor: not-allowed;
+      color: ${colors.disabledText};
+`}
+  ${({ disableSvgColorOverride, isDisabled }) => !disableSvgColorOverride &&
+    `
+    svg path {
+      fill: none;
+      stroke: ${isDisabled && colors.disabledText};
+    }
+`}
+`;
+export const SelectionCardStrip = {
+    Wrapper,
+    InternalWrapper,
+};

package/lib/src/core-components/src/core-components/StateLayer.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StateLayer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+//# sourceMappingURL=StateLayer.d.ts.map

package/lib/src/core-components/src/core-components/StateLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StateLayer.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/src/core-components/StateLayer.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,UAAU,6NAUtB,CAAC"}

package/lib/src/core-components/src/core-components/StateLayer.js

@@ -0,0 +1,12 @@
+import { styled } from 'styled-components';
+export const StateLayer = styled.div `
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  z-index: 1;
+  background: currentColor;
+  opacity: var(--state-layer-none);
+`;

package/lib/src/core-components/src/core-components/ToggleCore/elements.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+type ToggleProps = {
+    $checked: boolean;
+    $showInteraction: boolean;
+    $indeterminate?: boolean;
+};
+export declare const CheckboxToggle: ({ ...props }: ToggleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioToggle: (props: ToggleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StyledDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<any, never>, never>> & string & Omit<(props: any) => import("react/jsx-runtime").JSX.Element, keyof React.Component<any, {}, any>>;
+export declare const HiddenInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+/** Add this style snippet to the label containing this ToggleCore component */
+export declare const toggleParentStyles: import("styled-components").RuleSet<object>;
+export {};
+//# sourceMappingURL=elements.d.ts.map

package/lib/src/core-components/src/core-components/ToggleCore/elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/core-components/ToggleCore/elements.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAuGF,eAAO,MAAM,cAAc,iBAAgB,WAAW,4CAMrD,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,WAAW,4CAI7C,CAAC;AAEF,eAAO,MAAM,iBAAiB,4LA7HT,GAAG,kFAuIvB,CAAC;AAEF,eAAO,MAAM,WAAW,kNAIvB,CAAC;AAEF,+EAA+E;AAC/E,eAAO,MAAM,kBAAkB,6CAoB9B,CAAC"}

package/lib/src/core-components/src/core-components/ToggleCore/elements.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { styled, css } from 'styled-components';
+import { createTransition } from '../../utils';
+import { StateLayer } from '../StateLayer';
+import { Icon } from '../../components';
+// import {Text} from '../../components/Text';
+const Text = (props) => {
+    return _jsx("span", { ...props });
+};
+const baseToggleStyles = css `
+  position: relative;
+  display: block;
+  box-sizing: border-box;
+  overflow: hidden;
+
+  width: 1.25rem;
+  height: 1.25rem;
+  flex-shrink: 0;
+  margin-right: var(--aui-spacing-100);
+
+  ${({ $showInteraction }) => $showInteraction &&
+    css `
+      // Transitions
+      &:before,
+      [data-aui='icon'],
+      ${StateLayer} {
+        ${createTransition({ properties: ['opacity'] })}
+      }
+
+      ${createTransition({
+        properties: ['box-shadow', 'background-color', 'color'],
+    })}
+
+      // Support keyboard focus
+      &:has(~ input:focus-visible) {
+        outline: 1px solid blue;
+      }
+
+      // Disabled styles
+      &:has(~ input:disabled) {
+        opacity: var(--aui-state-layer-on-disabled);
+      }
+    `}
+`;
+const StyledCheckbox = styled.span `
+  [data-aui='icon-check'],
+  [data-aui='icon-minus'] {
+    position: absolute;
+    inset: 0;
+    margin: auto;
+    transition: opacity 0.15s;
+    pointer-events: none;
+  }
+  ${baseToggleStyles};
+
+  border-radius: var(--aui-border-radius-050);
+
+  ${({ $checked, $indeterminate }) => $checked || $indeterminate
+    ? css `
+          box-shadow: 0 0 0 1px var(--aui-inverse-surface) inset;
+          background: var(--aui-inverse-surface);
+          color: var(--aui-inverse-on-surface);
+        `
+    : css `
+          box-shadow: 0 0 0 1px var(--aui-outline) inset;
+          background: var(--aui-surface);
+          color: var(--aui-on-surface);
+        `}
+`;
+const CheckIcon = styled(Icon.SSR) `
+  opacity: ${({ $checked }) => ($checked ? 1 : 0)};
+`;
+const MinusIcon = styled(Icon.SSR) `
+  opacity: ${({ $checked, $indeterminate }) => !$checked && $indeterminate ? 1 : 0};
+`;
+const StyledRadio = styled.span `
+  ${baseToggleStyles};
+
+  border-radius: var(--aui-border-radius-round);
+  background: var(--aui-surface);
+
+  ${({ $checked }) => $checked
+    ? css `
+          box-shadow: 0 0 0 2px var(--aui-inverse-surface) inset;
+        `
+    : css `
+          box-shadow: 0 0 0 1px var(--aui-outline) inset;
+        `}
+
+  &:before {
+    content: '';
+    position: absolute;
+    border-radius: var(--aui-border-radius-round);
+    width: 0.625rem;
+    height: 0.625rem;
+    top: 0.3125rem;
+    left: 0.3125rem;
+    background: var(--aui-inverse-surface);
+    opacity: ${({ $checked }) => ($checked ? '1' : '0')};
+  }
+`;
+export const CheckboxToggle = ({ ...props }) => (_jsxs(StyledCheckbox, { ...props, children: [_jsx(StateLayer, {}), _jsx(Icon, { nameIcon: "IoIosCheckmarkCircleOutline" }), _jsx(Icon, { nameIcon: "FaMinusCircle" })] }));
+export const RadioToggle = (props) => (_jsx(StyledRadio, { ...props, children: _jsx(StateLayer, {}) }));
+export const StyledDescription = styled(Text).attrs({
+    size: 2,
+}) `
+  color: var(--aui-on-surface);
+  line-height: 1.3;
+
+  &:has(~ input:disabled) {
+    opacity: var(--aui-state-layer-on-disabled);
+    cursor: not-allowed;
+  }
+`;
+export const HiddenInput = styled.input `
+  position: fixed;
+  opacity: 0;
+  pointer-events: none;
+`;
+/** Add this style snippet to the label containing this ToggleCore component */
+export const toggleParentStyles = css `
+  &:not(:has(input:disabled)) {
+    &:hover
+      ${StyledCheckbox}
+      ${StateLayer},
+      &:hover
+      ${StyledRadio}
+      ${StateLayer} {
+      opacity: var(--aui-state-layer-hover);
+    }
+
+    &:active
+      ${StyledCheckbox}
+      ${StateLayer},
+      &:hover
+      ${StyledRadio}
+      ${StateLayer} {
+      opacity: var(--aui-state-layer-press);
+    }
+  }
+`;

package/lib/src/core-components/src/core-components/ToggleCore/index.d.ts

@@ -0,0 +1,3 @@
+export { ToggleCore } from './toggleCore';
+export { toggleParentStyles } from './elements';
+//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/core-components/ToggleCore/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/core-components/ToggleCore/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}

package/lib/src/core-components/src/core-components/ToggleCore/index.js

@@ -0,0 +1,2 @@
+export { ToggleCore } from './toggleCore';
+export { toggleParentStyles } from './elements';

package/lib/src/core-components/src/core-components/ToggleCore/toggleCore.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export type ToggleCoreProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    children?: React.ReactNode;
+    isToggleShowing?: boolean;
+    /** When inside ActionCard, set this to false to let the parent show interaction styles */
+    showInteraction?: boolean;
+    /** @deprecated */
+    onFocusChange?: (boolean: any) => void;
+    toggleType: 'checkbox' | 'radio';
+    indeterminate?: boolean;
+};
+/** To apply hover states, apply `toggleParentStyles` to the label containing this component */
+export declare const ToggleCore: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+    children?: React.ReactNode;
+    isToggleShowing?: boolean | undefined;
+    /** When inside ActionCard, set this to false to let the parent show interaction styles */
+    showInteraction?: boolean | undefined;
+    /** @deprecated */
+    onFocusChange?: ((boolean: any) => void) | undefined;
+    toggleType: 'checkbox' | 'radio';
+    indeterminate?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=toggleCore.d.ts.map

package/lib/src/core-components/src/core-components/ToggleCore/toggleCore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggleCore.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/core-components/ToggleCore/toggleCore.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC1E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0FAA0F;IAC1F,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB;IAClB,aAAa,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,+FAA+F;AAC/F,eAAO,MAAM,UAAU;eAXV,MAAM,SAAS;;IAE1B,0FAA0F;;IAE1F,kBAAkB;uCACW,IAAI;gBACrB,UAAU,GAAG,OAAO;;0CAuDjC,CAAC"}

package/lib/src/core-components/src/core-components/ToggleCore/toggleCore.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { useId } from '../../utils';
+import { CheckboxToggle, RadioToggle, StyledDescription, HiddenInput, } from './elements';
+/** To apply hover states, apply `toggleParentStyles` to the label containing this component */
+export const ToggleCore = React.forwardRef(({ id, children, checked, isToggleShowing = true, showInteraction = true, onFocusChange, toggleType, indeterminate = false, ...rest }, ref) => {
+    const inputId = useId(toggleType, id);
+    if (typeof children === 'string') {
+        children = _jsx(StyledDescription, { children: children });
+    }
+    const ToggleComponent = toggleType === 'checkbox' ? CheckboxToggle : RadioToggle;
+    return (_jsxs(_Fragment, { children: [isToggleShowing && (_jsx(ToggleComponent, { "$checked": checked ?? false, "$showInteraction": showInteraction, "$indeterminate": indeterminate })), children, _jsx(HiddenInput, { readOnly: true, id: inputId, ref: ref, ...rest, checked: checked, type: toggleType, onFocus: () => onFocusChange?.(true), onBlur: () => onFocusChange?.(false), "aria-checked": indeterminate ? 'mixed' : undefined })] }));
+});

package/lib/src/core-components/src/core-components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './SelectionCardStrip/index';
+export * from './StateLayer';
+export * from './ToggleCore/index';
+//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/core-components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/src/core-components/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC"}

package/lib/src/core-components/src/core-components/index.js

@@ -0,0 +1,3 @@
+export * from './SelectionCardStrip/index';
+export * from './StateLayer';
+export * from './ToggleCore/index';

package/lib/src/core-components/src/index.css

@@ -1,3 +1,4 @@
+@import "./assets/css/tokens.css";
 @tailwind base;
 @tailwind components;
 @tailwind utilities;

package/lib/src/core-components/src/index.d.ts

@@ -1,2 +1,3 @@
+import "./assets/css/tokens.css";
 import './index.css';
 //# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core-components/src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core-components/src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,yBAAyB,CAAC;AACjC,OAAO,aAAa,CAAC"}

package/lib/src/core-components/src/index.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import ReactDOM from 'react-dom/client';
+import "./assets/css/tokens.css";
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';

package/lib/src/core-components/src/tc.module.css

@@ -1 +1,3 @@
-*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}@font-face{font-family:ArimaRegular;src:url(library/assets/fonts/arima/arima-regular.ttf)}.container{width:100%}@media (min-width:0px){.container{max-width:0}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}table{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}table:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}table tr:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}select:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-0{left:0}.left-10{left:2.5rem}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-10{top:2.5rem}.-z-1{z-index:-1}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-99{z-index:99}.float-right{float:right}.m-10{margin:2.5rem}.-my-2{margin-bottom:-.5rem;margin-top:-.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-8{margin-left:2rem;margin-right:2rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-auto{margin-bottom:auto;margin-top:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-3{margin-right:.75rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-auto{height:auto}.max-h-48{max-height:12rem}.max-h-60{max-height:15rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.min-h-10{min-height:2.5rem}.w-10{width:2.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-auto{width:auto}.w-fit{width:-webkit-fit-content;width:fit-content}.w-full{width:100%}.min-w-32{min-width:8rem}.min-w-80{min-width:20rem}.max-w-32{max-width:8rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-1\/2{--tw-translate-x:50%}.transform,.translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-100px{border-radius:100px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-b{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-b-md{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-orange{--tw-border-opacity:1;border-color:rgb(255 174 26/var(--tw-border-opacity,1))}.border-red{--tw-border-opacity:1;border-color:rgb(255 0 0/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.bg-\[\#007BFF\]{--tw-bg-opacity:1;background-color:rgb(0 123 255/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-700{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.bg-orange{--tw-bg-opacity:1;background-color:rgb(255 174 26/var(--tw-bg-opacity,1))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-none{background-image:none}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-top:.5rem}.pb-2,.py-2{padding-bottom:.5rem}.pr-2{padding-right:.5rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-arimaRegular{font-family:ArimaRegular}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-4{line-height:1rem}.leading-none{line-height:1}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-current{color:currentColor}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-red{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-width{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{font-family:Arima Regular;font-size:14px}.ps__rail-y{background:none!important}.scrollbar-container{width:97%!important}.dropdown-menu{min-width:3rem}.w-md-editor-show-live{height:800!important}.bg-orange1{background-color:"#EF4444"}.react-pdf__Page__canvas{max-width:100vw!important;min-height:100vh!important}.outer-box{border:2px solid #333;height:400px;overflow:hidden;position:relative;width:300px}.parent-container{background:#f0f0f0;padding:20px;position:relative}.menu{background:#fff;border:1px solid #ccc;box-shadow:0 4px 6px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%}.menu ul{list-style:none;margin:0;padding:0}.menu li{border-bottom:1px solid #ddd;padding:10px}.menu li:last-child{border-bottom:none}.border-t-2{border-top-width:2px}.border-b-2{border-bottom-width:2px}.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.hover\:bg-\[\#007BFF\]:hover{--tw-bg-opacity:1;background-color:rgb(0 123 255/var(--tw-bg-opacity,1))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-opacity-10:hover{--tw-bg-opacity:0.1}.hover\:text-red:hover{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity,1))}.focus\:ring-offset-1:focus{--tw-ring-offset-width:1px}.active\:bg-green-600:active{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.dark\:border-gray-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:bg-black:is(.dark *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.dark\:bg-boxdark:is(.dark *){--tw-bg-opacity:1;background-color:rgb(36 48 63/var(--tw-bg-opacity,1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:text-black:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:ring-offset-gray-800:is(.dark *){--tw-ring-offset-color:#1f2937}.dark\:hover\:bg-gray-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.dark\:focus\:ring-blue-600:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}@media (min-width:0px) and (max-width:767px){.sm\:block{display:block}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}
+:root{--border-radius-100:0.5rem;--border-radius-200:1rem;--border-radius-300:1.5rem;--border-radius-400:2rem;--border-radius-none:0rem;--border-radius-round:10000rem;--border-radius-025:0.125rem;--border-radius-050:0.25rem;--breakpoints-xs:20rem;--breakpoints-sm:23.4375rem;--breakpoints-md:48rem;--breakpoints-lg:64rem;--breakpoints-xl:80rem;--breakpoints-xxl:90rem;--opacity-10:10%;--opacity-12:12%;--opacity-20:20%;--opacity-30:30%;--opacity-40:40%;--opacity-50:50%;--opacity-60:60%;--opacity-70:70%;--opacity-75:75%;--opacity-80:80%;--opacity-90:90%;--opacity-100:100%;--opacity-none:0%;--opacity-04:4%;--opacity-08:8%;--spacing-100:0.5rem;--spacing-150:0.75rem;--spacing-200:1rem;--spacing-300:1.5rem;--spacing-400:2rem;--spacing-500:2.5rem;--spacing-600:3rem;--spacing-800:4rem;--spacing-1000:5rem;--spacing-1200:6rem;--spacing-000:0rem;--spacing-025:0.125rem;--spacing-050:0.25rem;--spacing-075:0.375rem;--state-layer-none:0%;--state-layer-hover:8%;--state-layer-press:12%;--state-layer-disabled:12%;--state-layer-on-disabled:30%;--state-layer-read-only:8%;--state-layer-on-read-only:70%;--state-layer-press-card:4%;--stroke-card:0.0625rem;--stroke-selected-card-hover:0.125rem;--stroke-divider:0.0625rem}.theme-dark{--brand-white:#fff;--brand-black:#0c0e11;--brand-theme-purple:#8223d2;--brand-theme-yellow:#d2fa46;--brand-theme-blue:#4a68f9;--brand-theme-green:#6efac3;--sub-surface:#040308;--surface:#130f17;--surface-variant:#1e1a22;--on-surface:#f8eef9;--on-surface-soft:#cdc4ce;--outline:#7c757e;--outline-soft:#4a454e;--scrim-overlay:#0c0e1180;--elevated-level-01:#221e26;--elevated-level-02:#29242c;--elevated-level-03:#2d2830;--elevated-dynamic-card:#edddf60a;--primary:#ddb7ff;--on-primary:#1c0334;--primary-soft:#410071;--on-primary-soft:#ddb7ff;--secondary:#4e4356;--on-secondary:#edddf6;--neutral:#f8eef9;--on-neutral:#130f17;--neutral-soft:#4a454e;--on-neutral-soft:#e9dfeb;--inverse-surface:#e9dfeb;--inverse-on-surface:#130f17;--inverse-primary:#8223d2;--status-success-soft:#0b4521;--status-on-success-soft:#c5ffc8;--status-success:#47e26f;--status-on-success:#0a2415;--status-error-soft:#7d000f;--status-on-error-soft:#ffeae9;--status-error:#ffb3ad;--status-on-error:#470306;--status-warning-soft:#e7c500;--status-on-warning-soft:#3a3000;--status-warning:#ffe264;--status-on-warning:#221b00;--accent-red:#ffb2b9;--accent-on-red:#40000f;--accent-red-soft:#7c0026;--accent-on-red-soft:#ffeced;--accent-orange:#ffb690;--accent-on-orange:#341100;--accent-orange-soft:#632700;--accent-on-orange-soft:#ffede6;--accent-tennis:#dcff66;--accent-on-tennis:#171e00;--accent-tennis-soft:#334000;--accent-on-tennis-soft:#dcff66;--accent-green:#65f2bc;--accent-on-green:#002115;--accent-green-soft:#004530;--accent-on-green-soft:#bdffdf;--accent-teal:#2fd9f4;--accent-on-teal:#001f25;--accent-teal-soft:#00424c;--accent-on-teal-soft:#d4f7ff;--accent-blue:#bac3ff;--accent-on-blue:#001159;--accent-blue-soft:#061e77;--accent-on-blue-soft:#f0efff;--accent-purple:#ddb7ff;--accent-on-purple:#1c0334;--accent-purple-soft:#410071;--accent-on-purple-soft:#ddb7ff;--fills-surface-contrast:#f8eef90a;--fills-surface-contrast-inverse:#130f1714;--fills-drop-shadow:#160d1e26;--fills-actions-pressed-shadow:#ffffff14;--fills-cards-pressed-shadow:#0c0e110a;--fills-sticker-opacity:100%;--gradient-dark-stop-1:#ca93ff;--gradient-dark-stop-2:#f2aeff;--gradient-light-stop-1:#370f5b;--gradient-light-stop-2:#001a42}.theme-light,:root{--brand-white:#fff;--brand-black:#0c0e11;--brand-theme-purple:#8223d2;--brand-theme-yellow:#d2fa46;--brand-theme-blue:#4a68f9;--brand-theme-green:#6efac3;--sub-surface:#f1f0f4;--surface:#fff;--surface-variant:#faf9fc;--on-surface:#1a1c1e;--on-surface-soft:#5d5e61;--outline:#c6c6ca;--outline-soft:#eeedf1;--scrim-overlay:#0c0e1180;--elevated-level-01:#fff;--elevated-level-02:#fff;--elevated-level-03:#fff;--elevated-dynamic-card:#fff;--primary:#8223d2;--on-primary:#fff;--primary-soft:#faecff;--on-primary-soft:#590099;--secondary:#edddf6;--on-secondary:#211829;--neutral:#1a1c1e;--on-neutral:#fff;--neutral-soft:#f1f0f4;--on-neutral-soft:#2f3033;--inverse-surface:#252629;--inverse-on-surface:#fff;--inverse-primary:#ca93ff;--status-success-soft:#c5ffc8;--status-on-success-soft:#062011;--status-success:#136d31;--status-on-success:#c5ffc8;--status-error-soft:#ffdad7;--status-on-error-soft:#410004;--status-error:#b91a24;--status-on-error:#ffeae9;--status-warning-soft:#fff0c0;--status-on-warning-soft:#3a3000;--status-warning:#e7c500;--status-on-warning:#524609;--accent-red:#b91641;--accent-on-red:#fff8f7;--accent-red-soft:#ffe1e2;--accent-on-red-soft:#67001e;--accent-orange:#ec6a06;--accent-on-orange:#fff8f6;--accent-orange-soft:#ffe2d5;--accent-on-orange-soft:#552100;--accent-tennis:#d2fa46;--accent-on-tennis:#171e00;--accent-tennis-soft:#e5ff8d;--accent-on-tennis-soft:#293500;--accent-green:#6efac3;--accent-on-green:#002115;--accent-green-soft:#ccffe5;--accent-on-green-soft:#003826;--accent-teal:#2fd9f4;--accent-on-teal:#001f25;--accent-teal-soft:#ddf9ff;--accent-on-teal-soft:#00363e;--accent-blue:#4a68f9;--accent-on-blue:#fbf8ff;--accent-blue-soft:#f4f2ff;--accent-on-blue-soft:#00208d;--accent-purple:#8223d2;--accent-on-purple:#fff;--accent-purple-soft:#faecff;--accent-on-purple-soft:#590099;--fills-surface-contrast:#0c0e110a;--fills-surface-contrast-inverse:#ffffff14;--fills-drop-shadow:#0c0e110a;--fills-actions-pressed-shadow:#0c0e1114;--fills-cards-pressed-shadow:#0c0e110a;--fills-sticker-opacity:0%;--gradient-dark-stop-1:#6900b3;--gradient-dark-stop-2:#991bbd;--gradient-light-stop-1:#faecff;--gradient-light-stop-2:#effcff}.partner-dark{--brand-white:#fff;--brand-black:#0c0e11;--brand-theme-purple:#8223d2;--brand-theme-yellow:#d2fa46;--brand-theme-blue:#4a68f9;--brand-theme-green:#6efac3;--sub-surface:#030405;--surface:#0f1114;--surface-variant:#1a1c1e;--on-surface:#f1f0f4;--on-surface-soft:#c6c6ca;--outline:#76777a;--outline-soft:#46474a;--scrim-overlay:#0c0e1180;--elevated-level-01:#1e2022;--elevated-level-02:#252629;--elevated-level-03:#292a2d;--elevated-dynamic-card:#e3e2e60a;--primary:#fff;--on-primary:#0f1114;--primary-soft:#292a2d;--on-primary-soft:#fff;--secondary:#46474a;--on-secondary:#e3e2e6;--neutral:#f1f0f4;--on-neutral:#0f1114;--neutral-soft:#46474a;--on-neutral-soft:#e3e2e6;--inverse-surface:#e3e2e6;--inverse-on-surface:#0f1114;--inverse-primary:#46474a;--status-success-soft:#0b4521;--status-on-success-soft:#c5ffc8;--status-success:#47e26f;--status-on-success:#0a2415;--status-error-soft:#7d000f;--status-on-error-soft:#ffeae9;--status-error:#ffb3ad;--status-on-error:#470306;--status-warning-soft:#e7c500;--status-on-warning-soft:#3a3000;--status-warning:#ffe264;--status-on-warning:#221b00;--accent-red:#ffb2b9;--accent-on-red:#40000f;--accent-red-soft:#7c0026;--accent-on-red-soft:#ffeced;--accent-orange:#ffb690;--accent-on-orange:#341100;--accent-orange-soft:#632700;--accent-on-orange-soft:#ffede6;--accent-tennis:#d2fa46;--accent-on-tennis:#171e00;--accent-tennis-soft:#334000;--accent-on-tennis-soft:#dcff66;--accent-green:#65f2bc;--accent-on-green:#002115;--accent-green-soft:#004530;--accent-on-green-soft:#bdffdf;--accent-teal:#2fd9f4;--accent-on-teal:#001f25;--accent-teal-soft:#00424c;--accent-on-teal-soft:#d4f7ff;--accent-blue:#bac3ff;--accent-on-blue:#001159;--accent-blue-soft:#061e77;--accent-on-blue-soft:#f0efff;--accent-purple:#ddb7ff;--accent-on-purple:#1c0334;--accent-purple-soft:#410071;--accent-on-purple-soft:#ddb7ff;--fills-surface-contrast:#ffffff0a;--fills-surface-contrast-inverse:#0c0e1114;--fills-drop-shadow:#0c0e1126;--fills-actions-pressed-shadow:#ffffff14;--fills-cards-pressed-shadow:#0c0e110a;--fills-sticker-opacity:100%;--gradient-dark-stop-1:#ca93ff;--gradient-dark-stop-2:#f2aeff;--gradient-light-stop-1:#370f5b;--gradient-light-stop-2:#001a42}.partner-light{--brand-white:#fff;--brand-black:#0c0e11;--brand-theme-purple:#8223d2;--brand-theme-yellow:#d2fa46;--brand-theme-blue:#4a68f9;--brand-theme-green:#6efac3;--sub-surface:#f1f0f4;--surface:#fff;--surface-variant:#faf9fc;--on-surface:#1a1c1e;--on-surface-soft:#5d5e61;--outline:#c6c6ca;--outline-soft:#eeedf1;--scrim-overlay:#0c0e1180;--elevated-level-01:#fff;--elevated-level-02:#fff;--elevated-level-03:#fff;--elevated-dynamic-card:#fff;--primary:#0c0e11;--on-primary:#fff;--primary-soft:#f1f0f4;--on-primary-soft:#3a3b3e;--secondary:#e3e2e6;--on-secondary:#1a1c1e;--neutral:#1a1c1e;--on-neutral:#fff;--neutral-soft:#f1f0f4;--on-neutral-soft:#2f3033;--inverse-surface:#252629;--inverse-on-surface:#fff;--inverse-primary:#e3e2e6;--status-success-soft:#c5ffc8;--status-on-success-soft:#062011;--status-success:#136d31;--status-on-success:#c5ffc8;--status-error-soft:#ffdad7;--status-on-error-soft:#410004;--status-error:#b91a24;--status-on-error:#ffeae9;--status-warning-soft:#fff0c0;--status-on-warning-soft:#3a3000;--status-warning:#e7c500;--status-on-warning:#524609;--accent-red:#b91641;--accent-on-red:#fff8f7;--accent-red-soft:#fff0f1;--accent-on-red-soft:#67001e;--accent-orange:#ec6a06;--accent-on-orange:#fff8f6;--accent-orange-soft:#fff1eb;--accent-on-orange-soft:#552100;--accent-tennis:#d2fa46;--accent-on-tennis:#171e00;--accent-tennis-soft:#e5ff8d;--accent-on-tennis-soft:#293500;--accent-green:#6efac3;--accent-on-green:#002115;--accent-green-soft:#ccffe5;--accent-on-green-soft:#003826;--accent-teal:#2fd9f4;--accent-on-teal:#001f25;--accent-teal-soft:#ddf9ff;--accent-on-teal-soft:#00363e;--accent-blue:#4a68f9;--accent-on-blue:#fbf8ff;--accent-blue-soft:#f4f2ff;--accent-on-blue-soft:#00208d;--accent-purple:#8223d2;--accent-on-purple:#fff;--accent-purple-soft:#faecff;--accent-on-purple-soft:#590099;--fills-surface-contrast:#0c0e110a;--fills-surface-contrast-inverse:#ffffff14;--fills-drop-shadow:#0c0e110a;--fills-actions-pressed-shadow:#0c0e1114;--fills-cards-pressed-shadow:#0c0e110a;--fills-sticker-opacity:0%;--gradient-dark-stop-1:#6900b3;--gradient-dark-stop-2:#991bbd;--gradient-light-stop-1:#faecff;--gradient-light-stop-2:#f0efff}.partner-dark,.partner-light,.theme-dark,.theme-light,:root{--action-outline-fill:var(--fills-surface-contrast-inverse);--action-border-radius:var(--border-radius-round);--tag-on-theme-alt:var(--on-secondary);--tag-theme-alt:var(--secondary);--action-inactive-toggle-stroke:var(--outline-soft);--action-inactive-toggle-surface:var(--surface-variant);--action-on-surface:var(--on-surface);--action-outline-action:var(--on-surface);--action-on-tonal-action:var(--on-secondary);--action-tonal-action:var(--secondary);--tag-on-theme:var(--on-primary);--action-on-filled-action:var(--on-primary);--tag-theme:var(--primary);--action-subtle-engaged:var(--primary);--action-filled-action:var(--primary)}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
+
+/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}@font-face{font-family:ArimaRegular;src:url(library/assets/fonts/arima/arima-regular.ttf)}.container{width:100%}@media (min-width:0px){.container{max-width:0}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}table{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}table:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}table tr:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}select:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-0{left:0}.left-10{left:2.5rem}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-10{top:2.5rem}.isolate{isolation:isolate}.-z-1{z-index:-1}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-99{z-index:99}.float-right{float:right}.m-10{margin:2.5rem}.-my-2{margin-bottom:-.5rem;margin-top:-.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-8{margin-left:2rem;margin-right:2rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-auto{margin-bottom:auto;margin-top:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-3{margin-right:.75rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-auto{height:auto}.max-h-48{max-height:12rem}.max-h-60{max-height:15rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.min-h-10{min-height:2.5rem}.w-10{width:2.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-auto{width:auto}.w-fit{width:-webkit-fit-content;width:fit-content}.w-full{width:100%}.min-w-32{min-width:8rem}.min-w-80{min-width:20rem}.max-w-32{max-width:8rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-1\/2{--tw-translate-x:50%}.transform,.translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-100px{border-radius:100px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-b{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-b-md{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-orange{--tw-border-opacity:1;border-color:rgb(255 174 26/var(--tw-border-opacity,1))}.border-red{--tw-border-opacity:1;border-color:rgb(255 0 0/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.bg-\[\#007BFF\]{--tw-bg-opacity:1;background-color:rgb(0 123 255/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-700{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.bg-orange{--tw-bg-opacity:1;background-color:rgb(255 174 26/var(--tw-bg-opacity,1))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-none{background-image:none}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-top:.5rem}.pb-2,.py-2{padding-bottom:.5rem}.pr-2{padding-right:.5rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-arimaRegular{font-family:ArimaRegular}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-4{line-height:1rem}.leading-none{line-height:1}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-current{color:currentColor}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-red{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-width{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}body{font-family:Arima Regular;font-size:14px}.ps__rail-y{background:none!important}.scrollbar-container{width:97%!important}.dropdown-menu{min-width:3rem}.w-md-editor-show-live{height:800!important}.bg-orange1{background-color:"#EF4444"}.react-pdf__Page__canvas{max-width:100vw!important;min-height:100vh!important}.outer-box{border:2px solid #333;height:400px;overflow:hidden;position:relative;width:300px}.parent-container{background:#f0f0f0;padding:20px;position:relative}.menu{background:#fff;border:1px solid #ccc;box-shadow:0 4px 6px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%}.menu ul{list-style:none;margin:0;padding:0}.menu li{border-bottom:1px solid #ddd;padding:10px}.menu li:last-child{border-bottom:none}.border-t-2{border-top-width:2px}.border-b-2{border-bottom-width:2px}.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.hover\:bg-\[\#007BFF\]:hover{--tw-bg-opacity:1;background-color:rgb(0 123 255/var(--tw-bg-opacity,1))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-opacity-10:hover{--tw-bg-opacity:0.1}.hover\:text-red:hover{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity,1))}.focus\:ring-offset-1:focus{--tw-ring-offset-width:1px}.active\:bg-green-600:active{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.dark\:border-gray-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:bg-black:is(.dark *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.dark\:bg-boxdark:is(.dark *){--tw-bg-opacity:1;background-color:rgb(36 48 63/var(--tw-bg-opacity,1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:text-black:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:ring-offset-gray-800:is(.dark *){--tw-ring-offset-color:#1f2937}.dark\:hover\:bg-gray-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.dark\:focus\:ring-blue-600:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}@media (min-width:0px) and (max-width:767px){.sm\:block{display:block}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}

package/lib/src/core-components/src/utils/abstracts/breakpoints/index.d.ts

@@ -0,0 +1,29 @@
+export declare enum Size {
+    SM = 375,
+    MD = 768,
+    MD2 = 1024,
+    LG = 1280,
+    XL = 1440,
+    XXL = 1920
+}
+export declare const breakpoints: {
+    readonly smMax: "max-width: 425px";
+    readonly mdMin: "min-width: 426px";
+    readonly lgMin: "min-width: 769px";
+    readonly xs: `@media (max-width: ${number}px)`;
+    readonly sm: "@media (min-width: 375px)";
+    readonly smOnly: `@media (min-width: 375px) and (max-width: ${number}px)`;
+    readonly md: "@media (min-width: 768px)";
+    readonly mdOnly: `@media (min-width: 768px) and (max-width: ${number}px)`;
+    readonly md2: "@media (min-width: 1024px)";
+    readonly md2Only: `@media (min-width: 1024px) and (max-width: ${number}px)`;
+    readonly lg: "@media (min-width: 1280px)";
+    readonly lgOnly: `@media (min-width: 1280px) and (max-width: ${number}px)`;
+    readonly xl: "@media (min-width: 1440px)";
+    readonly xlOnly: `@media (min-width: 1440px) and (max-width: ${number}px)`;
+    readonly xxl: "@media (min-width: 1920px)";
+};
+type BreakpointKey = keyof typeof breakpoints;
+export type BreakpointValue = (typeof breakpoints)[BreakpointKey];
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/src/core-components/src/utils/abstracts/breakpoints/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/utils/abstracts/breakpoints/index.ts"],"names":[],"mappings":"AAAA,oBAAY,IAAI;IACd,EAAE,MAAM;IACR,EAAE,MAAM;IACR,GAAG,OAAO;IACV,EAAE,OAAO;IACT,EAAE,OAAO;IACT,GAAG,OAAO;CACX;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;CAqBd,CAAC;AAEX,KAAK,aAAa,GAAG,MAAM,OAAO,WAAW,CAAC;AAC9C,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,aAAa,CAAC,CAAC"}

package/lib/src/core-components/src/utils/abstracts/breakpoints/index.js

@@ -0,0 +1,28 @@
+export var Size;
+(function (Size) {
+    Size[Size["SM"] = 375] = "SM";
+    Size[Size["MD"] = 768] = "MD";
+    Size[Size["MD2"] = 1024] = "MD2";
+    Size[Size["LG"] = 1280] = "LG";
+    Size[Size["XL"] = 1440] = "XL";
+    Size[Size["XXL"] = 1920] = "XXL";
+})(Size || (Size = {}));
+export const breakpoints = {
+    // For backward compatibility
+    smMax: `max-width: 425px`,
+    mdMin: `min-width: 426px`,
+    lgMin: `min-width: 769px`,
+    // Media queries for breakpoints
+    xs: `@media (max-width: ${Size.SM - 1}px)`,
+    sm: `@media (min-width: ${Size.SM}px)`,
+    smOnly: `@media (min-width: ${Size.SM}px) and (max-width: ${Size.MD - 1}px)`,
+    md: `@media (min-width: ${Size.MD}px)`,
+    mdOnly: `@media (min-width: ${Size.MD}px) and (max-width: ${Size.LG - 1}px)`,
+    md2: `@media (min-width: ${Size.MD2}px)`,
+    md2Only: `@media (min-width: ${Size.MD2}px) and (max-width: ${Size.LG - 1}px)`,
+    lg: `@media (min-width: ${Size.LG}px)`,
+    lgOnly: `@media (min-width: ${Size.LG}px) and (max-width: ${Size.XL - 1}px)`,
+    xl: `@media (min-width: ${Size.XL}px)`,
+    xlOnly: `@media (min-width: ${Size.XL}px) and (max-width: ${Size.XXL - 1}px)`,
+    xxl: `@media (min-width: ${Size.XXL}px)`,
+};