html,
body,
#main {
box-sizing: border-box;
margin: 0;
padding: 0;
}
:root {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
* {
box-sizing: border-box;
-webkit-font-smoothing: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure {
margin: 0;
}
body,
input,
textarea,
select,
button {
font-family: sans-serif;
font-size: 12px;
}
body {
--token-53ac5080-809d-430f-8c22-cd6ed2fb990c: #f2f2f2;
--token-1a0abee7-397d-4863-a181-709f5463ebcd: #0a0a0a1a;
--token-8a770b25-5a0f-4746-8745-fd4cb88ece03: #0a0a0a;
--token-fa1b40c0-dfa2-4438-b701-cba20c6fbe72: #5c5c5c;
--token-4c2bb2a7-2324-459f-9dcc-2c1a67e68ff1: #06070e;
--token-222af83b-cc32-4105-a4ac-8687cb32f7c1: #8795b9;
--token-f55a5019-455b-48f8-84ee-1e954203a800: #6169ab;
--token-913b8697-1046-44ca-805e-b2b289bbb367: #0a0c20;
--token-6e2a1d11-1aaf-4869-bc4e-4a7c208d8d73: #080a0c;
--token-88b64a24-15ca-44b9-9d5e-e283eecf6c27: #0a0a0a;
--token-d92e3c07-9249-410c-a8b4-fcc743a7b853: #8363dc;
--token-38b54ba1-ae63-4b2a-be0e-8fb411dbfd8c: #003e5e;
--token-692d731b-b17d-4bee-9e15-aa10ee3cd11c: #0a0a0a;
--token-de10b5a7-2361-481d-86a9-c107f813bd3d: #0a0a0a;
--token-deaa9c6c-38c8-472c-ae5f-416a81318d3f: #f9fafb;
--token-9923b60b-cbc9-4682-bb36-95114087c31d: #f5f1ec;
--token-4d581c2a-d552-4dd2-abf8-0def20383677: #f5f1ec33;
--token-a492b110-dda2-47f1-8f76-c34309794028: #000;
--token-8bd0863d-0ef7-48e7-a33f-3939080d814c: #fff;
--token-9f6b527e-6b68-48b1-82fd-ed8b80e7edea: #f4f1ec0f;
--token-1ef6308b-8b13-4795-8dae-e6bdac7c0e12: #111;
--token-21eefcfd-9bdc-4e7d-b030-a2b61edc393e: #f4f1ec;
--token-11a90ee8-a628-4144-bd6f-868830cc4542: #eae6dfa3;
--token-9e18fdaf-f914-4532-8aae-704aa301f051: #ebeaf6;
--token-3167a983-02df-49ea-b905-4140603624da: #1c1629;
--token-653fb8e6-ed8b-4fa1-aa7f-80b9b0ef4e78: #f6f1fc80;
--token-9df5a416-ffb4-48d0-9fdd-336d53256c2b: #ffffff80;
--token-92ae7d48-8270-48b4-b8f0-dcff02886975: #000;
--token-2e87f3db-1eba-4d0b-978f-5694f391a4f9: #e0e8ff;
--token-23e885d8-17a1-42be-baa8-cba44b2d905e: #f6f1fc;
--token-c55e17b6-a220-448e-8c7a-3498145ba9e7: #fadcec;
--token-3a3b43c7-4f25-4f6f-ae4f-95d5ddf56023: #311081;
--token-4a822cde-eea1-4534-a33d-148ad1b2327f: #000;
--token-847ebcd4-4b39-42b4-8b66-dee844025988: #fff;
--token-d2947130-a29d-4ce8-b90c-8be174d2fa35: #f9fafb;
--token-e8d75778-ed64-4dd0-b470-fb4ba25f9d24: #fff;
--token-b6cfd80f-6a38-402b-bd50-aa24a4071007: #545c9e;
--token-63d68bb0-d552-4346-914f-373df9480050: #465478;
--token-de688755-f5f5-4345-afb3-771998923743: #80e5ff;
--token-ac4ad6cb-9810-4691-952f-87a30cbeca2c: #7584d6;
--token-cf1679b5-7592-4879-93e9-6dd044c90222: #dfe1f5;
--token-a4445caf-dddd-4e55-8602-d59a5918e7fb: #545c9e;
--token-a7c469aa-7712-4372-bbe3-525ac2c37220: #465478;
--token-946f9191-d5fd-4dd6-9764-ba7d00c85606: #dfe1f5;
--token-5ed9a6a3-de93-449a-9be2-810bb8792e2a: #f9fafb;
--token-e8074257-d361-49bc-b56d-45090b525486: #fff;
--token-a97a4203-31f7-4bd4-8c42-9f0a20a7c0e2: #f1f2f9;
--token-d12cd4fd-83f9-4fe7-ad0a-34c86536e0c1: #465478;
--token-14563865-6a84-4a3f-b85c-20d2a1a6e2c3: #545c9e;
--token-16c14081-d056-488d-8888-c628678f50e3: #dfe1f5;
--token-f7cca9e4-086d-4a85-bf92-0418f90d4b47: #f9fafb;
--token-98ec2b6a-8063-46cb-bff0-e4b21a1c2b57: #f1f2f9;
--token-9ebdb1aa-9e34-4a79-bd0e-ea6443fa93ea: #465478;
--token-622f3691-f651-42b1-906e-e09e9f8cca1b: #545c9e;
--token-76adad6d-d57f-41f3-8229-44e2d2e2acc7: #dfe1f5;
--token-d1146454-cfa3-41e9-a30c-f03e9bf084ed: #f1f2f9;
--token-0a0c93a6-dd4f-4d41-ade1-b5de8d3e96e5: #465478;
--token-c3cb3e66-6369-4274-af79-30f21920c1a8: #545c9e;
--token-abeee79d-a04a-433c-b02c-ee23f539037d: #dfe1f5;
--token-54258ad2-8174-4c55-8ebb-46dd818c6701: #f9fafb;
--token-4eb08c81-41e2-4857-ae24-2311288648e4: #545c9e;
--token-bbd3e2a2-2890-4863-851a-11b1ce822d4d: #465478;
--token-13919f4e-7982-46ca-9bc5-6c9257bcc284: #dfe1f5;
--token-67527bae-cc15-4839-8636-c9b28351e4d7: #fff;
--token-42cff841-0b54-4377-bc4a-66e7d7690432: #ffffffa6;
--token-dfee1807-bc5c-4803-a2f6-3d7435ea1579: #fff;
--token-a5210d14-eac9-4ed0-a38e-232ed341a958: #fff;
--token-557985d5-bc77-4062-a4ae-c92718d64071: #fff;
--token-59bd9466-9d43-405f-8bae-ff9e5892d8ec: #ffffff4d;
--token-11cff237-7e5b-428a-b910-bcc78021c642: #2815bd;
--token-44493e11-f380-4422-b4db-83fec3d46c33: #000;
}
@media (prefers-color-scheme: dark) {
body {
--token-53ac5080-809d-430f-8c22-cd6ed2fb990c: #0d0d0d;
--token-1a0abee7-397d-4863-a181-709f5463ebcd: #ffffff1a;
--token-8a770b25-5a0f-4746-8745-fd4cb88ece03: #fff;
--token-fa1b40c0-dfa2-4438-b701-cba20c6fbe72: #a3a3a3;
--token-4c2bb2a7-2324-459f-9dcc-2c1a67e68ff1: #f1f2f9;
--token-222af83b-cc32-4105-a4ac-8687cb32f7c1: #465478;
--token-f55a5019-455b-48f8-84ee-1e954203a800: #545c9e;
--token-913b8697-1046-44ca-805e-b2b289bbb367: #dfe1f5;
--token-6e2a1d11-1aaf-4869-bc4e-4a7c208d8d73: #f9fafb;
--token-88b64a24-15ca-44b9-9d5e-e283eecf6c27: #fff;
--token-d92e3c07-9249-410c-a8b4-fcc743a7b853: #43239c;
--token-38b54ba1-ae63-4b2a-be0e-8fb411dbfd8c: #a1dfff;
--token-692d731b-b17d-4bee-9e15-aa10ee3cd11c: #fff;
--token-de10b5a7-2361-481d-86a9-c107f813bd3d: #fff;
--token-a5210d14-eac9-4ed0-a38e-232ed341a958: #000;
--token-557985d5-bc77-4062-a4ae-c92718d64071: #fff;
--token-59bd9466-9d43-405f-8bae-ff9e5892d8ec: #5d2bc24d;
--token-44493e11-f380-4422-b4db-83fec3d46c33: #fff;
}
}
@supports (z-index: calc(infinity)) {
#__framer-badge-container {
--infinity: infinity;
}
}
#__framer-badge-container {
pointer-events: none;
width: 100%;
z-index: calc(var(--infinity, 2147480000));
justify-content: flex-end;
padding: 20px;
display: none;
position: fixed;
bottom: 0;
}
@supports (background: -webkit-named-image(i)) and (not (grid-template-rows: subgrid)) {
body {
--framer-will-change-override: transform;
}
}
@supports (background: -webkit-named-image(i)) and (not (position-area: top right)) {
body {
--framer-will-change-filter-override: filter;
}
}
[data-framer-component-type="Text"] div div span,
[data-framer-component-type="Text"] a div span,
[data-framer-component-type="Text"] span span span,
[data-framer-component-type="Text"] p span span,
[data-framer-component-type="Text"] h1 span span,
[data-framer-component-type="Text"] h2 span span,
[data-framer-component-type="Text"] h3 span span,
[data-framer-component-type="Text"] h4 span span,
[data-framer-component-type="Text"] h5 span span,
[data-framer-component-type="Text"] h6 span span,
[data-framer-component-type="Text"] a {
font-family: var(--font-family);
font-style: var(--font-style);
font-weight: min(calc(var(--framer-font-weight-increase, 0) + var(--font-weight, 400)), 900);
color: var(--text-color);
letter-spacing: var(--letter-spacing);
font-size: var(--font-size);
text-transform: var(--text-transform);
--text-decoration: var(--framer-text-decoration-style, solid) var(--framer-text-decoration, none)
var(--framer-text-decoration-color, currentcolor) var(--framer-text-decoration-thickness, auto);
--text-decoration-skip-ink: var(--framer-text-decoration-skip-ink);
--text-underline-offset: var(--framer-text-decoration-offset);
line-height: var(--line-height);
--font-family: var(--framer-font-family);
--font-style: var(--framer-font-style);
--font-weight: var(--framer-font-weight);
--text-color: var(--framer-text-color);
--letter-spacing: var(--framer-letter-spacing);
--font-size: var(--framer-font-size);
--text-transform: var(--framer-text-transform);
--line-height: var(--framer-line-height);
}
@supports not (color: color(display-p3 1 1 1)) {
p.framer-text,
div.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
li.framer-text,
ol.framer-text,
ul.framer-text,
span.framer-text:not([data-text-fill]) {
color: var(
--framer-blockquote-text-color-rgb,
var(
--framer-blockquote-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
);
-webkit-text-stroke-color: var(
--framer-text-stroke-color-rgb,
var(--framer-text-stroke-color, initial)
);
}
mark.framer-text {
background-color: var(
--framer-blockquote-text-background-color-rgb,
var(
--framer-blockquote-text-background-color,
var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))
)
);
}
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text,
code.framer-text span.framer-text:not([data-text-fill]) {
color: var(
--framer-blockquote-text-color-rgb,
var(
--framer-blockquote-text-color,
var(
--framer-code-text-color-rgb,
var(
--framer-code-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
)
)
);
}
}
@supports not (color: color(display-p3 1 1 1)) {
a.framer-text,
span.framer-text[data-nested-link] {
color: var(
--framer-blockquote-text-color-rgb,
var(
--framer-blockquote-text-color,
var(
--framer-link-text-color-rgb,
var(
--framer-link-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
)
)
);
background-color: var(
--framer-link-text-background-color-rgb,
var(--framer-link-text-background-color, initial)
);
-webkit-text-decoration-color: var(
--framer-link-text-decoration-color-rgb,
var(
--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))
)
);
text-decoration-color: var(
--framer-link-text-decoration-color-rgb,
var(
--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))
)
);
}
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text a.framer-text,
code.framer-text a.framer-text span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-nested-link],
code.framer-text span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
color: var(
--framer-blockquote-text-color-rgb,
var(
--framer-blockquote-text-color,
var(
--framer-link-text-color-rgb,
var(
--framer-link-text-color,
var(
--framer-code-text-color-rgb,
var(
--framer-code-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
)
)
)
)
);
}
}
@supports not (color: color(display-p3 1 1 1)) {
a.framer-text:hover,
span.framer-text[data-nested-link]:hover {
color: var(
--framer-link-hover-text-color-rgb,
var(
--framer-link-hover-text-color,
var(
--framer-blockquote-text-color-rgb,
var(
--framer-blockquote-text-color,
var(
--framer-link-text-color-rgb,
var(
--framer-link-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
)
)
)
)
);
background-color: var(
--framer-link-hover-text-background-color-rgb,
var(
--framer-link-hover-text-background-color,
var(
--framer-link-text-background-color-rgb,
var(
--framer-link-text-background-color,
var(
--framer-text-background-color-rgb,
var(--framer-text-background-color, initial)
)
)
)
)
);
-webkit-text-decoration-color: var(
--framer-link-hover-text-decoration-color-rgb,
var(
--framer-link-hover-text-decoration-color,
var(
--framer-link-text-decoration-color-rgb,
var(
--framer-link-text-decoration-color,
var(
--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor)
)
)
)
)
);
text-decoration-color: var(
--framer-link-hover-text-decoration-color-rgb,
var(
--framer-link-hover-text-decoration-color,
var(
--framer-link-text-decoration-color-rgb,
var(
--framer-link-text-decoration-color,
var(
--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor)
)
)
)
)
);
}
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text a.framer-text:hover,
code.framer-text span.framer-text[data-nested-link]:hover {
color: var(
--framer-link-hover-text-color-rgb,
var(
--framer-link-hover-text-color,
var(
--framer-blockquote-text-color-rgb,
var(
--framer-blockquote-text-color,
var(
--framer-link-text-color-rgb,
var(
--framer-link-text-color,
var(
--framer-code-text-color-rgb,
var(
--framer-code-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
)
)
)
)
)
)
);
}
}
@supports not (color: color(display-p3 1 1 1)) {
a.framer-text[data-framer-page-link-current],
span.framer-text[data-framer-page-link-current] {
color: var(
--framer-link-current-text-color-rgb,
var(
--framer-link-current-text-color,
var(
--framer-link-text-color-rgb,
var(
--framer-link-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
)
)
);
background-color: var(
--framer-link-current-text-background-color-rgb,
var(
--framer-link-current-text-background-color,
var(
--framer-link-text-background-color-rgb,
var(
--framer-link-text-background-color,
var(
--framer-text-background-color-rgb,
var(--framer-text-background-color, initial)
)
)
)
)
);
-webkit-text-decoration-color: var(
--framer-link-current-text-decoration-color-rgb,
var(
--framer-link-current-text-decoration-color,
var(
--framer-link-text-decoration-color-rgb,
var(
--framer-link-text-decoration-color,
var(
--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor)
)
)
)
)
);
text-decoration-color: var(
--framer-link-current-text-decoration-color-rgb,
var(
--framer-link-current-text-decoration-color,
var(
--framer-link-text-decoration-color-rgb,
var(
--framer-link-text-decoration-color,
var(
--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor)
)
)
)
)
);
}
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text a.framer-text[data-framer-page-link-current],
code.framer-text a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-framer-page-link-current],
code.framer-text
span.framer-text[data-framer-page-link-current]
span.framer-text:not([data-text-fill]) {
color: var(
--framer-link-current-text-color-rgb,
var(
--framer-link-current-text-color,
var(
--framer-link-text-color-rgb,
var(
--framer-link-text-color,
var(
--framer-code-text-color-rgb,
var(
--framer-code-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
)
)
)
)
);
background-color: var(
--framer-link-current-text-background-color-rgb,
var(
--framer-link-current-text-background-color,
var(
--framer-link-text-background-color-rgb,
var(
--framer-link-text-background-color,
var(
--framer-text-background-color-rgb,
var(--framer-text-background-color, initial)
)
)
)
)
);
}
}
@supports not (color: color(display-p3 1 1 1)) {
a.framer-text[data-framer-page-link-current]:hover,
span.framer-text[data-framer-page-link-current]:hover {
color: var(
--framer-link-hover-text-color-rgb,
var(
--framer-link-hover-text-color,
var(
--framer-link-current-text-color-rgb,
var(
--framer-link-current-text-color,
var(
--framer-link-text-color-rgb,
var(
--framer-link-text-color,
var(
--framer-code-text-color-rgb,
var(
--framer-code-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
)
)
)
)
)
)
);
background-color: var(
--framer-link-hover-text-background-color-rgb,
var(
--framer-link-hover-text-background-color,
var(
--framer-link-current-text-background-color-rgb,
var(
--framer-link-current-text-background-color,
var(
--framer-link-text-background-color-rgb,
var(--framer-link-text-background-color, initial)
)
)
)
)
);
-webkit-text-decoration-color: var(
--framer-link-hover-text-decoration-color-rgb,
var(
--framer-link-hover-text-decoration-color,
var(
--framer-link-current-text-decoration-color-rgb,
var(
--framer-link-current-text-decoration-color,
var(
--framer-link-text-decoration-color-rgb,
var(
--framer-link-text-decoration-color,
var(
--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor)
)
)
)
)
)
)
);
text-decoration-color: var(
--framer-link-hover-text-decoration-color-rgb,
var(
--framer-link-hover-text-decoration-color,
var(
--framer-link-current-text-decoration-color-rgb,
var(
--framer-link-current-text-decoration-color,
var(
--framer-link-text-decoration-color-rgb,
var(
--framer-link-text-decoration-color,
var(
--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor)
)
)
)
)
)
)
);
}
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text a.framer-text[data-framer-page-link-current]:hover,
code.framer-text
a.framer-text[data-framer-page-link-current]:hover
span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-framer-page-link-current]:hover,
code.framer-text
span.framer-text[data-framer-page-link-current]:hover
span.framer-text:not([data-text-fill]) {
color: var(
--framer-link-hover-text-color-rgb,
var(
--framer-link-hover-text-color,
var(
--framer-link-current-text-color-rgb,
var(
--framer-link-current-text-color,
var(
--framer-link-text-color-rgb,
var(
--framer-link-text-color,
var(
--framer-code-text-color-rgb,
var(
--framer-code-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
)
)
)
)
)
)
);
background-color: var(
--framer-link-hover-text-background-color-rgb,
var(
--framer-link-hover-text-background-color,
var(
--framer-link-current-text-background-color-rgb,
var(
--framer-link-current-text-background-color,
var(
--framer-link-text-background-color-rgb,
var(--framer-link-text-background-color, initial)
)
)
)
)
);
}
}
@supports not (overflow: clip) {
:root {
--overflow-clip-fallback: hidden;
}
}
@supports (background: -webkit-named-image(i)) and (not (contain-intrinsic-size: inherit)) {
div.framer-text,
p.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
ol.framer-text,
ul.framer-text,
li.framer-text,
blockquote.framer-text,
.framer-text.framer-image {
display: var(--text-truncation-display-inline-for-safari-16, revert);
}
div.framer-text:after,
p.framer-text:after,
h1.framer-text:after,
h2.framer-text:after,
h3.framer-text:after,
h4.framer-text:after,
h5.framer-text:after,
h6.framer-text:after,
ol.framer-text:after,
ul.framer-text:after,
li.framer-text:after,
blockquote.framer-text:after,
.framer-text.framer-image:after {
content: var(--text-truncation-line-break-for-safari-16);
white-space: pre;
}
.framer-text.framer-text-module,
.framer-text.framer-table-wrapper {
display: var(--text-truncation-display-none-for-safari-16, revert);
}
p.framer-text[data-text-fill] {
display: var(--text-truncation-display-inline-for-safari-16, inline-block);
}
}
@supports (corner-shape: superellipse(2)) {
:root {
--one-if-corner-shape-supported: 1;
}
}
.framer-cursor-none,
.framer-cursor-none * {
cursor: none !important;
}
.framer-pointer-events-none,
.framer-pointer-events-none * {
pointer-events: none !important;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-Lx8Xm.framer-1ec6e65,
.framer-Lx8Xm .framer-1ec6e65 {
display: block;
}
.framer-Lx8Xm.framer-13kxsir {
height: 4000px;
overflow: var(--overflow-clip-fallback, clip);
background-color: #f2eeec;
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 1200px;
padding: 170px 0;
display: flex;
position: relative;
}
.framer-Lx8Xm .framer-13uypz0 {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 60px;
width: 100%;
max-width: 1310px;
height: min-content;
padding: 0 30px;
display: flex;
position: relative;
overflow: visible;
}
.framer-Lx8Xm .framer-ozeyah {
max-width: 600px;
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
z-index: 1;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 6px;
width: 100%;
padding: 0;
display: flex;
position: sticky;
top: 160px;
}
.framer-Lx8Xm .framer-1mnycqg-container {
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-Lx8Xm .framer-1cnjfi4 {
--framer-link-text-color: #09f;
--framer-link-text-decoration: underline;
--framer-text-wrap: balance;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 500px;
height: auto;
position: relative;
}
.framer-Lx8Xm .framer-x4pcsi {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 50px;
width: 100%;
padding: 34px 0;
display: flex;
position: relative;
}
.framer-Lx8Xm .framer-175jsv4,
.framer-Lx8Xm .framer-1a2z158 {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
z-index: 2;
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 20px;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.framer-Lx8Xm .framer-3ink05-container {
flex: 1 0 0;
width: 1px;
max-width: 520px;
height: auto;
position: relative;
}
.framer-Lx8Xm .framer-dryvkn,
.framer-Lx8Xm .framer-ga6rjv {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
z-index: 2;
flex-flow: row;
flex: none;
place-content: center flex-end;
align-items: center;
gap: 20px;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.framer-Lx8Xm .framer-to6w4c-container,
.framer-Lx8Xm .framer-1t0qhrh-container,
.framer-Lx8Xm .framer-5hx5jd-container {
cursor: default;
flex: 1 0 0;
width: 1px;
max-width: 520px;
height: auto;
position: relative;
}
.framer-Lx8Xm .framer-1c1wlpz-container {
-webkit-user-select: none;
user-select: none;
will-change: var(--framer-will-change-effect-override, transform);
z-index: 10;
flex: none;
width: 856px;
height: auto;
position: absolute;
top: 20px;
left: 50%;
transform: translate(-50%);
}
.framer-Lx8Xm .framer-jngpel {
z-index: 1;
background: linear-gradient(#4c30d0 18.7387%, #1f0f44 100%);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 64px;
height: min-content;
padding: 120px 30px 100px;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: visible;
}
.framer-Lx8Xm .framer-jwfsf9 {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 80px;
width: 100%;
max-width: 1100px;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-Lx8Xm .framer-18cuw41-container {
flex: none;
width: 100%;
max-width: 1224px;
height: auto;
position: relative;
}
.framer-Lx8Xm .framer-bus3rq {
z-index: 1;
background: linear-gradient(#fff 0%, #4c30d0 85.2252%);
border-radius: 42px;
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 40px;
width: 906px;
height: min-content;
padding: 64px 48px;
display: flex;
position: absolute;
bottom: 549px;
left: 50%;
overflow: visible;
transform: translate(-50%);
}
.framer-Lx8Xm .framer-13nwz24 {
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 16px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-Lx8Xm .framer-pg73uj {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 4px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-Lx8Xm .framer-1v0wnxk {
--framer-paragraph-spacing: 0px;
--framer-text-wrap: balance;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative;
}
.framer-Lx8Xm .framer-13h3jx3 {
--framer-paragraph-spacing: 0px;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
max-width: 430px;
height: auto;
position: relative;
}
.framer-Lx8Xm .framer-1n3udrr-container {
pointer-events: auto;
flex: none;
width: auto;
height: auto;
position: relative;
}
@media (max-width: 1199.98px) {
.framer-Lx8Xm.framer-13kxsir {
width: 390px;
}
.framer-Lx8Xm .framer-bus3rq {
transform: unset;
width: unset;
bottom: 994px;
left: 0;
right: 0;
}
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-v8arB.framer-1oxduf,
.framer-v8arB .framer-1oxduf {
display: block;
}
.framer-v8arB.framer-1i08hz7 {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
place-content: center;
align-items: center;
gap: 6px;
width: min-content;
padding: 0;
display: flex;
position: relative;
}
.framer-v8arB .framer-q2ggin {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
body {
--framer-will-change-override: none;
}
@supports (background: -webkit-named-image(i)) and (not (grid-template-rows: subgrid)) {
body {
--framer-will-change-override: transform;
}
}
body {
--framer-will-change-filter-override: none;
}
@supports (background: -webkit-named-image(i)) and (not (position-area: top right)) {
body {
--framer-will-change-filter-override: filter;
}
}
[data-framer-component-type] {
position: absolute;
}
[data-framer-component-type="Text"] {
cursor: inherit;
}
[data-framer-component-text-autosized] * {
white-space: pre;
}
[data-framer-component-type="Text"] > * {
text-align: var(--framer-text-alignment, start);
}
[data-framer-component-type="Text"] span span,
[data-framer-component-type="Text"] p span,
[data-framer-component-type="Text"] h1 span,
[data-framer-component-type="Text"] h2 span,
[data-framer-component-type="Text"] h3 span,
[data-framer-component-type="Text"] h4 span,
[data-framer-component-type="Text"] h5 span,
[data-framer-component-type="Text"] h6 span {
display: block;
}
[data-framer-component-type="Text"] span span span,
[data-framer-component-type="Text"] p span span,
[data-framer-component-type="Text"] h1 span span,
[data-framer-component-type="Text"] h2 span span,
[data-framer-component-type="Text"] h3 span span,
[data-framer-component-type="Text"] h4 span span,
[data-framer-component-type="Text"] h5 span span,
[data-framer-component-type="Text"] h6 span span {
display: unset;
}
[data-framer-component-type="Text"] div div span,
[data-framer-component-type="Text"] a div span,
[data-framer-component-type="Text"] span span span,
[data-framer-component-type="Text"] p span span,
[data-framer-component-type="Text"] h1 span span,
[data-framer-component-type="Text"] h2 span span,
[data-framer-component-type="Text"] h3 span span,
[data-framer-component-type="Text"] h4 span span,
[data-framer-component-type="Text"] h5 span span,
[data-framer-component-type="Text"] h6 span span,
[data-framer-component-type="Text"] a {
font-family: var(--font-family);
font-style: var(--font-style);
font-weight: min(calc(var(--framer-font-weight-increase, 0) + var(--font-weight, 400)), 900);
color: var(--text-color);
letter-spacing: var(--letter-spacing);
font-size: var(--font-size);
text-transform: var(--text-transform);
--text-decoration: var(--framer-text-decoration-style, solid) var(--framer-text-decoration, none)
var(--framer-text-decoration-color, currentcolor) var(--framer-text-decoration-thickness, auto);
--text-decoration-skip-ink: var(--framer-text-decoration-skip-ink);
--text-underline-offset: var(--framer-text-decoration-offset);
line-height: var(--line-height);
--font-family: var(--framer-font-family);
--font-style: var(--framer-font-style);
--font-weight: var(--framer-font-weight);
--text-color: var(--framer-text-color);
--letter-spacing: var(--framer-letter-spacing);
--font-size: var(--framer-font-size);
--text-transform: var(--framer-text-transform);
--line-height: var(--framer-line-height);
}
[data-framer-component-type="Text"] a,
[data-framer-component-type="Text"] a div span,
[data-framer-component-type="Text"] a span span span,
[data-framer-component-type="Text"] a p span span,
[data-framer-component-type="Text"] a h1 span span,
[data-framer-component-type="Text"] a h2 span span,
[data-framer-component-type="Text"] a h3 span span,
[data-framer-component-type="Text"] a h4 span span,
[data-framer-component-type="Text"] a h5 span span,
[data-framer-component-type="Text"] a h6 span span {
--font-family: var(--framer-link-font-family, var(--framer-font-family));
--font-style: var(--framer-link-font-style, var(--framer-font-style));
--font-weight: var(--framer-link-font-weight, var(--framer-font-weight));
--text-color: var(--framer-link-text-color, var(--framer-text-color));
--font-size: var(--framer-link-font-size, var(--framer-font-size));
--text-transform: var(--framer-link-text-transform, var(--framer-text-transform));
--text-decoration: var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, solid))
var(--framer-link-text-decoration, var(--framer-text-decoration, none))
var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, currentcolor))
var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, auto));
--text-decoration-skip-ink: var(
--framer-link-text-decoration-skip-ink,
var(--framer-text-decoration-skip-ink)
);
--text-underline-offset: var(
--framer-link-text-decoration-offset,
var(--framer-text-decoration-offset)
);
}
[data-framer-component-type="Text"] a:hover,
[data-framer-component-type="Text"] a div span:hover,
[data-framer-component-type="Text"] a span span span:hover,
[data-framer-component-type="Text"] a p span span:hover,
[data-framer-component-type="Text"] a h1 span span:hover,
[data-framer-component-type="Text"] a h2 span span:hover,
[data-framer-component-type="Text"] a h3 span span:hover,
[data-framer-component-type="Text"] a h4 span span:hover,
[data-framer-component-type="Text"] a h5 span span:hover,
[data-framer-component-type="Text"] a h6 span span:hover {
--font-family: var(
--framer-link-hover-font-family,
var(--framer-link-font-family, var(--framer-font-family))
);
--font-style: var(
--framer-link-hover-font-style,
var(--framer-link-font-style, var(--framer-font-style))
);
--font-weight: var(
--framer-link-hover-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight))
);
--text-color: var(
--framer-link-hover-text-color,
var(--framer-link-text-color, var(--framer-text-color))
);
--font-size: var(--framer-link-hover-font-size, var(--framer-link-font-size, var(--framer-font-size)));
--text-transform: var(
--framer-link-hover-text-transform,
var(--framer-link-text-transform, var(--framer-text-transform))
);
--text-decoration: var(
--framer-link-hover-text-decoration-style,
var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, solid))
)
var(
--framer-link-hover-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, none))
)
var(
--framer-link-hover-text-decoration-color,
var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, currentcolor))
)
var(
--framer-link-hover-text-decoration-thickness,
var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, auto))
);
--text-decoration-skip-ink: var(
--framer-link-hover-text-decoration-skip-ink,
var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink))
);
--text-underline-offset: var(
--framer-link-hover-text-decoration-offset,
var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset))
);
}
[data-framer-component-type="Text"].isCurrent a,
[data-framer-component-type="Text"].isCurrent a div span,
[data-framer-component-type="Text"].isCurrent a span span span,
[data-framer-component-type="Text"].isCurrent a p span span,
[data-framer-component-type="Text"].isCurrent a h1 span span,
[data-framer-component-type="Text"].isCurrent a h2 span span,
[data-framer-component-type="Text"].isCurrent a h3 span span,
[data-framer-component-type="Text"].isCurrent a h4 span span,
[data-framer-component-type="Text"].isCurrent a h5 span span,
[data-framer-component-type="Text"].isCurrent a h6 span span {
--font-family: var(
--framer-link-current-font-family,
var(--framer-link-font-family, var(--framer-font-family))
);
--font-style: var(
--framer-link-current-font-style,
var(--framer-link-font-style, var(--framer-font-style))
);
--font-weight: var(
--framer-link-current-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight))
);
--text-color: var(
--framer-link-current-text-color,
var(--framer-link-text-color, var(--framer-text-color))
);
--font-size: var(
--framer-link-current-font-size,
var(--framer-link-font-size, var(--framer-font-size))
);
--text-transform: var(
--framer-link-current-text-transform,
var(--framer-link-text-transform, var(--framer-text-transform))
);
--text-decoration: var(
--framer-link-current-text-decoration-style,
var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, solid))
)
var(
--framer-link-current-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, none))
)
var(
--framer-link-current-text-decoration-color,
var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, currentcolor))
)
var(
--framer-link-current-text-decoration-thickness,
var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, auto))
);
--text-decoration-skip-ink: var(
--framer-link-current-text-decoration-skip-ink,
var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink))
);
--text-underline-offset: var(
--framer-link-current-text-decoration-offset,
var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset))
);
}
[data-framer-component-type="RichTextContainer"] {
outline: none;
flex-direction: column;
flex-shrink: 0;
justify-content: flex-start;
display: flex;
}
p.framer-text,
div.framer-text,
figure.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
ol.framer-text,
ul.framer-text {
margin: 0;
padding: 0;
}
p.framer-text,
div.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
li.framer-text,
ol.framer-text,
ul.framer-text,
mark.framer-text,
span.framer-text:not([data-text-fill]) {
font-family: var(
--framer-font-family-preview,
var(
--framer-blockquote-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif)
)
);
font-style: var(
--framer-font-style-preview,
var(--framer-blockquote-font-style, var(--framer-font-style, normal))
);
font-weight: var(
--framer-font-weight-preview,
var(--framer-blockquote-font-weight, var(--framer-font-weight, 400))
);
color: var(--framer-blockquote-text-color, var(--framer-text-color, #000));
font-size: calc(
var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1)
);
letter-spacing: var(--framer-blockquote-letter-spacing, var(--framer-letter-spacing, 0));
text-transform: var(--framer-blockquote-text-transform, var(--framer-text-transform, none));
-webkit-text-decoration-line: var(
--framer-blockquote-text-decoration,
var(--framer-text-decoration, initial)
);
text-decoration-line: var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial));
-webkit-text-decoration-style: var(
--framer-blockquote-text-decoration-style,
var(--framer-text-decoration-style, initial)
);
text-decoration-style: var(
--framer-blockquote-text-decoration-style,
var(--framer-text-decoration-style, initial)
);
-webkit-text-decoration-color: var(
--framer-blockquote-text-decoration-color,
var(--framer-text-decoration-color, initial)
);
text-decoration-color: var(
--framer-blockquote-text-decoration-color,
var(--framer-text-decoration-color, initial)
);
text-decoration-thickness: var(
--framer-blockquote-text-decoration-thickness,
var(--framer-text-decoration-thickness, initial)
);
text-decoration-skip-ink: var(
--framer-blockquote-text-decoration-skip-ink,
var(--framer-text-decoration-skip-ink, initial)
);
text-underline-offset: var(
--framer-blockquote-text-decoration-offset,
var(--framer-text-decoration-offset, initial)
);
line-height: var(--framer-blockquote-line-height, var(--framer-line-height, 1.2em));
text-align: var(--framer-blockquote-text-alignment, var(--framer-text-alignment, start));
-webkit-text-stroke-width: var(--framer-text-stroke-width, initial);
-webkit-text-stroke-color: var(--framer-text-stroke-color, initial);
-moz-font-feature-settings: var(--framer-font-open-type-features, initial);
-webkit-font-feature-settings: var(--framer-font-open-type-features, initial);
font-feature-settings: var(--framer-font-open-type-features, initial);
font-variation-settings: var(
--framer-font-variation-axes-preview,
var(--framer-font-variation-axes, normal)
);
text-wrap: var(--framer-text-wrap-override, var(--framer-text-wrap));
}
mark.framer-text,
p.framer-text,
div.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
li.framer-text,
ol.framer-text,
ul.framer-text {
background-color: var(
--framer-blockquote-text-background-color,
var(--framer-text-background-color, initial)
);
border-radius: var(
--framer-blockquote-text-background-radius,
var(--framer-text-background-radius, initial)
);
corner-shape: var(
--framer-blockquote-text-background-corner-shape,
var(--framer-text-background-corner-shape, initial)
);
padding: var(
--framer-blockquote-text-background-padding,
var(--framer-text-background-padding, initial)
);
}
@supports not (color: color(display-p3 1 1 1)) {
p.framer-text,
div.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
li.framer-text,
ol.framer-text,
ul.framer-text,
span.framer-text:not([data-text-fill]) {
color: var(
--framer-blockquote-text-color-rgb,
var(
--framer-blockquote-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
);
-webkit-text-stroke-color: var(
--framer-text-stroke-color-rgb,
var(--framer-text-stroke-color, initial)
);
}
mark.framer-text {
background-color: var(
--framer-blockquote-text-background-color-rgb,
var(
--framer-blockquote-text-background-color,
var(--framer-text-background-color-rgb, var(--framer-text-background-color, initial))
)
);
}
}
.framer-fit-text .framer-text {
white-space: nowrap;
white-space-collapse: preserve;
}
strong.framer-text {
font-family: var(--framer-blockquote-font-family-bold, var(--framer-font-family-bold));
font-style: var(--framer-blockquote-font-style-bold, var(--framer-font-style-bold));
font-weight: var(--framer-blockquote-font-weight-bold, var(--framer-font-weight-bold, bolder));
font-variation-settings: var(
--framer-blockquote-font-variation-axes-bold,
var(--framer-font-variation-axes-bold)
);
}
em.framer-text {
font-family: var(--framer-blockquote-font-family-italic, var(--framer-font-family-italic));
font-style: var(--framer-blockquote-font-style-italic, var(--framer-font-style-italic, italic));
font-weight: var(--framer-blockquote-font-weight-italic, var(--framer-font-weight-italic));
font-variation-settings: var(
--framer-blockquote-font-variation-axes-italic,
var(--framer-font-variation-axes-italic)
);
}
em.framer-text > strong.framer-text {
font-family: var(--framer-blockquote-font-family-bold-italic, var(--framer-font-family-bold-italic));
font-style: var(
--framer-blockquote-font-style-bold-italic,
var(--framer-font-style-bold-italic, italic)
);
font-weight: var(
--framer-blockquote-font-weight-bold-italic,
var(--framer-font-weight-bold-italic, bolder)
);
font-variation-settings: var(
--framer-blockquote-font-variation-axes-bold-italic,
var(--framer-font-variation-axes-bold-italic)
);
}
p.framer-text:not(:first-child),
div.framer-text:not(:first-child),
h1.framer-text:not(:first-child),
h2.framer-text:not(:first-child),
h3.framer-text:not(:first-child),
h4.framer-text:not(:first-child),
h5.framer-text:not(:first-child),
h6.framer-text:not(:first-child),
ol.framer-text:not(:first-child),
ul.framer-text:not(:first-child),
blockquote.framer-text:not(:first-child),
table.framer-text:not(:first-child),
figure.framer-text:not(:first-child),
.framer-image.framer-text:not(:first-child) {
margin-top: var(--framer-blockquote-paragraph-spacing, var(--framer-paragraph-spacing, 0));
}
li.framer-text > ul.framer-text:nth-child(2),
li.framer-text > ol.framer-text:nth-child(2) {
margin-top: 0;
}
.framer-text[data-text-fill] {
-webkit-text-fill-color: transparent;
padding: max(
0em,
calc(calc(1.3em - var(--framer-blockquote-line-height, var(--framer-line-height, 1.3em))) / 2)
);
margin: min(
0em,
calc(calc(1.3em - var(--framer-blockquote-line-height, var(--framer-line-height, 1.3em))) / -2)
);
-webkit-background-clip: text;
background-clip: text;
display: inline-block;
}
code.framer-text,
code.framer-text span.framer-text:not([data-text-fill]) {
font-family: var(
--framer-code-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif)
);
font-style: var(
--framer-blockquote-font-style,
var(--framer-code-font-style, var(--framer-font-style, normal))
);
font-weight: var(
--framer-blockquote-font-weight,
var(--framer-code-font-weight, var(--framer-font-weight, 400))
);
color: var(
--framer-blockquote-text-color,
var(--framer-code-text-color, var(--framer-text-color, #000))
);
font-size: calc(
var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1)
);
letter-spacing: var(--framer-blockquote-letter-spacing, var(--framer-letter-spacing, 0));
line-height: var(--framer-blockquote-line-height, var(--framer-line-height, 1.2em));
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text,
code.framer-text span.framer-text:not([data-text-fill]) {
color: var(
--framer-blockquote-text-color-rgb,
var(
--framer-blockquote-text-color,
var(
--framer-code-text-color-rgb,
var(
--framer-code-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
)
)
);
}
}
blockquote.framer-text {
unicode-bidi: initial;
margin-block-start: initial;
margin-block-end: initial;
margin-inline-start: initial;
margin-inline-end: initial;
}
a.framer-text,
a.framer-text span.framer-text:not([data-text-fill]),
span.framer-text[data-nested-link],
span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
color: inherit;
font-family: var(
--framer-font-family-preview,
var(
--framer-blockquote-font-family,
var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))
)
);
font-style: var(
--framer-font-style-preview,
var(--framer-blockquote-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)))
);
font-weight: var(
--framer-font-weight-preview,
var(--framer-blockquote-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)))
);
font-size: calc(
var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1)
);
text-transform: var(
--framer-blockquote-text-transform,
var(--framer-link-text-transform, var(--framer-text-transform, none))
);
cursor: var(--framer-custom-cursors, pointer);
background-color: initial;
border-radius: var(--framer-link-text-background-radius, initial);
corner-shape: var(--framer-link-text-background-corner-shape, initial);
padding: var(--framer-link-text-background-padding, initial);
}
a.framer-text,
span.framer-text[data-nested-link] {
color: var(
--framer-blockquote-text-color,
var(--framer-link-text-color, var(--framer-text-color, #000))
);
-webkit-text-decoration-line: var(
--framer-blockquote-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, initial))
);
text-decoration-line: var(
--framer-blockquote-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, initial))
);
-webkit-text-decoration-style: var(
--framer-blockquote-text-decoration-style,
var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))
);
text-decoration-style: var(
--framer-blockquote-text-decoration-style,
var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))
);
-webkit-text-decoration-color: var(
--framer-blockquote-text-decoration-color,
var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))
);
text-decoration-color: var(
--framer-blockquote-text-decoration-color,
var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))
);
text-decoration-thickness: var(
--framer-blockquote-text-decoration-thickness,
var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial))
);
text-decoration-skip-ink: var(
--framer-blockquote-text-decoration-skip-ink,
var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial))
);
text-underline-offset: var(
--framer-blockquote-text-decoration-offset,
var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial))
);
background-color: var(--framer-link-text-background-color, initial);
}
@supports not (color: color(display-p3 1 1 1)) {
a.framer-text,
span.framer-text[data-nested-link] {
color: var(
--framer-blockquote-text-color-rgb,
var(
--framer-blockquote-text-color,
var(
--framer-link-text-color-rgb,
var(
--framer-link-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
)
)
);
background-color: var(
--framer-link-text-background-color-rgb,
var(--framer-link-text-background-color, initial)
);
-webkit-text-decoration-color: var(
--framer-link-text-decoration-color-rgb,
var(
--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))
)
);
text-decoration-color: var(
--framer-link-text-decoration-color-rgb,
var(
--framer-link-text-decoration-color,
var(--framer-text-decoration-color-rgb, var(--framer-text-decoration-color, currentcolor))
)
);
}
}
code.framer-text a.framer-text,
code.framer-text a.framer-text span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-nested-link],
code.framer-text span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
font-family: var(
--framer-code-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif)
);
font-style: var(
--framer-blockquote-font-style,
var(--framer-code-font-style, var(--framer-font-style, normal))
);
font-weight: var(
--framer-blockquote-font-weight,
var(--framer-code-font-weight, var(--framer-font-weight, 400))
);
color: inherit;
font-size: calc(
var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1)
);
}
code.framer-text a.framer-text,
code.framer-text span.framer-text[data-nested-link] {
color: var(
--framer-blockquote-text-color,
var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))
);
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text a.framer-text,
code.framer-text a.framer-text span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-nested-link],
code.framer-text span.framer-text[data-nested-link] span.framer-text:not([data-text-fill]) {
color: var(
--framer-blockquote-text-color-rgb,
var(
--framer-blockquote-text-color,
var(
--framer-link-text-color-rgb,
var(
--framer-link-text-color,
var(
--framer-code-text-color-rgb,
var(
--framer-code-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
)
)
)
)
);
}
}
a.framer-text:hover,
a.framer-text:hover span.framer-text:not([data-text-fill]),
span.framer-text[data-nested-link]:hover,
span.framer-text[data-nested-link]:hover span.framer-text:not([data-text-fill]) {
font-family: var(
--framer-font-family-preview,
var(
--framer-link-hover-font-family,
var(
--framer-blockquote-font-family,
var(
--framer-link-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif)
)
)
)
);
font-style: var(
--framer-font-style-preview,
var(
--framer-link-hover-font-style,
var(
--framer-blockquote-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal))
)
)
);
font-weight: var(
--framer-font-weight-preview,
var(
--framer-link-hover-font-weight,
var(
--framer-blockquote-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400))
)
)
);
font-size: calc(
var(
--framer-link-hover-font-size,
var(--framer-blockquote-font-size, var(--framer-font-size, 16px))
) * var(--framer-font-size-scale, 1)
);
text-transform: var(
--framer-link-hover-text-transform,
var(
--framer-blockquote-text-transform,
var(--framer-link-text-transform, var(--framer-text-transform, none))
)
);
border-radius: var(
--framer-link-hover-text-background-radius,
var(--framer-link-text-background-radius, var(--framer-text-background-radius, initial))
);
corner-shape: var(
--framer-link-hover-text-background-corner-shape,
var(--framer-link-text-background-corner-shape, var(--framer-text-background-corner-shape, initial))
);
padding: var(
--framer-link-hover-text-background-padding,
var(--framer-link-text-background-padding, var(--framer-text-background-padding, initial))
);
}
a.framer-text:hover,
span.framer-text[data-nested-link]:hover {
color: var(
--framer-link-hover-text-color,
var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)))
);
-webkit-text-decoration-line: var(
--framer-link-hover-text-decoration,
var(
--framer-blockquote-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, initial))
)
);
text-decoration-line: var(
--framer-link-hover-text-decoration,
var(
--framer-blockquote-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, initial))
)
);
-webkit-text-decoration-style: var(
--framer-link-hover-text-decoration-style,
var(
--framer-blockquote-text-decoration-style,
var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))
)
);
text-decoration-style: var(
--framer-link-hover-text-decoration-style,
var(
--framer-blockquote-text-decoration-style,
var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))
)
);
-webkit-text-decoration-color: var(
--framer-link-hover-text-decoration-color,
var(
--framer-blockquote-text-decoration-color,
var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))
)
);
text-decoration-color: var(
--framer-link-hover-text-decoration-color,
var(
--framer-blockquote-text-decoration-color,
var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))
)
);
text-decoration-thickness: var(
--framer-link-hover-text-decoration-thickness,
var(
--framer-blockquote-text-decoration-thickness,
var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial))
)
);
text-decoration-skip-ink: var(
--framer-link-hover-text-decoration-skip-ink,
var(
--framer-blockquote-text-decoration-skip-ink,
var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial))
)
);
text-underline-offset: var(
--framer-link-hover-text-decoration-offset,
var(
--framer-blockquote-text-decoration-offset,
var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial))
)
);
background-color: var(
--framer-link-hover-text-background-color,
var(--framer-link-text-background-color, var(--framer-text-background-color, initial))
);
}
@supports not (color: color(display-p3 1 1 1)) {
a.framer-text:hover,
span.framer-text[data-nested-link]:hover {
color: var(
--framer-link-hover-text-color-rgb,
var(
--framer-link-hover-text-color,
var(
--framer-blockquote-text-color-rgb,
var(
--framer-blockquote-text-color,
var(
--framer-link-text-color-rgb,
var(
--framer-link-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
)
)
)
)
);
background-color: var(
--framer-link-hover-text-background-color-rgb,
var(
--framer-link-hover-text-background-color,
var(
--framer-link-text-background-color-rgb,
var(
--framer-link-text-background-color,
var(
--framer-text-background-color-rgb,
var(--framer-text-background-color, initial)
)
)
)
)
);
-webkit-text-decoration-color: var(
--framer-link-hover-text-decoration-color-rgb,
var(
--framer-link-hover-text-decoration-color,
var(
--framer-link-text-decoration-color-rgb,
var(
--framer-link-text-decoration-color,
var(
--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor)
)
)
)
)
);
text-decoration-color: var(
--framer-link-hover-text-decoration-color-rgb,
var(
--framer-link-hover-text-decoration-color,
var(
--framer-link-text-decoration-color-rgb,
var(
--framer-link-text-decoration-color,
var(
--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor)
)
)
)
)
);
}
}
code.framer-text a.framer-text:hover,
code.framer-text span.framer-text[data-nested-link]:hover {
color: var(
--framer-link-hover-text-color,
var(
--framer-blockquote-text-color,
var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))
)
);
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text a.framer-text:hover,
code.framer-text span.framer-text[data-nested-link]:hover {
color: var(
--framer-link-hover-text-color-rgb,
var(
--framer-link-hover-text-color,
var(
--framer-blockquote-text-color-rgb,
var(
--framer-blockquote-text-color,
var(
--framer-link-text-color-rgb,
var(
--framer-link-text-color,
var(
--framer-code-text-color-rgb,
var(
--framer-code-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
)
)
)
)
)
)
);
}
}
a.framer-text[data-framer-page-link-current],
a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),
span.framer-text[data-framer-page-link-current],
span.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) {
font-family: var(
--framer-font-family-preview,
var(
--framer-link-current-font-family,
var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))
)
);
font-style: var(
--framer-font-style-preview,
var(
--framer-link-current-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal))
)
);
font-weight: var(
--framer-font-weight-preview,
var(
--framer-link-current-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400))
)
);
font-size: calc(
var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))) *
var(--framer-font-size-scale, 1)
);
text-transform: var(
--framer-link-current-text-transform,
var(--framer-link-text-transform, var(--framer-text-transform, none))
);
border-radius: var(
--framer-link-current-text-background-radius,
var(--framer-link-text-background-radius, initial)
);
corner-shape: var(
--framer-link-current-text-background-corner-shape,
var(--framer-link-text-background-corner-shape, initial)
);
padding: var(
--framer-link-current-text-background-padding,
var(--framer-link-text-background-padding, initial)
);
}
a.framer-text[data-framer-page-link-current],
span.framer-text[data-framer-page-link-current] {
color: var(
--framer-link-current-text-color,
var(--framer-link-text-color, var(--framer-text-color, #000))
);
-webkit-text-decoration-line: var(
--framer-link-current-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, initial))
);
text-decoration-line: var(
--framer-link-current-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, initial))
);
-webkit-text-decoration-style: var(
--framer-link-current-text-decoration-style,
var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))
);
text-decoration-style: var(
--framer-link-current-text-decoration-style,
var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))
);
-webkit-text-decoration-color: var(
--framer-link-current-text-decoration-color,
var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))
);
text-decoration-color: var(
--framer-link-current-text-decoration-color,
var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))
);
text-decoration-thickness: var(
--framer-link-current-text-decoration-thickness,
var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial))
);
text-decoration-skip-ink: var(
--framer-link-current-text-decoration-skip-ink,
var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial))
);
text-underline-offset: var(
--framer-link-current-text-decoration-offset,
var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial))
);
background-color: var(
--framer-link-current-text-background-color,
var(--framer-link-text-background-color, var(--framer-text-background-color, initial))
);
}
@supports not (color: color(display-p3 1 1 1)) {
a.framer-text[data-framer-page-link-current],
span.framer-text[data-framer-page-link-current] {
color: var(
--framer-link-current-text-color-rgb,
var(
--framer-link-current-text-color,
var(
--framer-link-text-color-rgb,
var(
--framer-link-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
)
)
);
background-color: var(
--framer-link-current-text-background-color-rgb,
var(
--framer-link-current-text-background-color,
var(
--framer-link-text-background-color-rgb,
var(
--framer-link-text-background-color,
var(
--framer-text-background-color-rgb,
var(--framer-text-background-color, initial)
)
)
)
)
);
-webkit-text-decoration-color: var(
--framer-link-current-text-decoration-color-rgb,
var(
--framer-link-current-text-decoration-color,
var(
--framer-link-text-decoration-color-rgb,
var(
--framer-link-text-decoration-color,
var(
--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor)
)
)
)
)
);
text-decoration-color: var(
--framer-link-current-text-decoration-color-rgb,
var(
--framer-link-current-text-decoration-color,
var(
--framer-link-text-decoration-color-rgb,
var(
--framer-link-text-decoration-color,
var(
--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor)
)
)
)
)
);
}
}
code.framer-text a.framer-text[data-framer-page-link-current],
code.framer-text a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-framer-page-link-current],
code.framer-text span.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]) {
font-family: var(
--framer-code-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif)
);
font-style: var(--framer-code-font-style, var(--framer-font-style, normal));
font-weight: var(--framer-code-font-weight, var(--framer-font-weight, 400));
color: inherit;
font-size: calc(
var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))) *
var(--framer-font-size-scale, 1)
);
}
code.framer-text a.framer-text[data-framer-page-link-current],
code.framer-text span.framer-text[data-framer-page-link-current] {
color: var(
--framer-link-current-text-color,
var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))
);
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text a.framer-text[data-framer-page-link-current],
code.framer-text a.framer-text[data-framer-page-link-current] span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-framer-page-link-current],
code.framer-text
span.framer-text[data-framer-page-link-current]
span.framer-text:not([data-text-fill]) {
color: var(
--framer-link-current-text-color-rgb,
var(
--framer-link-current-text-color,
var(
--framer-link-text-color-rgb,
var(
--framer-link-text-color,
var(
--framer-code-text-color-rgb,
var(
--framer-code-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
)
)
)
)
);
background-color: var(
--framer-link-current-text-background-color-rgb,
var(
--framer-link-current-text-background-color,
var(
--framer-link-text-background-color-rgb,
var(
--framer-link-text-background-color,
var(
--framer-text-background-color-rgb,
var(--framer-text-background-color, initial)
)
)
)
)
);
}
}
a.framer-text[data-framer-page-link-current]:hover,
a.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]),
span.framer-text[data-framer-page-link-current]:hover,
span.framer-text[data-framer-page-link-current]:hover span.framer-text:not([data-text-fill]) {
color: inherit;
font-family: var(
--framer-font-family-preview,
var(
--framer-link-hover-font-family,
var(
--framer-link-current-font-family,
var(
--framer-link-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif)
)
)
)
);
font-style: var(
--framer-font-style-preview,
var(
--framer-link-hover-font-style,
var(
--framer-link-current-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal))
)
)
);
font-weight: var(
--framer-font-weight-preview,
var(
--framer-link-hover-font-weight,
var(
--framer-link-current-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400))
)
)
);
font-size: calc(
var(
--framer-link-hover-font-size,
var(
--framer-link-current-font-size,
var(--framer-link-font-size, var(--framer-font-size, 16px))
)
) * var(--framer-font-size-scale, 1)
);
text-transform: var(
--framer-link-hover-text-transform,
var(
--framer-link-current-text-transform,
var(--framer-link-text-transform, var(--framer-text-transform, none))
)
);
border-radius: var(
--framer-link-hover-text-background-radius,
var(
--framer-link-current-text-background-radius,
var(--framer-link-text-background-radius, initial)
)
);
corner-shape: var(
--framer-link-hover-text-background-corner-shape,
var(
--framer-link-current-text-background-corner-shape,
var(--framer-link-text-background-corner-shape, initial)
)
);
padding: var(
--framer-link-hover-text-background-padding,
var(
--framer-link-current-text-background-padding,
var(--framer-link-text-background-padding, initial)
)
);
}
a.framer-text[data-framer-page-link-current]:hover,
span.framer-text[data-framer-page-link-current]:hover {
color: var(
--framer-link-hover-text-color,
var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)))
);
-webkit-text-decoration-line: var(
--framer-link-hover-text-decoration,
var(
--framer-link-current-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, initial))
)
);
text-decoration-line: var(
--framer-link-hover-text-decoration,
var(
--framer-link-current-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, initial))
)
);
-webkit-text-decoration-style: var(
--framer-link-hover-text-decoration-style,
var(
--framer-link-current-text-decoration-style,
var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))
)
);
text-decoration-style: var(
--framer-link-hover-text-decoration-style,
var(
--framer-link-current-text-decoration-style,
var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial))
)
);
-webkit-text-decoration-color: var(
--framer-link-hover-text-decoration-color,
var(
--framer-link-current-text-decoration-color,
var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))
)
);
text-decoration-color: var(
--framer-link-hover-text-decoration-color,
var(
--framer-link-current-text-decoration-color,
var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial))
)
);
text-decoration-thickness: var(
--framer-link-hover-text-decoration-thickness,
var(
--framer-link-current-text-decoration-thickness,
var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial))
)
);
text-decoration-skip-ink: var(
--framer-link-hover-text-decoration-skip-ink,
var(
--framer-link-current-text-decoration-skip-ink,
var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial))
)
);
text-underline-offset: var(
--framer-link-hover-text-decoration-offset,
var(
--framer-link-current-text-decoration-offset,
var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial))
)
);
background-color: var(
--framer-link-hover-text-background-color,
var(--framer-link-current-text-background-color, var(--framer-link-text-background-color, initial))
);
}
@supports not (color: color(display-p3 1 1 1)) {
a.framer-text[data-framer-page-link-current]:hover,
span.framer-text[data-framer-page-link-current]:hover {
color: var(
--framer-link-hover-text-color-rgb,
var(
--framer-link-hover-text-color,
var(
--framer-link-current-text-color-rgb,
var(
--framer-link-current-text-color,
var(
--framer-link-text-color-rgb,
var(
--framer-link-text-color,
var(
--framer-code-text-color-rgb,
var(
--framer-code-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
)
)
)
)
)
)
);
background-color: var(
--framer-link-hover-text-background-color-rgb,
var(
--framer-link-hover-text-background-color,
var(
--framer-link-current-text-background-color-rgb,
var(
--framer-link-current-text-background-color,
var(
--framer-link-text-background-color-rgb,
var(--framer-link-text-background-color, initial)
)
)
)
)
);
-webkit-text-decoration-color: var(
--framer-link-hover-text-decoration-color-rgb,
var(
--framer-link-hover-text-decoration-color,
var(
--framer-link-current-text-decoration-color-rgb,
var(
--framer-link-current-text-decoration-color,
var(
--framer-link-text-decoration-color-rgb,
var(
--framer-link-text-decoration-color,
var(
--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor)
)
)
)
)
)
)
);
text-decoration-color: var(
--framer-link-hover-text-decoration-color-rgb,
var(
--framer-link-hover-text-decoration-color,
var(
--framer-link-current-text-decoration-color-rgb,
var(
--framer-link-current-text-decoration-color,
var(
--framer-link-text-decoration-color-rgb,
var(
--framer-link-text-decoration-color,
var(
--framer-text-decoration-color-rgb,
var(--framer-text-decoration-color, currentcolor)
)
)
)
)
)
)
);
}
}
code.framer-text a.framer-text[data-framer-page-link-current]:hover,
code.framer-text span.framer-text[data-framer-page-link-current]:hover {
color: var(
--framer-link-hover-text-color,
var(
--framer-link-current-text-color,
var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))
)
);
}
@supports not (color: color(display-p3 1 1 1)) {
code.framer-text a.framer-text[data-framer-page-link-current]:hover,
code.framer-text
a.framer-text[data-framer-page-link-current]:hover
span.framer-text:not([data-text-fill]),
code.framer-text span.framer-text[data-framer-page-link-current]:hover,
code.framer-text
span.framer-text[data-framer-page-link-current]:hover
span.framer-text:not([data-text-fill]) {
color: var(
--framer-link-hover-text-color-rgb,
var(
--framer-link-hover-text-color,
var(
--framer-link-current-text-color-rgb,
var(
--framer-link-current-text-color,
var(
--framer-link-text-color-rgb,
var(
--framer-link-text-color,
var(
--framer-code-text-color-rgb,
var(
--framer-code-text-color,
var(--framer-text-color-rgb, var(--framer-text-color, #000))
)
)
)
)
)
)
)
);
background-color: var(
--framer-link-hover-text-background-color-rgb,
var(
--framer-link-hover-text-background-color,
var(
--framer-link-current-text-background-color-rgb,
var(
--framer-link-current-text-background-color,
var(
--framer-link-text-background-color-rgb,
var(--framer-link-text-background-color, initial)
)
)
)
)
);
}
}
.framer-image.framer-text {
max-width: 100%;
height: auto;
display: block;
}
.text-styles-preset-reset.framer-text {
--framer-font-family: Inter, Inter Placeholder, sans-serif;
--framer-font-style: normal;
--framer-font-weight: 500;
--framer-text-color: #000;
--framer-font-size: 16px;
--framer-letter-spacing: 0;
--framer-text-transform: none;
--framer-text-decoration: none;
--framer-text-decoration-style: none;
--framer-text-decoration-color: none;
--framer-text-decoration-thickness: none;
--framer-text-decoration-skip-ink: none;
--framer-text-decoration-offset: none;
--framer-line-height: 1.2em;
--framer-text-alignment: start;
--framer-font-open-type-features: normal;
--framer-text-background-color: initial;
--framer-text-background-radius: initial;
--framer-text-background-corner-shape: initial;
--framer-text-background-padding: initial;
}
ol.framer-text {
--list-style-type: decimal;
}
ul.framer-text,
ol.framer-text {
padding-inline-start: 0;
position: relative;
}
li.framer-text {
counter-increment: list-item;
padding-inline-start: 2ch;
list-style: none;
}
ol.framer-text > li.framer-text:before {
content: counter(list-item, var(--list-style-type)) ".";
font-variant-numeric: tabular-nums;
position: absolute;
inset-inline-start: 0;
}
ol.framer-text > li.framer-text:nth-last-child(n + 10),
ol.framer-text > li.framer-text:nth-last-child(n + 10) ~ li {
padding-inline-start: 3ch;
}
ol.framer-text > li.framer-text:nth-last-child(n + 100),
ol.framer-text > li.framer-text:nth-last-child(n + 100) ~ li {
padding-inline-start: 4ch;
}
ol.framer-text > li.framer-text:nth-last-child(n + 1000),
ol.framer-text > li.framer-text:nth-last-child(n + 1000) ~ li {
padding-inline-start: 5ch;
}
ol.framer-text > li.framer-text:nth-last-child(n + 10000),
ol.framer-text > li.framer-text:nth-last-child(n + 10000) ~ li {
padding-inline-start: 6ch;
}
ol.framer-text > li.framer-text:nth-last-child(n + 100000),
ol.framer-text > li.framer-text:nth-last-child(n + 100000) ~ li {
padding-inline-start: 7ch;
}
ol.framer-text > li.framer-text:nth-last-child(n + 1000000),
ol.framer-text > li.framer-text:nth-last-child(n + 1000000) ~ li {
padding-inline-start: 8ch;
}
ul.framer-text > li.framer-text:before {
content: "•";
position: absolute;
inset-inline-start: 0;
}
.framer-table-wrapper {
overflow-x: auto;
}
table.framer-text,
.framer-table-wrapper table.framer-text {
border-collapse: separate;
border-spacing: 0;
table-layout: auto;
word-break: normal;
width: 100%;
}
td.framer-text,
th.framer-text {
vertical-align: top;
min-width: 16ch;
}
.framer-text-module[data-width="fill"] > :first-child,
.framer-text-module[data-width="fill"] > .ssr-variant > :first-child {
width: 100% !important;
}
[data-framer-component-type="DeprecatedRichText"] {
cursor: inherit;
}
[data-framer-component-type="DeprecatedRichText"] .text-styles-preset-reset {
--framer-font-family: Inter, Inter Placeholder, sans-serif;
--framer-font-style: normal;
--framer-font-weight: 500;
--framer-text-color: #000;
--framer-font-size: 16px;
--framer-letter-spacing: 0;
--framer-text-transform: none;
--framer-text-decoration: none;
--framer-line-height: 1.2em;
--framer-text-alignment: start;
--framer-font-open-type-features: normal;
--font-variation-settings: normal;
}
[data-framer-component-type="DeprecatedRichText"] p,
[data-framer-component-type="DeprecatedRichText"] div,
[data-framer-component-type="DeprecatedRichText"] h1,
[data-framer-component-type="DeprecatedRichText"] h2,
[data-framer-component-type="DeprecatedRichText"] h3,
[data-framer-component-type="DeprecatedRichText"] h4,
[data-framer-component-type="DeprecatedRichText"] h5,
[data-framer-component-type="DeprecatedRichText"] h6 {
margin: 0;
padding: 0;
}
[data-framer-component-type="DeprecatedRichText"] p,
[data-framer-component-type="DeprecatedRichText"] div,
[data-framer-component-type="DeprecatedRichText"] h1,
[data-framer-component-type="DeprecatedRichText"] h2,
[data-framer-component-type="DeprecatedRichText"] h3,
[data-framer-component-type="DeprecatedRichText"] h4,
[data-framer-component-type="DeprecatedRichText"] h5,
[data-framer-component-type="DeprecatedRichText"] h6,
[data-framer-component-type="DeprecatedRichText"] li,
[data-framer-component-type="DeprecatedRichText"] ol,
[data-framer-component-type="DeprecatedRichText"] ul,
[data-framer-component-type="DeprecatedRichText"] span:not([data-text-fill]) {
font-family: var(--framer-font-family, Inter, Inter Placeholder, sans-serif);
font-style: var(--framer-font-style, normal);
font-weight: var(--framer-font-weight, 400);
color: var(--framer-text-color, #000);
font-size: var(--framer-font-size, 16px);
letter-spacing: var(--framer-letter-spacing, 0);
text-transform: var(--framer-text-transform, none);
-webkit-text-decoration: var(--framer-text-decoration, none);
text-decoration: var(--framer-text-decoration, none);
line-height: var(--framer-line-height, 1.2em);
text-align: var(--framer-text-alignment, start);
}
[data-framer-component-type="DeprecatedRichText"] p:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] div:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] h1:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] h2:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] h3:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] h4:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] h5:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] h6:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] ol:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] ul:not(:first-child),
[data-framer-component-type="DeprecatedRichText"] .framer-image:not(:first-child) {
margin-top: var(--framer-paragraph-spacing, 0);
}
[data-framer-component-type="DeprecatedRichText"] span[data-text-fill] {
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
display: inline-block;
}
[data-framer-component-type="DeprecatedRichText"] a,
[data-framer-component-type="DeprecatedRichText"] a span:not([data-text-fill]) {
font-family: var(
--framer-link-font-family,
var(--framer-font-family, Inter, Inter Placeholder, sans-serif)
);
font-style: var(--framer-link-font-style, var(--framer-font-style, normal));
font-weight: var(--framer-link-font-weight, var(--framer-font-weight, 400));
color: var(--framer-link-text-color, var(--framer-text-color, #000));
font-size: var(--framer-link-font-size, var(--framer-font-size, 16px));
text-transform: var(--framer-link-text-transform, var(--framer-text-transform, none));
-webkit-text-decoration: var(--framer-link-text-decoration, var(--framer-text-decoration, none));
text-decoration: var(--framer-link-text-decoration, var(--framer-text-decoration, none));
}
[data-framer-component-type="DeprecatedRichText"] a:hover,
[data-framer-component-type="DeprecatedRichText"] a:hover span:not([data-text-fill]) {
font-family: var(
--framer-link-hover-font-family,
var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))
);
font-style: var(
--framer-link-hover-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal))
);
font-weight: var(
--framer-link-hover-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400))
);
color: var(
--framer-link-hover-text-color,
var(--framer-link-text-color, var(--framer-text-color, #000))
);
font-size: var(
--framer-link-hover-font-size,
var(--framer-link-font-size, var(--framer-font-size, 16px))
);
text-transform: var(
--framer-link-hover-text-transform,
var(--framer-link-text-transform, var(--framer-text-transform, none))
);
-webkit-text-decoration: var(
--framer-link-hover-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, none))
);
text-decoration: var(
--framer-link-hover-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, none))
);
}
[data-framer-component-type="DeprecatedRichText"] a[data-framer-page-link-current],
[data-framer-component-type="DeprecatedRichText"]
a[data-framer-page-link-current]
span:not([data-text-fill]):not([data-nested-link]) {
font-family: var(
--framer-link-current-font-family,
var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))
);
font-style: var(
--framer-link-current-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal))
);
font-weight: var(
--framer-link-current-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400))
);
color: var(
--framer-link-current-text-color,
var(--framer-link-text-color, var(--framer-text-color, #000))
);
font-size: var(
--framer-link-current-font-size,
var(--framer-link-font-size, var(--framer-font-size, 16px))
);
text-transform: var(
--framer-link-current-text-transform,
var(--framer-link-text-transform, var(--framer-text-transform, none))
);
-webkit-text-decoration: var(
--framer-link-current-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, none))
);
text-decoration: var(
--framer-link-current-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, none))
);
}
[data-framer-component-type="DeprecatedRichText"] a[data-framer-page-link-current]:hover,
[data-framer-component-type="DeprecatedRichText"]
a[data-framer-page-link-current]:hover
span:not([data-text-fill]):not([data-nested-link]) {
font-family: var(
--framer-link-hover-font-family,
var(
--framer-link-current-font-family,
var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif))
)
);
font-style: var(
--framer-link-hover-font-style,
var(
--framer-link-current-font-style,
var(--framer-link-font-style, var(--framer-font-style, normal))
)
);
font-weight: var(
--framer-link-hover-font-weight,
var(
--framer-link-current-font-weight,
var(--framer-link-font-weight, var(--framer-font-weight, 400))
)
);
color: var(
--framer-link-hover-text-color,
var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)))
);
font-size: var(
--framer-link-hover-font-size,
var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px)))
);
text-transform: var(
--framer-link-hover-text-transform,
var(
--framer-link-current-text-transform,
var(--framer-link-text-transform, var(--framer-text-transform, none))
)
);
-webkit-text-decoration: var(
--framer-link-hover-text-decoration,
var(
--framer-link-current-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, none))
)
);
text-decoration: var(
--framer-link-hover-text-decoration,
var(
--framer-link-current-text-decoration,
var(--framer-link-text-decoration, var(--framer-text-decoration, none))
)
);
}
[data-framer-component-type="DeprecatedRichText"] strong {
font-weight: bolder;
}
[data-framer-component-type="DeprecatedRichText"] em {
font-style: italic;
}
[data-framer-component-type="DeprecatedRichText"] .framer-image {
max-width: 100%;
height: auto;
display: block;
}
[data-framer-component-type="DeprecatedRichText"] ul,
[data-framer-component-type="DeprecatedRichText"] ol {
width: 100%;
margin: 0;
padding-left: 0;
display: table;
}
[data-framer-component-type="DeprecatedRichText"] li {
counter-increment: list-item;
list-style: none;
display: table-row;
}
[data-framer-component-type="DeprecatedRichText"] ol > li:before {
box-sizing: border-box;
content: counter(list-item) ".";
white-space: nowrap;
width: 2.25ch;
padding-right: 0.75ch;
display: table-cell;
}
[data-framer-component-type="DeprecatedRichText"] ul > li:before {
box-sizing: border-box;
content: "•";
width: 2.25ch;
padding-right: 0.75ch;
display: table-cell;
}
:not([data-framer-generated]) > [data-framer-stack-content-wrapper] > *,
:not([data-framer-generated]) > [data-framer-stack-content-wrapper] > [data-framer-component-type],
:not([data-framer-generated])
> [data-framer-stack-content-wrapper]
> [data-framer-legacy-stack-gap-enabled]
> *,
:not([data-framer-generated])
> [data-framer-stack-content-wrapper]
> [data-framer-legacy-stack-gap-enabled]
> [data-framer-component-type] {
position: relative;
}
.flexbox-gap-not-supported [data-framer-legacy-stack-gap-enabled="true"] > *,
[data-framer-legacy-stack-gap-enabled="true"][data-framer-stack-flexbox-gap="false"] {
margin-top: calc(var(--stack-gap-y) / 2);
margin-bottom: calc(var(--stack-gap-y) / 2);
margin-right: calc(var(--stack-gap-x) / 2);
margin-left: calc(var(--stack-gap-x) / 2);
}
[data-framer-stack-content-wrapper][data-framer-stack-gap-enabled="true"] {
row-gap: var(--stack-native-row-gap);
column-gap: var(--stack-native-column-gap);
}
.flexbox-gap-not-supported [data-framer-stack-content-wrapper][data-framer-stack-gap-enabled="true"] {
row-gap: unset;
column-gap: unset;
}
.flexbox-gap-not-supported
[data-framer-stack-direction-reverse="false"]
[data-framer-legacy-stack-gap-enabled="true"]
> :first-child,
[data-framer-stack-direction-reverse="false"]
[data-framer-legacy-stack-gap-enabled="true"][data-framer-stack-flexbox-gap="false"]
> :first-child,
.flexbox-gap-not-supported
[data-framer-stack-direction-reverse="true"]
[data-framer-legacy-stack-gap-enabled="true"]
> :last-child,
[data-framer-stack-direction-reverse="true"]
[data-framer-legacy-stack-gap-enabled="true"][data-framer-stack-flexbox-gap="false"]
> :last-child {
margin-top: 0;
margin-left: 0;
}
.flexbox-gap-not-supported
[data-framer-stack-direction-reverse="false"]
[data-framer-legacy-stack-gap-enabled="true"]
> :last-child,
[data-framer-stack-direction-reverse="false"]
[data-framer-legacy-stack-gap-enabled="true"][data-framer-stack-flexbox-gap="false"]
> :last-child,
.flexbox-gap-not-supported
[data-framer-stack-direction-reverse="true"]
[data-framer-legacy-stack-gap-enabled="true"]
> :first-child,
[data-framer-stack-direction-reverse="true"]
[data-framer-legacy-stack-gap-enabled="true"][data-framer-stack-flexbox-gap="false"]
> :first-child {
margin-bottom: 0;
margin-right: 0;
}
NavigationContainer [data-framer-component-type="NavigationContainer"] > *,
[data-framer-component-type="NavigationContainer"] > [data-framer-component-type] {
position: relative;
}
[data-framer-component-type="Scroll"]::-webkit-scrollbar {
display: none;
}
[data-framer-component-type="ScrollContentWrapper"] > * {
position: relative;
}
[data-framer-component-type="NativeScroll"] {
-webkit-overflow-scrolling: touch;
}
[data-framer-component-type="NativeScroll"] > * {
position: relative;
}
[data-framer-component-type="NativeScroll"].direction-both {
overflow: auto;
}
[data-framer-component-type="NativeScroll"].direction-vertical {
overflow: hidden auto;
}
[data-framer-component-type="NativeScroll"].direction-horizontal {
overflow: auto hidden;
}
[data-framer-component-type="NativeScroll"].direction-vertical > * {
width: 100% !important;
}
[data-framer-component-type="NativeScroll"].direction-horizontal > * {
height: 100% !important;
}
[data-framer-component-type="NativeScroll"].scrollbar-hidden::-webkit-scrollbar {
display: none;
}
[data-framer-component-type="PageContentWrapper"] > *,
[data-framer-component-type="PageContentWrapper"] > [data-framer-component-type] {
position: relative;
}
[data-framer-component-type="DeviceComponent"].no-device > * {
width: 100% !important;
height: 100% !important;
}
[data-is-present="false"],
[data-is-present="false"] * {
pointer-events: none !important;
}
[data-framer-cursor="pointer"] {
cursor: pointer;
}
[data-framer-cursor="grab"] {
cursor: grab;
}
[data-framer-cursor="grab"]:active {
cursor: grabbing;
}
[data-framer-component-type="Frame"] *,
[data-framer-component-type="Stack"] * {
pointer-events: auto;
}
[data-framer-generated] * {
pointer-events: unset;
}
.svgContainer svg {
display: block;
}
[data-reset="button"] {
background: 0 0;
border-width: 0;
padding: 0;
}
[data-hide-scrollbars="true"]::-webkit-scrollbar {
width: 0;
height: 0;
}
[data-hide-scrollbars="true"]::-webkit-scrollbar-thumb {
background: 0 0;
}
[data-hide-scrollbars="true"] {
scrollbar-width: none;
}
@supports not (overflow: clip) {
:root {
--overflow-clip-fallback: hidden;
}
}
.framer-lightbox-container {
opacity: 1 !important;
pointer-events: auto !important;
}
@supports (background: -webkit-named-image(i)) and (not (contain-intrinsic-size: inherit)) {
div.framer-text,
p.framer-text,
h1.framer-text,
h2.framer-text,
h3.framer-text,
h4.framer-text,
h5.framer-text,
h6.framer-text,
ol.framer-text,
ul.framer-text,
li.framer-text,
blockquote.framer-text,
.framer-text.framer-image {
display: var(--text-truncation-display-inline-for-safari-16, revert);
}
div.framer-text:after,
p.framer-text:after,
h1.framer-text:after,
h2.framer-text:after,
h3.framer-text:after,
h4.framer-text:after,
h5.framer-text:after,
h6.framer-text:after,
ol.framer-text:after,
ul.framer-text:after,
li.framer-text:after,
blockquote.framer-text:after,
.framer-text.framer-image:after {
content: var(--text-truncation-line-break-for-safari-16);
white-space: pre;
}
.framer-text.framer-text-module,
.framer-text.framer-table-wrapper {
display: var(--text-truncation-display-none-for-safari-16, revert);
}
p.framer-text[data-text-fill] {
display: var(--text-truncation-display-inline-for-safari-16, inline-block);
}
}
@supports (corner-shape: superellipse(2)) {
:root {
--one-if-corner-shape-supported: 1;
}
}
.ssr-variant {
display: contents;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-vqlDd.framer-1xe4ow9,
.framer-vqlDd .framer-1xe4ow9 {
display: block;
}
.framer-vqlDd.framer-1eyfh3k {
cursor: default;
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
place-content: flex-start center;
align-items: flex-start;
gap: 14px;
width: 450px;
padding: 0;
display: flex;
position: relative;
}
.framer-vqlDd .framer-1smfjrq {
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 14px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-vqlDd .framer-bt1rmt {
height: 560px;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 20px;
width: 100%;
padding: 24px;
display: flex;
position: relative;
}
.framer-vqlDd .framer-7dpkn8 {
z-index: 0;
flex: none;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
left: 0%;
}
.framer-vqlDd .framer-i8n2mb {
height: 100%;
overflow: var(--overflow-clip-fallback, clip);
z-index: 1;
flex: none;
width: 100%;
position: absolute;
top: 0%;
left: 0%;
}
.framer-vqlDd .framer-1j86wi3 {
height: 100%;
overflow: var(--overflow-clip-fallback, clip);
z-index: 2;
flex-flow: row;
flex: 1 0 0;
place-content: flex-end center;
align-items: flex-end;
gap: 20px;
width: 1px;
padding: 0 0 30px;
display: flex;
position: relative;
}
.framer-vqlDd .framer-4olsdi {
--framer-text-wrap-override: balance;
flex: 1 0 0;
width: 1px;
height: auto;
position: relative;
}
.framer-vqlDd .framer-1xlsalw {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 14px;
width: 100%;
padding: 0;
display: flex;
position: relative;
}
.framer-vqlDd .framer-6lp3eo,
.framer-vqlDd .framer-ufhuqr {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: 1 0 0;
width: 1px;
height: auto;
position: relative;
}
.framer-vqlDd.framer-v-1fpjs8o.framer-1eyfh3k {
width: 400px;
}
.framer-vqlDd.framer-v-1fpjs8o .framer-bt1rmt {
height: 450px;
}
.framer-vqlDd.framer-v-1fpjs8o .framer-1xlsalw {
flex-direction: column;
align-content: flex-start;
align-items: flex-start;
gap: 6px;
}
.framer-vqlDd.framer-v-1fpjs8o .framer-6lp3eo,
.framer-vqlDd.framer-v-1fpjs8o .framer-ufhuqr,
.framer-vqlDd.framer-v-jpmxt2 .framer-6lp3eo,
.framer-vqlDd.framer-v-jpmxt2 .framer-ufhuqr {
flex: none;
width: 100%;
}
.framer-vqlDd.framer-v-jpmxt2.framer-1eyfh3k {
width: 380px;
}
.framer-vqlDd.framer-v-jpmxt2 .framer-bt1rmt {
height: 400px;
}
.framer-vqlDd.framer-v-jpmxt2 .framer-1xlsalw {
flex-direction: column;
gap: 6px;
}
.framer-K7bsm .framer-styles-preset-1n9ie95:not(.rich-text-wrapper),
.framer-K7bsm .framer-styles-preset-1n9ie95.rich-text-wrapper h4 {
--framer-font-family: "TASA Orbiter", "TASA Orbiter Placeholder", sans-serif;
--framer-font-family-bold: "TASA Orbiter", "TASA Orbiter Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
--framer-font-size: 24px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-letter-spacing: 0em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-4a822cde-eea1-4534-a33d-148ad1b2327f, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
@media (max-width: 1199px) and (min-width: 810px) {
.framer-K7bsm .framer-styles-preset-1n9ie95:not(.rich-text-wrapper),
.framer-K7bsm .framer-styles-preset-1n9ie95.rich-text-wrapper h4 {
--framer-font-family: "TASA Orbiter", "TASA Orbiter Placeholder", sans-serif;
--framer-font-family-bold: "TASA Orbiter", "TASA Orbiter Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-letter-spacing: 0em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-4a822cde-eea1-4534-a33d-148ad1b2327f, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 809px) and (min-width: 0) {
.framer-K7bsm .framer-styles-preset-1n9ie95:not(.rich-text-wrapper),
.framer-K7bsm .framer-styles-preset-1n9ie95.rich-text-wrapper h4 {
--framer-font-family: "TASA Orbiter", "TASA Orbiter Placeholder", sans-serif;
--framer-font-family-bold: "TASA Orbiter", "TASA Orbiter Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-letter-spacing: 0em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-4a822cde-eea1-4534-a33d-148ad1b2327f, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-pqMX4 .framer-styles-preset-lb7d4u:not(.rich-text-wrapper),
.framer-pqMX4 .framer-styles-preset-lb7d4u.rich-text-wrapper h5 {
--framer-font-family: "TASA Orbiter", "TASA Orbiter Placeholder", sans-serif;
--framer-font-family-bold: "TASA Orbiter", "TASA Orbiter Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
--framer-font-size: 20px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-letter-spacing: 0em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-4a822cde-eea1-4534-a33d-148ad1b2327f, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
@media (max-width: 1199px) and (min-width: 810px) {
.framer-pqMX4 .framer-styles-preset-lb7d4u:not(.rich-text-wrapper),
.framer-pqMX4 .framer-styles-preset-lb7d4u.rich-text-wrapper h5 {
--framer-font-family: "TASA Orbiter", "TASA Orbiter Placeholder", sans-serif;
--framer-font-family-bold: "TASA Orbiter", "TASA Orbiter Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
--framer-font-size: 20px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-letter-spacing: 0em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-4a822cde-eea1-4534-a33d-148ad1b2327f, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 809px) and (min-width: 0) {
.framer-pqMX4 .framer-styles-preset-lb7d4u:not(.rich-text-wrapper),
.framer-pqMX4 .framer-styles-preset-lb7d4u.rich-text-wrapper h5 {
--framer-font-family: "TASA Orbiter", "TASA Orbiter Placeholder", sans-serif;
--framer-font-family-bold: "TASA Orbiter", "TASA Orbiter Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-letter-spacing: 0em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: var(--token-4a822cde-eea1-4534-a33d-148ad1b2327f, #000);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-klyog .framer-styles-preset-viqlv3:not(.rich-text-wrapper),
.framer-klyog .framer-styles-preset-viqlv3.rich-text-wrapper p {
--framer-font-family: "TASA Orbiter", "TASA Orbiter Placeholder", sans-serif;
--framer-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: 0em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-6f7e1bc3-de5e-41f0-abc1-f08c3f81f534, #666);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
@media (max-width: 1199px) and (min-width: 810px) {
.framer-klyog .framer-styles-preset-viqlv3:not(.rich-text-wrapper),
.framer-klyog .framer-styles-preset-viqlv3.rich-text-wrapper p {
--framer-font-family: "TASA Orbiter", "TASA Orbiter Placeholder", sans-serif;
--framer-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: 0em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-6f7e1bc3-de5e-41f0-abc1-f08c3f81f534, #666);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 809px) and (min-width: 0) {
.framer-klyog .framer-styles-preset-viqlv3:not(.rich-text-wrapper),
.framer-klyog .framer-styles-preset-viqlv3.rich-text-wrapper p {
--framer-font-family: "TASA Orbiter", "TASA Orbiter Placeholder", sans-serif;
--framer-font-family-bold: "Inter", "Inter Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
--framer-font-size: 18px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: 0em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-6f7e1bc3-de5e-41f0-abc1-f08c3f81f534, #666);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-5mM68.framer-15pszo,
.framer-5mM68 .framer-15pszo {
display: block;
}
.framer-5mM68.framer-1yjkjsa {
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 500px;
height: min-content;
padding: 6px;
display: flex;
position: relative;
overflow: visible;
}
.framer-5mM68 .framer-1ovk2qm {
will-change: var(--framer-will-change-override, transform);
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 32px;
width: 450px;
max-width: 100%;
height: min-content;
padding: 12px 24px 24px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-5mM68 .framer-1g53flh {
flex-flow: row;
flex: none;
place-content: center space-between;
align-items: center;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-5mM68 .framer-158ix22 {
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 0;
width: min-content;
height: min-content;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.framer-5mM68 .framer-ag5duq-container {
-webkit-user-select: none;
user-select: none;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-5mM68 .framer-1aey0up-container {
-webkit-user-select: none;
user-select: none;
z-index: 10;
flex: none;
width: 44px;
height: 44px;
position: relative;
}
.framer-5mM68 .framer-r46xwg-container {
flex: none;
width: auto;
height: 50px;
position: relative;
}
.framer-5mM68 .framer-1s5q826 {
flex-flow: row;
flex: none;
place-content: flex-start center;
align-items: flex-start;
gap: 32px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-5mM68 .framer-5z0htf {
flex-flow: column;
flex: 1 0 0;
place-content: flex-start;
align-items: flex-start;
gap: 6px;
width: 1px;
height: min-content;
margin: 0;
padding: 0;
list-style: none;
display: flex;
position: relative;
overflow: visible;
}
.framer-5mM68 .framer-25jv2z-container,
.framer-5mM68 .framer-cl5aoy-container,
.framer-5mM68 .framer-16ct20x-container,
.framer-5mM68 .framer-1egbv05-container,
.framer-5mM68 .framer-j0tqbj-container {
flex: none;
width: 100%;
height: auto;
position: relative;
}
.framer-5mM68 .framer-1p27smt {
flex-flow: column;
flex: 1 0 0;
place-content: center space-between;
align-self: stretch;
align-items: center;
width: 1px;
height: auto;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-5mM68 .framer-wf8dio {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 6px;
width: 100%;
height: min-content;
margin: 0;
padding: 0;
list-style: none;
display: flex;
position: relative;
overflow: visible;
}
.framer-5mM68 .framer-yqss6k {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 0;
width: 100%;
height: min-content;
margin: 0;
padding: 0;
list-style: none;
display: flex;
position: relative;
overflow: visible;
}
.framer-5mM68 .framer-a5is65 {
flex: none;
grid-template-columns: repeat(auto-fill, minmax(16px, 1fr));
grid-auto-rows: min-content;
justify-content: center;
gap: 24px;
width: 100%;
height: min-content;
padding: 0;
display: grid;
position: relative;
overflow: hidden;
}
.framer-5mM68 .framer-wcygnk-container,
.framer-5mM68 .framer-1evdozq-container,
.framer-5mM68 .framer-1oi8llo-container,
.framer-5mM68 .framer-izpc1g-container,
.framer-5mM68 .framer-1cgvewf-container {
flex: none;
place-self: start;
width: 100%;
height: 16px;
position: relative;
}
.framer-5mM68 .framer-b59ijp {
z-index: -1;
flex: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: visible;
}
.framer-5mM68.framer-v-1nasek8.framer-1yjkjsa {
width: 340px;
}
.framer-5mM68.framer-v-1nasek8 .framer-1ovk2qm {
align-content: center;
align-items: center;
gap: 16px;
width: 320px;
height: 67px;
padding: 10px 20px 20px;
}
.framer-5mM68.framer-v-1nasek8 .framer-r46xwg-container {
height: 40px;
}
.framer-5mM68.framer-v-1nasek8 .framer-1s5q826 {
gap: 0;
}
.framer-5mM68.framer-v-1nasek8 .framer-5z0htf,
.framer-5mM68.framer-v-1nasek8 .framer-wf8dio,
.framer-5mM68.framer-v-1nasek8 .framer-yqss6k {
overflow: hidden;
}
.framer-5mM68[data-border="true"]:after,
.framer-5mM68 [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0)
var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-nPIbt.framer-kdx4pd,
.framer-nPIbt .framer-kdx4pd {
display: block;
}
.framer-nPIbt.framer-61ub3q {
cursor: pointer;
will-change: var(--framer-will-change-override, transform);
gap: 20px;
width: 44px;
height: 44px;
position: relative;
overflow: hidden;
}
.framer-nPIbt .framer-127bzdb {
flex: none;
width: 24px;
height: 24px;
position: absolute;
top: calc(50% - 12px);
left: calc(50% - 12px);
overflow: hidden;
}
.framer-nPIbt .framer-1uepueu {
flex: none;
width: 4px;
height: 4px;
position: absolute;
top: 1px;
left: 1px;
overflow: visible;
}
.framer-nPIbt .framer-1kbdbo1 {
flex: none;
width: 4px;
height: 4px;
position: absolute;
top: 1px;
left: calc(50% - 2px);
overflow: visible;
}
.framer-nPIbt .framer-b34wm7 {
flex: none;
width: 4px;
height: 4px;
position: absolute;
top: 1px;
right: 1px;
overflow: visible;
}
.framer-nPIbt .framer-4g9k9v {
flex: none;
width: 4px;
height: 4px;
position: absolute;
top: calc(50% - 2px);
left: 1px;
overflow: visible;
}
.framer-nPIbt .framer-1s36hud {
flex: none;
width: 4px;
height: 4px;
position: absolute;
top: calc(50% - 2px);
left: calc(50% - 2px);
overflow: visible;
}
.framer-nPIbt .framer-919yh3 {
flex: none;
width: 4px;
height: 4px;
position: absolute;
top: calc(50% - 2px);
right: 1px;
overflow: visible;
}
.framer-nPIbt .framer-amsaga {
flex: none;
width: 4px;
height: 4px;
position: absolute;
bottom: 1px;
left: 1px;
overflow: visible;
}
.framer-nPIbt .framer-jowuac {
flex: none;
width: 4px;
height: 4px;
position: absolute;
bottom: 1px;
left: calc(50% - 2px);
overflow: visible;
}
.framer-nPIbt .framer-4ym3tv {
flex: none;
width: 4px;
height: 4px;
position: absolute;
bottom: 1px;
right: 1px;
overflow: visible;
}
.framer-nPIbt .framer-t4vtwn-container {
flex: none;
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 0;
}
.framer-nPIbt.framer-v-1gev50y.framer-61ub3q {
will-change: unset;
overflow: visible;
}
.framer-nPIbt.framer-v-1gev50y .framer-127bzdb {
top: 10px;
left: 10px;
overflow: visible;
}
.framer-nPIbt.framer-v-1gev50y .framer-1uepueu,
.framer-nPIbt.framer-v-1gev50y .framer-1kbdbo1,
.framer-nPIbt.framer-v-1gev50y .framer-4g9k9v,
.framer-nPIbt.framer-v-1gev50y .framer-1s36hud {
width: 2px;
height: 2px;
top: calc(50% - 1px);
left: calc(50% - 1px);
}
.framer-nPIbt.framer-v-1gev50y .framer-b34wm7,
.framer-nPIbt.framer-v-1gev50y .framer-919yh3 {
height: 2px;
left: calc(50% - 1px);
right: unset;
width: 2px;
top: calc(50% - 1px);
}
.framer-nPIbt.framer-v-1gev50y .framer-amsaga,
.framer-nPIbt.framer-v-1gev50y .framer-jowuac {
bottom: unset;
width: 2px;
height: 2px;
top: calc(50% - 1px);
left: calc(50% - 1px);
}
.framer-nPIbt.framer-v-1gev50y .framer-4ym3tv {
aspect-ratio: 1;
bottom: unset;
height: var(--framer-aspect-ratio-supported, 6px);
left: 50%;
right: unset;
width: 6px;
top: 50%;
}
.framer-nPIbt.framer-v-61ub3q.hover .framer-127bzdb {
width: 34px;
height: 34px;
top: calc(50% - 17px);
left: calc(50% - 17px);
}
.framer-nPIbt.framer-v-61ub3q.hover .framer-1uepueu {
top: 4px;
left: 4px;
}
.framer-nPIbt.framer-v-61ub3q.hover .framer-b34wm7 {
top: 4px;
right: 4px;
}
.framer-nPIbt.framer-v-61ub3q.hover .framer-amsaga {
bottom: 4px;
left: 4px;
}
.framer-nPIbt.framer-v-61ub3q.hover .framer-4ym3tv {
bottom: 4px;
right: 4px;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-dOoYw.framer-7up3yg,
.framer-dOoYw .framer-7up3yg {
display: block;
}
.framer-dOoYw.framer-1x5mn7m {
cursor: pointer;
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
place-content: center;
align-items: center;
gap: 0;
width: min-content;
height: 48px;
padding: 14px 20px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-dOoYw .framer-j7rr70 {
-webkit-user-select: none;
user-select: none;
pointer-events: none;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-dOoYw .framer-47y2r9 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 20px);
flex: none;
gap: 10px;
width: 20px;
position: relative;
overflow: hidden;
}
.framer-dOoYw .framer-77ewj8 {
flex: none;
position: absolute;
inset: 0;
overflow: visible;
}
.framer-dOoYw .framer-11cv2qz {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 2px);
flex: none;
width: 2px;
position: absolute;
top: 0;
left: 50%;
overflow: visible;
}
.framer-dOoYw .framer-3okyn5 {
pointer-events: none;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 2px;
width: 16px;
height: 16px;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-dOoYw .framer-z3l5ve {
-webkit-user-select: none;
user-select: none;
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 16px);
flex: none;
width: 16px;
position: relative;
overflow: visible;
}
.framer-dOoYw .framer-3u1pt3 {
z-index: 0;
flex: none;
width: 100%;
height: 100%;
text-decoration: none;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.framer-dOoYw.framer-v-d43qg1.framer-1x5mn7m,
.framer-dOoYw.framer-v-6cbasi.framer-1x5mn7m {
width: 40px;
height: 40px;
}
.framer-dOoYw.framer-v-d43qg1 .framer-3okyn5,
.framer-dOoYw.framer-v-6cbasi .framer-3okyn5 {
gap: 0;
text-decoration: none;
}
.framer-dOoYw.framer-v-d43qg1 .framer-z3l5ve,
.framer-dOoYw.framer-v-6cbasi .framer-z3l5ve {
aspect-ratio: unset;
height: 16px;
}
.framer-dOoYw.framer-v-6ecvc4 .framer-77ewj8 {
overflow: hidden;
}
.framer-dOoYw.framer-v-1x5mn7m.hover.framer-1x5mn7m,
.framer-dOoYw.framer-v-y59tqm.hover.framer-1x5mn7m {
padding: 14px 20px 18px;
}
.framer-dOoYw.framer-v-1x5mn7m.pressed.framer-1x5mn7m,
.framer-dOoYw.framer-v-y59tqm.pressed.framer-1x5mn7m {
padding: 14px 20px 20px;
}
.framer-dOoYw.framer-v-d43qg1.hover .framer-3okyn5 {
padding: 0 0 3px;
}
.framer-dOoYw.framer-v-d43qg1.hover .framer-z3l5ve {
aspect-ratio: unset;
}
.framer-N5cjs .framer-styles-preset-desosi:not(.rich-text-wrapper),
.framer-N5cjs .framer-styles-preset-desosi.rich-text-wrapper p {
--framer-font-family: "Manrope", "Manrope Placeholder", sans-serif;
--framer-font-family-bold: "Manrope", "Manrope Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 400;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -0.02em;
--framer-line-height: 1.3em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: left;
--framer-text-color: var(--token-222af83b-cc32-4105-a4ac-8687cb32f7c1, #4d6b8d);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
@media (max-width: 1199px) and (min-width: 810px) {
.framer-N5cjs .framer-styles-preset-desosi:not(.rich-text-wrapper),
.framer-N5cjs .framer-styles-preset-desosi.rich-text-wrapper p {
--framer-font-family: "Manrope", "Manrope Placeholder", sans-serif;
--framer-font-family-bold: "Manrope", "Manrope Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 400;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -0.02em;
--framer-line-height: 1.3em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: left;
--framer-text-color: var(--token-222af83b-cc32-4105-a4ac-8687cb32f7c1, #4d6b8d);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 809px) and (min-width: 0) {
.framer-N5cjs .framer-styles-preset-desosi:not(.rich-text-wrapper),
.framer-N5cjs .framer-styles-preset-desosi.rich-text-wrapper p {
--framer-font-family: "Manrope", "Manrope Placeholder", sans-serif;
--framer-font-family-bold: "Manrope", "Manrope Placeholder", sans-serif;
--framer-font-family-bold-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 400;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: -0.02em;
--framer-line-height: 1.3em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: left;
--framer-text-color: var(--token-222af83b-cc32-4105-a4ac-8687cb32f7c1, #4d6b8d);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-52cTo.framer-140q2ta,
.framer-52cTo .framer-140q2ta {
display: block;
}
.framer-52cTo.framer-1nc01tb {
cursor: pointer;
flex-flow: row;
place-content: center flex-start;
align-items: center;
gap: 0;
width: min-content;
height: 30px;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.framer-52cTo .framer-idqtgs {
-webkit-user-select: none;
user-select: none;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-52cTo .framer-jou70x {
-webkit-user-select: none;
user-select: none;
white-space: pre;
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 0;
}
.framer-52cTo .framer-1dja303 {
-webkit-user-select: none;
user-select: none;
white-space: pre;
z-index: 1;
flex: none;
width: auto;
height: auto;
position: absolute;
top: 17px;
left: 0;
}
.framer-52cTo.framer-v-7n9wju.framer-1nc01tb {
min-width: 131px;
height: 32px;
overflow: hidden;
}
.framer-52cTo.framer-v-1og9oe7.framer-1nc01tb {
min-width: 130px;
height: 32px;
overflow: hidden;
}
.framer-52cTo.framer-v-1nc01tb.hover .framer-jou70x {
top: -3px;
}
.framer-52cTo.framer-v-1nc01tb.hover .framer-1dja303 {
top: 7px;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-RcnSw.framer-1az4kbn,
.framer-RcnSw .framer-1az4kbn {
display: block;
}
.framer-RcnSw.framer-1r4w3j9 {
flex-flow: row;
place-content: center;
align-items: center;
gap: 0;
width: 20px;
height: 20px;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.framer-RcnSw .framer-1e1noy1,
.framer-RcnSw .framer-1fsv05h,
.framer-RcnSw .framer-1ykrspk,
.framer-RcnSw .framer-esp1q0,
.framer-RcnSw .framer-1xctihn,
.framer-RcnSw .framer-1dd5b8s {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 16px);
flex: none;
width: 16px;
position: relative;
}
@supports (background: -webkit-named-image(i)) and (not (font-palette: dark)) {
.framer-RcnSw.framer-1r4w3j9 {
gap: 0;
}
.framer-RcnSw.framer-1r4w3j9 > * {
margin: 0;
}
.framer-RcnSw.framer-1r4w3j9 > :first-child {
margin-left: 0;
}
.framer-RcnSw.framer-1r4w3j9 > :last-child {
margin-right: 0;
}
}
.framer-RcnSw.framer-v-lcf47g.framer-1r4w3j9,
.framer-RcnSw.framer-v-3hrqky.framer-1r4w3j9,
.framer-RcnSw.framer-v-uo767.framer-1r4w3j9,
.framer-RcnSw.framer-v-15e6iis.framer-1r4w3j9,
.framer-RcnSw.framer-v-wvjs45.framer-1r4w3j9 {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 20px);
}
.framer-RcnSw.framer-v-uo767 .framer-1dd5b8s {
order: 5;
}
.framer-RcnSw.framer-v-15e6iis .framer-esp1q0 {
order: 6;
}
.framer-RcnSw.framer-v-wvjs45 .framer-1xctihn {
order: 7;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-Zud1g.framer-1k5j5np,
.framer-Zud1g .framer-1k5j5np {
display: block;
}
.framer-Zud1g.framer-1vvng2e {
flex-flow: column;
place-content: center;
align-items: center;
gap: 80px;
width: 1224px;
height: min-content;
padding: 64px 0 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-Zud1g .framer-1b85oun {
flex-flow: row;
flex: none;
place-content: flex-start space-between;
align-items: flex-start;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-Zud1g .framer-yo5yv5 {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 32px;
width: 22%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-Zud1g .framer-pbrwth {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 16px;
width: 100%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-Zud1g .framer-1p8zyca-container {
flex: none;
width: 58px;
height: 51px;
position: relative;
}
.framer-Zud1g .framer-ci5qqw {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
height: auto;
position: relative;
}
.framer-Zud1g .framer-1v6w8nh {
flex-flow: row;
flex: none;
place-content: flex-start space-between;
align-items: flex-start;
width: 66%;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-Zud1g .framer-t33gov,
.framer-Zud1g .framer-1tzn2gc,
.framer-Zud1g .framer-13mtruw,
.framer-Zud1g .framer-d2jkmf {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 16px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-Zud1g .framer-n91019,
.framer-Zud1g .framer-1xvy6w7 {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-Zud1g .framer-1oi8kkd {
flex-flow: column;
flex: none;
place-content: flex-start;
align-self: stretch;
align-items: flex-start;
gap: 12px;
width: auto;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-Zud1g .framer-1e2pu4r-container,
.framer-Zud1g .framer-11jlwq2-container,
.framer-Zud1g .framer-kow3y3-container,
.framer-Zud1g .framer-59fmja-container,
.framer-Zud1g .framer-crcxzk-container,
.framer-Zud1g .framer-1eh8cbh-container,
.framer-Zud1g .framer-14b00ol-container,
.framer-Zud1g .framer-18opc8p-container,
.framer-Zud1g .framer-12j3ljj-container {
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-Zud1g .framer-1i19syi {
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 12px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-Zud1g .framer-19po6bg {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 184px;
height: auto;
position: relative;
}
.framer-Zud1g .framer-dpd069 {
flex-flow: row;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 16px;
width: min-content;
height: min-content;
padding: 0;
display: flex;
position: relative;
overflow: visible;
}
.framer-Zud1g.framer-v-558p5n.framer-1vvng2e {
width: 932px;
}
.framer-Zud1g.framer-v-558p5n .framer-yo5yv5 {
width: 30%;
}
.framer-Zud1g.framer-v-558p5n .framer-1i19syi {
align-self: stretch;
width: auto;
}
.framer-Zud1g.framer-v-558p5n .framer-13mtruw {
width: 42%;
}
.framer-Zud1g.framer-v-rnp4zm.framer-1vvng2e {
align-content: flex-start;
align-items: flex-start;
gap: 50px;
width: 708px;
}
.framer-Zud1g.framer-v-rnp4zm .framer-1b85oun {
flex-flow: column wrap;
place-content: center flex-start;
align-items: center;
gap: 50px;
}
.framer-Zud1g.framer-v-rnp4zm .framer-yo5yv5,
.framer-Zud1g.framer-v-rnp4zm .framer-1v6w8nh,
.framer-Zud1g.framer-v-4p8atv .framer-yo5yv5,
.framer-Zud1g.framer-v-4p8atv .framer-1tzn2gc,
.framer-Zud1g.framer-v-4p8atv .framer-13mtruw {
width: 100%;
}
.framer-Zud1g.framer-v-rnp4zm .framer-pbrwth {
width: 374px;
}
.framer-Zud1g.framer-v-rnp4zm .framer-t33gov {
width: 28%;
}
.framer-Zud1g.framer-v-rnp4zm .framer-n91019,
.framer-Zud1g.framer-v-4p8atv .framer-n91019 {
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
width: 100%;
}
.framer-Zud1g.framer-v-rnp4zm .framer-1oi8kkd {
align-self: unset;
width: 100%;
}
.framer-Zud1g.framer-v-rnp4zm .framer-1tzn2gc {
width: 26%;
}
.framer-Zud1g.framer-v-rnp4zm .framer-13mtruw {
width: 38%;
}
.framer-Zud1g.framer-v-4p8atv.framer-1vvng2e {
gap: 25px;
width: 350px;
}
.framer-Zud1g.framer-v-4p8atv .framer-1b85oun {
flex-flow: column wrap;
justify-content: center;
gap: 35px;
}
.framer-Zud1g.framer-v-4p8atv .framer-1v6w8nh {
flex-direction: column;
justify-content: center;
gap: 40px;
width: 100%;
}
.framer-Zud1g.framer-v-4p8atv .framer-t33gov {
justify-content: center;
width: 100%;
}
.framer-Zud1g.framer-v-4p8atv .framer-1oi8kkd {
align-self: unset;
justify-content: center;
width: 100%;
}
.framer-Zud1g[data-border="true"]:after,
.framer-Zud1g [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0)
var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-q0TwG.framer-1k0x8g0,
.framer-q0TwG .framer-1k0x8g0 {
display: block;
}
.framer-q0TwG.framer-lh7z53 {
cursor: pointer;
height: 24px;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--framer-will-change-filter-override, filter);
width: 97px;
text-decoration: none;
position: relative;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-BI54I.framer-tqooet,
.framer-BI54I .framer-tqooet {
display: block;
}
.framer-BI54I.framer-mzofqd {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 8px;
width: min-content;
height: min-content;
padding: 8px 16px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.framer-BI54I .framer-12tieun {
flex: none;
gap: 10px;
width: 20px;
height: 20px;
position: relative;
overflow: visible;
}
.framer-BI54I .framer-1g0jnxa {
cursor: pointer;
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
overflow: visible;
}
.framer-BI54I.framer-v-1ex5i8x.framer-mzofqd {
padding: 8px;
}
.framer-BI54I.framer-v-191i46s.framer-mzofqd,
.framer-BI54I.framer-v-bx0b1k.framer-mzofqd {
padding: 0;
}
.framer-BI54I[data-border="true"]:after,
.framer-BI54I [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0)
var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-IZGt9.framer-1gnmrat,
.framer-IZGt9 .framer-1gnmrat {
display: block;
}
.framer-IZGt9.framer-dchm5g {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 0;
width: min-content;
height: min-content;
padding: 8px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.framer-IZGt9 .framer-137lowj {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 24px);
flex-flow: column;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 24px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-IZGt9 .framer-1n6t4a7 {
flex: none;
width: 16px;
height: 22px;
position: relative;
}
.framer-IZGt9[data-border="true"]:after,
.framer-IZGt9 [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0)
var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-DfKpm.framer-pjg9u8,
.framer-DfKpm .framer-pjg9u8 {
display: block;
}
.framer-DfKpm.framer-7y4dao {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 0;
width: min-content;
height: min-content;
padding: 8px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.framer-DfKpm .framer-uqy63p {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 24px);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 24px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-DfKpm .framer-1w5d7fn {
flex: none;
width: 22px;
height: 22px;
position: relative;
}
.framer-DfKpm[data-border="true"]:after,
.framer-DfKpm [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0)
var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-Qme0J.framer-mrqv63,
.framer-Qme0J .framer-mrqv63 {
display: block;
}
.framer-Qme0J.framer-1oxo4t3 {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 0;
width: min-content;
height: min-content;
padding: 8px;
text-decoration: none;
display: flex;
position: relative;
overflow: visible;
}
.framer-Qme0J .framer-1jnujsz {
aspect-ratio: 1;
height: var(--framer-aspect-ratio-supported, 24px);
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: 24px;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.framer-Qme0J .framer-1w05jcf {
flex: none;
width: 20px;
height: 20px;
position: relative;
}
.framer-Qme0J[data-border="true"]:after,
.framer-Qme0J [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0)
var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@supports (aspect-ratio: 1) {
body {
--framer-aspect-ratio-supported: auto;
}
}
.framer-BwuXt.framer-shgfhs,
.framer-BwuXt .framer-shgfhs {
display: block;
}
.framer-BwuXt.framer-1upgaq1 {
cursor: pointer;
will-change: var(--framer-will-change-override, transform);
flex-flow: row;
place-content: center;
align-items: center;
gap: 8px;
width: min-content;
height: min-content;
padding: 12px 20px;
display: flex;
position: relative;
overflow: hidden;
}
.framer-BwuXt .framer-1p6a957 {
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative;
}
.framer-PjUH5 .framer-styles-preset-jh8fzu:not(.rich-text-wrapper),
.framer-PjUH5 .framer-styles-preset-jh8fzu.rich-text-wrapper p {
--framer-font-family: "Satoshi", "Satoshi Placeholder", sans-serif;
--framer-font-family-bold: "Satoshi", "Satoshi Placeholder", sans-serif;
--framer-font-family-bold-italic: "Satoshi", "Satoshi Placeholder", sans-serif;
--framer-font-family-italic: "Satoshi", "Satoshi Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: 0em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-de10b5a7-2361-481d-86a9-c107f813bd3d, #fff);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
@media (max-width: 1199px) and (min-width: 810px) {
.framer-PjUH5 .framer-styles-preset-jh8fzu:not(.rich-text-wrapper),
.framer-PjUH5 .framer-styles-preset-jh8fzu.rich-text-wrapper p {
--framer-font-family: "Satoshi", "Satoshi Placeholder", sans-serif;
--framer-font-family-bold: "Satoshi", "Satoshi Placeholder", sans-serif;
--framer-font-family-bold-italic: "Satoshi", "Satoshi Placeholder", sans-serif;
--framer-font-family-italic: "Satoshi", "Satoshi Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: 0em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-de10b5a7-2361-481d-86a9-c107f813bd3d, #fff);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
@media (max-width: 809px) and (min-width: 0) {
.framer-PjUH5 .framer-styles-preset-jh8fzu:not(.rich-text-wrapper),
.framer-PjUH5 .framer-styles-preset-jh8fzu.rich-text-wrapper p {
--framer-font-family: "Satoshi", "Satoshi Placeholder", sans-serif;
--framer-font-family-bold: "Satoshi", "Satoshi Placeholder", sans-serif;
--framer-font-family-bold-italic: "Satoshi", "Satoshi Placeholder", sans-serif;
--framer-font-family-italic: "Satoshi", "Satoshi Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 16px;
--framer-font-style: normal;
--framer-font-style-bold: normal;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 500;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 500;
--framer-letter-spacing: 0em;
--framer-line-height: 140%;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: var(--token-de10b5a7-2361-481d-86a9-c107f813bd3d, #fff);
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none;
}
}
.framer-BwuXt[data-border="true"]:after,
.framer-BwuXt [data-border="true"]:after {
content: "";
border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0)
var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
#__framer-editorbar-container {
align-items: center;
display: none;
gap: 8px;
position: fixed;
z-index: calc(2147483647);
width: max-content;
cursor: pointer;
}
#__framer-editorbar-label {
background-color: #111;
border-radius: 8px;
font-family: "Inter", "Inter-Regular", system-ui, Arial, sans-serif;
font-size: 12px;
height: fit-content;
opacity: 0;
padding: 4px 8px;
transition: opacity 0.4s ease-out;
font-weight: 500;
flex-shrink: 0;
position: fixed;
width: max-content;
pointer-events: none;
user-select: none;
}
#__framer-editorbar-button {
all: unset;
align-items: center;
border-radius: 15px;
display: flex;
height: 30px;
justify-content: center;
width: 30px;
flex-shrink: 0;
}
#__framer-editorbar-label.__framer-editorbar-button-tooltip-visible {
opacity: 1;
}
#__framer-editorbar-label,
#__framer-editorbar-button {
backdrop-filter: blur(10px);
background-color: rgba(34, 34, 34, 0.8);
box-shadow:
rgba(0, 0, 0, 0.1) 0px 2px 4px 0px,
rgba(0, 0, 0, 0.05) 0px 1px 0px 0px,
rgba(255, 255, 255, 0.15) 0px 0px 0px 1px;
color: #fff;
}
#__framer-editorbar-loading-spinner {
width: 12px;
height: 12px;
-webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAApNJREFUSA2tlUtLlFEYgEe7mtFFQ8NLFBG1SJAwahtiLVy5ceVSEPQH1LZf0Lp9FO1bdYNyI7gyBFcS2kAzilYq3sfxeYZ55Zv6FGfohWfOd97vnPd23u9MXeZoaeb1Q7gPHXAFzsAS5GACxiEPqVKXqs1kmtAPQi+cAtedToz1PJ8ExxPwDl7CAlRImoN7rBiF86ABHTiGAzMIh8n3O+ifwWc4EL0n5TGTYQijvjNSxbUadozInUeGZ3nuh1WYgpIkM+hGMwYajAgdrfUn+AaLoLTCAxiAOxCZxL4RdB+gZMjxEjwHo4hS8Jh5DR9hz0mKaNizegoNEI7Wee6FXJTISG6AUgDr+QImoAiHie+mwZJow/PRps4uwnsnRj8Epqc4voVJJ8eULOtW4BFYYjPpgjc+3IWI2sh/wFeoVl6xYQ48dDGLfjOwc/ygQqz595hUMVouS9QHBm4l6k3HWpnBLqicgVrlCxujSbR1Swd+UDpQYRS/oVaZZ2MWwlZBB9Zdxf+QTYw8SRgq6sAvz7vH6JULEB9USVHFjzZskgPRQR4ayxoXXIdaHdg9HrB2rErByWxZERnYtrWUzD0esDbtTmXPhzXwHrKLxEUbYGbVyDkWWwkdadfqbPmwDXZSCyh2VAf8BM/nOOJH5Y0QopMt2I5U/KO4DZZJB47XwEX+ex0mGroMV8sLwp56gyuGwiyW4SZ4c8bt2cZzO7jBNeqtsRHbeZ1g9krsMbhfYPv/c5gecA+4yAVuitFszE5Hjva872OMdXagF19JIoOYWyozMTI3J0tmA6gLvXPfO1cc/XOqOLe/HbjwD8yCXRD3VNJROEgatiRZMJsKsbZHia3nAdphtq8fkiWyXJbBe8uM1aXKPouNnz2Bm1kwAAAAAElFTkSuQmCC);
mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAApNJREFUSA2tlUtLlFEYgEe7mtFFQ8NLFBG1SJAwahtiLVy5ceVSEPQH1LZf0Lp9FO1bdYNyI7gyBFcS2kAzilYq3sfxeYZ55Zv6FGfohWfOd97vnPd23u9MXeZoaeb1Q7gPHXAFzsAS5GACxiEPqVKXqs1kmtAPQi+cAtedToz1PJ8ExxPwDl7CAlRImoN7rBiF86ABHTiGAzMIh8n3O+ifwWc4EL0n5TGTYQijvjNSxbUadozInUeGZ3nuh1WYgpIkM+hGMwYajAgdrfUn+AaLoLTCAxiAOxCZxL4RdB+gZMjxEjwHo4hS8Jh5DR9hz0mKaNizegoNEI7Wee6FXJTISG6AUgDr+QImoAiHie+mwZJow/PRps4uwnsnRj8Epqc4voVJJ8eULOtW4BFYYjPpgjc+3IWI2sh/wFeoVl6xYQ48dDGLfjOwc/ygQqz595hUMVouS9QHBm4l6k3HWpnBLqicgVrlCxujSbR1Swd+UDpQYRS/oVaZZ2MWwlZBB9Zdxf+QTYw8SRgq6sAvz7vH6JULEB9USVHFjzZskgPRQR4ayxoXXIdaHdg9HrB2rErByWxZERnYtrWUzD0esDbtTmXPhzXwHrKLxEUbYGbVyDkWWwkdadfqbPmwDXZSCyh2VAf8BM/nOOJH5Y0QopMt2I5U/KO4DZZJB47XwEX+ex0mGroMV8sLwp56gyuGwiyW4SZ4c8bt2cZzO7jBNeqtsRHbeZ1g9krsMbhfYPv/c5gecA+4yAVuitFszE5Hjva872OMdXagF19JIoOYWyozMTI3J0tmA6gLvXPfO1cc/XOqOLe/HbjwD8yCXRD3VNJROEgatiRZMJsKsbZHia3nAdphtq8fkiWyXJbBe8uM1aXKPouNnz2Bm1kwAAAAAElFTkSuQmCC);
-webkit-mask-size: 12px;
mask-size: 12px;
background-color: #fff;
animation-duration: 800ms;
animation-iteration-count: infinite;
animation-name: __framer-loading-spin;
animation-timing-function: linear;
}
@keyframes __framer-loading-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#__framer-editorbar {
/* https://sergeyski.com/css-color-scheme-and-iframes-lessons-learned-from-disqus-background-bug */
color-scheme: light dark;
overflow: hidden;
position: fixed;
border: none;
z-index: calc(2147483647);
top: 0;
left: 0;
width: 100vw;
height: 100vh;
touch-action: manipulation;
}
@supports (height: 100dvh) {
#__framer-editorbar {
height: 100dvh;
}
}
#__framer-editorbar.status_hidden {
display: none;
}
#__framer-editorbar.status_visually_hidden {
clip-path: circle(1px at calc(100% - 1px) calc(100% - 1px));
z-index: calc(2147483647 - 1);
}
#__framer-editorbar.status_measuring {
clip-path: unset;
}
@property --rb-angle {
syntax: "";
inherits: true;
initial-value: 0deg;
}
@keyframes rb-spin {
to {
--rb-angle: 1turn;
}
}
@media (prefers-reduced-motion: reduce) {
.rb-stop-anim {
animation: none !important;
}
}
.rb-ring {
position: relative;
}