/*
Theme Name: automation (WPConvert)
Theme URI: https://wpconvert.ai
Author: WPConvert.ai
Author URI: https://wpconvert.ai
Description: This theme was automatically generated from your original site design using WPConvert.ai. It preserves your layout, colors, typography, header, footer, and page content, and makes it editable in WordPress.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.6
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wpconvert
Tags: landing page, responsive, custom header, custom footer
*/
/* External Stylesheets */
@charset "utf-8";
/* Fonts loaded locally via fonts.css (no external requests) */
@import url('fonts.css');
@import url('variables.css');
/* animations.css skipped (malformed); not imported to avoid extra render-blocking request. */
/* Main Styles */
/* External Stylesheets - @import statements MUST come before any CSS rules */
/* CSS Variables */
/* Inline Styles */
/* Inline style 1 */
:root body {
background: rgb(255, 255, 255)
}
/* Inline style 2 */
html body {
background: none
}
/* Inline style 3 */
.cls-3 {
stroke-width: 0;
fill: #fff
}
html,
body,
#main {
box-sizing: border-box;
margin: 0px;
padding: 0px
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-user-select: none;
user-select: none
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure {
margin: 0px
}
body,
input,
textarea,
select,
button {
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
font-size: 12px;
font-feature-settings: var(--inter-cv)
}
body {
--framer-fresco-monospace-font-family: "Input Mono", Menlo, monospace;
--framer-fresco-sansSerif-font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, emoji, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--framer-fresco-sansSerifWithoutEmoji-font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
--framer-fresco-labelSmall-font-size: 9px;
--framer-fresco-label-font-size: 10px;
--framer-fresco-labelLarge-font-size: 11px;
--framer-fresco-base-font-size: 12px;
--framer-fresco-heading-font-size: 13px;
--framer-fresco-textLarge-font-size: 14px;
--framer-fresco-base-font-weight: 500;
--framer-fresco-baseActive-font-weight: 500;
--framer-fresco-heading-font-weight: 600;
--framer-fresco-headingBold-font-weight: 700;
--framer-fresco-headingExtraBold-font-weight: 800
}
#__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: flex;
position: fixed;
bottom: 0
}
[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)
}
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))))
}
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))))))
}
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));
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))))
}
a.framer-text:not(div.framer-5ud4vp-container *, div.framer-1m4c75a-container *) {
font-weight: 700 !important;
text-decoration:underline !important;
}
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,
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))))));
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-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],
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))))));
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]) {
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,
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))))));
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 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-text-module:not([data-width=fit])[style*=aspect-ratio] {
position: relative
}
.framer-text-module:not([data-width=fit])[style*=aspect-ratio]:before {
content: "";
padding-bottom: calc(100%/calc(var(--aspect-ratio)));
display: block
}
.framer-text-module[data-width=fill]>:first-child,
.framer-text-module:not([data-width=fit])[style*=aspect-ratio]>:first-child {
height: 100%;
position: absolute;
top: 0;
left: 0
}
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)
}
.framer-cursor-none,
.framer-cursor-none * {
cursor: none !important
}
.framer-pointer-events-none,
.framer-pointer-events-none * {
pointer-events: none !important
}
.framer-JaRx7.framer-pazexv,
.framer-JaRx7 .framer-pazexv {
display: block
}
.framer-JaRx7.framer-hfxwfq {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
background-color: rgb(255, 255, 255);
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0px;
width: 100%;
padding: 0px;
display: flex;
position: relative
}
.framer-JaRx7 .framer-5ud4vp-container {
height: 88px;
position: var(--framer-canvas-fixed-position, fixed);
z-index: 10;
flex: 0 0 auto;
order: -1000;
top: 0px;
left: 0px;
right: 0px
}
.framer-JaRx7.framer-r7wbch {
user-select: none;
z-index: 10;
background-color: rgba(0, 0, 0, 0.8);
position: fixed;
inset: 0px
}
.framer-JaRx7.framer-98dqer-container {
z-index: 10;
flex: 0 0 auto;
width: 90%;
height: 100%;
position: fixed;
top: 0%;
right: 0px
}
.framer-JaRx7 .framer-vza3qf {
background: 0px 0px;
flex-grow: 1;
width: 0px;
height: 0px;
margin: 0px;
position: relative
}
.framer-JaRx7 .framer-lyubw3 {
z-index: 2;
flex-flow: column;
flex: 0 0 auto;
order: 1002;
place-content: center flex-start;
align-items: center;
gap: 0px;
width: 100%;
height: min-content;
padding: 0px;
display: flex;
position: relative;
overflow: hidden
}
.framer-JaRx7 .framer-r23lf0-container {
height: 1000px
}
[data-layout-template=true]>#overlay {
margin-bottom: 0
}
.ssr-variant {
display: contents
}
.framer-4UINW.framer-qjy1xj,
.framer-4UINW .framer-qjy1xj {
display: block
}
.framer-4UINW.framer-80l0ol {
width: 1512px;
height: 96px;
position: relative;
overflow: hidden
}
.framer-4UINW .framer-owltlr {
z-index: 1;
flex: 0 0 auto;
gap: 10px;
width: 100%;
height: 70px;
position: absolute;
top: 0px;
left: 0px
}
.framer-4UINW .framer-1vq47ab {
flex-flow: row;
flex: 0 0 auto;
place-content: center flex-end;
align-items: center;
gap: 24px;
width: 100%;
height: 100%;
padding: 0px 40px;
display: flex;
position: absolute;
bottom: 0px;
left: 0%;
overflow: visible
}
.framer-4UINW .framer-wdens1-container {
aspect-ratio: 2.61538 / 1;
height: var(--framer-aspect-ratio-supported, 56px);
flex: 0 0 auto;
width: 146px;
position: relative
}
.framer-4UINW .framer-1gaki7m {
aspect-ratio: 1 / 1;
height: var(--framer-aspect-ratio-supported, 50px);
flex: 0 0 auto;
width: 44px;
position: relative;
overflow: hidden
}
.framer-4UINW .framer-aj9f72 {
flex: 0 0 auto;
width: 40px;
height: 4px;
position: absolute;
top: 10px;
left: calc(50% - 20px);
overflow: visible
}
.framer-4UINW .framer-11iqqcx {
flex: 0 0 auto;
width: 40px;
height: 4px;
position: absolute;
top: calc(50% - 2px);
left: calc(50% - 20px);
overflow: visible
}
.framer-4UINW .framer-1eno9sd {
flex: 0 0 auto;
width: 44px;
height: 4px;
position: absolute;
bottom: 10px;
left: calc(50% - 22px);
overflow: visible
}
.framer-4UINW .framer-c7usx0-container {
flex: 0 0 auto;
width: 200px;
height: auto;
position: relative
}
.framer-4UINW .framer-gpr85c {
z-index: 6;
flex-flow: row;
flex: 0 0 auto;
place-content: center;
align-items: center;
gap: 40px;
width: min-content;
height: min-content;
padding: 4px;
display: flex;
position: absolute;
bottom: 67px !important;
left: 50%;
overflow: hidden
}
.framer-4UINW .framer-1yjroui-container,
.framer-4UINW .framer-196h9br-container,
.framer-4UINW .framer-13k9zq3-container,
.framer-4UINW .framer-1cxsiio-container,
.framer-4UINW .framer-1g92bmo-container {
aspect-ratio: 1 / 1;
height: var(--framer-aspect-ratio-supported, 24px);
flex: 0 0 auto;
width: 24px;
position: relative
}
.framer-4UINW .framer-spy5hm {
flex-flow: row;
flex: 0 0 auto;
place-content: center flex-start;
align-items: center;
gap: 24px;
width: min-content;
height: 72%;
padding: 0px;
display: flex;
position: absolute;
top: 50%;
left: 49%;
overflow: visible
}
.framer-4UINW .framer-ts5qlm,
.framer-4UINW .framer-1h86ydu,
.framer-4UINW .framer-1q9czsl,
.framer-4UINW .framer-846xfi,
.framer-4UINW .framer-tzuupy,
.framer-4UINW .framer-rhupe5,
.framer-4UINW .framer-1xn74v2,
.framer-4UINW .framer-lmkb3p {
cursor: pointer;
white-space: pre;
flex: 0 0 auto;
width: auto;
height: auto;
position: relative
}
.framer-4UINW .framer-eqkfnk-container {
pointer-events: none;
z-index: 3;
flex: 0 0 auto;
width: 100%;
position: absolute;
top: 0px;
bottom: 0px;
right: 0px
}
.framer-4UINW .framer-rk3yyt {
z-index: 1;
flex-flow: row;
flex: 0 0 auto;
place-content: center flex-start;
align-items: center;
gap: 40px;
width: min-content;
height: min-content;
padding: 24px 16px 24px 32px;
display: flex;
position: absolute;
top: 0px;
left: 0px;
overflow: visible
}
.framer-4UINW .framer-n42cng {
aspect-ratio: 1 / 1;
height: var(--framer-aspect-ratio-supported, 47px);
flex: 0 0 auto;
width: 48px;
text-decoration: none;
position: relative
}
.framer-4UINW .framer-9f9a78 {
flex-flow: row;
flex: 0 0 auto;
place-content: center flex-start;
align-items: center;
gap: 32px;
width: min-content;
height: min-content;
padding: 0px;
display: flex;
position: relative;
overflow: visible
}
.framer-4UINW .framer-fsw4j7,
.framer-4UINW .framer-ocdduf,
.framer-4UINW .framer-213agv,
.framer-4UINW .framer-8o8xvb,
.framer-4UINW .framer-jr0obv,
.framer-4UINW .framer-e717n9,
.framer-4UINW .framer-tdbtf5 {
white-space: pre;
flex: 0 0 auto;
width: auto;
height: auto;
position: relative
}
.framer-4UINW .framer-rmb7t9 {
z-index: 1;
flex: 0 0 auto;
width: 64px;
height: 100%;
position: absolute;
top: 0px;
right: -64px;
overflow: visible
}
.framer-4UINW .framer-1exf6ei {
flex: 0 0 auto;
width: 72px;
height: 96px;
position: absolute;
top: calc(50% - 48px);
left: calc(54.6875% - 36px)
}
.framer-4UINW.framer-v-qjfuwn .framer-owltlr {
width: 2%;
left: -30px
}
.framer-4UINW.framer-v-qjfuwn .framer-rk3yyt {
padding: 24px 22px 24px 32px
}
.framer-4UINW.framer-v-18nbdwb .framer-rk3yyt {
padding: 24px 76px 24px 32px
}
.framer-4UINW.framer-v-22lflk .framer-owltlr {
flex-flow: column;
place-content: center;
align-items: center;
height: min-content;
padding: 0px;
display: flex
}
.framer-4UINW.framer-v-22lflk .framer-1vq47ab {
bottom: unset;
height: 36px;
left: unset;
position: relative
}
.framer-4UINW.framer-v-pxladp.framer-80l0ol {
width: 810px
}
.framer-4UINW.framer-v-pxladp .framer-1vq47ab {
gap: 20px;
padding: 0px 8px 0px 40px
}
.framer-4UINW.framer-v-pxladp .framer-c7usx0-container {
width: 116px
}
.framer-4UINW.framer-v-pxladp .framer-rk3yyt {
gap: 20px;
padding: 24px 16px
}
.framer-4UINW.framer-v-pxladp .framer-9f9a78 {
gap: 20px
}
.framer-4UINW.framer-v-12d1xt3.framer-80l0ol,
.framer-4UINW.framer-v-1q5js1l.framer-80l0ol {
width: 390px;
overflow: visible
}
.framer-4UINW.framer-v-12d1xt3 .framer-1vq47ab,
.framer-4UINW.framer-v-1q5js1l .framer-1vq47ab {
bottom: unset;
height: 74px;
padding: 0px 20px 0px 40px;
top: 0px
}
.framer-4UINW.framer-v-12d1xt3 .framer-1gaki7m,
.framer-4UINW.framer-v-1q5js1l .framer-1gaki7m {
cursor: pointer;
height: var(--framer-aspect-ratio-supported, 44px);
order: 3
}
.framer-4UINW.framer-v-12d1xt3 .framer-aj9f72,
.framer-4UINW.framer-v-12d1xt3 .framer-11iqqcx,
.framer-4UINW.framer-v-1q5js1l .framer-11iqqcx {
width: 44px;
left: calc(50% - 22px)
}
.framer-4UINW.framer-v-12d1xt3 .framer-c7usx0-container,
.framer-4UINW.framer-v-1q5js1l .framer-c7usx0-container {
order: 2;
width: 116px
}
.framer-4UINW.framer-v-12d1xt3 .framer-rk3yyt {
gap: 14px;
padding: 28px 4px 24px 33px;
top: 50%;
left: 0px;
transform: translateY(-50%)
}
.framer-4UINW.framer-v-12d1xt3 .framer-n42cng {
height: var(--framer-aspect-ratio-supported, 44px);
width: 44px
}
.framer-4UINW.framer-v-1q5js1l .framer-owltlr {
height: calc(var(--framer-viewport-height, 100vh)*1)
}
.framer-4UINW.framer-v-1q5js1l .framer-aj9f72 {
width: 44px;
top: 20px;
left: calc(50% - 22px)
}
.framer-4UINW.framer-v-1q5js1l .framer-1eno9sd {
bottom: 20px
}
.framer-4UINW.framer-v-1q5js1l .framer-spy5hm {
z-index: 1;
flex-direction: column;
justify-content: center;
left: 50%
}
.framer-4UINW.framer-v-1q5js1l .framer-rk3yyt {
gap: 14px;
padding: 28px 32px 24px 33px;
top: 50%;
left: 0px
}
.framer-4UINW.framer-v-1q5js1l .framer-n42cng {
cursor: pointer;
height: var(--framer-aspect-ratio-supported, 44px);
width: 44px
}
.framer-4UINW.framer-v-i79dwd.framer-80l0ol {
height: 108px
}
.framer-4UINW.framer-v-i79dwd .framer-owltlr {
height: 80px
}
.framer-4UINW.framer-v-i79dwd .framer-c7usx0-container {
width: 228px
}
.framer-4UINW.framer-v-i79dwd .framer-rk3yyt {
gap: 52px;
height: 108px
}
.framer-4UINW.framer-v-i79dwd .framer-9f9a78 {
gap: 50px
}
.framer-4UINW.framer-v-i79dwd .framer-rmb7t9 {
flex-flow: column;
place-content: center;
align-items: center;
gap: 10px;
height: min-content;
padding: 0px;
display: flex
}
.framer-4UINW.framer-v-i79dwd .framer-1exf6ei {
height: 108px;
left: unset;
top: unset;
position: relative
}
.framer-IyLqz .framer-styles-preset-17bsegx:not(.rich-text-wrapper),
.framer-IyLqz .framer-styles-preset-17bsegx.rich-text-wrapper h6 {
--framer-font-family: "Noto Sans", "Noto Sans 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: 20px;
--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: 300;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 600;
--framer-letter-spacing: .02em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: #e6e6e6;
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: uppercase
}
.framer-EI2Wg .framer-styles-preset-18z44wi:not(.rich-text-wrapper),
.framer-EI2Wg .framer-styles-preset-18z44wi.rich-text-wrapper a {
--framer-link-current-text-color: #fff;
--framer-link-hover-text-color: #fff;
--framer-link-text-color: #cfcfcf;
transition: color 0.4s cubic-bezier(0.44, 0, 0.56, 1)
}
.framer-VThoq.framer-4f9k7z,
.framer-VThoq .framer-4f9k7z {
display: block
}
.framer-VThoq.framer-1upc9zh {
cursor: pointer;
flex-flow: row;
place-content: center;
align-items: center;
gap: 6px;
width: 228px;
height: 56px;
padding: 0px 6px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.framer-VThoq .framer-12bdai9 {
z-index: 1;
flex: 0 0 auto;
position: absolute;
inset: 0px;
overflow: hidden
}
.framer-VThoq .framer-if38fd {
flex-flow: row;
flex: 0 0 auto;
place-content: center;
align-items: center;
gap: 6px;
width: min-content;
padding: 0px;
display: flex;
position: absolute;
top: -28px;
bottom: -38px;
left: -36px;
overflow: visible
}
.framer-VThoq .framer-vnfgas {
flex: 0 0 auto;
width: 16px;
height: 114px;
position: relative;
overflow: hidden
}
.framer-VThoq .framer-zfvlre {
flex: 0 0 auto;
width: 8px;
height: 114px;
position: relative;
overflow: hidden
}
.framer-VThoq .framer-ip913v {
aspect-ratio: 1 / 1;
height: var(--framer-aspect-ratio-supported, 47px);
flex-flow: row;
flex: 0 0 auto;
place-content: center;
align-items: center;
gap: 10px;
width: 46px;
padding: 6px;
display: flex;
position: relative;
overflow: hidden;
}
/*
Border to Discorver More and global social icons
*/
:not(.framer-5ud4vp-container) .framer-VThoq[data-border=true],
.framer-ak67cx-container a.framer-VThoq[data-border=true] {
border-bottom-width: 1px;
border-color: #1f1f1f !important;
border-left-width: 1px;
border-right-width: 1px;
border-style: solid;
border-top-width: 1px;
}
:not(.framer-5ud4vp-container) .framer-ip913v[data-border=true] {
border-bottom-width: 1px;
border-color: #611010;
border-left-width: 1px;
border-right-width: 1px;
border-style: solid;
border-top-width: 1px;
}
/* Steam navbar badge – restored border via Framer’s ::after (see docs/restoring-steam-badge-style.md).
We only set CSS variables so the ::after draws ONE border; no direct border to avoid double stroke. */
/* .framer-c7usx0-container > a.framer-1upc9zh {
--border-top-width: 1px !important;
--border-right-width: 1px !important;
--border-bottom-width: 1px !important;
--border-left-width: 1px !important;
--border-style: solid !important;
--border-color: rgb(18, 84, 9) !important;
} */
.framer-c7usx0-container:hover > a.framer-1upc9zh {
border-color: rgb(31, 173, 43) !important;
}
.framer-c7usx0-container .framer-ip913v {
border-top-width: 1px !important;
border-right-width: 1px !important;
border-bottom-width: 1px !important;
border-left-width: 1px !important;
border-style: solid !important;
border-color: rgb(26, 156, 29) !important;
}
.framer-VThoq .framer-m32wvo-container {
z-index: 1;
flex: 0 0 auto;
width: 74%;
height: 74%;
position: absolute;
top: 13.0435%;
left: 13.0435%
}
.framer-VThoq .framer-xq0126-container {
z-index: 1;
flex: 0 0 auto;
width: 74%;
height: 74%;
position: absolute;
top: 121.739%;
left: 13.0435%
}
.framer-VThoq .framer-1ddpf2v {
flex-flow: column;
flex: 1 0 0px;
place-content: center;
align-items: center;
gap: 10px;
width: 1px;
height: 84%;
padding: 0px;
display: flex;
position: relative;
overflow: visible
}
.framer-VThoq .framer-1qy9bf7 {
white-space: pre;
flex: 0 0 auto;
width: auto;
height: auto;
position: relative
}
.framer-VThoq.framer-v-1hnl8fz.framer-1upc9zh,
.framer-VThoq.framer-v-vqxgm4.framer-1upc9zh,
.framer-VThoq.framer-v-4wcxqa.framer-1upc9zh,
.framer-VThoq.framer-v-mcvpnb.framer-1upc9zh,
.framer-VThoq.framer-v-117vsy9.framer-1upc9zh {
width: min-content;
height: min-content;
padding: 6px
}
.framer-VThoq.framer-v-vqxgm4 .framer-if38fd,
.framer-VThoq.framer-v-mcvpnb .framer-if38fd {
left: unset;
right: -46px
}
.framer-VThoq.framer-v-vqxgm4 .framer-m32wvo-container,
.framer-VThoq.framer-v-mcvpnb .framer-m32wvo-container,
.framer-VThoq.framer-v-1upc9zh.hover .framer-m32wvo-container {
top: -95.6522%
}
.framer-VThoq.framer-v-vqxgm4 .framer-xq0126-container,
.framer-VThoq.framer-v-mcvpnb .framer-xq0126-container,
.framer-VThoq.framer-v-1upc9zh.hover .framer-xq0126-container {
top: 13.0435%
}
.framer-VThoq.framer-v-1ypqquh.framer-1upc9zh {
width: min-content;
height: 70px
}
.framer-VThoq.framer-v-1ypqquh .framer-ip913v,
.framer-VThoq.framer-v-117vsy9 .framer-ip913v {
height: var(--framer-aspect-ratio-supported, 57px);
width: 58px
}
.framer-VThoq.framer-v-1ypqquh .framer-1ddpf2v {
flex: 0 0 auto;
width: min-content;
padding: 0px 28px
}
.framer-VThoq.framer-v-117vsy9 .framer-m32wvo-container,
.framer-VThoq.framer-v-117vsy9.hover .framer-xq0126-container {
width: 100%;
height: 100%;
top: 0%;
left: 0%
}
.framer-VThoq.framer-v-1upc9zh.hover .framer-if38fd {
left: unset;
right: -41px
}
.framer-VThoq.framer-v-1ypqquh.hover .framer-m32wvo-container {
top: -95.5772%
}
.framer-VThoq.framer-v-1ypqquh.hover .framer-xq0126-container {
width: 74%;
height: 74%;
top: 12.931%;
left: 12.931%
}
.framer-VThoq.framer-v-117vsy9.hover .framer-m32wvo-container {
top: -108.621%
}
.framer-VThoq[data-border=true]:after,
.framer-VThoq [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-C7r67.framer-1w6r7c9,
.framer-C7r67 .framer-1w6r7c9 {
display: block
}
.framer-C7r67.framer-lk4i6u {
will-change: var(--framer-will-change-filter-override, filter);
width: 28px;
height: 28px;
position: relative;
overflow: hidden
}
.framer-C7r67.framer-v-1w6vp1s.framer-lk4i6u,
.framer-C7r67.framer-v-z57fhc.framer-lk4i6u,
.framer-C7r67.framer-v-1waxumd.framer-lk4i6u,
.framer-C7r67.framer-v-1wjuegf.framer-lk4i6u,
.framer-C7r67.framer-v-15lncfd.framer-lk4i6u,
.framer-C7r67.framer-v-1xk457a.framer-lk4i6u,
.framer-C7r67.framer-v-14d63ef.framer-lk4i6u,
.framer-C7r67.framer-v-kfx2ut.framer-lk4i6u,
.framer-C7r67.framer-v-i5g3wa.framer-lk4i6u,
.framer-C7r67.framer-v-8pedb0.framer-lk4i6u,
.framer-C7r67.framer-v-1qnr2te.framer-lk4i6u,
.framer-C7r67.framer-v-mcak66.framer-lk4i6u,
.framer-C7r67.framer-v-1ee6fic.framer-lk4i6u,
.framer-C7r67.framer-v-1ql0lpq.framer-lk4i6u,
.framer-C7r67.framer-v-165rg4r.framer-lk4i6u,
.framer-C7r67.framer-v-16k8dc.framer-lk4i6u,
.framer-C7r67.framer-v-19xkrop.framer-lk4i6u,
.framer-C7r67.framer-v-1arvgvg.framer-lk4i6u,
.framer-C7r67.framer-v-qcim46.framer-lk4i6u,
.framer-C7r67.framer-v-hagd7f.framer-lk4i6u,
.framer-C7r67.framer-v-1pjaiey.framer-lk4i6u,
.framer-C7r67.framer-v-1pq67tx.framer-lk4i6u,
.framer-C7r67.framer-v-17vexkd.framer-lk4i6u,
.framer-C7r67.framer-v-113sx9o.framer-lk4i6u,
.framer-C7r67.framer-v-mudo4s.framer-lk4i6u,
.framer-C7r67.framer-v-ifpukm.framer-lk4i6u,
.framer-C7r67.framer-v-i1zq53.framer-lk4i6u,
.framer-C7r67.framer-v-1k8qayu.framer-lk4i6u,
.framer-C7r67.framer-v-1n7ypu6.framer-lk4i6u,
.framer-C7r67.framer-v-1qkpy4p.framer-lk4i6u {
aspect-ratio: 1 / 1;
height: var(--framer-aspect-ratio-supported, 28px)
}
[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] 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: 0px;
padding: 0px
}
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-blockquote-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-blockquote-font-style, var(--framer-font-style, normal));
font-weight: 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));
text-decoration-line: var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial));
text-decoration-style: var(--framer-blockquote-text-decoration-style, var(--framer-text-decoration-style, 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);
font-feature-settings: var(--framer-font-open-type-features, initial);
font-variation-settings: 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))
}
.framer-fit-text .framer-text {
white-space: pre
}
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: 0px
}
.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));
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))
}
blockquote.framer-text {
unicode-bidi: initial;
margin-block: initial;
margin-inline: 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-blockquote-font-family, var(--framer-link-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif)));
font-style: var(--framer-blockquote-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)));
font-weight: 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)));
text-decoration-line: var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial)));
text-decoration-style: var(--framer-blockquote-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, 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)
}
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))))
}
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-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-link-hover-font-style, var(--framer-blockquote-font-style, var(--framer-link-font-style, var(--framer-font-style, normal))));
font-weight: 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))));
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-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-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)))
}
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)))))
}
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-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)));
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)));
text-decoration-line: var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial)));
text-decoration-style: var(--framer-link-current-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, 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)))
}
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))))
}
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-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))));
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))));
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-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-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)))
}
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)))))
}
.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: 0px;
position: relative
}
li.framer-text {
counter-increment: list-item 1;
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: 0px;
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:not([data-width=fit])[style*=aspect-ratio]>:first-child {
width: 100%
}
[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: .75ch;
display: table-cell
}
[data-framer-component-type=DeprecatedRichText] ul>li:before {
box-sizing: border-box;
content: "•";
width: 2.25ch;
padding-right: .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
}
.framer-lightbox-container {
opacity: 1 !important;
pointer-events: auto !important
}
.framer-YLrTV.framer-85ic4x,
.framer-YLrTV .framer-85ic4x {
display: block
}
.framer-YLrTV.framer-oasrbk {
cursor: pointer;
width: 122px;
height: 48px;
text-decoration: none;
position: relative
}
.framer-YLrTV.framer-v-oasrbk.hover.framer-oasrbk {
aspect-ratio: 2.53333 / 1;
height: var(--framer-aspect-ratio-supported, 48px)
}
.framer-UlRQl.framer-lux5qc,
.framer-UlRQl .framer-lux5qc {
display: block
}
.framer-UlRQl.framer-72rtr7 {
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0px;
width: 1200px;
height: min-content;
padding: 0px;
display: flex;
position: relative;
overflow: hidden
}
.framer-UlRQl .framer-1v46qx6-container {
z-index: 1;
flex: 0 0 auto;
width: auto;
height: auto;
position: absolute;
top: 0px;
left: 50%;
transform: translate(-50%)
}
.framer-UlRQl .framer-oofg5j-container {
pointer-events: none;
z-index: 10;
flex: 0 0 auto;
width: 100%;
height: 100vh;
position: fixed;
top: 0px;
left: 0%
}
.framer-UlRQl .framer-1j0pgw {
flex-direction: column
}
.framer-UlRQl .framer-12n8fbf {
padding: 140px 0px 0px
}
.framer-UlRQl .framer-e9zt3 {
justify-content: center;
gap: 20px;
height: min-content
}
.framer-UlRQl .framer-gim3wp {
flex-flow: row;
flex: 0 0 auto;
place-content: center space-between;
align-items: center;
width: 100%;
height: min-content;
padding: 0px;
display: flex;
position: relative;
overflow: visible
}
.framer-UlRQl .framer-ifisx0 {
height: var(--framer-aspect-ratio-supported, 148px);
width: 248px
}
.framer-UlRQl .framer-vduyhh {
gap: 8px
}
.framer-UlRQl .framer-qe2s66 {
width: 90%
}
.framer-UlRQl .framer-1u08rxt {
width: 50%
}
.framer-UlRQl .framer-1408deo {
bottom: unset;
left: unset;
transform: unset;
width: 100%;
position: relative
}
.framer-UlRQl .framer-11w1c82-container,
.framer-UlRQl .framer-j8jz3-container,
.framer-UlRQl .framer-1htu9gd-container,
.framer-UlRQl .framer-1f5xxok-container,
.framer-UlRQl .framer-7qgr9s-container,
.framer-UlRQl .framer-1kgg0t8-container,
.framer-UlRQl .framer-f6zjt7-container {
flex: 0 0 auto;
width: auto;
height: auto;
position: relative
}
.framer-UlRQl .framer-1ccy6k6 {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
flex: 0 0 auto;
place-content: center flex-end;
align-items: center;
gap: 9px;
width: min-content;
padding: 0px;
display: flex;
position: relative
}
.framer-UlRQl .framer-v95ylg {
z-index: 1;
flex: 0 0 auto;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
overflow: hidden
}
.framer-UlRQl .framer-6l0mes {
will-change: var(--framer-will-change-effect-override, transform);
flex: 0 0 auto;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
left: 0px;
overflow: hidden
}
.framer-UlRQl .framer-1ye06wg {
background: linear-gradient(185deg, rgba(3, 3, 3, 0.24) 19%, rgb(3, 3, 3) 73%);
flex: 0 0 auto;
gap: 10px;
width: 100%;
height: 100%;
position: absolute;
bottom: 0px;
left: 0px;
overflow: hidden
}
.framer-UlRQl .framer-4ubkie {
padding: 120px 0px 320px
}
.framer-UlRQl .framer-hf300c,
.framer-UlRQl .framer-1dctw2z,
.framer-UlRQl .framer-1u3afm0 {
z-index: 2;
flex-flow: column;
flex: 0 0 auto;
place-content: center;
align-items: center;
gap: 8px;
width: 80%;
height: min-content;
padding: 0px;
display: flex;
position: relative;
overflow: visible
}
.framer-UlRQl .framer-18knzen,
.framer-UlRQl .framer-1idayfl,
.framer-UlRQl .framer-15st4s9,
.framer-UlRQl .framer-keawxu,
.framer-UlRQl .framer-p52st9 {
--framer-paragraph-spacing: 0px;
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
flex: 0 0 auto;
width: 100%;
max-width: 540px;
height: auto;
position: relative
}
.framer-UlRQl .framer-1v6jcxu-container,
.framer-UlRQl .framer-pu47zp-container {
z-index: 2;
flex: 0 0 auto;
width: 100%;
height: 533px;
position: relative
}
.framer-UlRQl .framer-18rcyjb-container,
.framer-UlRQl .framer-197a2ok-container {
width: 410px;
height: auto;
position: relative
}
.framer-UlRQl .framer-ejo958-container,
.framer-UlRQl .framer-lnz3if-container,
.framer-UlRQl .framer-2v6tb1-container,
.framer-UlRQl .framer-mo6yr1-container,
.framer-UlRQl .framer-15bv5gj-container,
.framer-UlRQl .framer-1hv62ys-container,
.framer-UlRQl .framer-832p2w-container,
.framer-UlRQl .framer-1brlojj-container,
.framer-UlRQl .framer-1y92s1c-container,
.framer-UlRQl .framer-1rhe0af-container {
width: 406px;
height: auto;
position: relative
}
.framer-UlRQl .framer-8hdb5h-container {
width: auto
}
.framer-UlRQl .framer-1hryx0t {
background: radial-gradient(55% 43% at 50% 51%, rgba(3, 3, 3, 0.8) 0%, rgb(3, 3, 3) 100%)
}
.framer-UlRQl .framer-14cglms {
height: var(--framer-aspect-ratio-supported, 998px);
bottom: -480px
}
.framer-UlRQl .framer-1sb08zs {
height: var(--framer-aspect-ratio-supported, 104px);
width: 100%;
bottom: 0px
}
.framer-UlRQl .framer-ug5sv1 {
height: var(--framer-aspect-ratio-supported, 104px);
width: 100%;
bottom: 0px;
left: 0px
}
.framer-UlRQl .framer-1yhshog {
aspect-ratio: 1.92308 / 1;
height: var(--framer-aspect-ratio-supported, 624px);
opacity: 0.92;
flex: 0 0 auto;
width: 100%;
position: absolute;
bottom: 0px;
left: 0px;
overflow: visible
}
.framer-UlRQl .framer-8k33lr {
aspect-ratio: 1.92308 / 1;
height: var(--framer-aspect-ratio-supported, 624px);
opacity: 0.69;
flex: 0 0 auto;
width: 100%;
position: absolute;
bottom: 0px;
left: 0px;
overflow: visible
}
.framer-UlRQl .framer-td8mru {
aspect-ratio: 1.92308 / 1;
height: var(--framer-aspect-ratio-supported, 624px);
flex: 0 0 auto;
width: 100%;
position: absolute;
bottom: 0px;
left: 0px;
overflow: visible
}
.framer-UlRQl .framer-d1djbp {
padding: 450px 0px 160px
}
.framer-UlRQl .framer-kvgav8-container {
height: var(--framer-aspect-ratio-supported, 113px)
}
.framer-UlRQl .framer-wxrzst {
z-index: 2;
padding: 160px 0px 1320px
}
.framer-UlRQl .framer-1c3kmhd {
flex-direction: column;
padding: 92px 0px 150px
}
.framer-UlRQl .framer-1ljs2mq-container {
width: 713px;
height: 622px;
bottom: 95px;
left: calc(50.2% - 356.5px)
}
.framer-UlRQl .framer-1y2ljzr {
aspect-ratio: 0.722343 / 1;
height: var(--framer-aspect-ratio-supported, 356px);
order: 1;
width: 256px
}
.framer-UlRQl .framer-yiml7i-container {
order: 2;
width: 365px;
height: 194px
}
.framer-UlRQl .framer-i27zm6 {
height: var(--framer-aspect-ratio-supported, 103px);
bottom: 0px;
right: unset;
width: 100%;
z-index: unset
}
.framer-UlRQl .framer-1314zqk,
.framer-UlRQl .framer-q2qx5a,
.framer-UlRQl .framer-we6gp0 {
aspect-ratio: 1.93861 / 1;
height: var(--framer-aspect-ratio-supported, 619px);
flex: 0 0 auto;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
overflow: visible
}
.framer-UlRQl .framer-u2sh8y {
height: var(--framer-aspect-ratio-supported, 536px)
}
.framer-UlRQl .framer-i1r3sz {
aspect-ratio: 1.93861 / 1;
height: var(--framer-aspect-ratio-supported, 619px);
flex: 0 0 auto;
position: absolute;
bottom: 1px;
left: 0px;
right: 0px;
overflow: visible
}
.framer-UlRQl .framer-lrz020 {
padding: 40px 0px 1232px
}
.framer-UlRQl .framer-17katqi {
padding: 0px 0px 30px
}
.framer-UlRQl .framer-1mdbcor {
--framer-paragraph-spacing: 0px;
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
flex: 0 0 auto;
width: 100%;
max-width: 400px;
height: auto;
position: relative
}
.framer-UlRQl .framer-1p5wj7o-container {
z-index: 2;
flex: 0 0 auto;
width: 98%;
max-width: 1480px;
height: 710px;
position: relative
}
.framer-UlRQl .framer-zqll2a-container,
.framer-UlRQl .framer-10l5ga9-container,
.framer-UlRQl .framer-rhqxb-container,
.framer-UlRQl .framer-1rhrcq5-container {
width: 440px;
height: auto;
position: relative
}
.framer-UlRQl .framer-1qf3je4 {
height: var(--framer-aspect-ratio-supported, 150px);
bottom: -11px;
left: -58px;
right: unset;
width: 100vw
}
.framer-UlRQl .framer-1bd0m85,
.framer-UlRQl .framer-1kca6op,
.framer-UlRQl .framer-18y8o05 {
aspect-ratio: 1.33333 / 1;
height: var(--framer-aspect-ratio-supported, 900px);
flex: 0 0 auto;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
overflow: visible
}
.framer-UlRQl .framer-4ggal0 {
aspect-ratio: 1.33333 / 1;
height: var(--framer-aspect-ratio-supported, 900px);
mix-blend-mode: multiply;
flex: 0 0 auto;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
overflow: visible
}
.framer-UlRQl .framer-1mul0ed {
bottom: 10px;
overflow: visible
}
.framer-UlRQl .framer-ouw06c {
bottom: -46px;
left: 50%
}
.framer-UlRQl .framer-sr9vaz {
width: 340px
}
.framer-UlRQl .framer-1y84t3z {
padding: 70px 0px 80px
}
.framer-UlRQl .framer-1fehu29 {
gap: 16px;
padding: 0px 28px 20px
}
.framer-UlRQl .framer-1t607nw {
flex: 1 0 0px
}
.framer-UlRQl .framer-1qmpmsc-container {
flex: 1 0 0px;
width: 1px;
height: auto;
position: relative
}
.framer-hl6ln .framer-styles-preset-o5v42n:not(.rich-text-wrapper),
.framer-hl6ln .framer-styles-preset-o5v42n.rich-text-wrapper p {
--framer-font-family: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-bold: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-bold-italic: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-italic: "Noto Sans", "Noto Sans 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-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 400;
--framer-font-weight-bold: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: .02em;
--framer-line-height: 1.2em;
--framer-paragraph-spacing: 16px;
--framer-text-alignment: start;
--framer-text-color: #ededed;
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
.framer-UlRQl .framer-1sb08zs,
.framer-UlRQl .framer-ug5sv1 {
height: var(--framer-aspect-ratio-supported, 505px)
}
.framer-UlRQl .framer-1yhshog,
.framer-UlRQl .framer-8k33lr,
.framer-UlRQl .framer-td8mru {
height: var(--framer-aspect-ratio-supported, 104px)
}
.framer-UlRQl .framer-1314zqk,
.framer-UlRQl .framer-q2qx5a,
.framer-UlRQl .framer-we6gp0,
.framer-UlRQl .framer-i1r3sz {
height: var(--framer-aspect-ratio-supported, 535px)
}
.framer-UlRQl .framer-1qf3je4,
.framer-UlRQl .framer-1kca6op,
.framer-UlRQl .framer-4ggal0,
.framer-UlRQl .framer-18y8o05 {
height: var(--framer-aspect-ratio-supported, 607px)
}
.framer-UlRQl .framer-1bd0m85 {
height: var(--framer-aspect-ratio-supported, 1440px)
}
.framer-UlRQl .framer-1314zqk {
height: var(--framer-aspect-ratio-supported, 780px)
}
.framer-UlRQl .framer-q2qx5a,
.framer-UlRQl .framer-u2sh8y,
.framer-UlRQl .framer-i1r3sz {
height: var(--framer-aspect-ratio-supported, 322px);
bottom: 0px
}
.framer-UlRQl .framer-we6gp0 {
bottom: unset;
height: var(--framer-aspect-ratio-supported, 322px);
top: 0px
}
.framer-UlRQl .framer-1kca6op,
.framer-UlRQl .framer-4ggal0,
.framer-UlRQl .framer-18y8o05 {
height: var(--framer-aspect-ratio-supported, 1134px)
}
.framer-UlRQl .framer-1sb08zs,
.framer-UlRQl .framer-ug5sv1,
.framer-UlRQl .framer-1yhshog,
.framer-UlRQl .framer-8k33lr,
.framer-UlRQl .framer-td8mru {
height: var(--framer-aspect-ratio-supported, 104px)
}
html.lenis {
height: auto
}
.lenis.lenis-smooth {
scroll-behavior: auto !important
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain
}
.lenis.lenis-stopped {
overflow: hidden
}
.lenis.lenis-scrolling iframe {
pointer-events: none
}
.framer-orFXU.framer-1ozoeet,
.framer-orFXU .framer-1ozoeet {
display: block
}
.framer-orFXU.framer-spy9qf {
width: 1200px;
height: 898px;
position: relative;
overflow: hidden
}
.framer-orFXU .framer-1e116fp {
flex: 0 0 auto;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
right: 0px;
overflow: hidden
}
.framer-orFXU .framer-17uwsm0 {
mix-blend-mode: soft-light;
flex: 0 0 auto;
width: 104%;
height: 104%;
position: absolute;
top: -2.00446%;
left: -2%
}
.framer-orFXU .framer-13x1lkd-container {
flex: 0 0 auto;
width: 88px;
height: auto;
position: absolute;
top: 50%;
left: 50%
}
.framer-orFXU.framer-v-1x34hkf .framer-1e116fp {
right: -1300px
}
.framer-U00wt.framer-umfiz6,
.framer-U00wt .framer-umfiz6 {
display: block
}
.framer-U00wt.framer-zc0e94 {
width: 88px;
height: 112px;
position: relative;
overflow: hidden
}
.framer-U00wt .framer-1lwuhpd {
aspect-ratio: 1 / 1;
height: var(--framer-aspect-ratio-supported, 80px);
flex: 0 0 auto;
width: 80px;
position: absolute;
bottom: -88px;
left: 50%
}
.framer-U00wt.framer-v-1gzgtik .framer-1lwuhpd,
.framer-U00wt.framer-v-1wcfatk .framer-1lwuhpd,
.framer-U00wt.framer-v-6v7kor .framer-1lwuhpd {
bottom: 4px
}
.framer-7mGKM.framer-1q3orfm,
.framer-7mGKM .framer-1q3orfm {
display: block
}
.framer-7mGKM.framer-sc2813 {
flex-flow: column;
place-content: center space-between;
align-items: center;
width: 410px;
min-width: 340px;
height: 432px;
padding: 0px;
display: flex;
position: relative;
overflow: visible
}
.framer-7mGKM .framer-ib1buh-container {
z-index: 9;
flex: 0 0 auto;
width: auto;
height: 56px;
position: absolute;
bottom: 8px;
right: 8px
}
.framer-7mGKM .framer-1tubdup {
z-index: 2;
flex-flow: column;
flex: 0 0 auto;
place-content: flex-start space-between;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 32px;
display: flex;
position: relative;
overflow: visible
}
.framer-7mGKM .framer-10e0mg8 {
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
flex: 0 0 auto;
width: 92%;
height: auto;
position: relative
}
.framer-7mGKM .framer-6rho6p {
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
z-index: 1;
flex: 0 0 auto;
width: 96%;
height: auto;
position: relative
}
.framer-7mGKM .framer-194gqvi {
pointer-events: none;
z-index: 2;
flex: 0 0 auto;
width: 110%;
height: 62%;
position: absolute;
bottom: 77px;
left: -5%;
overflow: visible
}
.framer-7mGKM .framer-mw7t66,
.framer-7mGKM .framer-opq9cr,
.framer-7mGKM .framer-1v28fj1 {
z-index: 1;
flex: 0 0 auto;
position: absolute;
inset: 0px;
overflow: hidden
}
.framer-7mGKM .framer-t0h8xu {
flex: 0 0 auto;
width: 132%;
height: 100%;
position: absolute;
top: 0.11574%;
left: 0.0975609%;
overflow: hidden
}
.framer-7mGKM .framer-1v6scfx {
z-index: 1;
flex: 0 0 auto;
width: 100%;
position: absolute;
top: 0px;
bottom: 0px;
left: 0%;
overflow: hidden
}
.framer-7mGKM.framer-v-o2hnpk .framer-194gqvi,
.framer-7mGKM.framer-v-sr5617 .framer-194gqvi {
left: -9.87805%
}
.framer-7mGKM.framer-v-y39cm8 .framer-t0h8xu,
.framer-7mGKM.framer-v-8gb9v .framer-t0h8xu,
.framer-7mGKM.framer-v-jm50gu .framer-t0h8xu,
.framer-7mGKM.framer-v-6aqce2 .framer-t0h8xu {
left: -16.9756%
}
.framer-7mGKM.framer-v-8gb9v.framer-sc2813,
.framer-7mGKM.framer-v-6aqce2.framer-sc2813 {
width: 340px;
height: 400px
}
.framer-7mGKM.framer-v-8gb9v .framer-1tubdup,
.framer-7mGKM.framer-v-6aqce2 .framer-1tubdup {
padding: 16px
}
.framer-7mGKM.framer-v-8gb9v .framer-194gqvi,
.framer-7mGKM.framer-v-6aqce2 .framer-194gqvi {
aspect-ratio: 1.58475 / 1;
height: var(--framer-aspect-ratio-supported, 206px);
/* width: 96%; */
width: 96%;
/* bottom: 86px; */
bottom: 86px;
left: 50%
}
.framer-mo6yr1-container .framer-194gqvi {
bottom: 90px !important;
}
.framer-7mGKM.framer-v-sr5617 .framer-1tubdup,
.framer-7mGKM.framer-v-jm50gu .framer-1tubdup {
padding: 32px 32px 12px 24px
}
.framer-7mGKM.framer-v-jm50gu .framer-6rho6p {
width: 90%
}
.framer-7mGKM.framer-v-6aqce2 .framer-10e0mg8 {
width: 100%
}
.framer-7mGKM.framer-v-6aqce2 .framer-6rho6p {
width: 84%
}
.framer-u5sc8.framer-ibqq5h,
.framer-u5sc8 .framer-ibqq5h {
display: block
}
.framer-u5sc8.framer-1kow5bb {
width: 984px;
height: 700px;
position: relative;
overflow: hidden
}
.framer-u5sc8 .framer-n02qz9 {
z-index: 0;
flex: 0 0 auto;
width: 0%;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
overflow: hidden
}
.framer-u5sc8.framer-v-s94aeu .framer-n02qz9 {
width: 100%
}
.framer-55JyU.framer-1w4u6sz,
.framer-55JyU .framer-1w4u6sz {
display: block
}
.framer-55JyU.framer-1bh63yn {
cursor: pointer;
flex-flow: column;
place-content: center flex-end;
align-items: center;
gap: 0px;
width: 400px;
max-width: 440px;
height: 625px;
padding: 0px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.framer-55JyU .framer-9v15qb {
flex: 0 0 auto;
position: absolute;
inset: 0px 0px 125px;
overflow: visible
}
.framer-55JyU .framer-wma6cb {
z-index: 1;
flex: 0 0 auto;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
left: 0%;
overflow: visible
}
.framer-55JyU .framer-1c2vuk8 {
z-index: 2;
flex-flow: row;
flex: 0 0 auto;
place-content: flex-start space-between;
align-items: flex-start;
width: 100%;
height: min-content;
padding: 40px 24px;
display: flex;
position: relative;
overflow: hidden
}
.framer-55JyU .framer-1vkrxib {
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
flex: 0 0 auto;
width: 80%;
height: auto;
position: relative
}
.framer-55JyU .framer-15kfybp {
flex-flow: column;
flex: 0 0 auto;
place-content: flex-end center;
align-items: flex-end;
gap: 10px;
width: 64px;
height: 44px;
padding: 0px;
display: flex;
position: relative;
overflow: visible
}
.framer-55JyU .framer-ck3y32,
.framer-55JyU .framer-1h2w58p {
white-space: pre;
flex: 0 0 auto;
width: auto;
height: auto;
position: relative
}
.framer-55JyU.framer-1bh63yn,
.framer-55JyU .framer-15kfybp {
gap: 0px
}
.framer-55JyU.framer-1bh63yn>* {
margin: 0px
}
.framer-55JyU.framer-1bh63yn>:first-child,
.framer-55JyU .framer-15kfybp>:first-child {
margin-top: 0
}
.framer-55JyU.framer-1bh63yn>:last-child,
.framer-55JyU .framer-15kfybp>:last-child {
margin-bottom: 0
}
.framer-55JyU .framer-15kfybp>* {
margin: 5px 0px
}
.framer-55JyU.framer-v-1bh63yn.hover .framer-wma6cb {
width: 110%;
height: 110%;
top: -5%;
left: -5%
}
.framer-FUZJ2.framer-yagj22,
.framer-FUZJ2 .framer-yagj22 {
display: block
}
.framer-FUZJ2.framer-6dehdy {
flex-flow: row;
place-content: center;
align-items: center;
gap: 37px;
width: 1200px;
height: min-content;
min-height: 684px;
padding: 0px;
display: flex;
position: relative;
overflow: hidden
}
.framer-FUZJ2 .framer-1m4c75a-container {
z-index: 3;
flex: 0 0 auto;
width: 100%;
height: 92px;
position: absolute;
bottom: 0px;
right: 0px
}
.framer-FUZJ2 .framer-abjv3o {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
place-content: center;
align-items: center;
gap: 10px;
width: 520px;
padding: 0px;
display: flex;
position: relative
}
.framer-FUZJ2 .framer-wnons4 {
flex-flow: column;
flex: 1 0 0px;
place-content: center;
align-items: center;
gap: 12px;
width: 1px;
min-width: 340px;
max-width: 840px;
height: min-content;
padding: 0px;
display: flex;
position: relative;
overflow: hidden
}
.framer-FUZJ2 .framer-v89xul {
flex-flow: column;
flex: 0 0 auto;
place-content: center;
align-items: center;
gap: 44px;
width: 100%;
height: min-content;
padding: 4px;
display: flex;
position: relative;
overflow: hidden
}
.framer-FUZJ2 .framer-1vxz1vx {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
flex: 0 0 auto;
place-content: center space-between;
align-items: center;
width: 100%;
padding: 4px 4px 4px 24px;
display: flex;
position: relative
}
.framer-FUZJ2 .framer-1ar6v3t {
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
flex: 1 0 0px;
width: 1px;
height: auto;
position: relative
}
.framer-FUZJ2 .framer-q2hmr6-container {
flex: 0 0 auto;
width: auto;
height: auto;
position: relative
}
.framer-FUZJ2 .framer-cmc3ft {
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
flex: 0 0 auto;
place-content: center flex-start;
align-items: center;
gap: 10px;
width: 100%;
padding: 24px 24px 72px;
display: flex;
position: relative
}
.framer-FUZJ2 .framer-ih7esk {
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
flex: 0 0 auto;
width: 100%;
height: auto;
position: relative
}
.framer-FUZJ2 .framer-3222yt {
white-space: pre;
z-index: 2;
flex: 0 0 auto;
width: auto;
height: auto;
position: absolute;
top: 110px;
right: 203px
}
.framer-FUZJ2 .framer-uces6i {
white-space: pre;
z-index: 2;
flex: 0 0 auto;
width: auto;
height: auto;
position: absolute;
top: 216px;
right: 106px
}
.framer-FUZJ2 .framer-1qb39bh {
z-index: 2;
flex-flow: row;
flex: 0 0 auto;
place-content: center space-between;
align-items: center;
width: 100%;
height: min-content;
padding: 0px 0px 16px 40px;
display: flex;
position: absolute;
bottom: 0px;
left: 50%;
overflow: visible
}
.framer-FUZJ2 .framer-1d6q82u {
z-index: 4;
flex-flow: row;
flex: 0 0 auto;
place-content: center flex-end;
align-items: center;
gap: 52px;
width: min-content;
height: min-content;
padding: 0px;
display: flex;
position: relative;
overflow: visible
}
.framer-FUZJ2 .framer-7oyomr {
flex-flow: row;
flex: 0 0 auto;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 0px;
display: flex;
position: relative;
overflow: visible
}
.framer-FUZJ2 .framer-rh8kr {
aspect-ratio: 1.17143 / 1;
height: var(--framer-aspect-ratio-supported, 120px);
z-index: 1;
flex: 0 0 auto;
width: 140px;
position: relative
}
.framer-FUZJ2 .framer-iiqmyl-container {
aspect-ratio: 2.54217 / 1;
height: var(--framer-aspect-ratio-supported, 60px);
z-index: 1;
flex: 0 0 auto;
width: 153px;
position: relative
}
.framer-FUZJ2 .framer-1d1d1b5-container {
aspect-ratio: 1.75439 / 1;
height: var(--framer-aspect-ratio-supported, 684px);
z-index: 1;
flex: 0 0 auto;
width: 100%;
position: absolute;
bottom: 0px;
left: 50%
}
.framer-FUZJ2 .framer-19oihwz {
aspect-ratio: 1.75439 / 1;
height: var(--framer-aspect-ratio-supported, 684px);
pointer-events: none;
z-index: 1;
flex: 0 0 auto;
width: 100%;
position: absolute;
bottom: 0px;
left: 50%;
overflow: visible;
opacity: 0;
}
.framer-FUZJ2.framer-v-gwopi4 .framer-abjv3o {
align-content: flex-start;
align-items: flex-start
}
.framer-FUZJ2.framer-v-gwopi4 .framer-rh8kr,
.framer-FUZJ2.framer-v-ibuqgj .framer-rh8kr {
height: var(--framer-aspect-ratio-supported, 132px);
width: 155px
}
.framer-FUZJ2.framer-v-gwopi4 .framer-iiqmyl-container,
.framer-FUZJ2.framer-v-ibuqgj .framer-iiqmyl-container {
height: var(--framer-aspect-ratio-supported, 72px);
width: 183px
}
.framer-FUZJ2.framer-v-ibuqgj.framer-6dehdy {
height: 684px;
min-height: unset
}
.framer-FUZJ2.framer-v-ibuqgj .framer-1m4c75a-container {
transform: none !important;
order: 0
}
.framer-FUZJ2.framer-v-ibuqgj .framer-3222yt,
.framer-FUZJ2.framer-v-34hwdm .framer-7oyomr {
order: 1
}
.framer-FUZJ2.framer-v-ibuqgj .framer-uces6i {
order: 2
}
.framer-FUZJ2.framer-v-ibuqgj .framer-1qb39bh a {
z-index: 10;
}
.framer-FUZJ2.framer-g2VRf.framer-lT3eR.framer-Zwot9.framer-vLRT3.framer-6dehdy.framer-v-ibuqgj {
justify-content: start;
align-items: end;
}
.framer-FUZJ2.framer-v-ibuqgj .framer-1d1d1b5-container {
order: 5
}
.framer-FUZJ2.framer-v-ibuqgj .framer-19oihwz {
order: 4
}
.framer-FUZJ2.framer-v-34hwdm.framer-6dehdy {
width: 810px
}
.framer-FUZJ2.framer-v-34hwdm .framer-3222yt {
top: 70px;
right: 113px
}
.framer-FUZJ2.framer-v-34hwdm .framer-uces6i {
top: 139px;
right: 16px
}
.framer-FUZJ2.framer-v-34hwdm .framer-1qb39bh {
justify-content: flex-end;
gap: 10px;
padding: 0px 40px 128px
}
.framer-FUZJ2.framer-v-34hwdm .framer-1d6q82u {
gap: 36px
}
.framer-FUZJ2.framer-v-34hwdm .framer-rh8kr {
height: var(--framer-aspect-ratio-supported, 104px);
width: 122px
}
.framer-FUZJ2.framer-v-34hwdm .framer-iiqmyl-container {
height: var(--framer-aspect-ratio-supported, 56px);
order: 0;
width: 144px
}
.framer-FUZJ2.framer-v-34hwdm .framer-1d1d1b5-container,
.framer-FUZJ2.framer-v-34hwdm .framer-19oihwz {
height: var(--framer-aspect-ratio-supported, 462px)
}
.framer-FUZJ2.framer-v-n6t2vt.framer-6dehdy,
.framer-FUZJ2.framer-v-18qvbhj.framer-6dehdy {
gap: 12px;
width: 390px
}
.framer-FUZJ2.framer-v-n6t2vt .framer-1m4c75a-container,
.framer-FUZJ2.framer-v-18qvbhj .framer-1m4c75a-container {
height: 128px
}
.framer-FUZJ2.framer-v-n6t2vt .framer-abjv3o {
width: 344px
}
.framer-FUZJ2.framer-v-n6t2vt .framer-3222yt,
.framer-FUZJ2.framer-v-18qvbhj .framer-3222yt {
bottom: 592px;
left: 20px;
right: unset;
top: unset
}
.framer-FUZJ2.framer-v-n6t2vt .framer-uces6i,
.framer-FUZJ2.framer-v-18qvbhj .framer-uces6i {
top: 18%;
right: 20px
}
.framer-FUZJ2.framer-v-n6t2vt .framer-1qb39bh,
.framer-FUZJ2.framer-v-18qvbhj .framer-1qb39bh {
flex-direction: column;
justify-content: flex-start;
gap: 0px;
padding: 0px;
bottom: 412px
}
.framer-FUZJ2.framer-v-n6t2vt .framer-1d6q82u,
.framer-FUZJ2.framer-v-18qvbhj .framer-1d6q82u {
order: 0;
gap: 39px
}
.framer-FUZJ2.framer-v-n6t2vt .framer-rh8kr,
.framer-FUZJ2.framer-v-18qvbhj .framer-rh8kr {
aspect-ratio: unset;
width: 105px;
height: 100px
}
.framer-FUZJ2.framer-v-n6t2vt .framer-iiqmyl-container,
.framer-FUZJ2.framer-v-18qvbhj .framer-iiqmyl-container {
height: var(--framer-aspect-ratio-supported, 56px);
width: 140px
}
.framer-FUZJ2.framer-v-n6t2vt .framer-1d1d1b5-container,
.framer-FUZJ2.framer-v-18qvbhj .framer-1d1d1b5-container {
height: var(--framer-aspect-ratio-supported, 623px);
width: 280%;
bottom: 0px;
left: -267px
}
.framer-FUZJ2.framer-v-n6t2vt .framer-19oihwz,
.framer-FUZJ2.framer-v-18qvbhj .framer-19oihwz {
height: var(--framer-aspect-ratio-supported, 622px);
width: 280%;
bottom: 0px;
left: -267px
}
.framer-FUZJ2.framer-v-18qvbhj .framer-abjv3o {
width: 340px
}
.framer-FUZJ2[data-border=true]:after,
.framer-FUZJ2 [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;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.framer-5aKGd.framer-1287eht,
.framer-5aKGd .framer-1287eht {
display: block
}
.framer-5aKGd.framer-1bkiqa3 {
height: 88px;
overflow: var(--overflow-clip-fallback, clip);
gap: 10px;
width: 1512px;
position: relative
}
.framer-5aKGd .framer-1ldptep {
height: 100%;
padding: var(--25e1c9);
z-index: 1;
flex-flow: row;
flex: 0 0 auto;
place-content: center flex-start;
align-items: center;
gap: 40px;
width: min-content;
display: flex;
position: absolute;
top: 50%;
right: 0px;
overflow: visible
}
.framer-5aKGd .framer-1oxznxp {
z-index: 1;
flex: 0 0 auto;
width: 64px;
height: 100%;
position: absolute;
top: 0%;
left: -62px;
overflow: visible
}
.framer-5aKGd .framer-10kizvm {
flex: 0 0 auto;
width: 72px;
height: 98px;
position: absolute;
top: calc(50% - 49px);
left: calc(54.6875% - 36px)
}
.framer-5aKGd .framer-1mcsgya {
flex-flow: row;
flex: 0 0 auto;
place-content: center flex-start;
align-items: center;
gap: 48px;
width: min-content;
height: 100%;
padding: 0px;
display: flex;
position: relative;
overflow: visible
}
.framer-5aKGd .framer-3jmlj1 {
cursor: pointer;
white-space: pre;
flex: 0 0 auto;
width: auto;
height: auto;
position: relative
}
.framer-5aKGd .framer-1ig1c2t {
white-space: pre;
flex: 0 0 auto;
width: auto;
height: auto;
position: relative
}
.framer-5aKGd.framer-v-1pqac4h.framer-1bkiqa3 {
width: 390px;
height: 128px
}
.framer-5aKGd.framer-v-1pqac4h .framer-1ldptep {
gap: 31px;
padding: 0px 20px 52px 32px
}
.framer-5aKGd.framer-v-1pqac4h .framer-1oxznxp {
width: 86px
}
.framer-5aKGd.framer-v-1pqac4h .framer-10kizvm {
height: 128px;
left: unset;
width: 78px;
top: calc(50% - 64px);
right: -3px
}
.framer-5aKGd.framer-v-1pqac4h .framer-1mcsgya {
gap: 24px
}
.framer-CPMq3 .framer-styles-preset-1w4dm58:not(.rich-text-wrapper),
.framer-CPMq3 .framer-styles-preset-1w4dm58.rich-text-wrapper h6 {
--framer-font-family: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-bold: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-bold-italic: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-italic: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
--framer-font-size: 14px;
--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: .04em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: #e6e6e6;
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: uppercase
}
.framer-NeK7D.framer-su2r15,
.framer-NeK7D .framer-su2r15 {
display: block
}
.framer-NeK7D.framer-xof3e0 {
cursor: pointer;
flex-flow: column;
place-content: center;
align-items: center;
gap: 10px;
width: 412px;
height: min-content;
padding: 0px;
display: flex;
position: relative;
overflow: visible
}
.framer-NeK7D .framer-l9nid {
flex-flow: row;
flex: 0 0 auto;
place-content: center;
align-items: center;
gap: 10px;
width: 100%;
height: 313px;
padding: 0px;
display: flex;
position: relative;
overflow: hidden
}
.framer-NeK7D .framer-q67j39 {
z-index: 1;
flex: 0 0 auto;
width: 60px;
position: absolute;
top: -44px;
bottom: -38px;
left: -91px;
overflow: hidden
}
.framer-NeK7D .framer-rwukfb {
flex: 0 0 auto;
width: 100%;
height: 313px;
position: relative
}
.framer-NeK7D .framer-1dtdmk3 {
flex-flow: column;
flex: 0 0 auto;
place-content: flex-start;
align-items: flex-start;
gap: 10px;
width: 100%;
height: min-content;
padding: 0px;
display: flex;
position: relative;
overflow: visible
}
.framer-NeK7D .framer-c03p5c {
flex-flow: row;
flex: 0 0 auto;
place-content: center;
align-items: center;
gap: 10px;
width: min-content;
height: min-content;
padding: 8px 0px;
display: flex;
position: relative;
overflow: visible
}
.framer-NeK7D .framer-wo04lo {
white-space: pre;
flex: 0 0 auto;
width: auto;
height: auto;
position: relative
}
.framer-NeK7D .framer-1e8ibux,
.framer-NeK7D .framer-1bm61lu {
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
flex: 0 0 auto;
width: 100%;
height: auto;
position: relative
}
.framer-NeK7D.framer-xof3e0,
.framer-NeK7D .framer-l9nid,
.framer-NeK7D .framer-1dtdmk3,
.framer-NeK7D .framer-c03p5c {
gap: 0px
}
.framer-NeK7D.framer-xof3e0>*,
.framer-NeK7D .framer-1dtdmk3>* {
margin: 5px 0px
}
.framer-NeK7D.framer-xof3e0>:first-child,
.framer-NeK7D .framer-1dtdmk3>:first-child {
margin-top: 0
}
.framer-NeK7D.framer-xof3e0>:last-child,
.framer-NeK7D .framer-1dtdmk3>:last-child {
margin-bottom: 0
}
.framer-NeK7D .framer-l9nid>*,
.framer-NeK7D .framer-c03p5c>* {
margin: 0px 5px
}
.framer-NeK7D .framer-l9nid>:first-child,
.framer-NeK7D .framer-c03p5c>:first-child {
margin-left: 0
}
.framer-NeK7D .framer-l9nid>:last-child,
.framer-NeK7D .framer-c03p5c>:last-child {
margin-right: 0
}
.framer-NeK7D.framer-v-xof3e0.hover .framer-q67j39 {
bottom: -41px;
left: unset;
top: -41px;
right: -95px
}
.framer-NeK7D.framer-v-xof3e0.hover .framer-rwukfb {
width: 121%;
height: 378px
}
.framer-z0m9L .framer-styles-preset-7wdjfb:not(.rich-text-wrapper),
.framer-z0m9L .framer-styles-preset-7wdjfb.rich-text-wrapper h6 {
--framer-font-family: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-bold: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-bold-italic: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-italic: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
--framer-font-size: 22px;
--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: 300;
--framer-font-weight-bold: 400;
--framer-font-weight-bold-italic: 400;
--framer-font-weight-italic: 300;
--framer-letter-spacing: .02em;
--framer-line-height: 1.2em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: #fff;
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
.framer-m1fno .framer-styles-preset-2le4uf:not(.rich-text-wrapper),
.framer-m1fno .framer-styles-preset-2le4uf.rich-text-wrapper h1 {
--framer-font-family: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-bold: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-bold-italic: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-italic: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-open-type-features: normal;
--framer-font-size: 120px;
--framer-font-style: italic;
--framer-font-style-bold: italic;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 300;
--framer-font-weight-bold: 400;
--framer-font-weight-bold-italic: 400;
--framer-font-weight-italic: 300;
--framer-letter-spacing: 0em;
--framer-line-height: 1.2em;
--framer-paragraph-spacing: 0px;
--framer-text-alignment: left;
--framer-text-color: #fff;
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: uppercase
}
.framer-vLRT3 .framer-styles-preset-13rl0l5:not(.rich-text-wrapper),
.framer-vLRT3 .framer-styles-preset-13rl0l5.rich-text-wrapper h2 {
--framer-font-family: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-bold: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-bold-italic: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-italic: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
--framer-font-size: 100px;
--framer-font-style: italic;
--framer-font-style-bold: italic;
--framer-font-style-bold-italic: italic;
--framer-font-style-italic: italic;
--framer-font-variation-axes: normal;
--framer-font-weight: 300;
--framer-font-weight-bold: 400;
--framer-font-weight-bold-italic: 400;
--framer-font-weight-italic: 300;
--framer-letter-spacing: -.02em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: #fff;
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: capitalize
}
.framer-RdTUw .framer-styles-preset-1je7789:not(.rich-text-wrapper),
.framer-RdTUw .framer-styles-preset-1je7789.rich-text-wrapper h3 {
--framer-font-family: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-bold: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-bold-italic: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-italic: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
--framer-font-size: 58px;
--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: 300;
--framer-font-weight-bold: 400;
--framer-font-weight-bold-italic: 400;
--framer-font-weight-italic: 300;
--framer-letter-spacing: -.02em;
--framer-line-height: 1.2em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: #fff;
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: uppercase
}
.framer-f2U7L .framer-styles-preset-ll8p92:not(.rich-text-wrapper),
.framer-f2U7L .framer-styles-preset-ll8p92.rich-text-wrapper h4 {
--framer-font-family: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-bold: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-bold-italic: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-italic: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
--framer-font-size: 40px;
--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: 300;
--framer-font-weight-bold: 400;
--framer-font-weight-bold-italic: 400;
--framer-font-weight-italic: 300;
--framer-letter-spacing: -.02em;
--framer-line-height: 1.2em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: center;
--framer-text-color: #fff;
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: uppercase
}
.framer-g2VRf .framer-styles-preset-1wjmfs8:not(.rich-text-wrapper),
.framer-g2VRf .framer-styles-preset-1wjmfs8.rich-text-wrapper h5 {
--framer-font-family: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-bold: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-bold-italic: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-italic: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
--framer-font-size: 28px;
--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: 300;
--framer-font-weight-bold: 400;
--framer-font-weight-bold-italic: 400;
--framer-font-weight-italic: 300;
--framer-letter-spacing: -.02em;
--framer-line-height: 1.2em;
--framer-paragraph-spacing: 40px;
--framer-text-alignment: start;
--framer-text-color: #fff;
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: uppercase
}
.framer-lT3eR .framer-styles-preset-c8erza:not(.rich-text-wrapper),
.framer-lT3eR .framer-styles-preset-c8erza.rich-text-wrapper p {
--framer-font-family: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-bold: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-bold-italic: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-family-italic: "Noto Sans", "Noto Sans Placeholder", sans-serif;
--framer-font-open-type-features: "blwf" on, "cv09" on, "cv03" on, "cv04" on, "cv11" on;
--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: 700;
--framer-font-weight-bold-italic: 700;
--framer-font-weight-italic: 400;
--framer-letter-spacing: .02em;
--framer-line-height: 1.4em;
--framer-paragraph-spacing: 20px;
--framer-text-alignment: start;
--framer-text-color: #fff;
--framer-text-decoration: none;
--framer-text-stroke-color: initial;
--framer-text-stroke-width: initial;
--framer-text-transform: none
}
.framer-Zwot9 .framer-styles-preset-1hxzblm:not(.rich-text-wrapper),
.framer-Zwot9 .framer-styles-preset-1hxzblm.rich-text-wrapper a {
--framer-link-current-text-color: #fff;
--framer-link-current-text-decoration: none;
--framer-link-hover-text-color: #fff;
--framer-link-hover-text-decoration: none;
--framer-link-text-color: #c9c9c9;
--framer-link-text-decoration: none;
transition: color 0.4s cubic-bezier(0.44, 0, 0.56, 1)
}
.framer-oCk1K .framer-styles-preset-uyvz6b {
--framer-code-font-family: "Fragment Mono", monospace;
--framer-code-font-style: normal;
--framer-code-font-weight: 400;
--framer-code-text-color: #333;
--framer-font-size-scale: 1;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 6px;
padding: 0.1em 0.2em
}
:root body {
/* background: rgb(255, 255, 255) */
background: #0a0a0a;
}
html body {
background: none
}
.cls-3 {
stroke-width: 0;
fill: rgb(255, 255, 255)
}
*/
/*
#__framer-badge-container {
pointer-events: none;
width: 100%;
z-index: calc(var(--infinity, 2147480000));
justify-content: flex-end;
padding: 20px;
display: flex;
position: fixed;
bottom: 0px
}
[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)
}
.framer-text-module:not([data-width="fit"])[style*="aspect-ratio"] {
position: relative
}
.framer-text-module:not([data-width="fit"])[style*="aspect-ratio"]::before {
content: "";
padding-bottom: calc(100%/calc(var(--aspect-ratio)));
display: block
}
.framer-text-module[data-width="fill"]> :first-child,
.framer-text-module:not([data-width="fit"])[style*="aspect-ratio"]> :first-child {
height: 100%;
position: absolute;
top: 0px;
left: 0px
}
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
}
[data-layout-template="true"]>#overlay {
margin-bottom: 0px
}
.framer-VThoq[data-border="true"]::after,
.framer-VThoq [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: 0px;
left: 0px
}
[data-framer-component-type="Text"] {
cursor: inherit
}
[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"] 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
}
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: 0px
}
ul.framer-text>li.framer-text::before {
content: "•";
position: absolute;
inset-inline-start: 0px
}
.framer-text-module[data-width="fill"]> :first-child,
.framer-text-module:not([data-width="fit"])[style*="aspect-ratio"]> :first-child {
width: 100%
}
[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: 0px;
padding: 0px
}
[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);
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;
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));
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)));
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)));
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))));
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: 0px;
padding-left: 0px;
display: table
}
[data-framer-component-type="DeprecatedRichText"] li {
counter-increment: list-item 1;
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
}
.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"] {
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: 0px;
margin-left: 0px
}
.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: 0px;
margin-right: 0px
}
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"]>* {
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-reset="button"] {
background: 0px 0px;
border-width: 0px;
padding: 0px
}
[data-hide-scrollbars="true"]::-webkit-scrollbar {
width: 0px;
height: 0px
}
[data-hide-scrollbars="true"]::-webkit-scrollbar-thumb {
background: 0px 0px
}
[data-hide-scrollbars="true"] {
scrollbar-width: none
}
.framer-55JyU.framer-1bh63yn> :first-child,
.framer-55JyU .framer-15kfybp> :first-child {
margin-top: 0px
}
.framer-55JyU.framer-1bh63yn> :last-child,
.framer-55JyU .framer-15kfybp> :last-child {
margin-bottom: 0px
}
.framer-FUZJ2[data-border="true"]::after,
.framer-FUZJ2 [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;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px
}
.framer-NeK7D.framer-xof3e0> :first-child,
.framer-NeK7D .framer-1dtdmk3> :first-child {
margin-top: 0px
}
.framer-NeK7D.framer-xof3e0> :last-child,
.framer-NeK7D .framer-1dtdmk3> :last-child {
margin-bottom: 0px
}
.framer-NeK7D .framer-l9nid> :first-child,
.framer-NeK7D .framer-c03p5c> :first-child {
margin-left: 0px
}
.framer-NeK7D .framer-l9nid> :last-child,
.framer-NeK7D .framer-c03p5c> :last-child {
margin-right: 0px
}
/* From assets/media/app.framerstatic.com/canvas-sandbox-on-page.HZ4UGZOS.css */
html,
* {
box-sizing: border-box
}
body,
figure {
margin: 0
}
body,
div[contenteditable=true] {
outline: none
}
html,
body {
background-color: #fff
}
.tin3qvp {
width: var(--avatar-size);
height: var(--avatar-size);
border-radius: 50%;
background-color: var(--avatar-color);
line-height: var(--avatar-size);
text-align: center;
-webkit-transition: background-color ease .15s, -webkit-transform ease .12s;
transition: background-color ease .15s, transform ease .12s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.tin3qvp svg {
vertical-align: middle
}
.pdo5t88 {
width: var(--avatar-size);
height: var(--avatar-size);
border-radius: 50%;
object-fit: cover;
pointer-events: none
}
.aeycgb5 {
--avatar-color: #09f;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: var(--avatar-size);
height: var(--avatar-size);
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
border-radius: 50%;
background-color: var(--background);
color: #fff;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
text-align: center
}
.a1bxrn0q,
.a1bxrn0q span,
.a1bxrn0q img {
border-radius: 8px
}
.a11h4pl4,
.a11h4pl4 span,
.a11h4pl4 img {
border-radius: 6px
}
.af2dsga,
.af2dsga span,
.af2dsga img {
border-radius: 50%
}
.a3wph07 {
--avatar-color: #888
}
.a3wph07 .pdo5t88,
.a3wph07 .tin3qvp {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: .6
}
.a1v49ess {
--avatar-color: #888
}
.a1v49ess .pdo5t88,
.a1v49ess .tin3qvp {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.pdzonbm {
width: 40px
}
.c1ac9vjt {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: var(--avatar-size);
height: var(--avatar-size);
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
border-radius: inherit;
background-color: #0009;
cursor: pointer;
opacity: 0;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out
}
.c1ac9vjt:hover {
opacity: 1
}
.byyde7g {
position: absolute;
top: 16px;
left: 16px;
display: content
}
.b1arctdq {
display: inline-block;
padding: 2px 5px;
border-radius: 10px;
background-color: var(--framer-fresco-tintDimmed-color, rgba(0, 153, 255, .1));
color: var(--framer-fresco-tint-color, #0099ff);
font-size: 10px;
font-weight: var(--framer-fresco-headingBold-font-weight, 700);
letter-spacing: .01em;
line-height: 1.1;
text-align: center;
text-transform: uppercase
}
.b1arctdq.primary {
background-color: var(--framer-fresco-tint-color, #0099ff);
color: var(--framer-fresco-buttonTextPrimary-color, #ffffff)
}
.b1arctdq.highlight {
background-color: var(--framer-fresco-highlightBadgeBackground-color, rgba(255, 255, 255, .3));
color: var(--framer-fresco-buttonTextPrimary-color, #ffffff)
}
.b1arctdq.warning {
background-color: var(--framer-fresco-warningBadgeBackground-color, rgba(255, 170, 0, .15));
color: #fa0
}
.b1arctdq.error {
background-color: var(--framer-fresco-errorBadgeBackground-color, rgba(255, 51, 85, .15));
color: #f35
}
.b1arctdq.neutral {
background-color: var(--framer-fresco-neutralBadgeBackground-color, rgba(102, 102, 102, .1));
color: var(--framer-fresco-neutralBadgeColor-color, #666666)
}
.b1arctdq.componentTint {
background: var(--framer-fresco-componentTint-color, #8855ff);
color: var(--framer-fresco-buttonTextPrimary-color, #ffffff)
}
.b1arctdq.componentTintDimmed {
background: var(--framer-fresco-componentTintDimmed-color, rgba(136, 85, 255, .1));
color: var(--framer-fresco-componentTint-color, #8855ff)
}
.csx2rjz {
cursor: pointer
}
.n170cdb6 {
background: var(--framer-fresco-tintDimmed-color, rgba(0, 153, 255, .1));
color: var(--framer-fresco-tint-color, #0099ff)
}
.t1buutes {
background: var(--framer-fresco-timeBadgeBackground-color, rgba(170, 170, 170, .15));
color: #999
}
.l1besr7o {
background-color: #9999991a;
color: #999
}
.lzsjdah {
-webkit-transition: stroke-dasharray .2s cubic-bezier(.68, 0, .265, 1), stroke-dashoffset .2s cubic-bezier(.68, 0, .265, 1), -webkit-transform .2s cubic-bezier(.68, -.6, .26, 2);
transition: stroke-dasharray .2s cubic-bezier(.68, 0, .265, 1), stroke-dashoffset .2s cubic-bezier(.68, 0, .265, 1), transform .2s cubic-bezier(.68, -.6, .26, 2)
}
.tqhwdgo {
-webkit-transform: translateY(-1px);
-moz-transform: translateY(-1px);
-ms-transform: translateY(-1px);
transform: translateY(-1px)
}
.bo4878e {
-webkit-transition: -webkit-transform .1s ease;
transition: transform .1s ease
}
.dkx81zz {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.r1ynq7nx {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.a1gfspwd {
-webkit-animation: check-a1gfspwd .18s ease forwards;
animation: check-a1gfspwd .18s ease forwards;
stroke-dashoffset: 8.5
}
to {
opacity: 1;
transform: translateY(0)
}
.uchctd1 {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.bpm32xq {
border-radius: var(--framer-fresco-bannerRadius-dimension, 8px);
background: var(--framer-fresco-tint-color, #0099ff);
color: #fff;
cursor: pointer
}
.c6j41ec {
width: 24px;
height: 24px;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
opacity: .5
}
.thkujuh {
max-width: 180px;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
text-align: center
}
.c688seo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.c688seo>* {
display: block;
margin: 0
}
.s1n8l1x5 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-shrink: var(--shrink);
-ms-flex-negative: var(--shrink);
flex-shrink: var(--shrink)
}
.rr3s3mz {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.c1yzp6zb {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.cn5nsgt {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.rdho1s2 {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.w13cc93l {
-webkit-box-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.wiwups {
-webkit-box-flex-wrap: wrap-reverse;
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse
}
.n61wj3j {
-webkit-box-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.c1arh7l2 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.f1a0wrzs {
-webkit-align-items: flex-start;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start
}
.f1pc1h3v {
-webkit-align-items: flex-end;
-webkit-box-align: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end
}
.s1vsxddg {
-webkit-align-items: space-between;
-webkit-box-align: space-between;
-ms-flex-align: space-between;
align-items: space-between
}
.s17pexso {
-webkit-align-items: space-evenly;
-webkit-box-align: space-evenly;
-ms-flex-align: space-evenly;
align-items: space-evenly
}
.s1pkeo8 {
-webkit-align-items: space-around;
-webkit-box-align: space-around;
-ms-flex-align: space-around;
align-items: space-around
}
.szo8c5f {
-webkit-align-items: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.b1sczk5f {
-webkit-align-items: baseline;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline
}
.c1e6tv3r {
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.f1nit8mr {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.f12g0r6k {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.ev9bvq3 {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: end;
justify-content: end
}
.s17vm8i7 {
-webkit-box-pack: justify;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between
}
.sq8tbwe {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
-webkit-justify-content: space-evenly;
justify-content: space-evenly
}
.bglbznn {
-webkit-box-pack: baseline;
-ms-flex-pack: baseline;
-webkit-justify-content: baseline;
justify-content: baseline
}
.s5ck358 {
-webkit-box-pack: space-around;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around
}
.s414k9w {
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
-webkit-justify-content: stretch;
justify-content: stretch
}
.bzfgigp {
--bar-item-spacing: 10px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: var(--framer-fresco-webBarHeight-dimension, 60px);
box-sizing: border-box;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--background);
font-size: 14px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.bzfgigp>.center {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
pointer-events: none
}
.bzfgigp>.center>* {
pointer-events: all
}
.bzfgigp>:not(.center, .spanner)+:not(.center, .spanner) {
margin-left: var(--bar-item-spacing)
}
.bzfgigp>.spanner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: justify;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between
}
.t1295uka {
overflow: clip;
min-width: 0;
text-overflow: ellipsis;
white-space: nowrap
}
.b1rdbf0o {
position: relative;
height: var(--framer-fresco-inputHeight-dimension, 30px);
padding: 0 var(--framer-fresco-inputPaddingHorizontal-dimension, 8px) 1px;
border: none;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: var(--framer-fresco-buttonBackground-color, #f3f3f3);
color: var(--framer-fresco-buttonText-color, #333333);
cursor: default;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500);
outline: none;
-webkit-text-decoration: none;
text-decoration: none;
-webkit-transition: background-color .2s;
transition: background-color .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.b1rdbf0o:disabled {
opacity: .5
}
.b1rdbf0o:not(:disabled) {
cursor: pointer
}
.b1rdbf0o:focus:not(:disabled),
.b1rdbf0o:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonBackgroundHover-color, #eeeeee)
}
.b1rdbf0o:active:focus:not(:disabled),
.b1rdbf0o:active:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonBackgroundActive-color, #dddddd)
}
.bygx14j {
height: var(--framer-fresco-inputHeightSmall-dimension, 26px);
border-radius: var(--framer-fresco-inputRadiusSmall-dimension, 5px)
}
.b1oc7bld {
font-weight: var(--framer-fresco-heading-font-weight, 600)
}
.b1imdzu7 {
background-color: var(--framer-fresco-buttonBackgroundPrimary-color, #0099ff);
color: var(--framer-fresco-buttonTextPrimary-color, #ffffff);
font-weight: var(--framer-fresco-heading-font-weight, 600)
}
.b1imdzu7:focus:not(:disabled),
.b1imdzu7:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonBackgroundPrimaryHover-color, #0088ff)
}
.b1imdzu7:active:focus:not(:disabled),
.b1imdzu7:active:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonBackgroundPrimaryActive-color, #0077FF)
}
.bvatmcz {
min-width: auto;
height: auto;
padding: 0;
border: none;
border-radius: 0;
background: none;
color: var(--framer-fresco-tint-color, #0099ff);
font-size: inherit
}
.bvatmcz:focus:not(:disabled),
.bvatmcz:hover:not(:disabled),
.bvatmcz:active:focus:not(:disabled),
.bvatmcz:active:hover:not(:disabled) {
background: none;
color: var(--framer-fresco-tintDark-color, #0088ff)
}
.b1kotam0 {
width: auto;
height: auto;
padding: 0;
border: none;
border-radius: 0;
margin: 0;
background: none
}
.b1kotam0:focus:not(:disabled),
.b1kotam0:hover:not(:disabled),
.b1kotam0:active:focus:not(:disabled),
.b1kotam0:active:hover:not(:disabled) {
background: none
}
.b13fldmr {
background-color: var(--framer-fresco-buttonBackgroundDestructive-color, #ff3366);
color: var(--framer-fresco-buttonTextDestructive-color, #ffffff)
}
.b13fldmr:focus:not(:disabled),
.b13fldmr:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonBackgroundDestructiveHover-color, #ee2255)
}
.b13fldmr:active:focus:not(:disabled),
.b13fldmr:active:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonBackgroundDestructiveActive-color, #dd1144)
}
.b1blsh5f {
background-color: var(--framer-fresco-buttonBackgroundDestructiveSecondary-color, rgba(255, 51, 102, .1));
color: var(--framer-fresco-buttonTextDestructiveSecondary-color, #ee2255)
}
.b1blsh5f:focus:not(:disabled),
.b1blsh5f:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonBackgroundDestructiveSecondaryHover-color, rgba(255, 51, 102, .15))
}
.b1blsh5f:active:focus:not(:disabled),
.b1blsh5f:active:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonBackgroundDestructiveSecondaryActive-color, rgba(255, 51, 102, .15))
}
.tk89f6k {
min-width: 0
}
.c6dohbs {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.bn3co68 {
z-index: 0;
overflow: hidden;
box-sizing: border-box;
padding: 0 10px;
border-radius: 8px;
background-color: var(--framer-fresco-buttonWithDepthBackground-color, #ffffff);
box-shadow: var(--framer-fresco-buttonWithDepthShadow-color, 0px 0px 0px 1px rgba(0, 0, 0, .02), 0px 1px 0px 0px rgba(0, 0, 0, .05), 0px 2px 4px 0px rgba(0, 0, 0, .1));
color: var(--framer-fresco-buttonWithDepthText-color, #222222);
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
-webkit-transition: none;
transition: none
}
.bn3co68:disabled {
background-color: var(--framer-fresco-buttonWithDepthBackgroundDisabled-color, #f3f3f3);
box-shadow: none;
color: var(--framer-fresco-buttonWithDepthTextDisabled-color, #cccccc);
opacity: 1
}
.bn3co68:focus:not(:disabled),
.bn3co68:hover:not(:disabled),
.bn3co68:active:focus:not(:disabled),
.bn3co68:active:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonWithDepthBackground-color, #ffffff)
}
.pvsi73e {
overflow: hidden;
background-color: var(--framer-fresco-buttonWithDepthPrimaryBackground-color, #0099ff);
box-shadow: var(--framer-fresco-buttonWithDepthPrimaryShadow-color, 0px 1px 2px 0px rgba(0, 153, 255, .15), 0px 2px 4px 0px rgba(0, 153, 255, .2));
color: var(--framer-fresco-buttonTextPrimary-color, #ffffff);
-webkit-transition: background-color .15s, box-shadow .15s, color .15s;
transition: background-color .15s, box-shadow .15s, color .15s
}
.pvsi73e:focus:not(:disabled),
.pvsi73e:hover:not(:disabled),
.pvsi73e:active:focus:not(:disabled),
.pvsi73e:active:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonWithDepthPrimaryBackgroundHover-color, #1188ff);
box-shadow: var(--framer-fresco-buttonWithDepthPrimaryShadowHover-color, 0px 1px 2px 0px rgba(13, 144, 255, .15), 0px 2px 4px 0px rgba(13, 144, 255, .2));
color: var(--framer-fresco-buttonTextPrimary-color, #ffffff)
}
.pvsi73e:disabled {
background-color: var(--framer-fresco-buttonWithDepthPrimaryBackground-color, #0099ff);
box-shadow: var(--framer-fresco-buttonWithDepthPrimaryShadow-color, 0px 1px 2px 0px rgba(0, 153, 255, .15), 0px 2px 4px 0px rgba(0, 153, 255, .2));
color: var(--framer-fresco-buttonTextPrimary-color, #ffffff);
opacity: .5
}
.deaa8uw {
overflow: hidden;
background-color: var(--framer-fresco-buttonWithDepthDestructiveBackground-color, #ff3366);
box-shadow: var(--framer-fresco-buttonWithDepthDestructiveShadow-color, 0 2px 4px 0 rgba(255, 51, 102, .3));
color: var(--framer-fresco-buttonTextDestructive-color, #ffffff)
}
.deaa8uw:focus:not(:disabled),
.deaa8uw:hover:not(:disabled),
.deaa8uw:active:focus:not(:disabled),
.deaa8uw:active:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonWithDepthDestructiveBackgroundHover-color, #e15);
box-shadow: var(--framer-fresco-buttonWithDepthDestructiveShadow-color, 0 2px 4px 0 rgba(255, 51, 102, .3));
color: var(--framer-fresco-buttonTextDestructive-color, #ffffff)
}
.deaa8uw:disabled {
background-color: var(--framer-fresco-buttonWithDepthDestructiveBackground-color, #ff3366);
box-shadow: none;
color: var(--framer-fresco-buttonTextDestructive-color, #ffffff);
opacity: .5
}
.sf8naee:before {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
} */
.bpepy2w {
z-index: 0;
overflow: visible;
background: linear-gradient(270deg, #b18aff, #0bf);
color: #fff;
font-weight: var(--framer-fresco-heading-font-weight, 600)
}
.bpepy2w:before {
position: absolute;
z-index: -1;
bottom: -4px;
left: 0;
display: block;
width: 100%;
height: 100%;
background: linear-gradient(270deg, #96f, #0cf);
content: "";
-webkit-filter: blur(4px);
filter: blur(4px);
opacity: .4
}
body[data-framer-theme=dark] .bpepy2w:before {
opacity: .15
}
.c18yhkm8 {
position: relative;
display: inline-block;
width: var(--framer-fresco-checkboxSize-dimension, 12px);
height: var(--framer-fresco-checkboxSize-dimension, 12px);
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: var(--framer-fresco-checkboxRadius-dimension, 3px);
background-color: var(--framer-fresco-checkboxBackground-color, #dddddd);
-webkit-transition: background-color .2s ease;
transition: background-color .2s ease
}
.c18yhkm8:hover {
background-color: var(--framer-fresco-checkboxBackgroundActive-color, #cccccc)
}
.c18yhkm8>input:before {
position: absolute;
inset: -6px;
content: ""
}
.c18yhkm8>svg {
display: block;
margin: 0
}
.c1msowdv {
width: 16px;
height: 16px;
border-radius: var(--framer-fresco-checkboxRadiusLarge-dimension, 4px)
}
.i153taa3 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid transparent;
border-radius: inherit;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none
}
.i153taa3:focus {
outline-color: transparent;
outline-style: solid
}
.i153taa3:focus-visible {
border-color: var(--framer-fresco-inputBorderActive-color, #0099ff)
}
.i153taa3:not(:disabled) {
cursor: pointer
}
.cvtr28g {
background-color: var(--framer-fresco-checkboxBackgroundChecked-color, #0099ff)
}
.cvtr28g:hover {
background-color: var(--framer-fresco-checkboxBackgroundCheckedActive-color, #0088ff)
}
.c8cose3 {
opacity: .3;
pointer-events: none
}
.c8cose3:hover {
background-color: var(--framer-fresco-checkboxBackground-color, #dddddd)
}
.c8cose3.cvtr28g:hover {
background-color: var(--framer-fresco-checkboxBackgroundChecked-color, #0099ff)
}
.pqeyp1e {
stroke: var(--framer-fresco-checkboxStroke-color, #ffffff);
-webkit-transition: stroke-dashoffset .1s ease;
transition: stroke-dashoffset .1s ease
}
.pjk7y7n {
transition-delay: .1s
}
.c5a4eki {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 0;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: .01em 0 0;
border: 0;
margin: 0
}
.c5a4eki:not(:-moz-handler-blocked) .c5a4eki {
display: table-cell
}
.c5a4eki>legend {
display: table;
padding: 0;
margin-bottom: var(--framer-fresco-inputSpacing-dimension, 10px);
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-heading-font-weight, 600)
}
.c5a4eki .c18yhkm8 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 16px;
height: 16px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin: 3px 2px
}
.canpgh7 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 30px;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.ccal48f {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
color: var(--framer-fresco-checkboxLabel-color, #333333);
cursor: pointer
}
.c1l91hzu {
color: var(--framer-fresco-checkboxLabelDisabled-color, #cccccc);
cursor: default
}
.l18ynxwu {
--listBorderRadius: 10px
}
.l18ynxwu.l18ynxwu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: calc(var(--framer-fresco-panelMinWidth-dimension, 260px) - var(--framer-fresco-panelPadding-dimension, 15px) * 2);
max-height: 310px;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 5px;
border-radius: var(--listBorderRadius);
background-color: var(--framer-fresco-comboBoxMenuBackground-color, #ffffff)
}
.l18so0ry.l18so0ry {
background-color: var(--framer-fresco-comboBoxMenuBackgroundUnsaturated-color, #ffffff)
}
.slepa9p {
position: relative;
height: 1px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.cskm1h4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 12px;
-webkit-box-flex: 0;
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 8px
}
.r1optlid {
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500);
list-style: none;
-webkit-text-decoration: none;
text-decoration: none
}
.r14t1omp {
font-size: var(--framer-fresco-heading-font-size, 13px)
}
.r10fzppx {
height: 100%;
border-radius: calc(var(--listBorderRadius) - 5px);
color: var(--framer-fresco-buttonWithDepthText-color, #222222);
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.rtnyaud {
width: 100%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.cskm1h4+.rtnyaud {
width: calc(100% - 20px)
}
.h1twq108 {
background-color: var(--framer-fresco-comboBoxHighlightedRowTint-color, #0099ff);
color: var(--framer-fresco-comboBoxHighlightedRowText-color, #ffffff)
}
.hryng7g {
background-color: var(--framer-fresco-comboBoxHighlightUnsaturated-color, #f2f2f2);
color: var(--framer-fresco-buttonWithDepthText-color, #222222)
}
.dn2dvvk {
opacity: .4;
pointer-events: none
}
.shmoagt {
border-radius: 0;
background-color: var(--framer-fresco-comboBoxMenuBackground-color, #ffffff);
color: var(--framer-fresco-comboBoxSectionText-color, #222222);
font-weight: var(--framer-fresco-heading-font-weight, 600)
}
.s17etvq1 {
background-color: var(--framer-fresco-comboBoxMenuBackgroundUnsaturated-color, #ffffff)
}
.r13h07hn {
min-width: 3ch;
box-sizing: content-box;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.r8ysuk9 {
-webkit-flex: none;
-ms-flex: none;
flex: none
}
.r15i2pmv {
margin-right: auto
}
.rkmlc9c {
color: var(--framer-fresco-panelDescription-color, #999999);
text-align: right
}
.h1twq108 .rkmlc9c {
color: inherit
}
.ic8izch {
min-width: 0;
max-width: 100%
}
.i1fwez1w {
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500)
}
.rghplyg {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding-right: var(--framer-fresco-inputIconPadding-dimension, 8px);
color: var(--framer-fresco-inputIcon-color, #999999);
pointer-events: none
}
.n5zyxfp {
height: 50px;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
font-size: var(--framer-fresco-base-font-size, 12px);
text-align: center
}
.i65kgn {
width: 12px;
height: 12px;
color: var(--framer-fresco-comboBoxItemIcon-color, #999999)
}
.e1j1lwke {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: var(--framer-fresco-panelPadding-dimension, 15px) 0;
cursor: default;
text-align: center
}
.e1j1lwke .pvsi73e {
font-size: var(--framer-fresco-base-font-size, 12px)
}
.bc3jow4 {
margin-top: 20px
}
.f3djdwc .bc3jow4,
.f3djdwc .b1imdzu7,
.f3djdwc .b1rdbf0o {
width: 100%
}
.cw12p4w {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.i1v0o626 {
width: 16px;
height: 16px;
border-radius: 50%;
margin-bottom: 15px;
color: var(--framer-fresco-emptyStateIcon-color, #999999)
}
.i4yur6m {
width: 30px;
height: 30px;
border-radius: 8px
}
.w8op1o5 .b1rdbf0o:not(.b1imdzu7) {
background: none !important;
color: var(--framer-fresco-warningTint-color, #FFBB00)
}
.w8op1o5 .i1v0o626 {
background: var(--framer-fresco-warningTint-color, #FFBB00)
}
.tczxb1t {
margin-bottom: 10px;
color: var(--framer-fresco-panelTitle-color, #333333);
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: 1
}
.b1jfd09r {
color: var(--framer-fresco-emptyStateBodyTextForSites-color, #999999);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500);
line-height: 1.4;
white-space: pre-wrap
}
.p1g69xd3 {
min-height: 30px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.l1m5c2c1 {
text-align: left
}
.i1ubxgci {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: auto;
height: var(--framer-fresco-inputHeight-dimension, 30px);
min-height: var(--framer-fresco-inputHeight-dimension, 30px);
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-width: 1px;
border-style: solid;
border-color: var(--framer-fresco-inputBorder-color, transparent);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background: var(--framer-fresco-inputBackground-color, #f3f3f3);
color: var(--framer-fresco-inputIcon-color, #999999);
cursor: default
}
.i1ubxgci:focus-within {
border-color: var(--framer-fresco-inputBorderActive-color, #0099ff)
}
.i1ubxgci input {
width: 1px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
border: none;
background: none
}
.i1ubxgci input:focus {
border: none
}
.ieuh0tq {
border-color: var(--framer-fresco-inputBorderError-color, #ff3366)
}
.if3vyou {
height: var(--framer-fresco-inputHeight-dimension, 30px);
min-height: var(--framer-fresco-inputHeight-dimension, 30px)
}
.if3vyou input {
height: calc(100% - 2px);
font-weight: var(--framer-fresco-baseActive-font-weight, 500)
}
.io3pwrq {
height: auto
}
.cnajjln {
border-radius: var(--framer-fresco-popoverRadius-dimension, 15px);
background-color: var(--framer-fresco-panelBackground-color, #ffffff);
box-shadow: var(--framer-fresco-popover-shadow, 0px 10px 30px 0px rgba(0, 0, 0, .1), 0px 1px 4px 0px rgba(0, 0, 0, .02));
overflow-y: auto
}
.a93qo4z {
-webkit-animation: share-dialog-appear-a93qo4z ease-out .15s;
animation: share-dialog-appear-a93qo4z ease-out .15s
}
.toyqxha {
opacity: 0
}
.a1lz2nwz {
position: absolute;
top: calc(var(--framer-fresco-tooltipArrowHeight-dimension, 8px) * -1);
color: var(--framer-fresco-panelBackground-color, #ffffff);
opacity: 1;
pointer-events: none;
-webkit-transition: -webkit-transform .2s ease, opacity .2s ease;
transition: transform .2s ease, opacity .2s ease
}
.a1lz2nwz.az9drcv.toyqxha {
--additionalTranslateY: 100%
}
.a1lz2nwz.a1k9fzqw.toyqxha {
--additionalTranslateY: -100%
}
.a1lz2nwz.a1jif5v3.toyqxha {
--additionalTranslateX: 100%
}
.a1lz2nwz.ah86ogj.toyqxha {
--additionalTranslateX: -100%
}
.b1uoieyj {
position: fixed;
inset: 0;
pointer-events: none
}
.eq1ds02 {
pointer-events: auto
}
.ceba92x {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: auto;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: space-around;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
padding: var(--framer-fresco-panelPadding-dimension, 15px) 0
}
.b1xmktzb {
background-color: var(--framer-fresco-modalBackdrop-color, rgba(0, 0, 0, .4))
}
.p14lm6d1 {
position: absolute;
pointer-events: auto
}
.cisoyrt {
position: relative
}
body[data-framer-theme=light] .c1kijz5r {
--framer-fresco-tint-color: #8855ff;
--framer-fresco-tintDark-color: #7744FF;
--framer-fresco-tintExtraDark-color: #7733ff;
--framer-fresco-tintDimmed-color: rgba(136, 85, 255, .1);
--framer-fresco-tintGradientStart-color: rgba(136, 85, 255, .4);
--framer-fresco-tintGradientEnd-color: rgba(136, 85, 255, .8);
--framer-fresco-selectionBackground-color: color(display-p3 .52 .357 .965 / .1);
--framer-fresco-selectionText-color: #8855ff;
--framer-fresco-assetsRowCodeFileText-color: #8855ff;
--framer-fresco-assetsRowCodeFileBackgroundSelected-color: rgba(136, 85, 255, .1);
--framer-fresco-canvasCreatePreviewBorder-color: #8855ff;
--framer-fresco-canvasSelectionRectBackground-color: rgba(136, 85, 255, .1);
--framer-fresco-canvasSelectionRectBorder-color: rgba(136, 85, 255, .5);
--framer-fresco-canvasTooltipBackground-color: #8855ff;
--framer-fresco-buttonBackgroundPrimary-color: #8855ff;
--framer-fresco-buttonBackgroundPrimaryHover-color: #7744FF;
--framer-fresco-buttonBackgroundPrimaryActive-color: #7733ff;
--framer-fresco-buttonWithDepthPrimaryBackground-color: #8855ff;
--framer-fresco-buttonWithDepthPrimaryBackgroundHover-color: #7733ff;
--framer-fresco-buttonWithDepthPrimaryShadow-color: 0px 1px 2px 0px rgba(136, 85, 255, .15), 0px 2px 4px 0px rgba(136, 85, 255, .2);
--framer-fresco-buttonWithDepthPrimaryShadowHover-color: 0px 1px 2px 0px rgba(119, 51, 255, .15), 0px 2px 4px 0px rgba(119, 51, 255, .3);
--framer-fresco-inputBorderActive-color: #8855ff;
--framer-fresco-comboBoxHighlightedRowTint-color: #8855ff;
--framer-fresco-segmentedControlItemTextSelected-color: #8855ff;
--framer-fresco-segmentedControlItemTextSelectedHover-color: #7744FF;
--framer-fresco-sliderTrackActive-color: #8855ff;
--framer-fresco-alternativePresetIcon-color: #8855ff;
--framer-fresco-alternativePresetSelectedColor-color: #8855ff;
--framer-fresco-alternativePresetSelectedBackground-color: rgba(136, 85, 255, .1);
--framer-fresco-assetStyleIcon-color: #8855ff;
--framer-fresco-swatchBackgroundForLink-color: #8855ff;
--framer-fresco-checkboxBackgroundChecked-color: #8855ff;
--framer-fresco-checkboxBackgroundCheckedActive-color: #7744FF;
--framer-fresco-toggleBackgroundChecked-color: #8855ff;
--framer-fresco-toolbarIconActive-color: #8855ff;
--framer-fresco-toolbarButtonBackgroundTintedSites-color: rgba(136, 85, 255, .1);
--framer-fresco-menuBackgroundActive-color: #8855ff;
--framer-fresco-layerItemIconDimmed-color: #86829a;
--framer-fresco-canvasOverlayTriggerOutline-color: rgba(136, 85, 255, .5);
--framer-fresco-calendarPrimary-color: #8855ff;
--framer-fresco-guideHighlightColor-color: #8855ff;
--framer-fresco-badgeBackground-color: rgba(136, 85, 255, .15);
--framer-fresco-domainVoucherBadgeIconBackground-color: rgba(136, 85, 255, .1);
--framer-fresco-feedbackHasRepliesBackground-color: rgba(136, 85, 255, .1);
--framer-fresco-badgeBasicWorkspaceBackground-color: rgba(136, 85, 255, .15);
--framer-fresco-badgeBasicWorkspaceText-color: #8855ff;
--framer-fresco-advancedHostingConnectionLabelBackground-color: rgba(136, 85, 255, .15);
--framer-fresco-advancedHostingConnectionLabelText-color: #8855ff;
--framer-fresco-advancedHostingTooltipTint-color: #8855ff;
--framer-fresco-kitBadgeForeground-color: #8855ff;
--framer-fresco-toastBackgroundPrimary-color: #8855ff;
--framer-fresco-toastIconSites-color: #8855ff;
--framer-fresco-teamCreationNavigationActive-color: #8855ff;
--framer-fresco-teamCreationBenefitIcon-color: #8855ff;
--framer-fresco-highlightsBorder-color: #8855ff;
--framer-fresco-aiHighlightBorder-color: #8855ff;
--framer-fresco-onPageHighlightBorder-color: rgba(136, 85, 255, .8);
--framer-fresco-breakpointTitleBackgroundPrimary-color: rgba(136, 85, 255, .1);
--framer-fresco-breakpointCreationButtonBackgroundPrimary-color: rgba(136, 85, 255, .15);
--framer-fresco-breakpointCreationButtonBackgroundActive-color: #8855ff;
--framer-fresco-analyticsTint-color: #8855ff;
--framer-fresco-analyticsTintBackground-color: rgba(136, 85, 255, .1);
--framer-fresco-basicSiteColor-color: #8855ff;
--framer-fresco-basicSiteBackground-color: rgba(136, 85, 255, .1);
--framer-fresco-planCardPersonalButtonColor-color: rgba(136, 85, 255, .1);
--framer-fresco-planCardPersonalButtonColorText-color: #8855ff;
--framer-fresco-planCardPersonalButtonBorderColor-color: rgba(136, 85, 255, .1);
--framer-fresco-planCardBillingToggleActiveBackground-color: #8855ff;
--framer-fresco-badgeCurrentPlanTypeBackgroundColor-color: rgba(136, 85, 255, .1);
--framer-fresco-cmsRichTextDropCursor-color: #8855ff;
--framer-fresco-cmsCodeBlockAccent-color: #8855ff;
--framer-fresco-cmsCodeBlockKeyword-color: #8855ff;
--framer-fresco-cmsCodeBlockTag-color: #8855ff;
--framer-fresco-quickActionsIconDefaultLegacy-color: #8855ff;
--framer-fresco-quickActionsIconBackgroundDefault-color: rgba(136, 85, 255, .1);
--framer-fresco-quickActionsIconBackgroundDefaultActive-color: #8855ff;
--framer-fresco-activeGoogleSheetIcon-color: #8855ff;
--framer-fresco-fillIconBorderActive-color: #8855ff;
--framer-fresco-fillIconSolidFillActive-color: rgba(136, 85, 255, .4);
--framer-fresco-fillIconLinearFillActive-color: rgba(136, 85, 255, .8);
--framer-fresco-fillIconRadialFillActive-color: rgba(136, 85, 255, .8);
--framer-fresco-fillIconConicFillInnerActive-color: #8855ff;
--framer-fresco-fillIconImageFillInnerActive-color: rgba(136, 85, 255, .4);
--framer-fresco-fillIconImageFillOuterActive-color: #8855ff;
--framer-fresco-anchorGridSelected-color: #8855ff
}
body[data-framer-theme=dark] .c1kijz5r {
--framer-fresco-tint-color: #9966ff;
--framer-fresco-tintDark-color: #8844FF;
--framer-fresco-tintExtraDark-color: #7733ff;
--framer-fresco-tintDimmed-color: rgba(153, 102, 255, .15);
--framer-fresco-tintGradientStart-color: rgba(153, 102, 255, .4);
--framer-fresco-tintGradientEnd-color: rgba(153, 102, 255, .8);
--framer-fresco-selectionBackground-color: color(display-p3 .52 .357 .965 / .1);
--framer-fresco-selectionText-color: #9966ff;
--framer-fresco-assetsRowCodeFileText-color: #9966ff;
--framer-fresco-assetsRowCodeFileBackgroundSelected-color: rgba(153, 102, 255, .15);
--framer-fresco-canvasCreatePreviewBorder-color: #9966ff;
--framer-fresco-canvasSelectionRectBackground-color: rgba(153, 102, 255, .1);
--framer-fresco-canvasSelectionRectBorder-color: rgba(153, 102, 255, .5);
--framer-fresco-canvasTooltipBackground-color: #9966ff;
--framer-fresco-canvasOverlayTriggerOutline-color: rgba(153, 102, 255, .5);
--framer-fresco-calendarPrimary-color: #9966ff;
--framer-fresco-buttonBackgroundPrimary-color: #9966ff;
--framer-fresco-buttonBackgroundPrimaryHover-color: #8844FF;
--framer-fresco-buttonBackgroundPrimaryActive-color: #7733ff;
--framer-fresco-buttonWithDepthPrimaryBackground-color: #9966ff;
--framer-fresco-buttonWithDepthPrimaryBackgroundHover-color: #7733ff;
--framer-fresco-buttonWithDepthPrimaryShadow-color: 0px 2px 4px 0px rgba(136, 85, 255, .3);
--framer-fresco-buttonWithDepthPrimaryShadowHover-color: 0px 2px 4px 0px rgba(119, 51, 255, .3);
--framer-fresco-inputBorderActive-color: #9966ff;
--framer-fresco-comboBoxHighlightedRowTint-color: #9966ff;
--framer-fresco-sliderTrackActive-color: #9966ff;
--framer-fresco-alternativePresetIcon-color: #9966ff;
--framer-fresco-alternativePresetSelectedColor-color: #9966ff;
--framer-fresco-alternativePresetSelectedBackground-color: rgba(153, 102, 255, .15);
--framer-fresco-assetStyleIcon-color: #9966ff;
--framer-fresco-activeGoogleSheetIcon-color: #9966ff;
--framer-fresco-swatchBackgroundForLink-color: #9966ff;
--framer-fresco-checkboxBackgroundChecked-color: #9966ff;
--framer-fresco-checkboxBackgroundCheckedActive-color: #8844FF;
--framer-fresco-toggleBackgroundChecked-color: #9966ff;
--framer-fresco-toolbarIconActive-color: #9966ff;
--framer-fresco-toolbarButtonBackgroundTintedSites-color: rgba(153, 102, 255, .15);
--framer-fresco-menuBackgroundActive-color: #9966ff;
--framer-fresco-layerItemIconDimmed-color: #74708c;
--framer-fresco-guideHighlightColor-color: #9966ff;
--framer-fresco-badgeBackground-color: rgba(153, 102, 255, .15);
--framer-fresco-domainVoucherBadgeIconBackground-color: rgba(153, 102, 255, .1);
--framer-fresco-feedbackHasRepliesBackground-color: rgba(153, 102, 255, .1);
--framer-fresco-badgeBasicWorkspaceBackground-color: rgba(153, 102, 255, .15);
--framer-fresco-badgeBasicWorkspaceText-color: #9966ff;
--framer-fresco-advancedHostingConnectionLabelBackground-color: rgba(153, 102, 255, .15);
--framer-fresco-advancedHostingConnectionLabelText-color: #9966ff;
--framer-fresco-advancedHostingTooltipTint-color: #8844FF;
--framer-fresco-kitBadgeForeground-color: #9966ff;
--framer-fresco-toastBackgroundPrimary-color: #9966ff;
--framer-fresco-toastIconSites-color: #9966ff;
--framer-fresco-teamCreationNavigationActive-color: #9966ff;
--framer-fresco-teamCreationBenefitIcon-color: #9966ff;
--framer-fresco-highlightsBorder-color: #9966ff;
--framer-fresco-aiHighlightBorder-color: #9966ff;
--framer-fresco-onPageHighlightBorder-color: rgba(153, 102, 255, .8);
--framer-fresco-breakpointTitleBackgroundPrimary-color: rgba(153, 102, 255, .1);
--framer-fresco-breakpointCreationButtonBackgroundPrimary-color: rgba(153, 102, 255, .15);
--framer-fresco-breakpointCreationButtonBackgroundActive-color: #9966ff;
--framer-fresco-analyticsTint-color: #9966ff;
--framer-fresco-analyticsTintBackground-color: rgba(153, 102, 255, .1);
--framer-fresco-basicSiteColor-color: #9966ff;
--framer-fresco-basicSiteBackground-color: rgba(153, 102, 255, .1);
--framer-fresco-planCardPersonalButtonColorText-color: #9966ff;
--framer-fresco-cmsRichTextDropCursor-color: #9966ff;
--framer-fresco-cmsCodeBlockAccent-color: #9966ff;
--framer-fresco-quickActionsIconDefaultLegacy-color: #9966ff;
--framer-fresco-quickActionsIconBackgroundDefault-color: rgba(153, 102, 255, .15);
--framer-fresco-quickActionsIconBackgroundDefaultActive-color: #9966ff;
--framer-fresco-anchorGridSelected-color: #9966ff
}
body[data-framer-theme=light] .cp1njzs {
--framer-fresco-tint-color: #8855ff;
--framer-fresco-tintDark-color: #7744FF;
--framer-fresco-tintExtraDark-color: #7733ff;
--framer-fresco-tintDimmed-color: rgba(136, 85, 255, .1);
--framer-fresco-tintGradientStart-color: rgba(136, 85, 255, .4);
--framer-fresco-tintGradientEnd-color: rgba(136, 85, 255, .8);
--framer-fresco-selectionBackground-color: color(display-p3 .52 .357 .965 / .1);
--framer-fresco-selectionText-color: #8855ff;
--framer-fresco-assetsRowCodeFileText-color: #8855ff;
--framer-fresco-assetsRowCodeFileBackgroundSelected-color: rgba(136, 85, 255, .1);
--framer-fresco-canvasCreatePreviewBorder-color: #8855ff;
--framer-fresco-canvasSelectionRectBackground-color: rgba(136, 85, 255, .1);
--framer-fresco-canvasSelectionRectBorder-color: rgba(136, 85, 255, .5);
--framer-fresco-canvasTooltipBackground-color: #8855ff;
--framer-fresco-buttonBackgroundPrimary-color: #8855ff;
--framer-fresco-buttonBackgroundPrimaryHover-color: #7744FF;
--framer-fresco-buttonBackgroundPrimaryActive-color: #7733ff;
--framer-fresco-buttonWithDepthPrimaryBackground-color: #8855ff;
--framer-fresco-buttonWithDepthPrimaryBackgroundHover-color: #7733ff;
--framer-fresco-buttonWithDepthPrimaryShadow-color: 0px 1px 2px 0px rgba(136, 85, 255, .15), 0px 2px 4px 0px rgba(136, 85, 255, .2);
--framer-fresco-buttonWithDepthPrimaryShadowHover-color: 0px 1px 2px 0px rgba(119, 51, 255, .15), 0px 2px 4px 0px rgba(119, 51, 255, .3);
--framer-fresco-inputBorderActive-color: #8855ff;
--framer-fresco-comboBoxHighlightedRowTint-color: #8855ff;
--framer-fresco-segmentedControlItemTextSelected-color: #8855ff;
--framer-fresco-segmentedControlItemTextSelectedHover-color: #7744FF;
--framer-fresco-sliderTrackActive-color: #8855ff;
--framer-fresco-alternativePresetIcon-color: #8855ff;
--framer-fresco-alternativePresetSelectedColor-color: #8855ff;
--framer-fresco-alternativePresetSelectedBackground-color: rgba(136, 85, 255, .1);
--framer-fresco-assetStyleIcon-color: #8855ff;
--framer-fresco-swatchBackgroundForLink-color: #8855ff;
--framer-fresco-checkboxBackgroundChecked-color: #8855ff;
--framer-fresco-checkboxBackgroundCheckedActive-color: #7744FF;
--framer-fresco-toggleBackgroundChecked-color: #8855ff;
--framer-fresco-toolbarIconActive-color: #8855ff;
--framer-fresco-toolbarButtonBackgroundTintedSites-color: rgba(136, 85, 255, .1);
--framer-fresco-menuBackgroundActive-color: #8855ff;
--framer-fresco-layerItemIconDimmed-color: #86829a;
--framer-fresco-canvasBackground-color: #E8DDFF;
--framer-fresco-canvasOverlayTriggerOutline-color: rgba(136, 85, 255, .5);
--framer-fresco-calendarPrimary-color: #8855ff;
--framer-fresco-rulerBackground-color: #DFCEFF;
--framer-fresco-rulerBorderColor-color: rgba(136, 85, 255, .1);
--framer-fresco-rulerTickColor-color: rgb(136, 85, 255);
--framer-fresco-rulerTextColor-color: rgb(136, 85, 255);
--framer-fresco-rulerFadeOut-color: rgba(136, 85, 255, 0);
--framer-fresco-guideHighlightColor-color: #8855ff;
--framer-fresco-badgeBackground-color: rgba(136, 85, 255, .15);
--framer-fresco-domainVoucherBadgeIconBackground-color: rgba(136, 85, 255, .1);
--framer-fresco-feedbackHasRepliesBackground-color: rgba(136, 85, 255, .1);
--framer-fresco-badgeBasicWorkspaceBackground-color: rgba(136, 85, 255, .15);
--framer-fresco-badgeBasicWorkspaceText-color: #8855ff;
--framer-fresco-advancedHostingConnectionLabelBackground-color: rgba(136, 85, 255, .15);
--framer-fresco-advancedHostingConnectionLabelText-color: #8855ff;
--framer-fresco-advancedHostingTooltipTint-color: #8855ff;
--framer-fresco-kitBadgeForeground-color: #8855ff;
--framer-fresco-toastBackgroundPrimary-color: #8855ff;
--framer-fresco-toastIconSites-color: #8855ff;
--framer-fresco-teamCreationNavigationActive-color: #8855ff;
--framer-fresco-teamCreationBenefitIcon-color: #8855ff;
--framer-fresco-highlightsBorder-color: #8855ff;
--framer-fresco-aiHighlightBorder-color: #8855ff;
--framer-fresco-onPageHighlightBorder-color: rgba(136, 85, 255, .8);
--framer-fresco-breakpointTitleBackgroundPrimary-color: rgba(136, 85, 255, .1);
--framer-fresco-breakpointCreationButtonBackgroundPrimary-color: rgba(136, 85, 255, .15);
--framer-fresco-breakpointCreationButtonBackgroundActive-color: #8855ff;
--framer-fresco-analyticsTint-color: #8855ff;
--framer-fresco-analyticsTintBackground-color: rgba(136, 85, 255, .1);
--framer-fresco-basicSiteColor-color: #8855ff;
--framer-fresco-basicSiteBackground-color: rgba(136, 85, 255, .1);
--framer-fresco-planCardPersonalButtonColor-color: rgba(136, 85, 255, .1);
--framer-fresco-planCardPersonalButtonColorText-color: #8855ff;
--framer-fresco-planCardPersonalButtonBorderColor-color: rgba(136, 85, 255, .1);
--framer-fresco-planCardBillingToggleActiveBackground-color: #8855ff;
--framer-fresco-badgeCurrentPlanTypeBackgroundColor-color: rgba(136, 85, 255, .1);
--framer-fresco-cmsRichTextDropCursor-color: #8855ff;
--framer-fresco-cmsCodeBlockAccent-color: #8855ff;
--framer-fresco-cmsCodeBlockKeyword-color: #8855ff;
--framer-fresco-cmsCodeBlockTag-color: #8855ff;
--framer-fresco-quickActionsIconDefaultLegacy-color: #8855ff;
--framer-fresco-quickActionsIconBackgroundDefault-color: rgba(136, 85, 255, .1);
--framer-fresco-quickActionsIconBackgroundDefaultActive-color: #8855ff;
--framer-fresco-activeGoogleSheetIcon-color: #8855ff;
--framer-fresco-fillIconBorderActive-color: #8855ff;
--framer-fresco-fillIconSolidFillActive-color: rgba(136, 85, 255, .4);
--framer-fresco-fillIconLinearFillActive-color: rgba(136, 85, 255, .8);
--framer-fresco-fillIconRadialFillActive-color: rgba(136, 85, 255, .8);
--framer-fresco-fillIconConicFillInnerActive-color: #8855ff;
--framer-fresco-fillIconImageFillInnerActive-color: rgba(136, 85, 255, .4);
--framer-fresco-fillIconImageFillOuterActive-color: #8855ff;
--framer-fresco-anchorGridSelected-color: #8855ff
}
body[data-framer-theme=dark] .cp1njzs {
--framer-fresco-tint-color: #9966ff;
--framer-fresco-tintDark-color: #8844FF;
--framer-fresco-tintExtraDark-color: #7733ff;
--framer-fresco-tintDimmed-color: rgba(153, 102, 255, .15);
--framer-fresco-tintGradientStart-color: rgba(153, 102, 255, .4);
--framer-fresco-tintGradientEnd-color: rgba(153, 102, 255, .8);
--framer-fresco-selectionBackground-color: color(display-p3 .52 .357 .965 / .1);
--framer-fresco-selectionText-color: #9966ff;
--framer-fresco-assetsRowCodeFileText-color: #9966ff;
--framer-fresco-assetsRowCodeFileBackgroundSelected-color: rgba(153, 102, 255, .15);
--framer-fresco-canvasCreatePreviewBorder-color: #9966ff;
--framer-fresco-canvasSelectionRectBackground-color: rgba(153, 102, 255, .1);
--framer-fresco-canvasSelectionRectBorder-color: rgba(153, 102, 255, .5);
--framer-fresco-canvasTooltipBackground-color: #9966ff;
--framer-fresco-canvasOverlayTriggerOutline-color: rgba(153, 102, 255, .5);
--framer-fresco-calendarPrimary-color: #9966ff;
--framer-fresco-buttonBackgroundPrimary-color: #9966ff;
--framer-fresco-buttonBackgroundPrimaryHover-color: #8844FF;
--framer-fresco-buttonBackgroundPrimaryActive-color: #7733ff;
--framer-fresco-buttonWithDepthPrimaryBackground-color: #9966ff;
--framer-fresco-buttonWithDepthPrimaryBackgroundHover-color: #7733ff;
--framer-fresco-buttonWithDepthPrimaryShadow-color: 0px 2px 4px 0px rgba(136, 85, 255, .3);
--framer-fresco-buttonWithDepthPrimaryShadowHover-color: 0px 2px 4px 0px rgba(119, 51, 255, .3);
--framer-fresco-inputBorderActive-color: #9966ff;
--framer-fresco-comboBoxHighlightedRowTint-color: #9966ff;
--framer-fresco-sliderTrackActive-color: #9966ff;
--framer-fresco-alternativePresetIcon-color: #9966ff;
--framer-fresco-alternativePresetSelectedColor-color: #9966ff;
--framer-fresco-alternativePresetSelectedBackground-color: rgba(153, 102, 255, .15);
--framer-fresco-assetStyleIcon-color: #9966ff;
--framer-fresco-activeGoogleSheetIcon-color: #9966ff;
--framer-fresco-swatchBackgroundForLink-color: #9966ff;
--framer-fresco-checkboxBackgroundChecked-color: #9966ff;
--framer-fresco-checkboxBackgroundCheckedActive-color: #8844FF;
--framer-fresco-toggleBackgroundChecked-color: #9966ff;
--framer-fresco-toolbarIconActive-color: #9966ff;
--framer-fresco-toolbarButtonBackgroundTintedSites-color: rgba(153, 102, 255, .15);
--framer-fresco-menuBackgroundActive-color: #9966ff;
--framer-fresco-layerItemIconDimmed-color: #74708c;
--framer-fresco-canvasBackground-color: #2A1F41;
--framer-fresco-rulerBackground-color: #332455;
--framer-fresco-rulerBorderColor-color: rgba(136, 85, 255, .15);
--framer-fresco-rulerTickColor-color: rgb(136, 85, 255);
--framer-fresco-rulerTextColor-color: rgb(136, 85, 255);
--framer-fresco-rulerFadeOut-color: rgba(136, 85, 255, 0);
--framer-fresco-guideHighlightColor-color: #9966ff;
--framer-fresco-badgeBackground-color: rgba(153, 102, 255, .15);
--framer-fresco-domainVoucherBadgeIconBackground-color: rgba(153, 102, 255, .1);
--framer-fresco-feedbackHasRepliesBackground-color: rgba(153, 102, 255, .1);
--framer-fresco-badgeBasicWorkspaceBackground-color: rgba(153, 102, 255, .15);
--framer-fresco-badgeBasicWorkspaceText-color: #9966ff;
--framer-fresco-advancedHostingConnectionLabelBackground-color: rgba(153, 102, 255, .15);
--framer-fresco-advancedHostingConnectionLabelText-color: #9966ff;
--framer-fresco-advancedHostingTooltipTint-color: #8844FF;
--framer-fresco-kitBadgeForeground-color: #9966ff;
--framer-fresco-toastBackgroundPrimary-color: #9966ff;
--framer-fresco-toastIconSites-color: #9966ff;
--framer-fresco-teamCreationNavigationActive-color: #9966ff;
--framer-fresco-teamCreationBenefitIcon-color: #9966ff;
--framer-fresco-highlightsBorder-color: #9966ff;
--framer-fresco-aiHighlightBorder-color: #9966ff;
--framer-fresco-onPageHighlightBorder-color: rgba(153, 102, 255, .8);
--framer-fresco-breakpointTitleBackgroundPrimary-color: rgba(153, 102, 255, .1);
--framer-fresco-breakpointCreationButtonBackgroundPrimary-color: rgba(153, 102, 255, .15);
--framer-fresco-breakpointCreationButtonBackgroundActive-color: #9966ff;
--framer-fresco-analyticsTint-color: #9966ff;
--framer-fresco-analyticsTintBackground-color: rgba(153, 102, 255, .1);
--framer-fresco-basicSiteColor-color: #9966ff;
--framer-fresco-basicSiteBackground-color: rgba(153, 102, 255, .1);
--framer-fresco-planCardPersonalButtonColorText-color: #9966ff;
--framer-fresco-cmsRichTextDropCursor-color: #9966ff;
--framer-fresco-cmsCodeBlockAccent-color: #9966ff;
--framer-fresco-quickActionsIconDefaultLegacy-color: #9966ff;
--framer-fresco-quickActionsIconBackgroundDefault-color: rgba(153, 102, 255, .15);
--framer-fresco-quickActionsIconBackgroundDefaultActive-color: #9966ff;
--framer-fresco-anchorGridSelected-color: #9966ff
}
body[data-framer-theme=dark] .p1cxqzt9 {
--framer-fresco-panelBackground-color: #2B2B2B;
--framer-fresco-panelDivider-color: #363636;
--framer-fresco-inputBackground-color: #444444;
--framer-fresco-buttonBackground-color: #444444;
--framer-fresco-buttonBackgroundHover-color: #363636;
--framer-fresco-popupButtonBackground-color: #444444;
--framer-fresco-buttonBackgroundActive-color: #232323;
--framer-fresco-radioButtonBackground-color: #444444;
--framer-fresco-radioButtonBackgroundHover-color: #363636;
--framer-fresco-segmentedControlBackground-color: #3a3a3a;
--framer-fresco-segmentedControlDivider-color: #555555;
--framer-fresco-segmentedControlItemBackgroundSelected-color: #555555;
--framer-fresco-checkboxLabel-color: #cccccc
}
body[data-framer-theme=dark] .d1gxccix {
--framer-fresco-panelBackground-color: #181818;
--framer-fresco-modalBackground-color: #181818;
--framer-fresco-settingsModalBackground-color: #181818;
--framer-fresco-quickActionsBackgroundActive-color: #222222
}
body[data-framer-theme=dark] .dnwddeh {
--framer-fresco-toastBackground-color: #2B2B2B
}
body[data-framer-theme=light] .wtrlmda {
--framer-fresco-tint-color: #FFBB00;
--framer-fresco-tintDimmed-color: rgba(255, 187, 0, .2);
--framer-fresco-selectionBackground-color: color(display-p3 1 .733 0 / .1);
--framer-fresco-selectionText-color: #FFBB00;
--framer-fresco-assetsRowCodeFileText-color: #FFBB00;
--framer-fresco-assetsRowCodeFileBackgroundSelected-color: rgba(255, 187, 0, .2);
--framer-fresco-canvasCreatePreviewBorder-color: #FFBB00;
--framer-fresco-canvasSelectionRectBackground-color: rgba(255, 187, 0, .2);
--framer-fresco-canvasTooltipBackground-color: #FFBB00;
--framer-fresco-buttonBackgroundPrimary-color: #FFBB00;
--framer-fresco-buttonWithDepthPrimaryBackground-color: #FFBB00;
--framer-fresco-inputBorder-color: #FFBB00;
--framer-fresco-inputBorderActive-color: #FFBB00;
--framer-fresco-comboBoxHighlightedRowTint-color: #FFBB00;
--framer-fresco-popupButtonBorder-color: #FFBB00;
--framer-fresco-segmentedControlBorder-color: #FFBB00;
--framer-fresco-segmentedControlItemTextSelected-color: #FFBB00;
--framer-fresco-sliderTrackActive-color: #FFBB00;
--framer-fresco-alternativePresetIcon-color: #FFBB00;
--framer-fresco-alternativePresetSelectedColor-color: #FFBB00;
--framer-fresco-alternativePresetSelectedBackground-color: rgba(255, 187, 0, .2);
--framer-fresco-assetStyleIcon-color: #FFBB00;
--framer-fresco-swatchBackgroundForLink-color: #FFBB00;
--framer-fresco-checkboxBackgroundChecked-color: #FFBB00;
--framer-fresco-toggleBackgroundChecked-color: #FFBB00;
--framer-fresco-toggleTackBorderDisabled-color: #FFBB00;
--framer-fresco-toolbarIconActive-color: #FFBB00;
--framer-fresco-toolbarButtonBackgroundTintedSites-color: rgba(255, 187, 0, .2);
--framer-fresco-menuBackgroundActive-color: #FFBB00;
--framer-fresco-calendarPrimary-color: #FFBB00;
--framer-fresco-guideHighlightColor-color: #FFBB00;
--framer-fresco-domainVoucherBadgeIconBackground-color: rgba(255, 187, 0, .2);
--framer-fresco-feedbackHasRepliesBackground-color: rgba(255, 187, 0, .2);
--framer-fresco-badgeBasicWorkspaceText-color: #FFBB00;
--framer-fresco-advancedHostingConnectionLabelText-color: #FFBB00;
--framer-fresco-advancedHostingTooltipTint-color: #FFBB00;
--framer-fresco-agentInputBorder-color: #FFBB00;
--framer-fresco-kitBadgeForeground-color: #FFBB00;
--framer-fresco-toastBackgroundPrimary-color: #FFBB00;
--framer-fresco-toastIconSites-color: #FFBB00;
--framer-fresco-teamCreationNavigationActive-color: #FFBB00;
--framer-fresco-teamCreationBenefitIcon-color: #FFBB00;
--framer-fresco-highlightsBorder-color: #FFBB00;
--framer-fresco-aiHighlightBorder-color: #FFBB00;
--framer-fresco-breakpointTitleBackgroundPrimary-color: rgba(255, 187, 0, .2);
--framer-fresco-breakpointCreationButtonBackgroundActive-color: #FFBB00;
--framer-fresco-analyticsTint-color: #FFBB00;
--framer-fresco-analyticsTintBackground-color: rgba(255, 187, 0, .2);
--framer-fresco-basicSiteColor-color: #FFBB00;
--framer-fresco-basicSiteBackground-color: rgba(255, 187, 0, .2);
--framer-fresco-planCardPersonalButtonColor-color: rgba(255, 187, 0, .2);
--framer-fresco-planCardPersonalButtonColorText-color: #FFBB00;
--framer-fresco-planCardPersonalButtonBorderColor-color: rgba(255, 187, 0, .2);
--framer-fresco-planCardBillingToggleActiveBackground-color: #FFBB00;
--framer-fresco-badgeCurrentPlanTypeBackgroundColor-color: rgba(255, 187, 0, .2);
--framer-fresco-cmsRichTextDropCursor-color: #FFBB00;
--framer-fresco-cmsCodeBlockAccent-color: #FFBB00;
--framer-fresco-cmsCodeBlockKeyword-color: #FFBB00;
--framer-fresco-cmsCodeBlockTag-color: #FFBB00;
--framer-fresco-inlineEditingMenuBorder-color: #FFBB00;
--framer-fresco-quickActionsIconDefaultLegacy-color: #FFBB00;
--framer-fresco-quickActionsIconBackgroundDefault-color: rgba(255, 187, 0, .2);
--framer-fresco-quickActionsIconBackgroundDefaultActive-color: #FFBB00;
--framer-fresco-activeGoogleSheetIcon-color: #FFBB00;
--framer-fresco-fillIconBorderActive-color: #FFBB00;
--framer-fresco-fillIconConicFillInnerActive-color: #FFBB00;
--framer-fresco-fillIconImageFillOuterActive-color: #FFBB00;
--framer-fresco-anchorGridSelected-color: #FFBB00
}
body[data-framer-theme=dark] .wtrlmda {
--framer-fresco-tint-color: #FFBB00;
--framer-fresco-tintDimmed-color: rgba(255, 187, 0, .2);
--framer-fresco-selectionBackground-color: color(display-p3 1 .733 0 / .1);
--framer-fresco-selectionText-color: #FFBB00;
--framer-fresco-assetsRowCodeFileText-color: #FFBB00;
--framer-fresco-assetsRowCodeFileBackgroundSelected-color: rgba(255, 187, 0, .2);
--framer-fresco-canvasCreatePreviewBorder-color: #FFBB00;
--framer-fresco-canvasTooltipBackground-color: #FFBB00;
--framer-fresco-calendarPrimary-color: #FFBB00;
--framer-fresco-buttonBackgroundPrimary-color: #FFBB00;
--framer-fresco-buttonWithDepthPrimaryBackground-color: #FFBB00;
--framer-fresco-inputBorder-color: #FFBB00;
--framer-fresco-inputBorderActive-color: #FFBB00;
--framer-fresco-comboBoxHighlightedRowTint-color: #FFBB00;
--framer-fresco-popupButtonBorder-color: #FFBB00;
--framer-fresco-segmentedControlBorder-color: #FFBB00;
--framer-fresco-sliderTrackActive-color: #FFBB00;
--framer-fresco-alternativePresetIcon-color: #FFBB00;
--framer-fresco-alternativePresetSelectedColor-color: #FFBB00;
--framer-fresco-alternativePresetSelectedBackground-color: rgba(255, 187, 0, .2);
--framer-fresco-assetStyleIcon-color: #FFBB00;
--framer-fresco-activeGoogleSheetIcon-color: #FFBB00;
--framer-fresco-swatchBackgroundForLink-color: #FFBB00;
--framer-fresco-checkboxBackgroundChecked-color: #FFBB00;
--framer-fresco-toggleBackgroundChecked-color: #FFBB00;
--framer-fresco-toggleTackBorderDisabled-color: #FFBB00;
--framer-fresco-toolbarIconActive-color: #FFBB00;
--framer-fresco-toolbarButtonBackgroundTintedSites-color: rgba(255, 187, 0, .2);
--framer-fresco-menuBackgroundActive-color: #FFBB00;
--framer-fresco-guideHighlightColor-color: #FFBB00;
--framer-fresco-badgeBackground-color: rgba(255, 187, 0, .2);
--framer-fresco-badgeBasicWorkspaceBackground-color: rgba(255, 187, 0, .2);
--framer-fresco-badgeBasicWorkspaceText-color: #FFBB00;
--framer-fresco-advancedHostingConnectionLabelBackground-color: rgba(255, 187, 0, .2);
--framer-fresco-advancedHostingConnectionLabelText-color: #FFBB00;
--framer-fresco-kitBadgeForeground-color: #FFBB00;
--framer-fresco-toastBackgroundPrimary-color: #FFBB00;
--framer-fresco-toastIconSites-color: #FFBB00;
--framer-fresco-teamCreationNavigationActive-color: #FFBB00;
--framer-fresco-teamCreationBenefitIcon-color: #FFBB00;
--framer-fresco-highlightsBorder-color: #FFBB00;
--framer-fresco-aiHighlightBorder-color: #FFBB00;
--framer-fresco-breakpointCreationButtonBackgroundPrimary-color: rgba(255, 187, 0, .2);
--framer-fresco-breakpointCreationButtonBackgroundActive-color: #FFBB00;
--framer-fresco-analyticsTint-color: #FFBB00;
--framer-fresco-basicSiteColor-color: #FFBB00;
--framer-fresco-planCardPersonalButtonColorText-color: #FFBB00;
--framer-fresco-cmsRichTextDropCursor-color: #FFBB00;
--framer-fresco-cmsCodeBlockAccent-color: #FFBB00;
--framer-fresco-quickActionsIconDefaultLegacy-color: #FFBB00;
--framer-fresco-quickActionsIconBackgroundDefault-color: rgba(255, 187, 0, .2);
--framer-fresco-quickActionsIconBackgroundDefaultActive-color: #FFBB00;
--framer-fresco-anchorGridSelected-color: #FFBB00
}
body[data-framer-theme=light] .w1dibtpf {
--framer-fresco-tint-color: #0099ff;
--framer-fresco-tintDimmed-color: rgba(0, 153, 255, .1);
--framer-fresco-selectionText-color: #0099ff;
--framer-fresco-assetsRowCodeFileText-color: #0099ff;
--framer-fresco-assetsRowCodeFileBackgroundSelected-color: rgba(0, 153, 255, .1);
--framer-fresco-canvasCreatePreviewBorder-color: #0099ff;
--framer-fresco-canvasSelectionRectBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-canvasTooltipBackground-color: #0099ff;
--framer-fresco-buttonBackgroundPrimary-color: #0099ff;
--framer-fresco-buttonWithDepthPrimaryBackground-color: #0099ff;
--framer-fresco-inputBorder-color: transparent;
--framer-fresco-inputBorderActive-color: #0099ff;
--framer-fresco-comboBoxHighlightedRowTint-color: #0099ff;
--framer-fresco-popupButtonBorder-color: transparent;
--framer-fresco-segmentedControlBorder-color: transparent;
--framer-fresco-segmentedControlItemTextSelected-color: #0099ff;
--framer-fresco-sliderTrackActive-color: #0099ff;
--framer-fresco-alternativePresetIcon-color: #0099ff;
--framer-fresco-alternativePresetSelectedColor-color: #0099ff;
--framer-fresco-alternativePresetSelectedBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-assetStyleIcon-color: #0099ff;
--framer-fresco-swatchBackgroundForLink-color: #0099ff;
--framer-fresco-checkboxBackgroundChecked-color: #0099ff;
--framer-fresco-toggleBackgroundChecked-color: #0099ff;
--framer-fresco-toggleTackBorderDisabled-color: transparent;
--framer-fresco-toolbarIconActive-color: #0099ff;
--framer-fresco-toolbarButtonBackgroundTintedSites-color: rgba(0, 153, 255, .1);
--framer-fresco-menuBackgroundActive-color: #0099ff;
--framer-fresco-calendarPrimary-color: #0099ff;
--framer-fresco-guideHighlightColor-color: #0099ff;
--framer-fresco-domainVoucherBadgeIconBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-feedbackHasRepliesBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-badgeBasicWorkspaceText-color: #0099ff;
--framer-fresco-advancedHostingConnectionLabelText-color: #0099ff;
--framer-fresco-advancedHostingTooltipTint-color: #0099ff;
--framer-fresco-agentInputBorder-color: transparent;
--framer-fresco-kitBadgeForeground-color: #0099ff;
--framer-fresco-toastBackgroundPrimary-color: #0099ff;
--framer-fresco-toastIconSites-color: #0099ff;
--framer-fresco-teamCreationNavigationActive-color: #0099ff;
--framer-fresco-teamCreationBenefitIcon-color: #0099ff;
--framer-fresco-highlightsBorder-color: #0099ff;
--framer-fresco-aiHighlightBorder-color: #0099ff;
--framer-fresco-breakpointTitleBackgroundPrimary-color: rgba(0, 153, 255, .1);
--framer-fresco-breakpointCreationButtonBackgroundActive-color: #0099ff;
--framer-fresco-analyticsTint-color: #0099ff;
--framer-fresco-analyticsTintBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-basicSiteColor-color: #0099ff;
--framer-fresco-basicSiteBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-planCardPersonalButtonColor-color: rgba(0, 153, 255, .1);
--framer-fresco-planCardPersonalButtonColorText-color: #0099ff;
--framer-fresco-planCardPersonalButtonBorderColor-color: rgba(0, 153, 255, .1);
--framer-fresco-planCardBillingToggleActiveBackground-color: #0099ff;
--framer-fresco-badgeCurrentPlanTypeBackgroundColor-color: rgba(0, 153, 255, .1);
--framer-fresco-cmsRichTextDropCursor-color: #0099ff;
--framer-fresco-cmsCodeBlockAccent-color: #0099ff;
--framer-fresco-cmsCodeBlockKeyword-color: #0099ff;
--framer-fresco-cmsCodeBlockTag-color: #0099ff;
--framer-fresco-inlineEditingMenuBorder-color: transparent;
--framer-fresco-quickActionsIconDefaultLegacy-color: #0099ff;
--framer-fresco-quickActionsIconBackgroundDefault-color: rgba(0, 153, 255, .1);
--framer-fresco-quickActionsIconBackgroundDefaultActive-color: #0099ff;
--framer-fresco-activeGoogleSheetIcon-color: #0099ff;
--framer-fresco-fillIconBorderActive-color: #0099ff;
--framer-fresco-fillIconConicFillInnerActive-color: #0099ff;
--framer-fresco-fillIconImageFillOuterActive-color: #0099ff;
--framer-fresco-anchorGridSelected-color: #0099ff
}
body[data-framer-theme=dark] .w1dibtpf {
--framer-fresco-tint-color: #0099ff;
--framer-fresco-tintDimmed-color: rgba(0, 153, 255, .15);
--framer-fresco-selectionText-color: #0099ff;
--framer-fresco-assetsRowCodeFileText-color: #0099ff;
--framer-fresco-assetsRowCodeFileBackgroundSelected-color: rgba(0, 153, 255, .15);
--framer-fresco-canvasCreatePreviewBorder-color: #0099ff;
--framer-fresco-canvasTooltipBackground-color: #0099ff;
--framer-fresco-calendarPrimary-color: #0099ff;
--framer-fresco-buttonBackgroundPrimary-color: #0099ff;
--framer-fresco-buttonWithDepthPrimaryBackground-color: #0099ff;
--framer-fresco-inputBorder-color: transparent;
--framer-fresco-inputBorderActive-color: #0099ff;
--framer-fresco-comboBoxHighlightedRowTint-color: #0099ff;
--framer-fresco-popupButtonBorder-color: transparent;
--framer-fresco-segmentedControlBorder-color: transparent;
--framer-fresco-sliderTrackActive-color: #0099ff;
--framer-fresco-alternativePresetIcon-color: #0099ff;
--framer-fresco-alternativePresetSelectedColor-color: #0099ff;
--framer-fresco-alternativePresetSelectedBackground-color: rgba(0, 153, 255, .15);
--framer-fresco-assetStyleIcon-color: #0099ff;
--framer-fresco-activeGoogleSheetIcon-color: #0099ff;
--framer-fresco-swatchBackgroundForLink-color: #0099ff;
--framer-fresco-checkboxBackgroundChecked-color: #0099ff;
--framer-fresco-toggleBackgroundChecked-color: #0099ff;
--framer-fresco-toggleTackBorderDisabled-color: transparent;
--framer-fresco-toolbarIconActive-color: #0099ff;
--framer-fresco-toolbarButtonBackgroundTintedSites-color: rgba(0, 153, 255, .15);
--framer-fresco-menuBackgroundActive-color: #0099ff;
--framer-fresco-guideHighlightColor-color: #0099ff;
--framer-fresco-badgeBackground-color: rgba(0, 153, 255, .15);
--framer-fresco-badgeBasicWorkspaceBackground-color: rgba(0, 153, 255, .15);
--framer-fresco-badgeBasicWorkspaceText-color: #0099ff;
--framer-fresco-advancedHostingConnectionLabelBackground-color: rgba(0, 153, 255, .15);
--framer-fresco-advancedHostingConnectionLabelText-color: #0099ff;
--framer-fresco-kitBadgeForeground-color: #0099ff;
--framer-fresco-toastBackgroundPrimary-color: #0099ff;
--framer-fresco-toastIconSites-color: #0099ff;
--framer-fresco-teamCreationNavigationActive-color: #0099ff;
--framer-fresco-teamCreationBenefitIcon-color: #0099ff;
--framer-fresco-highlightsBorder-color: #0099ff;
--framer-fresco-aiHighlightBorder-color: #0099ff;
--framer-fresco-breakpointCreationButtonBackgroundPrimary-color: rgba(0, 153, 255, .15);
--framer-fresco-breakpointCreationButtonBackgroundActive-color: #0099ff;
--framer-fresco-analyticsTint-color: #0099ff;
--framer-fresco-basicSiteColor-color: #0099ff;
--framer-fresco-planCardPersonalButtonColorText-color: #0099ff;
--framer-fresco-cmsRichTextDropCursor-color: #0099ff;
--framer-fresco-cmsCodeBlockAccent-color: #0099ff;
--framer-fresco-quickActionsIconDefaultLegacy-color: #0099ff;
--framer-fresco-quickActionsIconBackgroundDefault-color: rgba(0, 153, 255, .15);
--framer-fresco-quickActionsIconBackgroundDefaultActive-color: #0099ff;
--framer-fresco-anchorGridSelected-color: #0099ff
}
body[data-framer-theme=light] .exbk601 {
--framer-fresco-tint-color: #333333;
--framer-fresco-tintDark-color: #333333;
--framer-fresco-selectionBackground-color: color(display-p3 .2 .2 .2 / .1);
--framer-fresco-selectionText-color: #333333;
--framer-fresco-panelTextSelected-color: #ffffff;
--framer-fresco-panelBackground-color: #ffffff;
--framer-fresco-nuxPanelButton-color: #ffffff;
--framer-fresco-assetsRowCodeFileText-color: #333333;
--framer-fresco-canvasCreatePreviewBorder-color: #333333;
--framer-fresco-canvasTooltipText-color: #ffffff;
--framer-fresco-canvasTooltipBackground-color: #333333;
--framer-fresco-modalBackground-color: #ffffff;
--framer-fresco-cmsBadgeTextDisabled-color: #ffffff;
--framer-fresco-buttonBackgroundPrimary-color: #333333;
--framer-fresco-buttonBackgroundPrimaryHover-color: #333333;
--framer-fresco-buttonBackgroundPrimaryActive-color: #333333;
--framer-fresco-buttonTextPrimary-color: #ffffff;
--framer-fresco-buttonTextDestructive-color: #ffffff;
--framer-fresco-buttonWithDepthBackground-color: #ffffff;
--framer-fresco-buttonWithDepthPrimaryBackground-color: #333333;
--framer-fresco-electronTabBarBackgroundActive-color: #ffffff;
--framer-fresco-inputBorderActive-color: #333333;
--framer-fresco-multiComboBoxTokenBackground-color: #ffffff;
--framer-fresco-comboBoxHighlightedRowTint-color: #333333;
--framer-fresco-comboBoxHighlightedRowText-color: #ffffff;
--framer-fresco-comboBoxMenuBackground-color: #ffffff;
--framer-fresco-comboBoxMenuBackgroundUnsaturated-color: #ffffff;
--framer-fresco-popoverBackground-color: #ffffff;
--framer-fresco-popupButtonPreviewIconBackground-color: #ffffff;
--framer-fresco-popupButtonWarningText-color: #ffffff;
--framer-fresco-segmentedControlItemBackgroundSelected-color: #ffffff;
--framer-fresco-segmentedControlItemTextSelected-color: #333333;
--framer-fresco-segmentedControlItemTextSelectedHover-color: #333333;
--framer-fresco-sliderKnob-color: #ffffff;
--framer-fresco-sliderTrackActive-color: #333333;
--framer-fresco-alternativePresetIcon-color: #333333;
--framer-fresco-alternativePresetSelectedColor-color: #333333;
--framer-fresco-assetStyleIcon-color: #333333;
--framer-fresco-swatchBackgroundPlaceholderForFill-color: #ffffff;
--framer-fresco-swatchBackgroundForLink-color: #333333;
--framer-fresco-checkboxBackgroundChecked-color: #333333;
--framer-fresco-checkboxBackgroundCheckedActive-color: #333333;
--framer-fresco-checkboxStroke-color: #ffffff;
--framer-fresco-toggleBackgroundChecked-color: #333333;
--framer-fresco-toggleTackDisabled-color: #ffffff;
--framer-fresco-toolbarIconActive-color: #333333;
--framer-fresco-toolbarButtonTextActive-color: #ffffff;
--framer-fresco-toolbarSettingsButtonTextActiveSites-color: #ffffff;
--framer-fresco-breadcrumbDraftBadgeText-color: #ffffff;
--framer-fresco-menuBackground-color: #ffffff;
--framer-fresco-menuBackgroundActive-color: #333333;
--framer-fresco-menuTextActive-color: #ffffff;
--framer-fresco-layerItemComponentLabelSelected-color: #ffffff;
--framer-fresco-calendarPrimary-color: #333333;
--framer-fresco-calendarText-color: #ffffff;
--framer-fresco-guideHighlightColor-color: #333333;
--framer-fresco-errorText-color: #ffffff;
--framer-fresco-tooltipInsert-color: #ffffff;
--framer-fresco-feedbackSidebarBackground-color: #ffffff;
--framer-fresco-feedbackFormBackground-color: #ffffff;
--framer-fresco-feedbackDisclosureBackground-color: #ffffff;
--framer-fresco-dashboardContentBackground-color: #ffffff;
--framer-fresco-nonFullWidthDashboardContentBackground-color: #ffffff;
--framer-fresco-dashboardSidebarBackground-color: #ffffff;
--framer-fresco-dashboardSidebarSearchBackground-color: #ffffff;
--framer-fresco-dashboardTopBarBackground-color: #ffffff;
--framer-fresco-badgeBasicWorkspaceText-color: #333333;
--framer-fresco-projectMenuButtonBackground-color: #ffffff;
--framer-fresco-dashboardLearnPlayBackground-color: #ffffff;
--framer-fresco-dashboardNewProjectCardModalBackground-color: #ffffff;
--framer-fresco-dashboardInfoBannerButton-color: #ffffff;
--framer-fresco-advancedHostingBackground-color: #ffffff;
--framer-fresco-advancedHostingConnectionLabelText-color: #333333;
--framer-fresco-advancedHostingAnalyticsGradientColor-color: #ffffff;
--framer-fresco-advancedHostingTooltipTint-color: #333333;
--framer-fresco-settingsModalBackground-color: #ffffff;
--framer-fresco-settingsModalTeamSearchFilterButtonActiveText-color: #ffffff;
--framer-fresco-settingsModalRemoveAvatarButton-color: #ffffff;
--framer-fresco-invitePopoverBackground-color: #ffffff;
--framer-fresco-insertPanelNeutralIconForeground-color: #ffffff;
--framer-fresco-wireframerAssistantAvatarForeground-color: #ffffff;
--framer-fresco-wireframerSendMessageButtonForeground-color: #ffffff;
--framer-fresco-wireframerSendMessageButtonForegroundDisabled-color: #ffffff;
--framer-fresco-wireframerSuggestionButtonBackground-color: #ffffff;
--framer-fresco-agentButtonPrimaryForeground-color: #ffffff;
--framer-fresco-agentFeedbackThreadBackground-color: #ffffff;
--framer-fresco-kitBadgeForeground-color: #333333;
--framer-fresco-defaultKitIconBackground-color: #ffffff;
--framer-fresco-toastBackground-color: #ffffff;
--framer-fresco-toastBackgroundPrimary-color: #333333;
--framer-fresco-toastTextPrimary-color: #ffffff;
--framer-fresco-toastBackgroundSites-color: #ffffff;
--framer-fresco-toastIconSites-color: #333333;
--framer-fresco-toastButtonBackgroundProminent-color: #ffffff;
--framer-fresco-expiredTrialBanner-color: #ffffff;
--framer-fresco-stylesPresetsIconText-color: #ffffff;
--framer-fresco-upsellCTAText-color: #ffffff;
--framer-fresco-upsellCTAButtonBackground-color: #ffffff;
--framer-fresco-teamCreationModalBackground-color: #ffffff;
--framer-fresco-teamCreationNavigationActive-color: #333333;
--framer-fresco-teamCreationBenefitIcon-color: #333333;
--framer-fresco-highlightsBorder-color: #333333;
--framer-fresco-aiHighlightBorder-color: #333333;
--framer-fresco-statusBarCustomerBetaText-color: #ffffff;
--framer-fresco-statusBarTunnelText-color: #ffffff;
--framer-fresco-statusBarPreviewLinkText-color: #ffffff;
--framer-fresco-statusBarStableText-color: #ffffff;
--framer-fresco-settingsContainerBackground-color: #ffffff;
--framer-fresco-settingsImageBackground-color: #ffffff;
--framer-fresco-settingsImageClearButtonBackground-color: #ffffff;
--framer-fresco-breakpointCreationButtonBackgroundActive-color: #333333;
--framer-fresco-breakpointCreationButtonIconActive-color: #ffffff;
--framer-fresco-analyticsBackground-color: #ffffff;
--framer-fresco-analyticsTint-color: #333333;
--framer-fresco-analyticsPopoutBackground-color: #ffffff;
--framer-fresco-basicSiteColor-color: #333333;
--framer-fresco-planCardBackgroundColor-color: #ffffff;
--framer-fresco-planCardBackgroundGradientEndColor-color: #ffffff;
--framer-fresco-planCardPersonalBackgroundGradientEndColor-color: #ffffff;
--framer-fresco-planCardGridShadowColorStart-color: #ffffff;
--framer-fresco-planCardPersonalButtonColorText-color: #333333;
--framer-fresco-planCardBillingToggleActiveBackground-color: #333333;
--framer-fresco-planCardBackgroundGradientStop2-color: #ffffff;
--framer-fresco-previewContainerBackgroundColor-color: #ffffff;
--framer-fresco-cmsRichTextDropCursor-color: #333333;
--framer-fresco-cmsImageClearButtonText-color: #ffffff;
--framer-fresco-cmsImageAddButtonBackground-color: #ffffff;
--framer-fresco-cmsCodeBlockAccent-color: #333333;
--framer-fresco-cmsCodeBlockKeyword-color: #333333;
--framer-fresco-cmsCodeBlockTag-color: #333333;
--framer-fresco-quickActionsIconDefaultLegacy-color: #333333;
--framer-fresco-quickActionsIconDefaultActiveLegacy-color: #ffffff;
--framer-fresco-quickActionsIconBackgroundDefaultActive-color: #333333;
--framer-fresco-quickActionsIconComponentTintActive-color: #ffffff;
--framer-fresco-quickActionsIconBackgroundAssetStyleTintActive-color: #ffffff;
--framer-fresco-historyPanelRowBackground-color: #ffffff;
--framer-fresco-activeGoogleSheetIcon-color: #333333;
--framer-fresco-fillIconHighlight-color: #ffffff;
--framer-fresco-fillIconBorderActive-color: #333333;
--framer-fresco-fillIconConicFillOuter-color: #ffffff;
--framer-fresco-fillIconConicFillInnerActive-color: #333333;
--framer-fresco-fillIconConicFillOuterActive-color: #ffffff;
--framer-fresco-fillIconImageFillOuterActive-color: #333333;
--framer-fresco-editorBarButtonSecondaryText-color: #ffffff;
--framer-fresco-editorBarText-color: #ffffff;
--framer-fresco-editorBarDividerBackground-color: #ffffff;
--framer-fresco-editorBarSubtleTitle-color: #ffffff;
--framer-fresco-onPageToolbarText-color: #ffffff;
--framer-fresco-onPageToolbarButtonText-color: #ffffff;
--framer-fresco-onPageValidationWarningBadgeText-color: #ffffff;
--framer-fresco-debugBarBackground-color: #ffffff;
--framer-fresco-anchorGridSelected-color: #333333;
--framer-fresco-vectorSetItemBackground-color: #ffffff;
--framer-fresco-onboardingBackground-color: #ffffff;
--framer-fresco-onboardingPanelBackground-color: #ffffff
}
body[data-framer-theme=dark] .exbk601 {
--framer-fresco-tint-color: #ffffff;
--framer-fresco-tintDark-color: #ffffff;
--framer-fresco-selectionBackground-color: color(display-p3 1 1 1 / .1);
--framer-fresco-selectionText-color: #ffffff;
--framer-fresco-panelTitle-color: #333333;
--framer-fresco-panelTextSelected-color: #333333;
--framer-fresco-panelSectionHeaderIcon-color: #333333;
--framer-fresco-nuxPanelHeaderTitle-color: #333333;
--framer-fresco-nuxPanelStepNumberHighlighted-color: #333333;
--framer-fresco-assetsRowCodeFileText-color: #ffffff;
--framer-fresco-canvasCreatePreviewBorder-color: #ffffff;
--framer-fresco-canvasTooltipText-color: #333333;
--framer-fresco-canvasTooltipBackground-color: #ffffff;
--framer-fresco-calendarTextHeader-color: #333333;
--framer-fresco-calendarTextHover-color: #333333;
--framer-fresco-calendarPrimary-color: #ffffff;
--framer-fresco-calendarText-color: #333333;
--framer-fresco-modalTitle-color: #333333;
--framer-fresco-largeModalTitle-color: #333333;
--framer-fresco-variableRowTextActive-color: #333333;
--framer-fresco-buttonSheetPlainTitle-color: #333333;
--framer-fresco-cmsBadgeTextDisabled-color: #333333;
--framer-fresco-buttonText-color: #333333;
--framer-fresco-buttonTextActive-color: #333333;
--framer-fresco-buttonBackgroundPrimary-color: #ffffff;
--framer-fresco-buttonBackgroundPrimaryHover-color: #ffffff;
--framer-fresco-buttonBackgroundPrimaryActive-color: #ffffff;
--framer-fresco-buttonTextPrimary-color: #333333;
--framer-fresco-buttonTextDestructive-color: #333333;
--framer-fresco-buttonWithDepthText-color: #333333;
--framer-fresco-buttonWithDepthPrimaryBackground-color: #ffffff;
--framer-fresco-electronTabBarTextActive-color: #333333;
--framer-fresco-inputBorderActive-color: #ffffff;
--framer-fresco-comboBoxSectionText-color: #333333;
--framer-fresco-comboBoxHighlightedRowTint-color: #ffffff;
--framer-fresco-comboBoxHighlightedRowText-color: #333333;
--framer-fresco-popupButtonText-color: #333333;
--framer-fresco-popupButtonPreviewIconPrimary-color: #333333;
--framer-fresco-popupButtonWarningText-color: #333333;
--framer-fresco-radioButtonLabel-color: #333333;
--framer-fresco-segmentedControlItemTextSelected-color: #333333;
--framer-fresco-segmentedControlItemTextSelectedHover-color: #333333;
--framer-fresco-segmentedControlItemTextSelectedUnsaturated-color: #333333;
--framer-fresco-tabsTextSelected-color: #333333;
--framer-fresco-sliderKnob-color: #333333;
--framer-fresco-sliderTrackActive-color: #ffffff;
--framer-fresco-spinnerBackground-color: #333333;
--framer-fresco-presetIcon-color: #333333;
--framer-fresco-presetSelectedColor-color: #333333;
--framer-fresco-alternativePresetIcon-color: #ffffff;
--framer-fresco-alternativePresetSelectedColor-color: #ffffff;
--framer-fresco-assetStyleIcon-color: #ffffff;
--framer-fresco-assetSelectedColor-color: #333333;
--framer-fresco-activeGoogleButtonText-color: #333333;
--framer-fresco-activeGoogleSheetIcon-color: #ffffff;
--framer-fresco-colorStyleBorder-color: #333333;
--framer-fresco-swatchBackgroundPlaceholderForFill-color: #333333;
--framer-fresco-swatchBackgroundForLink-color: #ffffff;
--framer-fresco-checkboxBackgroundChecked-color: #ffffff;
--framer-fresco-checkboxBackgroundCheckedActive-color: #ffffff;
--framer-fresco-checkboxLabel-color: #333333;
--framer-fresco-checkboxStroke-color: #333333;
--framer-fresco-toggleBackgroundChecked-color: #ffffff;
--framer-fresco-toggleTack-color: #333333;
--framer-fresco-toolbarIconActive-color: #ffffff;
--framer-fresco-toolbarInputText-color: #333333;
--framer-fresco-toolbarCmsMobileTitle-color: #333333;
--framer-fresco-toolbarButtonBackgroundActive-color: #333333;
--framer-fresco-toolbarButtonText-color: #333333;
--framer-fresco-toolbarLeftPanelToggleTextActive-color: #333333;
--framer-fresco-toolbarButtonTextActiveSites-color: #333333;
--framer-fresco-toolbarPreviewCloseButtonSites-color: #333333;
--framer-fresco-toolbarSettingsButtonTextSites-color: #333333;
--framer-fresco-toolbarSettingsButtonBackgroundActiveSites-color: #333333;
--framer-fresco-menuBackgroundActive-color: #ffffff;
--framer-fresco-menuText-color: #333333;
--framer-fresco-menuTextActive-color: #333333;
--framer-fresco-menuTextActiveUnsaturated-color: #333333;
--framer-fresco-contextMenuButtonIconHover-color: #333333;
--framer-fresco-pageRowTextActive-color: #333333;
--framer-fresco-pageIconSelected-color: #333333;
--framer-fresco-pageContextMenuButtonIconHover-color: #333333;
--framer-fresco-layerItemComponentLabelSelected-color: #333333;
--framer-fresco-guideHighlightColor-color: #ffffff;
--framer-fresco-errorText-color: #333333;
--framer-fresco-fatalErrorText-color: #333333;
--framer-fresco-previewSpinnerBackground-color: #333333;
--framer-fresco-feedbackPrimaryText-color: #333333;
--framer-fresco-emptyStateTitle-color: #333333;
--framer-fresco-errorStateTitleText-color: #333333;
--framer-fresco-dashboardHeadingLinkHover-color: #333333;
--framer-fresco-dashboardItemIcon-color: #333333;
--framer-fresco-dashboardEmptyStateTitle-color: #333333;
--framer-fresco-dashboardCardInfoText-color: #333333;
--framer-fresco-dashboardSearchWorkspaceTitle-color: #333333;
--framer-fresco-dashboardSidebarTitle-color: #333333;
--framer-fresco-dashboardSidebarActive-color: #333333;
--framer-fresco-dashboardSidebarDismissIcon-color: #333333;
--framer-fresco-dashboardSidebarSearchTitle-color: #333333;
--framer-fresco-badgeBasicWorkspaceText-color: #ffffff;
--framer-fresco-projectMenuButtonText-color: #333333;
--framer-fresco-customSearchTextWhileTyping-color: #333333;
--framer-fresco-dashboardLearnPlayBackground-color: #333333;
--framer-fresco-dashboardLearnTitle-color: #333333;
--framer-fresco-dashboardNewProjectModalTitle-color: #333333;
--framer-fresco-dashboardInfoBannerColor-color: #333333;
--framer-fresco-advancedHostingTitle-color: #333333;
--framer-fresco-advancedHostingConnectionLabelText-color: #ffffff;
--framer-fresco-advancedHostingTooltipTint-color: #ffffff;
--framer-fresco-settingsModalTeamRegenerateLinkIcon-color: #333333;
--framer-fresco-settingsModalLabel-color: #333333;
--framer-fresco-settingsModalTitle-color: #333333;
--framer-fresco-settingsModalPlanEmptyEditorsAvatarText-color: #333333;
--framer-fresco-settingsModalTeamSearchFilterButtonActiveBackground-color: #333333;
--framer-fresco-settingsModalTeamSearchFilterTagText-color: #333333;
--framer-fresco-selectProjectToUpgradePrimary-color: #333333;
--framer-fresco-activeAccountSettingsLink-color: #333333;
--framer-fresco-organizationMemberDetailBackButton-color: #333333;
--framer-fresco-organizationMemberDetailSubtitle-color: #333333;
--framer-fresco-organizationInviteRoleMenu-color: #333333;
--framer-fresco-organizationMemberName-color: #333333;
--framer-fresco-organizationDetailTitle-color: #333333;
--framer-fresco-insertPanelNeutralIconBackground-color: #333333;
--framer-fresco-wireframerAssistantAvatarBackground-color: #333333;
--framer-fresco-wireframerAssistantName-color: #333333;
--framer-fresco-wireframerAssistantPlanActive-color: #333333;
--framer-fresco-wireframerAssistantVideoLink-color: #333333;
--framer-fresco-wireframerSendMessageButtonForeground-color: #333333;
--framer-fresco-wireframerSuggestionIconHover-color: #333333;
--framer-fresco-wireframerSuggestionButtonForegroundHover-color: #333333;
--framer-fresco-agentButtonPrimaryBackground-color: #333333;
--framer-fresco-agentButtonSecondaryForeground-color: #333333;
--framer-fresco-agentButtonTertiaryForeground-color: #333333;
--framer-fresco-agentButtonChatForeground-color: #333333;
--framer-fresco-agentLogsTextActive-color: #333333;
--framer-fresco-agentFeedbackCommentDisclosureFillActive-color: #333333;
--framer-fresco-agentFeedbackCommentPrimary-color: #333333;
--framer-fresco-agentFeedbackThreadResolveForeground-color: #333333;
--framer-fresco-kitBadgeForeground-color: #ffffff;
--framer-fresco-defaultKitIconForeground-color: #333333;
--framer-fresco-toastBackgroundPrimary-color: #ffffff;
--framer-fresco-toastTextPrimary-color: #333333;
--framer-fresco-toastText-color: #333333;
--framer-fresco-toastIconSites-color: #ffffff;
--framer-fresco-toastButtonBackgroundProminent-color: #333333;
--framer-fresco-stylesPresetsIconText-color: #333333;
--framer-fresco-upsellCTAText-color: #333333;
--framer-fresco-upsellCTAButtonBackground-color: #333333;
--framer-fresco-teamCreationNavigationActive-color: #ffffff;
--framer-fresco-teamCreationBenefitIcon-color: #ffffff;
--framer-fresco-highlightsBorder-color: #ffffff;
--framer-fresco-aiHighlightBorder-color: #ffffff;
--framer-fresco-statusBarCustomerBetaText-color: #333333;
--framer-fresco-statusBarTunnelText-color: #333333;
--framer-fresco-statusBarPreviewLinkText-color: #333333;
--framer-fresco-statusBarStableText-color: #333333;
--framer-fresco-publishPopoverTooltipTitle-color: #333333;
--framer-fresco-settingsContainerTitle-color: #333333;
--framer-fresco-settingsImageClearButtonForeground-color: #333333;
--framer-fresco-dnsTableHeaderText-color: #333333;
--framer-fresco-breakpointCreationButtonBackgroundActive-color: #ffffff;
--framer-fresco-breakpointCreationButtonIconActive-color: #333333;
--framer-fresco-analyticsPrimary-color: #333333;
--framer-fresco-analyticsTint-color: #ffffff;
--framer-fresco-sitePlansHighlight-color: #333333;
--framer-fresco-basicSiteColor-color: #ffffff;
--framer-fresco-planTypeToggleItemBussinessTextSelected-color: #333333;
--framer-fresco-planTypeToggleItemBussinessTextSelectedHover-color: #333333;
--framer-fresco-planCardPersonalButtonColorText-color: #ffffff;
--framer-fresco-planCardTextColor-color: #333333;
--framer-fresco-previewContainerTextColor-color: #333333;
--framer-fresco-cmsTableTextActive-color: #333333;
--framer-fresco-cmsRichTextTableHeaderText-color: #333333;
--framer-fresco-cmsRichTextToolbarItemActiveText-color: #333333;
--framer-fresco-cmsRichTextDropCursor-color: #ffffff;
--framer-fresco-cmsRichTextHeading-color: #333333;
--framer-fresco-cmsOverlayRowTitle-color: #333333;
--framer-fresco-cmsImageClearButtonText-color: #333333;
--framer-fresco-cmsCodeBlockAccent-color: #ffffff;
--framer-fresco-inlineFormattingMenuTextHover-color: #333333;
--framer-fresco-inlineFormattingMenuTextActive-color: #333333;
--framer-fresco-inlineFormattingMenuIconHover-color: #333333;
--framer-fresco-inlineFormattingMenuIconActive-color: #333333;
--framer-fresco-localizationGlossaryHeading-color: #333333;
--framer-fresco-quickActionsTextActive-color: #333333;
--framer-fresco-quickActionsIconDefaultLegacy-color: #ffffff;
--framer-fresco-quickActionsIconDefaultActiveLegacy-color: #333333;
--framer-fresco-quickActionsIconDefaultActive-color: #333333;
--framer-fresco-quickActionsIconBackgroundDefaultActive-color: #ffffff;
--framer-fresco-quickActionsIconComponentTintActive-color: #333333;
--framer-fresco-quickActionsIconAssetStyleTint-color: #333333;
--framer-fresco-quickActionsIconAssetStyleTintActive-color: #333333;
--framer-fresco-historyPanelTimelineDotBackgroundActive-color: #333333;
--framer-fresco-historyPanelTextActive-color: #333333;
--framer-fresco-historyPanelSummaryTextActive-color: #333333;
--framer-fresco-loadingProgressBarFill-color: #333333;
--framer-fresco-fillIconBorderActive-color: #333333;
--framer-fresco-fillIconLinearFillInnerActive-color: #333333;
--framer-fresco-fillIconConicFillOuterActive-color: #333333;
--framer-fresco-editorBarButtonSecondaryText-color: #333333;
--framer-fresco-editorBarText-color: #333333;
--framer-fresco-editorBarDividerBackground-color: #333333;
--framer-fresco-editorBarSubtleTitle-color: #333333;
--framer-fresco-onPageToolbarText-color: #333333;
--framer-fresco-onPageToolbarButtonText-color: #333333;
--framer-fresco-onPageValidationWarningBadgeText-color: #333333;
--framer-fresco-anchorGridSelected-color: #ffffff;
--framer-fresco-onboardingTextPrimary-color: #333333;
--framer-fresco-onboardingButtonPrimary-color: #333333;
--framer-fresco-customCodeTableRowHover-color: #333333
}
body[data-framer-theme=light] .o1bg37zd,
body[data-framer-theme=dark] .o1bg37zd {
--framer-fresco-tint-color: #ffffff;
--framer-fresco-buttonBackgroundPrimary-color: #ffffff;
--framer-fresco-buttonBackgroundPrimaryHover-color: rgba(255, 255, 255, .98);
--framer-fresco-buttonBackgroundPrimaryActive-color: rgba(255, 255, 255, .96);
--framer-fresco-buttonTextPrimary-color: #222222;
--framer-fresco-inputBorderActive-color: #ffffff;
--framer-fresco-comboBoxHighlightedRowTint-color: rgba(255, 255, 255, .2);
--framer-fresco-comboBoxHighlightedRowText-color: #ffffff;
--framer-fresco-swatchBackgroundPlaceholderForLink-color: #666666
}
.w17lze7l {
display: contents
}
body[data-framer-theme=dark] {
--framer-fresco-tint-color: #0099ff;
--framer-fresco-tintDark-color: #0088ff;
--framer-fresco-tintExtraDark-color: #1188ff;
--framer-fresco-tintDimmed-color: rgba(0, 153, 255, .15);
--framer-fresco-tintGradientStart-color: rgba(0, 153, 255, .4);
--framer-fresco-tintGradientEnd-color: rgba(0, 153, 255, .8);
--framer-fresco-componentTint-color: #9966ff;
--framer-fresco-componentTintDark-color: #8844FF;
--framer-fresco-componentTintExtraDark-color: #7733ff;
--framer-fresco-componentTintDimmed-color: rgba(153, 102, 255, .15);
--framer-fresco-componentTintDimmedDrag-color: rgba(153, 102, 255, .3);
--framer-fresco-componentTintDimmedActive-color: rgba(136, 85, 255, .4);
--framer-fresco-componentTintLight-color: #C399FF;
--framer-fresco-errorTint-color: #ff3366;
--framer-fresco-errorTintDimmed-color: rgba(255, 51, 102, .2);
--framer-fresco-warningTint-color: #FFBB00;
--framer-fresco-warningTintDimmed-color: rgba(255, 187, 0, .2);
--framer-fresco-warningText-color: #FF9900;
--framer-fresco-warningTextDimmed-color: rgba(255, 153, 0, .1);
--framer-fresco-selectionBackground-color: color(display-p3 .263 .59 .97 / .1);
--framer-fresco-selectionComponentBackground-color: color(display-p3 .52 .357 .965 / .1);
--framer-fresco-selectionWarningBackground-color: color(display-p3 1 .733 0 / .1);
--framer-fresco-selectionEnterpriseUpsellBackground-color: color(display-p3 1 1 1 / .1);
--framer-fresco-selectionText-color: #0099ff;
--framer-fresco-panelTitle-color: #ffffff;
--framer-fresco-panelRowTitle-color: #cccccc;
--framer-fresco-panelSectionTitle-color: #777777;
--framer-fresco-panelText-color: #999999;
--framer-fresco-panelDescription-color: #999999;
--framer-fresco-panelTextSelected-color: #ffffff;
--framer-fresco-panelBackground-color: #111111;
--framer-fresco-panelDivider-color: #252525;
--framer-fresco-panelSectionHeaderIcon-color: #ffffff;
--framer-fresco-panelChevron-color: #999999;
--framer-fresco-panelSubtitle-color: #cccccc;
--framer-fresco-panelPressedState-color: #aaaaaa;
--framer-fresco-nuxPanelHeaderTitle-color: #ffffff;
--framer-fresco-nuxPanelStepTitle-color: #cccccc;
--framer-fresco-nuxPanelStepTitleDisabled-color: #888888;
--framer-fresco-nuxPanelStepTitleHighlighted-color: #DDEEFF;
--framer-fresco-nuxPanelStepNumberHighlighted-color: #ffffff;
--framer-fresco-nuxPanelSubtitle-color: #888888;
--framer-fresco-nuxPanelSubtitleDisabled-color: #666666;
--framer-fresco-nuxPanelButton-color: #222222;
--framer-fresco-nuxPanelButtonDisabled-color: #181818;
--framer-fresco-nuxPanelCard-color: #181818;
--framer-fresco-nuxPanelCheckmark-color: #666666;
--framer-fresco-assetsRowCodeFileText-color: #0099ff;
--framer-fresco-assetsRowCodeFileBackgroundSelected-color: rgba(0, 153, 255, .15);
--framer-fresco-assetsRowCodeFileBackgroundDragged-color: rgba(0, 153, 255, .3);
--framer-fresco-assetsRowCodeFileBackgroundDraggedUnsaturated-color: rgba(40, 40, 40, .3);
--framer-fresco-colorIconBorder-color: rgba(255, 255, 255, .1);
--framer-fresco-canvasCreatePreviewBorder-color: #0099ff;
--framer-fresco-canvasSelectionRectBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-canvasSelectionRectBorder-color: rgba(0, 153, 255, .5);
--framer-fresco-canvasTooltipText-color: #ffffff;
--framer-fresco-canvasTooltipBackground-color: #0099ff;
--framer-fresco-canvasOverlayTriggerOutline-color: rgba(0, 153, 255, .5);
--framer-fresco-canvasOverlayTriggerBackground-color: rgba(0, 153, 255, .2);
--framer-fresco-canvasComponentOverlayTriggerOutline-color: rgba(153, 102, 255, .4);
--framer-fresco-canvasComponentOverlayTriggerBackground-color: rgba(153, 102, 255, .2);
--framer-fresco-canvasRelativeOverlayBackdrop-color: rgba(0, 153, 255, .25);
--framer-fresco-canvasRelativeOverlaySmartComponentBackdrop-color: rgba(153, 102, 255, .15);
--framer-fresco-calendarBorder-color: #252525;
--framer-fresco-calendarIcon-color: #888888;
--framer-fresco-calendarTextHeader-color: #ffffff;
--framer-fresco-calendarTextMedium-color: #888888;
--framer-fresco-calendarTextHover-color: #ffffff;
--framer-fresco-calendarHover-color: #2B2B2B;
--framer-fresco-calendarPrimary-color: #0099ff;
--framer-fresco-calendarText-color: #ffffff;
--framer-fresco-dropdownText-color: #999999;
--framer-fresco-dropdownChevron-color: #777777;
--framer-fresco-floatingWindowToolbarIcon-color: #999999;
--framer-fresco-modalBackground-color: #111111;
--framer-fresco-modalBackgroundTransparent-color: rgba(17, 17, 17, 0);
--framer-fresco-modalSecondaryBackground-color: #181818;
--framer-fresco-modalBackdrop-color: rgba(0, 0, 0, .7);
--framer-fresco-modalTitle-color: #ffffff;
--framer-fresco-modalSubtitle-color: #aaaaaa;
--framer-fresco-modalDescription-color: #aaaaaa;
--framer-fresco-modalForm-color: #fdfdfd;
--framer-fresco-modalCloseIcon-color: #fdfdfd;
--framer-fresco-largeModalTitle-color: #ffffff;
--framer-fresco-largeModalDescription-color: #cccccc;
--framer-fresco-templateCardOutline-color: rgba(255, 255, 255, .05);
--framer-fresco-variablesModalEmptyStateIcon-color: #333333;
--framer-fresco-variableRowText-color: #cccccc;
--framer-fresco-variableRowTextActive-color: #ffffff;
--framer-fresco-variableRowDivider-color: #333333;
--framer-fresco-variableRowDividerSelected-color: #444444;
--framer-fresco-buttonSheetPlainTitle-color: #ffffff;
--framer-fresco-buttonSheetPlainDescription-color: #cccccc;
--framer-fresco-buttonSheetPlainIconColor-color: #999999;
--framer-fresco-buttonSheetPlainBorderBottom-color: rgba(255, 255, 255, .05);
--framer-fresco-cmsBadgeBackgroundDisabled-color: #999999;
--framer-fresco-cmsBadgeTextDisabled-color: #ffffff;
--framer-fresco-buttonBackground-color: #2B2B2B;
--framer-fresco-buttonBackgroundHover-color: #282828;
--framer-fresco-buttonBackgroundActive-color: #232323;
--framer-fresco-buttonText-color: #ffffff;
--framer-fresco-buttonTextActive-color: #ffffff;
--framer-fresco-buttonBackgroundPrimary-color: #0099ff;
--framer-fresco-buttonBackgroundPrimaryHover-color: #0088ff;
--framer-fresco-buttonBackgroundPrimaryActive-color: #0077FF;
--framer-fresco-buttonTextPrimary-color: #ffffff;
--framer-fresco-buttonBackgroundDestructive-color: #ff3366;
--framer-fresco-buttonBackgroundDestructiveHover-color: #e7315e;
--framer-fresco-buttonBackgroundDestructiveActive-color: #cf2e55;
--framer-fresco-buttonTextDestructive-color: #ffffff;
--framer-fresco-buttonBackgroundDestructiveSecondary-color: rgba(255, 51, 102, .15);
--framer-fresco-buttonBackgroundDestructiveSecondaryHover-color: rgba(255, 51, 102, .1);
--framer-fresco-buttonBackgroundDestructiveSecondaryActive-color: rgba(255, 51, 102, .1);
--framer-fresco-buttonTextDestructiveSecondary-color: #ee2255;
--framer-fresco-buttonCellBackground-color: #2B2B2B;
--framer-fresco-buttonCellBackgroundHover-color: #252525;
--framer-fresco-buttonWithDepthText-color: #ffffff;
--framer-fresco-buttonWithDepthTextDisabled-color: #666666;
--framer-fresco-buttonWithDepthBackground-color: #333333;
--framer-fresco-buttonWithDepthBackgroundDisabled-color: #333333;
--framer-fresco-buttonWithDepthBackgroundHover-color: #282828;
--framer-fresco-buttonWithDepthShadow-color: 0px 2px 4px 0px rgba(0, 0, 0, .2);
--framer-fresco-buttonWithDepthPrimaryBackground-color: #0099ff;
--framer-fresco-buttonWithDepthPrimaryBackgroundHover-color: #1188ff;
--framer-fresco-buttonWithDepthPrimaryShadow-color: 0px 2px 4px 0px rgba(0, 153, 255, .2);
--framer-fresco-buttonWithDepthPrimaryShadowHover-color: 0px 2px 4px 0px rgba(13, 144, 255, .3);
--framer-fresco-buttonWithDepthPrimaryComponentShadow-color: 0px 2px 4px 0px rgba(136, 85, 255, .3);
--framer-fresco-buttonWithDepthDestructiveBackground-color: #ff3366;
--framer-fresco-buttonWithDepthDestructiveBackgroundHover-color: #e15;
--framer-fresco-buttonWithDepthDestructiveShadow-color: 0 2px 4px 0 rgba(255, 51, 102, .3);
--framer-fresco-rowOverlayButtonBackground-color: #2B2B2B;
--framer-fresco-rowOverlayButtonBackgroundHover-color: #282828;
--framer-fresco-rowOverlayButtonBackgroundActive-color: #232323;
--framer-fresco-tabBarText-color: #777777;
--framer-fresco-electronTabBarBackground-color: #252525;
--framer-fresco-electronTabBarBackgroundActive-color: #111111;
--framer-fresco-electronTabBarBorder-color: #363636;
--framer-fresco-electronTabBarText-color: #999999;
--framer-fresco-electronTabBarTextActive-color: #ffffff;
--framer-fresco-inputBackground-color: #2B2B2B;
--framer-fresco-inputBorder-color: transparent;
--framer-fresco-inputBorderError-color: #ff3366;
--framer-fresco-inputBorderActive-color: #0099ff;
--framer-fresco-inputText-color: #eeeeee;
--framer-fresco-inputTextError-color: #ff3366;
--framer-fresco-inputTextDisabled-color: #777777;
--framer-fresco-inputTextDisabledSelected-color: #aaaaaa;
--framer-fresco-inputPlaceholder-color: #999999;
--framer-fresco-inputLabel-color: #999999;
--framer-fresco-inputLabelDisabled-color: #555555;
--framer-fresco-inputIcon-color: #999999;
--framer-fresco-inputIconHover-color: #cccccc;
--framer-fresco-inputIconDisabled-color: #777777;
--framer-fresco-sitesSettingsInputLabel-color: #999999;
--framer-fresco-sitesSettingsInputBackground-color: #2B2B2B;
--framer-fresco-sitesSettingsInputBackgroundDisabled-color: #444444;
--framer-fresco-sitesSettingsInputColorDisabled-color: #777777;
--framer-fresco-comboBoxSectionText-color: #ffffff;
--framer-fresco-multiComboBoxTokenBackground-color: #555555;
--framer-fresco-multiComboBoxTokenBackgroundHover-color: #4a4a4a;
--framer-fresco-comboBoxHighlightedRowTint-color: #0099ff;
--framer-fresco-comboBoxHighlightedRowText-color: #ffffff;
--framer-fresco-comboBoxMenuBackground-color: #2B2B2B;
--framer-fresco-comboBoxItemIcon-color: #777777;
--framer-fresco-comboBoxHighlightUnsaturated-color: #333333;
--framer-fresco-comboBoxMenuBackgroundUnsaturated-color: #222222;
--framer-fresco-iconPadlock-color: #999999;
--framer-fresco-padLockConnector-color: #444444;
--framer-fresco-popoverBackground-color: #2B2B2B;
--framer-fresco-popoverDivider-color: #363636;
--framer-fresco-popoverDescription-color: #888;
--framer-fresco-popupButtonBackground-color: #2B2B2B;
--framer-fresco-popupButtonBorder-color: transparent;
--framer-fresco-popupButtonText-color: #ffffff;
--framer-fresco-popupButtonIcon-color: #999999;
--framer-fresco-popupButtonIconDisabled-color: #777777;
--framer-fresco-popupButtonPreviewIconBackground-color: #444444;
--framer-fresco-popupButtonPreviewIconPrimary-color: #ffffff;
--framer-fresco-popupButtonPreviewIconSecondary-color: #888888;
--framer-fresco-popupButtonWarningText-color: #ffffff;
--framer-fresco-popupButtonWarningBackground-color: #FFAA00;
--framer-fresco-popoutButtonTextPlaceholder-color: #999999;
--framer-fresco-popoutButtonTextDisabled-color: #666666;
--framer-fresco-popoutButtonCursorPlaceholder-color: #666666;
--framer-fresco-popoutButtonCursorIconBackground-color: #666666;
--framer-fresco-popoutButtonCursorIcon-color: rgba(255, 255, 255, .25);
--framer-fresco-popoutButtonCursorBorder-color: rgba(255, 255, 255, .05);
--framer-fresco-radioButtonBackground-color: #555555;
--framer-fresco-radioButtonBackgroundHover-color: #777777;
--framer-fresco-radioButtonLabel-color: #ffffff;
--framer-fresco-radioButtonDescription-color: #aaaaaa;
--framer-fresco-radioButtonLabelDisabled-color: #444444;
--framer-fresco-segmentedControlBackground-color: #2B2B2B;
--framer-fresco-segmentedControlBackgroundDisabled-color: #444444;
--framer-fresco-segmentedControlBorder-color: transparent;
--framer-fresco-segmentedControlItemBackground-color: #2B2B2B;
--framer-fresco-segmentedControlItemBackgroundSelected-color: #555555;
--framer-fresco-segmentedControlItemBackgroundActive-color: #282828;
--framer-fresco-segmentedControlItemText-color: #999999;
--framer-fresco-segmentedControlItemTextHover-color: #bbbbbb;
--framer-fresco-segmentedControlItemTextSelected-color: #ffffff;
--framer-fresco-segmentedControlItemTextSelectedHover-color: #ffffff;
--framer-fresco-segmentedControlDivider-color: #444444;
--framer-fresco-segmentedControlItemTextSelectedUnsaturated-color: #ffffff;
--framer-fresco-tabsText-color: #999999;
--framer-fresco-tabsTextSelected-color: #ffffff;
--framer-fresco-tabsBackgroundSelected-color: #242424;
--framer-fresco-sliderKnob-color: #ffffff;
--framer-fresco-sliderTrack-color: #444444;
--framer-fresco-sliderTrackActive-color: #0099ff;
--framer-fresco-sliderTrackDisabled-color: #333333;
--framer-fresco-spinnerBackground-color: #ffffff;
--framer-fresco-presetIcon-color: #ffffff;
--framer-fresco-presetSelectedColor-color: #ffffff;
--framer-fresco-presetSelectedBackground-color: #2B2B2B;
--framer-fresco-alternativePresetIcon-color: #0099ff;
--framer-fresco-alternativePresetSelectedColor-color: #0099ff;
--framer-fresco-alternativePresetSelectedBackground-color: rgba(0, 153, 255, .15);
--framer-fresco-assetStyleIcon-color: #0099ff;
--framer-fresco-assetComponentIcon-color: #8855ff;
--framer-fresco-assetCodeFileIcon-color: #999999;
--framer-fresco-assetSelectedColor-color: #ffffff;
--framer-fresco-assetSelectedBackground-color: #2B2B2B;
--framer-fresco-gradientStopSliderBorder-color: rgba(255, 255, 255, .1);
--framer-fresco-activeGoogleButtonText-color: #ffffff;
--framer-fresco-activeGoogleSheetIcon-color: #0099ff;
--framer-fresco-maskEmptyGradientStop1-color: #2B2B2B;
--framer-fresco-maskEmptyGradientStop2-color: #555555;
--framer-fresco-colorStyleBorder-color: #ffffff;
--framer-fresco-colorStyleDisabled-color: rgba(255, 255, 255, .05);
--framer-fresco-swatchBorder-color: rgba(255, 255, 255, .15);
--framer-fresco-swatchBorderPlaceholder-color: rgba(255, 255, 255, .05);
--framer-fresco-swatchBackground-color: #3a3a3a;
--framer-fresco-swatchBackgroundPlaceholderForFill-color: #ffffff;
--framer-fresco-swatchBackgroundPlaceholderForBorder-color: #666666;
--framer-fresco-swatchBackgroundPlaceholderForLink-color: #666666;
--framer-fresco-swatchBackgroundForLink-color: #0099ff;
--framer-fresco-swatchBackgroundPlaceholderForFile-color: #666666;
--framer-fresco-swatchBackgroundPlaceholderForShadow-color: rgba(68, 68, 68, .5);
--framer-fresco-swatchBackgroundForComputedValue-color: rgba(255, 255, 255, .3);
--framer-fresco-swatchOverlappingBorder-color: rgba(17, 17, 17, .9);
--framer-fresco-checkboxBackground-color: #555555;
--framer-fresco-checkboxBackgroundActive-color: #777777;
--framer-fresco-checkboxBackgroundChecked-color: #0099ff;
--framer-fresco-checkboxBackgroundCheckedActive-color: #0088ff;
--framer-fresco-checkboxLabel-color: #ffffff;
--framer-fresco-checkboxLabelDisabled-color: #444444;
--framer-fresco-checkboxStroke-color: #ffffff;
--framer-fresco-moreInfoText-color: #eeeeee;
--framer-fresco-moreInfoDisclosureIcon-color: #aaaaaa;
--framer-fresco-toggleBackground-color: #555555;
--framer-fresco-toggleBackgroundChecked-color: #0099ff;
--framer-fresco-toggleBackgroundDisabled-color: #444444;
--framer-fresco-toggleTack-color: #ffffff;
--framer-fresco-toggleTackDisabled-color: #666666;
--framer-fresco-toggleTackBorder-color: rgba(0, 0, 0, .05);
--framer-fresco-toggleTackBorderDisabled-color: transparent;
--framer-fresco-codeEditorBackground-color: #181818;
--framer-fresco-codeEditorInsideModalBackground-color: #2B2B2B;
--framer-fresco-textAreaScrollbar-color: #555555;
--framer-fresco-toolbarIcon-color: #999999;
--framer-fresco-toolbarIconHover-color: #dddddd;
--framer-fresco-toolbarIconActive-color: #0099ff;
--framer-fresco-toolbarTitleText-color: #999999;
--framer-fresco-toolbarInputText-color: #ffffff;
--framer-fresco-toolbarCmsMobileTitle-color: #ffffff;
--framer-fresco-toolbarButtonBackground-color: #333333;
--framer-fresco-toolbarButtonBackgroundActive-color: #ffffff;
--framer-fresco-toolbarButtonBackgroundWarning-color: rgba(255, 187, 0, .2);
--framer-fresco-toolbarButtonBackgroundWarningActive-color: rgba(255, 187, 0, .3);
--framer-fresco-toolbarButtonBackgroundError-color: rgba(255, 51, 85, .2);
--framer-fresco-toolbarButtonBackgroundErrorActive-color: rgba(255, 51, 85, .3);
--framer-fresco-toolbarButtonText-color: #ffffff;
--framer-fresco-toolbarButtonTextActive-color: #000000;
--framer-fresco-toolbarButtonTextWarning-color: #FFCC00;
--framer-fresco-toolbarButtonTextError-color: #FF3355;
--framer-fresco-toolbarLeftPanelToggleText-color: #666666;
--framer-fresco-toolbarLeftPanelToggleTextActive-color: #ffffff;
--framer-fresco-toolbarButtonTextSites-color: #999999;
--framer-fresco-toolbarButtonIconSites-color: #888888;
--framer-fresco-toolbarButtonTextActiveSites-color: #ffffff;
--framer-fresco-toolbarButtonBackgroundActiveSites-color: #333333;
--framer-fresco-toolbarButtonBackgroundTintedSites-color: rgba(0, 153, 255, .15);
--framer-fresco-toolbarPreviewCloseButtonSites-color: #ffffff;
--framer-fresco-toolbarSettingsButtonTextSites-color: #ffffff;
--framer-fresco-toolbarSettingsButtonTextSecondarySites-color: #999999;
--framer-fresco-toolbarSettingsButtonTextActiveSites-color: #222222;
--framer-fresco-toolbarSettingsButtonBackgroundActiveSites-color: #ffffff;
--framer-fresco-toolbarInviteBadgeBackgroundHover-color: #444444;
--framer-fresco-breadcrumbItemText-color: #999999;
--framer-fresco-breadcrumbItemBackground-color: rgba(255, 255, 255, .05);
--framer-fresco-breadcrumbOverlayPlayButton-color: #AD89FF;
--framer-fresco-breadcrumbDraftBadgeText-color: #222222;
--framer-fresco-educationButtonBackground-color: rgba(17, 17, 17, .05);
--framer-fresco-educationButtonText-color: #999999;
--framer-fresco-menuBackground-color: #2B2B2B;
--framer-fresco-menuBackgroundActive-color: #0099ff;
--framer-fresco-menuBackgroundActiveUnsaturated-color: #444444;
--framer-fresco-menuItemWithSubmenuBackgroundActive-color: #444444;
--framer-fresco-menuText-color: #ffffff;
--framer-fresco-menuDescription-color: #999999;
--framer-fresco-menuDescriptionActive-color: rgba(255, 255, 255, .8);
--framer-fresco-menuTextActive-color: #ffffff;
--framer-fresco-menuTextActiveUnsaturated-color: #ffffff;
--framer-fresco-menuSeparator-color: #363636;
--framer-fresco-menuShadow-color: rgba(0, 0, 0, .3);
--framer-fresco-menuBadgeBackground-color: rgba(136, 136, 136, .15);
--framer-fresco-menuBadgeColor-color: #888888;
--framer-fresco-menuBadgeBackgroundActive-color: rgba(255, 255, 255, .3);
--framer-fresco-contextMenuButtonBackgroundHover-color: #444444;
--framer-fresco-contextMenuButtonIcon-color: #999999;
--framer-fresco-contextMenuButtonIconHover-color: #ffffff;
--framer-fresco-pageRowTextActive-color: #ffffff;
--framer-fresco-pageRowBackgroundActive-color: #2B2B2B;
--framer-fresco-pageIconSelected-color: #ffffff;
--framer-fresco-pageContextMenuButtonIconHover-color: #ffffff;
--framer-fresco-pageFolderIconFill-color: rgba(153, 153, 153, .3);
--framer-fresco-layerItemTextDimmed-color: rgba(102, 102, 102, .8);
--framer-fresco-layerItemTextInactive-color: rgba(119, 119, 119, .5);
--framer-fresco-layerItemTextInactiveSelected-color: rgba(255, 255, 255, .5);
--framer-fresco-layerItemIcon-color: #999999;
--framer-fresco-layerItemIconDimmed-color: #6c758c;
--framer-fresco-layerItemIconComponentDimmed-color: #74708c;
--framer-fresco-layerItemIconInactive-color: rgba(102, 102, 102, .5);
--framer-fresco-layerItemIconInactiveSelected-color: rgba(255, 255, 255, .5);
--framer-fresco-layerItemPlaceholderText-color: #999999;
--framer-fresco-layerItemComponentLabel-color: #555555;
--framer-fresco-layerItemComponentLabelSelected-color: #ffffff;
--framer-fresco-layoutPinBackground-color: #888888;
--framer-fresco-canvasBackground-color: #1d1d1d;
--framer-fresco-canvasComponentOverlayEditModeBackground-color: #2A1F41;
--framer-fresco-canvasFrameTitle-color: #666666;
--framer-fresco-canvasFrameOutline-color: rgba(119, 119, 119, .3);
--framer-fresco-canvasFramePreview-color: rgba(119, 119, 119, .1);
--framer-fresco-canvasFramePreviewOutline-color: rgba(119, 119, 119, .3);
--framer-fresco-canvasConnectionLine-color: #555555;
--framer-fresco-canvasArrowInactive-color: #444444;
--framer-fresco-canvasSuggestionOutline-color: rgba(255, 255, 255, .05);
--framer-fresco-canvasSuggestionBackground-color: rgba(255, 255, 255, .04);
--framer-fresco-canvasSuggestionText-color: #999999;
--framer-fresco-rulerBackground-color: #1d1d1d;
--framer-fresco-rulerBorderColor-color: #282828;
--framer-fresco-rulerTickColor-color: #555555;
--framer-fresco-rulerTextColor-color: #666666;
--framer-fresco-rulerFadeOut-color: rgba(46, 46, 46, 0);
--framer-fresco-rulerComponentOverlayEditModeBackground-color: #332455;
--framer-fresco-rulerComponentOverlayEditModeBorderColor-color: rgba(136, 85, 255, .15);
--framer-fresco-rulerComponentOverlayEditModeTextColor-color: rgb(136, 85, 255);
--framer-fresco-rulerComponentOverlayEditModeTickColor-color: rgb(136, 85, 255);
--framer-fresco-rulerComponentOverlayEditModeFadeOut-color: rgba(136, 85, 255, 0);
--framer-fresco-guideColor-color: #00ADAD;
--framer-fresco-guideHighlightColor-color: #0099ff;
--framer-fresco-guideComponentHighlightColor-color: #9966ff;
--framer-fresco-selectionBox-color: rgba(119, 119, 119, .1);
--framer-fresco-selectionBoxOutline-color: rgba(119, 119, 119, .3);
--framer-fresco-selectionBoxBackground-color: rgba(0, 153, 255, .3);
--framer-fresco-selectionBoxComponentBackground-color: rgba(136, 85, 255, .2);
--framer-fresco-snapLine-color: #F5A;
--framer-fresco-snapConstraint-color: #F5A;
--framer-fresco-textEditorOutline-color: #666666;
--framer-fresco-error-color: #EE4444;
--framer-fresco-errorText-color: #ffffff;
--framer-fresco-fatalErrorText-color: #ffffff;
--framer-fresco-codeExportPanelFadeOut-color: rgba(17, 17, 17, 0);
--framer-fresco-codeExportPanelSelection-color: rgba(68, 68, 68, .99);
--framer-fresco-codeExportChipBackground-color: rgba(255, 215, 6, .16);
--framer-fresco-previewSpinnerBackground-color: #ffffff;
--framer-fresco-previewEmptyDocumentText-color: #777777;
--framer-fresco-previewResizeHandles-color: rgba(255, 255, 255, .1);
--framer-fresco-previewResizeHandlesHover-color: rgba(255, 255, 255, .15);
--framer-fresco-tooltipBackground-color: #444444;
--framer-fresco-tooltipIcon-color: #666666;
--framer-fresco-tooltipIconHover-color: #999999;
--framer-fresco-tooltipBackdrop-color: rgba(0, 0, 0, .1);
--framer-fresco-tooltipInsert-color: #2B2B2B;
--framer-fresco-badgeBackground-color: rgba(0, 153, 255, .15);
--framer-fresco-warningBadgeBackground-color: rgba(255, 170, 0, .15);
--framer-fresco-errorBadgeBackground-color: rgba(255, 51, 85, .15);
--framer-fresco-neutralBadgeBackground-color: rgba(204, 204, 204, .1);
--framer-fresco-neutralBadgeColor-color: #cccccc;
--framer-fresco-timeBadgeBackground-color: rgba(170, 170, 170, .15);
--framer-fresco-highlightBadgeBackground-color: rgba(255, 255, 255, .3);
--framer-fresco-domainVoucherBadgeIconBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-inactiveAvatarBackground-color: #888888;
--framer-fresco-formRedirectLinkIcon-color: #666666;
--framer-fresco-feedbackSidebarBackground-color: #111111;
--framer-fresco-feedbackPrimaryText-color: #ffffff;
--framer-fresco-feedbackSecondaryText-color: #777777;
--framer-fresco-feedbackTertiaryText-color: #999999;
--framer-fresco-feedbackFormButtonBackground-color: #2B2B2B;
--framer-fresco-feedbackFormButtonFloatingBackground-color: #3a3a3a;
--framer-fresco-feedbackFormButtonFill-color: #777777;
--framer-fresco-feedbackFormButtonSubmitFocus-color: #0066ff;
--framer-fresco-feedbackFormButtonFocus-color: #444444;
--framer-fresco-feedbackFormBackground-color: #111111;
--framer-fresco-feedbackFormPlaceholder-color: #777777;
--framer-fresco-feedbackDivider-color: #252525;
--framer-fresco-feedbackLabelBackground-color: #2B2B2B;
--framer-fresco-feedbackHasRepliesBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-feedbackDisclosureBackground-color: #2B2B2B;
--framer-fresco-feedbackDisclosureFill-color: #777777;
--framer-fresco-emptyStateIcon-color: #aaaaaa;
--framer-fresco-emptyStateCardBackground-color: #2B2B2B;
--framer-fresco-emptyStateTitle-color: #ffffff;
--framer-fresco-emptyStateBodyText-color: #999999;
--framer-fresco-emptyStateBodyTextForSites-color: #999999;
--framer-fresco-emptyStateBodyTextForAdvancedHosting-color: #777777;
--framer-fresco-emptyStateInputShape-color: #181818;
--framer-fresco-emptyStateTextShape-color: #222222;
--framer-fresco-errorStateIconColor-color: #999999;
--framer-fresco-errorStateCodeText-color: #999999;
--framer-fresco-errorStateCodeBackground-color: #252525;
--framer-fresco-errorStateTitleText-color: #ffffff;
--framer-fresco-errorStateDescriptionText-color: #cccccc;
--framer-fresco-dashboardHeadingLink-color: #888888;
--framer-fresco-dashboardHeadingLinkHover-color: #ffffff;
--framer-fresco-dashboardItemIcon-color: #ffffff;
--framer-fresco-dashboardSearchPlaceholder-color: #666666;
--framer-fresco-dashboardMoreButtonIcon-color: #666666;
--framer-fresco-dashboardEmptyState-color: #222222;
--framer-fresco-dashboardEmptyStateTitle-color: #ffffff;
--framer-fresco-dashboardEmptyStateSubtitle-color: #999999;
--framer-fresco-dashboardCardInfoText-color: #ffffff;
--framer-fresco-dashboardCardInfoSpanText-color: rgba(255, 255, 255, .4);
--framer-fresco-dashboardContentBackground-color: #111111;
--framer-fresco-nonFullWidthDashboardContentBackground-color: #252525;
--framer-fresco-dashboardProjectThumbnailPlaceholderLogo-color: #777777;
--framer-fresco-dashboardCustomThumbnailButton-color: rgba(255, 255, 255, .07);
--framer-fresco-dashboardCustomThumbnailButtonHover-color: rgba(255, 255, 255, .05);
--framer-fresco-dashboardCustomThumbnailButtonActive-color: rgba(255, 255, 255, .03);
--framer-fresco-dashboardSearchWorkspaceTitle-color: #ffffff;
--framer-fresco-dashboardSearchWorkspaceTag-color: #888888;
--framer-fresco-dashboardIcon-color: #999999;
--framer-fresco-dashboardIconHover-color: #bababa;
--framer-fresco-dashboardProjectThumbnailBorder-color: rgba(255, 255, 255, .05);
--framer-fresco-dashboardProjectThumbnailBackground-color: #181818;
--framer-fresco-dashboardProjectFocusedBorder-color: rgba(153, 153, 153, .5);
--framer-fresco-dashboardSidebarBackground-color: #111111;
--framer-fresco-dashboardSidebarTitle-color: #ffffff;
--framer-fresco-dashboardSidebarText-color: #999999;
--framer-fresco-dashboardSidebarTextDimmed-color: #555555;
--framer-fresco-dashboardSidebarTextHover-color: #bababa;
--framer-fresco-dashboardSidebarDivider-color: #252525;
--framer-fresco-dashboardSidebarActions-color: #888888;
--framer-fresco-dashboardSidebarJoinTeamButton-color: #222222;
--framer-fresco-dashboardSidebarJoinTeamButtonHover-color: #1d1d1d;
--framer-fresco-dashboardSidebarUpgradeCardBackground-color: #222222;
--framer-fresco-dashboardSidebarUpgradeCardText-color: #666666;
--framer-fresco-dashboardSidebarActive-color: #ffffff;
--framer-fresco-dashboardSidebarActiveBackground-color: #2B2B2B;
--framer-fresco-dashboardSidebarDismissIcon-color: #ffffff;
--framer-fresco-dashboardSidebarBorder-color: #252525;
--framer-fresco-dashboardSidebarIcon-color: #999999;
--framer-fresco-dashboardSidebarIconHover-color: #bababa;
--framer-fresco-dashboardSidebarViewCount-color: #999999;
--framer-fresco-dashboardSidebarSearchBackground-color: #222222;
--framer-fresco-dashboardSidebarSearchShadow-color: rgba(0, 0, 0, .1);
--framer-fresco-dashboardSidebarSearchTitle-color: #ffffff;
--framer-fresco-dashboardSidebarSearchPreviewBorder-color: #404040;
--framer-fresco-dashboardSidebarSearchPreviewBackground-color: #333333;
--framer-fresco-dashboardSidebarInviteIcon-color: #777777;
--framer-fresco-dashboardTopBarBackground-color: #111111;
--framer-fresco-dashboardTopBarBorder-color: #252525;
--framer-fresco-badgeFreeWorkspaceBackground-color: rgba(136, 136, 136, .15);
--framer-fresco-badgeFreeWorkspaceText-color: #888888;
--framer-fresco-badgeLiteWorkspaceBackground-color: rgba(136, 136, 136, .15);
--framer-fresco-badgeLiteWorkspaceText-color: #888888;
--framer-fresco-badgeBasicWorkspaceBackground-color: rgba(0, 153, 255, .15);
--framer-fresco-badgeBasicWorkspaceText-color: #0099ff;
--framer-fresco-badgeEnterpriseWorkspaceBackground-color: rgba(136, 136, 136, .15);
--framer-fresco-badgeEnterpriseWorkspaceText-color: #888888;
--framer-fresco-badgeLegacyWorkspaceBackground-color: rgba(136, 136, 136, .15);
--framer-fresco-badgeLegacyWorkspaceText-color: #888888;
--framer-fresco-badgeGuestWorkspaceBackground-color: rgba(136, 136, 136, .15);
--framer-fresco-badgeGuestWorkspaceText-color: #888888;
--framer-fresco-badgeBusinessWorkspaceBackground-color: rgba(153, 102, 255, .15);
--framer-fresco-badgeBusinessWorkspaceText-color: #9966ff;
--framer-fresco-projectMenuButtonBackground-color: #333333;
--framer-fresco-projectMenuButtonText-color: #ffffff;
--framer-fresco-projectMenuButtonShadow-color: 0px 2px 4px 0px rgba(0, 0, 0, .2);
--framer-fresco-customSearchBackground-color: #2B2B2B;
--framer-fresco-customSearchText-color: #999999;
--framer-fresco-customSearchIcon-color: #999999;
--framer-fresco-customSearchTextWhileTyping-color: #ffffff;
--framer-fresco-dashboardLearnPlayBackground-color: #ffffff;
--framer-fresco-dashboardLearnPlayIcon-color: #000000;
--framer-fresco-dashboardLearnTitle-color: #ffffff;
--framer-fresco-dashboardNewProjectModalDivider-color: #2B2B2B;
--framer-fresco-dashboardNewProjectModalTitle-color: #ffffff;
--framer-fresco-dashboardNewProjectCardModalBackground-color: #2B2B2B;
--framer-fresco-dashboardNewProjectCardModalBackgroundBlank-color: #363636;
--framer-fresco-dashboardNewProjectModalCardContent-color: #dddddd;
--framer-fresco-dashboardInfoBannerColor-color: #ffffff;
--framer-fresco-dashboardInfoBannerBackground-color: #333333;
--framer-fresco-dashboardInfoBannerButton-color: #444444;
--framer-fresco-dashboardInfoBannerButtonHover-color: #555555;
--framer-fresco-advancedHostingBackground-color: #111111;
--framer-fresco-advancedHostingTitle-color: #ffffff;
--framer-fresco-advancedHostingSubheading-color: #888888;
--framer-fresco-advancedHostingDescription-color: #777777;
--framer-fresco-advancedHostingText-color: #999999;
--framer-fresco-advancedHostingTableHeader-color: #777777;
--framer-fresco-advancedHostingBorder-color: #252525;
--framer-fresco-advancedHostingTableItem-color: #cccccc;
--framer-fresco-advancedHostingTableIcon-color: #999999;
--framer-fresco-advancedHostingTableDragHandle-color: #444444;
--framer-fresco-advancedHostingFilterColor-color: #999999;
--framer-fresco-advancedHostingExpandDomainsButton-color: #888888;
--framer-fresco-advancedHostingConnectionLabelBackground-color: rgba(0, 153, 255, .15);
--framer-fresco-advancedHostingConnectionLabelText-color: #0099ff;
--framer-fresco-advancedHostingPendingLabelBackground-color: rgba(153, 153, 153, .15);
--framer-fresco-advancedHostingStatusBlockText-color: #999999;
--framer-fresco-advancedHostingPendingLabelText-color: #999999;
--framer-fresco-advancedHostingRowSubLabel-color: #777777;
--framer-fresco-advancedHostingPreviewThumbnailBorder-color: rgba(255, 255, 255, .05);
--framer-fresco-advancedHostingAnalyticsSubheading-color: #999999;
--framer-fresco-advancedHostingAnalyticsGradientColor-color: #111111;
--framer-fresco-advancedHostingTooltipTint-color: #0088ff;
--framer-fresco-advancedHostingInfoIcon-color: #777777;
--framer-fresco-advancedHostingInfoIconHover-color: #999999;
--framer-fresco-advancedHostingToggleDescription-color: #999999;
--framer-fresco-upgradeFromDashboardLinkHover-color: #181818;
--framer-fresco-settingsModalBackground-color: #1d1d1d;
--framer-fresco-settingsModalTeamMemberRole-color: #cccccc;
--framer-fresco-settingsModalTeamSearchIcon-color: #999999;
--framer-fresco-settingsModalTeamRegenerateLinkIcon-color: #ffffff;
--framer-fresco-settingsModalText-color: #cccccc;
--framer-fresco-settingsModalTextDimmed-color: #aaaaaa;
--framer-fresco-settingsModalDivider-color: #2B2B2B;
--framer-fresco-settingsModalLabel-color: #ffffff;
--framer-fresco-settingsModalNavigationLink-color: #cccccc;
--framer-fresco-settingsModalNavigationIcon-color: #999999;
--framer-fresco-settingsModalNavigationLinkHover-color: #aaaaaa;
--framer-fresco-settingsModalTitle-color: #ffffff;
--framer-fresco-settingsModalPlanEmptyEditorsAvatar-color: #333333;
--framer-fresco-settingsModalPlanEmptyEditorsAvatarText-color: #ffffff;
--framer-fresco-settingsModalPlanCardBackground-color: #2B2B2B;
--framer-fresco-settingsModalFontDeleteIcon-color: #aaaaaa;
--framer-fresco-settingsModalTeamSearchFilterButtonActiveBackground-color: #ffffff;
--framer-fresco-settingsModalTeamSearchFilterButtonActiveText-color: #333333;
--framer-fresco-settingsModalTeamSearchFilterTagBackground-color: #333333;
--framer-fresco-settingsModalTeamSearchFilterTagText-color: #ffffff;
--framer-fresco-settingsModalPlansEditorsCount-color: #999999;
--framer-fresco-settingsModalPlanMoreButton-color: #aaaaaa;
--framer-fresco-settingsModalTitleBorder-color: #2B2B2B;
--framer-fresco-settingsModalBillingDetails-color: #999999;
--framer-fresco-settingsModalRemoveAvatarButton-color: #333333;
--framer-fresco-settingsModalSessionsIcons-color: #444444;
--framer-fresco-settingsModalCancelIcon-color: #999999;
--framer-fresco-settingsHeaderText-color: #999999;
--framer-fresco-selectProjectToUpgradeModalHover-color: #2B2B2B;
--framer-fresco-selectProjectToUpgradePrimary-color: #ffffff;
--framer-fresco-activeAccountSettingsLink-color: #ffffff;
--framer-fresco-activeAccountSettingsBackground-color: #2B2B2B;
--framer-fresco-organizationTextDimmed-color: #aaaaaa;
--framer-fresco-organizationMemberRowHover-color: #222222;
--framer-fresco-organizationMemberDetailBackButton-color: #ffffff;
--framer-fresco-organizationMemberDetailSubtitle-color: #ffffff;
--framer-fresco-organizationInviteRoleMenu-color: #ffffff;
--framer-fresco-organizationMemberName-color: #ffffff;
--framer-fresco-organizationNoteBackground-color: #2B2B2B;
--framer-fresco-organizationDetailTitle-color: #ffffff;
--framer-fresco-invitePopoverBackground-color: #111111;
--framer-fresco-invitePopoverSelectedMenuRow-color: #2B2B2B;
--framer-fresco-confirmationModalDescription-color: #cccccc;
--framer-fresco-buttonSheetBackground-color: #2B2B2B;
--framer-fresco-buttonSheetDivider-color: #333333;
--framer-fresco-buttonSheetText-color: #8e8e8e;
--framer-fresco-insertPanelNeutralIconBackground-color: #ffffff;
--framer-fresco-insertPanelNeutralIconForeground-color: #000000;
--framer-fresco-insertPanelGrayIcon-color: #333333;
--framer-fresco-insertPanelOrangeIcon-color: #ff8822;
--framer-fresco-insertPanelYellowIcon-color: #FFBB00;
--framer-fresco-insertPanelCyanIcon-color: #28D4D4;
--framer-fresco-insertPanelGreenIcon-color: #14D934;
--framer-fresco-insertPanelRedIcon-color: #FF5D38;
--framer-fresco-insertPanelPurpleIcon-color: #8855ff;
--framer-fresco-insertPanelGridItem-color: #222222;
--framer-fresco-wireframerAssistantAvatarBackground-color: #ffffff;
--framer-fresco-wireframerAssistantAvatarForeground-color: #000000;
--framer-fresco-wireframerAssistantName-color: #ffffff;
--framer-fresco-wireframerAssistantPlan-color: #999999;
--framer-fresco-wireframerAssistantPlanActive-color: #ffffff;
--framer-fresco-wireframerAssistantPlanDisabled-color: #666666;
--framer-fresco-wireframerAssistantVideoLink-color: #ffffff;
--framer-fresco-wireframerAssistantVideoLinkUnderline-color: rgba(255, 255, 255, .1);
--framer-fresco-wireframerAssistantMessageSelection-color: rgba(255, 255, 255, .15);
--framer-fresco-wireframerSendMessageButtonBackground-color: #555555;
--framer-fresco-wireframerSendMessageButtonBackgroundDisabled-color: #444444;
--framer-fresco-wireframerSendMessageButtonForeground-color: #ffffff;
--framer-fresco-wireframerSendMessageButtonForegroundDisabled-color: #999999;
--framer-fresco-wireframerSuggestionIcon-color: #999999;
--framer-fresco-wireframerSuggestionIconHover-color: #ffffff;
--framer-fresco-wireframerSuggestionButtonBackground-color: #111111;
--framer-fresco-wireframerSuggestionButtonForeground-color: #999999;
--framer-fresco-wireframerSuggestionButtonForegroundHover-color: #ffffff;
--framer-fresco-wireframerSuggestionButtonBorder-color: rgba(255, 255, 255, .05);
--framer-fresco-agentButtonPrimaryBackground-color: #ffffff;
--framer-fresco-agentButtonPrimaryForeground-color: #000000;
--framer-fresco-agentButtonSecondaryBackground-color: #2B2B2B;
--framer-fresco-agentButtonSecondaryForeground-color: #ffffff;
--framer-fresco-agentButtonTertiaryBackground-color: #333333;
--framer-fresco-agentButtonTertiaryForeground-color: #ffffff;
--framer-fresco-agentButtonOutlineBackground-color: rgba(255, 255, 255, .08);
--framer-fresco-agentButtonOutlineForeground-color: #999999;
--framer-fresco-agentButtonDisabledBackground-color: #222222;
--framer-fresco-agentButtonDisabledForeground-color: rgba(255, 255, 255, .5);
--framer-fresco-agentButtonChatBackground-color: #333333;
--framer-fresco-agentButtonChatForeground-color: #ffffff;
--framer-fresco-agentButtonChatDisabledBackground-color: #333333;
--framer-fresco-agentButtonChatDisabledForeground-color: #999999;
--framer-fresco-agentLogsText-color: #444444;
--framer-fresco-agentLogsTextActive-color: #ffffff;
--framer-fresco-agentLogsTextError-color: #999999;
--framer-fresco-agentBorder-color: rgba(255, 255, 255, .08);
--framer-fresco-agentInput-color: #1f1f1f;
--framer-fresco-agentInputPlaceholder-color: #666666;
--framer-fresco-agentInputBorder-color: rgba(255, 255, 255, .07);
--framer-fresco-agentFeedbackThreadBackground-color: #111111;
--framer-fresco-agentFeedbackCommentDisclosureFill-color: #777777;
--framer-fresco-agentFeedbackCommentDisclosureFillActive-color: #ffffff;
--framer-fresco-agentFeedbackCommentPrimary-color: #ffffff;
--framer-fresco-agentFeedbackCommentSecondary-color: #999999;
--framer-fresco-agentFeedbackCommentTertiary-color: #666666;
--framer-fresco-agentFeedbackThreadDivider-color: rgba(255, 255, 255, .06);
--framer-fresco-agentFeedbackThreadReplyIconBorder-color: rgba(255, 255, 255, .08);
--framer-fresco-agentFeedbackThreadReplyIcon-color: #666666;
--framer-fresco-agentFeedbackThreadResolveForeground-color: #ffffff;
--framer-fresco-agentError-color: #FF2200;
--framer-fresco-agentOperationsSummary-color: #666666;
--framer-fresco-kitBadgeBackground-color: rgba(0, 153, 255, .05);
--framer-fresco-kitBadgeForeground-color: #0099ff;
--framer-fresco-defaultKitIconBackground-color: #000000;
--framer-fresco-defaultKitIconForeground-color: #ffffff;
--framer-fresco-defaultKitIconBorder-color: rgba(255, 255, 255, .05);
--framer-fresco-kitsWelcomeModalText-color: #aaaaaa;
--framer-fresco-dashboardTableBodyText-color: #f5f5f5;
--framer-fresco-toastBackground-color: #111111;
--framer-fresco-toastBackgroundPrimary-color: #0099ff;
--framer-fresco-toastIcon-color: #888888;
--framer-fresco-toastTextPrimary-color: #ffffff;
--framer-fresco-toastBackgroundSites-color: #222222;
--framer-fresco-toastText-color: #ffffff;
--framer-fresco-toastSecondaryTextSites-color: #999999;
--framer-fresco-toastIconSites-color: #0099ff;
--framer-fresco-toastButtonBackgroundProminent-color: #ffffff;
--framer-fresco-toastButtonBackgroundProminentHover-color: rgba(255, 255, 255, .9);
--framer-fresco-expiredTrialBanner-color: #111111;
--framer-fresco-stylesPresetsIconBackground-color: #666666;
--framer-fresco-stylesPresetsIconText-color: #ffffff;
--framer-fresco-stylesPresetsButtonBackground-color: #2B2B2B;
--framer-fresco-stylesPresetsButtonBackgroundHover-color: #282828;
--framer-fresco-shortcutsModalListTitle-color: #999999;
--framer-fresco-shortcutsModalActionButton-color: #888888;
--framer-fresco-shortcutsModalDivider-color: #444444;
--framer-fresco-shortcutsModalKeyBackground-color: #555555;
--framer-fresco-loaderPrimary-color: #181818;
--framer-fresco-loaderSecondary-color: #222222;
--framer-fresco-upsellCTAText-color: #ffffff;
--framer-fresco-upsellCTAButtonBackground-color: #ffffff;
--framer-fresco-upsellCTAButtonBackgroundHover-color: #eeeeee;
--framer-fresco-teamCreationModalBackground-color: #1d1d1d;
--framer-fresco-teamCreationCloseIcon-color: #888888;
--framer-fresco-teamCreationText-color: #fdfdfd;
--framer-fresco-teamCreationTextDimmed-color: #999999;
--framer-fresco-teamCreationNavigation-color: #2B2B2B;
--framer-fresco-teamCreationNavigationActive-color: #0099ff;
--framer-fresco-teamCreationBenefitIcon-color: #0099ff;
--framer-fresco-teamCreationBenefitDivider-color: #333333;
--framer-fresco-errorBoundaryDescription-color: #aaaaaa;
--framer-fresco-highlightsBorder-color: #0099ff;
--framer-fresco-highlightsBackground-color: rgba(0, 153, 255, .2);
--framer-fresco-aiHighlightBorder-color: #0099ff;
--framer-fresco-aiHighlightPulseOn-color: rgba(0, 153, 255, .6);
--framer-fresco-aiHighlightPulseOff-color: rgba(0, 153, 255, 0);
--framer-fresco-onPageHighlightBorder-color: rgba(0, 153, 255, .8);
--framer-fresco-onPageHighlightBorderDragging-color: rgba(0, 153, 255, .2);
--framer-fresco-onPageHighlightBackground-color: rgba(0, 153, 255, .2);
--framer-fresco-componentProgressOverlayBackground-color: #E6E2EF;
--framer-fresco-componentProgressOverlayBorder-color: #E6E2EF;
--framer-fresco-componentProgressOverlayTitle-color: #8855ff;
--framer-fresco-statusBarCustomerBetaBackground-color: #6666ff;
--framer-fresco-statusBarCustomerBetaText-color: #ffffff;
--framer-fresco-statusBarTunnelText-color: #ffffff;
--framer-fresco-statusBarTunnelBackground-color: #ff8822;
--framer-fresco-statusBarProductionTunnelBackground-color: #ff2424;
--framer-fresco-statusBarEmployeeBetaBackground-color: #111111;
--framer-fresco-statusBarEmployeeBetaText-color: #fdfdfd;
--framer-fresco-statusBarPreviewLinkBackground-color: linear-gradient(90deg, rgba(0, 238, 255, 1) 0%, rgba(0, 51, 255, 1) 100%);
--framer-fresco-statusBarPreviewLinkText-color: #ffffff;
--framer-fresco-statusBarStableBackground-color: #22cc88;
--framer-fresco-statusBarStableText-color: #ffffff;
--framer-fresco-projectTransferModalText-color: #aaaaaa;
--framer-fresco-userTestButtonBackground-color: #333333;
--framer-fresco-userTestButtonBackgroundHover-color: #282828;
--framer-fresco-userTestText-color: #cccccc;
--framer-fresco-userTestDivider-color: #333333;
--framer-fresco-informationIcon-color: #666666;
--framer-fresco-stackGapHandleTint-color: #FF00F5;
--framer-fresco-stackGapHandleBackground-color: rgba(255, 0, 245, .05);
--framer-fresco-stackItemHighlight-color: rgba(0, 153, 255, .2);
--framer-fresco-publishHostname-color: #ccc;
--framer-fresco-publishHostnameHover-color: #fff;
--framer-fresco-publishDescription-color: #888;
--framer-fresco-publishDescriptionHover-color: #ccc;
--framer-fresco-publishWarning-color: #ffaa22;
--framer-fresco-publishWarningHover-color: #ff9900;
--framer-fresco-publishPopoverDivider-color: #3a3a3a;
--framer-fresco-publishChangeLogTitleLoading-color: #999999;
--framer-fresco-publishPopoverInfoCardBackground-color: #363636;
--framer-fresco-publishPopoverTooltipTitle-color: #ffffff;
--framer-fresco-publishPopoverTooltipDescription-color: #999999;
--framer-fresco-publishPopoverHostname-color: #f6f6f6;
--framer-fresco-publishChangeLogIcon-color: #999999;
--framer-fresco-publishChangeLogAvatarPlaceholder-color: #363636;
--framer-fresco-miniPageLimitsTooltipButton-color: rgba(255, 255, 255, .2);
--framer-fresco-miniPageLimitsTooltipButtonHover-color: rgba(255, 255, 255, .3);
--framer-fresco-miniPageLimitsTooltipButtonActive-color: rgba(255, 255, 255, .1);
--framer-fresco-openTypePopoutGradientColor-color: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, .1) 20%, rgba(17, 17, 17, .3) 40%, rgba(17, 17, 17, .5) 60%, rgba(17, 17, 17, .7) 80%, rgba(17, 17, 17, .8) 100%);
--framer-fresco-settingsText-color: #eeeeee;
--framer-fresco-settingsDescription-color: #999999;
--framer-fresco-settingsContainerBackground-color: #111111;
--framer-fresco-settingsContainerBorder-color: rgba(0, 0, 0, .05);
--framer-fresco-settingsContainerTitle-color: #ffffff;
--framer-fresco-settingsGridBorder-color: #3a3a3a;
--framer-fresco-settingsGridTitle-color: #aaaaaa;
--framer-fresco-settingsGridContent-color: #cccccc;
--framer-fresco-settingsGridDescription-color: #999999;
--framer-fresco-settingsGridBackgroundActive-color: #282828;
--framer-fresco-settingsPlaceholder-color: #666666;
--framer-fresco-settingsImageBackground-color: #2B2B2B;
--framer-fresco-settingsImagePreviewBorder-color: rgba(255, 255, 255, .1);
--framer-fresco-settingsImageClearButtonBackground-color: #555555;
--framer-fresco-settingsImageClearButtonForeground-color: #ffffff;
--framer-fresco-settingsSearchResultPreviewBorder-color: #252525;
--framer-fresco-settingsSearchResultPreviewTitle-color: #8ab4f8;
--framer-fresco-settingsSearchResultPreviewDescription-color: #eeeeee;
--framer-fresco-settingsSearchResultPreviewDomain-color: #999999;
--framer-fresco-settingsFormsSectionDescription-color: #999999;
--framer-fresco-settingsFormsUsageDescription-color: #666666;
--framer-fresco-siteSettingsBorderSectionDivider-color: #222222;
--framer-fresco-dnsTableHeaderBackground-color: #2B2B2B;
--framer-fresco-dnsTableHeaderText-color: #ffffff;
--framer-fresco-dnsTableBorder-color: #2B2B2B;
--framer-fresco-dnsTableText-color: #aaaaaa;
--framer-fresco-dnsTableIcon-color: #999999;
--framer-fresco-breakpointTitle-color: #999999;
--framer-fresco-breakpointTitleBackground-color: rgba(153, 153, 153, .1);
--framer-fresco-breakpointTitleBackgroundPrimary-color: rgba(0, 153, 255, .1);
--framer-fresco-breakpointPlayButtonBackground-color: #666666;
--framer-fresco-breakpointCreationButtonBackground-color: #444444;
--framer-fresco-breakpointCreationButtonBackgroundPrimary-color: rgba(0, 153, 255, .15);
--framer-fresco-breakpointCreationButtonIcon-color: #999999;
--framer-fresco-breakpointCreationButtonBackgroundActive-color: #0099ff;
--framer-fresco-breakpointCreationButtonIconActive-color: #ffffff;
--framer-fresco-analyticsBackground-color: #111111;
--framer-fresco-analyticsBackgroundTransparent-color: rgba(17, 17, 17, .75);
--framer-fresco-analyticsBarFill-color: #2B2B2B;
--framer-fresco-analyticsBorderTransparent-color: rgba(255, 255, 255, .05);
--framer-fresco-analyticsScreenshotBackground-color: #1f1f1f;
--framer-fresco-analyticsScreenshotLogo-color: #404040;
--framer-fresco-analyticsScreenshotBorder-color: rgba(255, 255, 255, .08);
--framer-fresco-analyticsPrimary-color: #ffffff;
--framer-fresco-analyticsSecondary-color: #cccccc;
--framer-fresco-analyticsTertiary-color: #999999;
--framer-fresco-analyticsBottomLine-color: #222222;
--framer-fresco-analyticsNoDataText-color: rgba(153, 153, 153, .5);
--framer-fresco-analyticsAccent-color: #252525;
--framer-fresco-analyticsIconAccent-color: rgba(153, 153, 153, .5);
--framer-fresco-analyticsTint-color: #0099ff;
--framer-fresco-analyticsTintBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-analyticsPopoutBackground-color: #161616;
--framer-fresco-analyticsAbTestVariant1-color: #3A92FD;
--framer-fresco-analyticsAbTestVariant1Dimmed-color: rgba(58, 146, 253, .2);
--framer-fresco-analyticsAbTestVariant2-color: #9869FD;
--framer-fresco-analyticsAbTestVariant2Dimmed-color: rgba(152, 105, 253, .2);
--framer-fresco-analyticsAbTestVariant3-color: #2AD4D4;
--framer-fresco-analyticsAbTestVariant3Dimmed-color: rgba(42, 212, 212, .2);
--framer-fresco-analyticsAbTestVariant4-color: #FF8922;
--framer-fresco-analyticsAbTestVariant4Dimmed-color: rgba(255, 137, 34, .2);
--framer-fresco-analyticsAbTestVariant5-color: #FFBB00;
--framer-fresco-analyticsAbTestVariant5Dimmed-color: rgba(255, 187, 0, .2);
--framer-fresco-sitePlansCopy-color: #999999;
--framer-fresco-sitePlansHighlight-color: #ffffff;
--framer-fresco-plansSelectedCard-color: #161616;
--framer-fresco-plansInfoFrameBorder-color: #252525;
--framer-fresco-plansBannerText-color: #cccccc;
--framer-fresco-plansCardTitle-color: #fafafa;
--framer-fresco-plansLineItemDescription-color: #999999;
--framer-fresco-plansCtaDisabled-color: #333333;
--framer-fresco-plansCollaborators-color: #161616;
--framer-fresco-plansPlusIcon-color: #333333;
--framer-fresco-plansAddonsBox-color: #2B2B2B;
--framer-fresco-plansEnterpriseParagraphColor-color: #cccccc;
--framer-fresco-plansEnterpriseIconBackgroundColor-color: rgba(187, 187, 187, .1);
--framer-fresco-plansEnterpriseIconColor-color: #cccccc;
--framer-fresco-freeSiteColor-color: #888888;
--framer-fresco-freeSiteBackground-color: rgba(136, 136, 136, .1);
--framer-fresco-miniSiteColor-color: #00CCFF;
--framer-fresco-miniSiteBackground-color: rgba(0, 204, 255, .1);
--framer-fresco-basicSiteColor-color: #0099ff;
--framer-fresco-basicSiteBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-proSiteColor-color: #0066ff;
--framer-fresco-proSiteBackground-color: rgba(0, 102, 255, .1);
--framer-fresco-scaleupSiteColor-color: #9966ff;
--framer-fresco-scaleupSiteBackground-color: rgba(153, 102, 255, .15);
--framer-fresco-startupSiteColor-color: #9966ff;
--framer-fresco-startupSiteBackground-color: rgba(153, 102, 255, .15);
--framer-fresco-enterpriseSiteColor-color: #888888;
--framer-fresco-enterpriseSiteBackground-color: rgba(136, 136, 136, .1);
--framer-fresco-planCardBackgroundColor-color: #111111;
--framer-fresco-planCardBackgroundGradientStartColor-color: #252525;
--framer-fresco-planCardBackgroundGradientEndColor-color: #111111;
--framer-fresco-planCardBusinessBackgroundGradientStartColor-color: #5500FF30;
--framer-fresco-planCardBusinessBackgroundGradientEndColor-color: rgba(255, 255, 255, 0);
--framer-fresco-planCardGridShadowColorStart-color: #111111;
--framer-fresco-planCardGridShadowColorEnd-color: rgba(255, 255, 255, 0);
--framer-fresco-planCardPersonalBackgroundGradientStartColor-color: rgba(0, 85, 255, .3);
--framer-fresco-planTypeToggleItemBussinessTextSelected-color: #ffffff;
--framer-fresco-planCardPersonalBackgroundGradientEndColor-color: #111111;
--framer-fresco-planCardBorderColor-color: rgba(255, 255, 255, .05);
--framer-fresco-planTypeToggleItemBussinessTextSelectedHover-color: #ffffff;
--framer-fresco-planCardPersonalButtonColor-color: rgba(0, 85, 255, .2);
--framer-fresco-planCardPersonalButtonBorderColor-color: rgba(0, 85, 255, .05);
--framer-fresco-planCardPersonalButtonColorText-color: #0099ff;
--framer-fresco-planCardBusinessButtonColor-color: #9966ff;
--framer-fresco-planCardBusinessCurrentPlanButtonColor-color: rgba(136, 85, 255, .1);
--framer-fresco-planCardBusinessButtonBorderColor-color: rgba(136, 85, 255, .1);
--framer-fresco-planCardBusinessButtonColorHover-color: #7733ff;
--framer-fresco-planCardBusinessButtonColorShadow-color: rgba(136, 85, 255, .3);
--framer-fresco-planCardBusinessButtonColorShadowHover-color: rgba(119, 51, 255, .3);
--framer-fresco-planCardBusinessButtonColorText-color: #8855ff;
--framer-fresco-planCardTextColor-color: #ffffff;
--framer-fresco-planCardTextDescriptionColor-color: #999999;
--framer-fresco-planCardBorder-color: rgba(255, 255, 255, .05);
--framer-fresco-planCardBillingToggleActiveBackground-color: rgba(0, 153, 255, .3);
--framer-fresco-planCardBackgroundGradientStop1-color: #1A1A1A;
--framer-fresco-planCardBackgroundGradientStop2-color: rgb(17, 17, 17);
--framer-fresco-planCardHighlightedBorder-color: rgba(0, 153, 255, .07);
--framer-fresco-planCardHighlightedBackgroundGradientStop1-color: rgba(0, 102, 255, .4);
--framer-fresco-planCardHighlightedBackgroundGradientStop2-color: rgba(0, 22, 66, .3);
--framer-fresco-planCardHighlightedBackgroundGradientStop3-color: rgba(17, 17, 17, 0);
--framer-fresco-badgeCurrentPlanTypeBackgroundColor-color: rgba(0, 153, 255, .25);
--framer-fresco-previewContainerBackgroundColor-color: #1A1A1A;
--framer-fresco-previewContainerDividerColor-color: #333333;
--framer-fresco-previewContainerTextColor-color: #ffffff;
--framer-fresco-previewPeriodTabsBorderColor-color: #333333;
--framer-fresco-cmsTableSearchIcon-color: #666666;
--framer-fresco-cmsTableFileIcon-color: #666666;
--framer-fresco-cmsTableText-color: #666666;
--framer-fresco-cmsTableTextActive-color: #ffffff;
--framer-fresco-cmsTableFirstColumnText-color: #999999;
--framer-fresco-cmsTableHeaderText-color: #666666;
--framer-fresco-cmsTableSelectedRowBackground-color: #161616;
--framer-fresco-cmsRichTextTableBorder-color: #444444;
--framer-fresco-cmsRichTextTableCellContextMenuButtonIcon-color: #666666;
--framer-fresco-cmsRichTextTableHeaderBackground-color: #2B2B2B;
--framer-fresco-cmsRichTextTableHeaderText-color: #ffffff;
--framer-fresco-cmsRichTextTableText-color: #999999;
--framer-fresco-cmsRichTextToolbarItemText-color: #888888;
--framer-fresco-cmsRichTextToolbarItemActiveText-color: #ffffff;
--framer-fresco-cmsRichTextToolbarItemBackground-color: rgba(255, 255, 255, .08);
--framer-fresco-cmsRichTextToolbarGroupBackground-color: rgba(255, 255, 255, .08);
--framer-fresco-cmsRichTextToolbarGroupBackgroundDisabled-color: rgba(255, 255, 255, .08);
--framer-fresco-cmsRichTextDropCursor-color: #0099ff;
--framer-fresco-cmsRichTextBackground-color: rgba(255, 255, 255, .08);
--framer-fresco-cmsRichTextHeading-color: #ffffff;
--framer-fresco-cmsRichTextModulePreviewBackground-color: #444444;
--framer-fresco-cmsRichTextParagraph-color: #eeeeee;
--framer-fresco-cmsSlashCommandsMenuIcon-color: #888888;
--framer-fresco-cmsSlashCommandsMenuGroup-color: #666666;
--framer-fresco-cmsCollectionItemBackdrop-color: rgba(0, 0, 0, .4);
--framer-fresco-cmsCodeInTextBackground-color: rgba(238, 238, 238, .08);
--framer-fresco-cmsOverlayRowTitle-color: #ffffff;
--framer-fresco-cmsOverlayRowTitleReadOnly-color: #666666;
--framer-fresco-cmsImageClearButtonBackground-color: rgba(0, 0, 0, .3);
--framer-fresco-cmsImageClearButtonText-color: #ffffff;
--framer-fresco-cmsImageAddButtonBackground-color: #555555;
--framer-fresco-cmsImageAddButtonBackgroundHover-color: #4a4a4a;
--framer-fresco-cmsImageAddButtonIcon-color: #aaaaaa;
--framer-fresco-cmsCodeBlockSurface1-color: #181818;
--framer-fresco-cmsCodeBlockSurface2-color: #252525;
--framer-fresco-cmsCodeBlockSurface3-color: #2f2f2f;
--framer-fresco-cmsCodeBlockClickable-color: #999999;
--framer-fresco-cmsCodeBlockBase-color: #d92121;
--framer-fresco-cmsCodeBlockDisabled-color: #4d4d4d;
--framer-fresco-cmsCodeBlockHover-color: #c5c5c5;
--framer-fresco-cmsCodeBlockAccent-color: #0099ff;
--framer-fresco-cmsCodeBlockError-color: #ff3366;
--framer-fresco-cmsCodeBlockErrorSurface-color: #ffe0e8;
--framer-fresco-cmsCodeBlockPlain-color: #eeeeee;
--framer-fresco-cmsCodeBlockComment-color: #666666;
--framer-fresco-cmsCodeBlockKeyword-color: #00BBFF;
--framer-fresco-cmsCodeBlockTag-color: #00BBFF;
--framer-fresco-cmsCodeBlockPunctuation-color: #999999;
--framer-fresco-cmsCodeBlockDefinition-color: #ffcc66;
--framer-fresco-cmsCodeBlockProperty-color: #77dddd;
--framer-fresco-cmsCodeBlockStatic-color: #ff8866;
--framer-fresco-cmsCodeBlockString-color: #bb88ff;
--framer-fresco-inlineEditingMenuBackground-color: rgba(34, 34, 34, .8);
--framer-fresco-inlineEditingMenuBorder-color: rgba(255, 255, 255, .05);
--framer-fresco-inlineFormattingMenuBackgroundActive-color: rgba(255, 255, 255, .2);
--framer-fresco-inlineFormattingMenuText-color: #bbbbbb;
--framer-fresco-inlineFormattingMenuTextHover-color: #ffffff;
--framer-fresco-inlineFormattingMenuTextActive-color: #ffffff;
--framer-fresco-inlineFormattingMenuIcon-color: #bbbbbb;
--framer-fresco-inlineFormattingMenuIconHover-color: #ffffff;
--framer-fresco-inlineFormattingMenuIconActive-color: #ffffff;
--framer-fresco-inlineFormattingMenuHeading-color: #888888;
--framer-fresco-inlineFormattingMenuDivider-color: rgba(255, 255, 255, .1);
--framer-fresco-localizationText-color: #999999;
--framer-fresco-localizationPlaceholderText-color: #666666;
--framer-fresco-localizationWarningTint-color: #FFAA01;
--framer-fresco-localizationGlossaryHeading-color: #ffffff;
--framer-fresco-quickActionsText-color: #999999;
--framer-fresco-quickActionsTextActive-color: #ffffff;
--framer-fresco-quickActionsSecondaryText-color: #666666;
--framer-fresco-quickActionsBackgroundActive-color: #2B2B2B;
--framer-fresco-quickActionsSeparator-color: #222222;
--framer-fresco-quickActionsSeparatorIcon-color: #444444;
--framer-fresco-quickActionsCategoryTagBackground-color: #2B2B2B;
--framer-fresco-quickActionsCategoryTagColor-color: #999999;
--framer-fresco-quickActionsIconDefaultLegacy-color: #0099ff;
--framer-fresco-quickActionsIconDefault-color: #666666;
--framer-fresco-quickActionsIconDefaultActiveLegacy-color: #ffffff;
--framer-fresco-quickActionsIconDefaultActive-color: #ffffff;
--framer-fresco-quickActionsIconBackgroundDefault-color: rgba(0, 153, 255, .15);
--framer-fresco-quickActionsIconBackgroundDefaultActive-color: #0099ff;
--framer-fresco-quickActionsToggleOffIconBackground-color: #555555;
--framer-fresco-quickActionsIconBackgroundBorder-color: rgba(255, 255, 255, .05);
--framer-fresco-quickActionsIconBackgroundBorderActive-color: rgba(255, 255, 255, .1);
--framer-fresco-quickActionsIconComponentTint-color: #9966ff;
--framer-fresco-quickActionsIconComponentTintActive-color: #ffffff;
--framer-fresco-quickActionsIconBackgroundComponentTint-color: rgba(153, 102, 255, .15);
--framer-fresco-quickActionsIconBackgroundComponentTintActive-color: #9966ff;
--framer-fresco-quickActionsIconAssetStyleTint-color: #ffffff;
--framer-fresco-quickActionsIconAssetStyleTintActive-color: #ffffff;
--framer-fresco-quickActionsIconBackgroundAssetStyleTint-color: #222222;
--framer-fresco-quickActionsIconBackgroundAssetStyleTintActive-color: #363636;
--framer-fresco-historyPanelRowBackground-color: #111111;
--framer-fresco-historyPanelRowBackgroundActive-color: #282828;
--framer-fresco-historyPanelTimelineBackground-color: #252525;
--framer-fresco-historyPanelTimelineBackgroundActive-color: #363636;
--framer-fresco-historyPanelTimelineDotBackground-color: #999999;
--framer-fresco-historyPanelTimelineDotBackgroundActive-color: #ffffff;
--framer-fresco-historyPanelText-color: #999999;
--framer-fresco-historyPanelTextActive-color: #ffffff;
--framer-fresco-historyPanelSummaryText-color: #666666;
--framer-fresco-historyPanelSummaryTextActive-color: #ffffff;
--framer-fresco-historyPanelSummaryDivider-color: rgba(255, 255, 255, .07);
--framer-fresco-loadingShieldBackground-color: #252525;
--framer-fresco-loadingAnimationBackground-color: #000000;
--framer-fresco-loadingProgressBarFill-color: #ffffff;
--framer-fresco-fillIconHighlight-color: #999999;
--framer-fresco-fillIconBorder-color: rgba(153, 153, 153, .6);
--framer-fresco-fillIconBorderActive-color: #ffffff;
--framer-fresco-fillIconSolidFill-color: rgba(153, 153, 153, .4);
--framer-fresco-fillIconLinearFillInner-color: rgba(153, 153, 153, .8);
--framer-fresco-fillIconLinearFillOuter-color: rgba(153, 153, 153, 0);
--framer-fresco-fillIconRadialFillInner-color: rgba(153, 153, 153, 0);
--framer-fresco-fillIconRadialFillOuter-color: rgba(153, 153, 153, .6);
--framer-fresco-fillIconConicFillInner-color: rgba(153, 153, 153, 0);
--framer-fresco-fillIconConicFillOuter-color: #999999;
--framer-fresco-fillIconImageFillInner-color: rgba(153, 153, 153, 0);
--framer-fresco-fillIconImageFillOuter-color: rgba(153, 153, 153, .4);
--framer-fresco-fillIconSolidFillActive-color: rgba(255, 255, 255, .4);
--framer-fresco-fillIconLinearFillInnerActive-color: #ffffff;
--framer-fresco-fillIconLinearFillActive-color: rgba(255, 255, 255, 0);
--framer-fresco-fillIconRadialFillActive-color: rgba(255, 255, 255, .7);
--framer-fresco-fillIconConicFillInnerActive-color: rgba(255, 255, 255, 0);
--framer-fresco-fillIconConicFillOuterActive-color: #ffffff;
--framer-fresco-fillIconImageFillInnerActive-color: rgba(255, 255, 255, 0);
--framer-fresco-fillIconImageFillOuterActive-color: rgba(255, 255, 255, .4);
--framer-fresco-fillPanelPresetBackground-color: #2B2B2B;
--framer-fresco-publishErrorCaret-color: #999999;
--framer-fresco-publishErrorTitle-color: #FF4466;
--framer-fresco-deploymentErrorLogsBackground-color: #2B2B2B;
--framer-fresco-deploymentErrorLogsStackTraceBackground-color: rgba(255, 255, 255, .05);
--framer-fresco-editorBarBackground-color: #222222;
--framer-fresco-editorBarBackgroundHover-color: #282828;
--framer-fresco-editorBarButtonSecondaryText-color: #ffffff;
--framer-fresco-editorBarDivider-color: #333333;
--framer-fresco-editorBarText-color: #ffffff;
--framer-fresco-editorBarDividerBackground-color: #ffffff;
--framer-fresco-editorBarButtonBackground-color: rgba(255, 255, 255, .15);
--framer-fresco-editorBarSubtleBackground-color: rgba(17, 17, 17, .9);
--framer-fresco-editorBarSubtleTitle-color: #ffffff;
--framer-fresco-editorBarSubtleSubtitle-color: #999999;
--framer-fresco-editorBarMenuItemColor-color: #cccccc;
--framer-fresco-editorBarSubtleSubtitleLink-color: #f7f7f7;
--framer-fresco-editorBarSubtleIconSquareBackground-color: rgba(255, 255, 255, .15);
--framer-fresco-editorBarSubtleIconSquareBackgroundHover-color: rgba(255, 255, 255, .2);
--framer-fresco-editorBarSubtleItemFontColor-color: #777777;
--framer-fresco-onPageToolbarBackground-color: rgba(34, 34, 34, .8);
--framer-fresco-onPageToolbarShadow-color: rgba(0, 0, 0, .1) 0px 2px 4px 0px, rgba(0, 0, 0, .05) 0px 1px 0px 0px, rgba(255, 255, 255, .15) 0px 0px 0px 1px;
--framer-fresco-onPageToolbarText-color: #ffffff;
--framer-fresco-onPageToolbarSecondaryText-color: rgba(255, 255, 255, .6);
--framer-fresco-onPageToolbarButtonBackground-color: rgba(255, 255, 255, .25);
--framer-fresco-onPageToolbarButtonBackgroundHover-color: rgba(255, 255, 255, .23);
--framer-fresco-onPageToolbarButtonBackgroundActive-color: rgba(255, 255, 255, .21);
--framer-fresco-onPageToolbarButtonText-color: #ffffff;
--framer-fresco-onPageValidationWarningBadgeBackground-color: #FF7700;
--framer-fresco-onPageValidationWarningBadgeText-color: #ffffff;
--framer-fresco-layoutTemplateSlotBackground-color: rgba(153, 102, 255, .1);
--framer-fresco-debugBarBackground-color: #111111;
--framer-fresco-debugBarSecondaryBackground-color: #1d1d1d;
--framer-fresco-anchorGridUnselected-color: #777777;
--framer-fresco-anchorGridSelected-color: #0099ff;
--framer-fresco-vectorSetItemBackground-color: #111111;
--framer-fresco-onboardingTextPrimary-color: #ffffff;
--framer-fresco-onboardingTextSecondary-color: #888888;
--framer-fresco-onboardingTextTertiary-color: #777777;
--framer-fresco-onboardingBackground-color: #000000;
--framer-fresco-onboardingDropdownBackground-color: #2B2B2B;
--framer-fresco-onboardingPanelBackground-color: #000000;
--framer-fresco-onboardingButtonPrimary-color: #ffffff;
--framer-fresco-onboardingButtonPrimaryHover-color: #dddddd;
--framer-fresco-onboardingVideoBorder-color: rgba(255, 255, 255, .08);
--framer-fresco-onboardingDivider-color: #252525;
--framer-fresco-onboardingGoogleIcon-color: #666666;
--framer-fresco-onboardingInputErrorBackground-color: rgba(255, 51, 102, .15);
--framer-fresco-customCodeTableHeader-color: #666666;
--framer-fresco-customCodeTableRow-color: #999999;
--framer-fresco-customCodeTableRowHover-color: #ffffff;
--framer-fresco-customCodeIcon-color: #2B2B2B;
--framer-fresco-customCodeIconBorder-color: rgba(136, 136, 136, .12);
--framer-fresco-customCodeInfoIcon-color: #666666;
--framer-fresco-customCodeFieldInfo-color: #999999;
--framer-fresco-customCodeTemplateVariable-color: #cccccc;
--framer-fresco-agentModal-shadow: 0px 0px 0px 1px rgba(255, 255, 255, .1), 0px 4px 8px 0px rgba(0, 0, 0, .1);
--framer-fresco-buttonSelected-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(0, 0, 0, .05);
--framer-fresco-canvasTooltip-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .1);
--framer-fresco-card-shadow: 0 5px 20px rgba(0, 0, 0, .3);
--framer-fresco-cardActive-shadow: 0px 0px 12px 0px rgba(0, 153, 255, 0);
--framer-fresco-componentOutline-shadow: 0px 0px 0px 5px rgba(136, 85, 255, .4);
--framer-fresco-componentOutlineSmall-shadow: 0px 0px 0px 5px rgba(136, 85, 255, .4);
--framer-fresco-dashboardNewProjectCard-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08), 0 1px 0 0 rgba(0, 0, 0, .05);
--framer-fresco-distributionSliderBar-shadow: inset 0 0 0 1px var(--framer-fresco-gradientStopSliderBorder-color, rgba(0, 0, 0, .05));
--framer-fresco-distributionSliderKnob-shadow: inset 0 0 0 3px white, inset 0 0 0 4px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
--framer-fresco-distributionSliderKnobSelected-shadow: inset 0 0 0 3px white, inset 0 0 0 4px #0099ff, 0 0 0 1px #0099ff;
--framer-fresco-gradientSliderKnobSelected-shadow: inset 0 0 0 3px white, inset 0 0 0 4px rgba(0, 0, 0, .1), 0 0 0 1px #111111, 0 0 0 2px #0099ff;
--framer-fresco-imageBorderOverlay-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
--framer-fresco-inlineEditingMenu-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .1);
--framer-fresco-insertImage-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .2);
--framer-fresco-insertMenuArtwork-shadow: inset 0 0 0 1px rgba(255, 255, 255, .075);
--framer-fresco-modal-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .15);
--framer-fresco-popover-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .1), 0px 1px 4px 0px rgba(0, 0, 0, .02);
--framer-fresco-popoverDropShadow-shadow: drop-shadow(0px 2px 4px rgba(0, 0, 0, .08)) drop-shadow(0px 2px 10px rgba(0, 0, 0, .2));
--framer-fresco-settingsCard-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1), 0px 2px 10px 0px rgba(0, 0, 0, .05);
--framer-fresco-sideOverlay-shadow: 40px 0px 40px 40px rgb(0, 0, 0), inset 1px 0 0 0 #222222;
--framer-fresco-sideOverlayPeek-shadow: 10px 0px 10px 10px rgb(0, 0, 0, .2), inset 1px 0 0 0 #222222;
--framer-fresco-segmentedControlItemSelected-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2);
--framer-fresco-multiComboBoxToken-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .15);
--framer-fresco-sliderKnob-shadow: 0 1px 0 1px rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .2);
--framer-fresco-svgScreenIcon-shadow: drop-shadow(0 5px 10px rgba(0, 0, 0, .3));
--framer-fresco-tintOutline-shadow: 0px 0px 0px 5px rgba(0, 153, 255, .4);
--framer-fresco-tintOutlineSmall-shadow: 0px 0px 0px 2px rgba(0, 153, 255, .4);
--framer-fresco-toggleTack-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1), 0px 2px 10px 0px rgba(0, 0, 0, .05);
--framer-fresco-settingsImageClearButton-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2), 0px .5px 0px 0px rgba(0, 0, 0, .1)
}
body[data-framer-theme=dark].agent {
--framer-fresco-canvasBackground-color: #171717;
--framer-fresco-panelDivider-color: #212121;
--framer-fresco-pageRowBackgroundActive-color: #242424;
--framer-fresco-modalBackground-color: #1a1a1a;
--framer-fresco-popoverBackground-color: #1a1a1a;
--framer-fresco-popoverDivider-color: #212121;
--framer-fresco-comboBoxMenuBackground-color: #1a1a1a;
--framer-fresco-inputBackground-color: #242424;
--framer-fresco-inputPlaceholder-color: #999999;
--framer-fresco-inputText-color: #ffffff;
--framer-fresco-inputIcon-color: #999999;
--framer-fresco-buttonBackground-color: #242424;
--framer-fresco-projectMenuButtonBackground-color: #262626;
--framer-fresco-projectMenuButtonShadow-color: none;
--framer-fresco-toolbarButtonBackground-color: #242424;
--framer-fresco-segmentedControlBackground-color: #242424;
--framer-fresco-segmentedControlItemBackgroundSelected-color: #474747;
--framer-fresco-feedbackSidebarBackground-color: #111111;
--framer-fresco-feedbackFormBackground-color: #111111;
--framer-fresco-wireframerSuggestionButtonBackground-color: #111111;
--framer-fresco-agentFeedbackThreadBackground-color: #111111;
--framer-fresco-toastBackground-color: #111111;
--framer-fresco-historyPanelRowBackground-color: #111111;
--framer-fresco-debugBarBackground-color: #111111
}
body.agent ::selection {
background-color: var(--framer-fresco-selectionBackground-color, color(display-p3 .263 .59 .97 / .1));
color: var(--framer-fresco-selectionText-color, #0099ff)
}
body[data-framer-theme=light] .i1t1ho1a {
--framer-fresco-tint-color: #0099ff;
--framer-fresco-tintDark-color: #0088ff;
--framer-fresco-tintExtraDark-color: #1188ff;
--framer-fresco-tintDimmed-color: rgba(0, 153, 255, .15);
--framer-fresco-tintGradientStart-color: rgba(0, 153, 255, .4);
--framer-fresco-tintGradientEnd-color: rgba(0, 153, 255, .8);
--framer-fresco-componentTint-color: #9966ff;
--framer-fresco-componentTintDark-color: #8844FF;
--framer-fresco-componentTintExtraDark-color: #7733ff;
--framer-fresco-componentTintDimmed-color: rgba(153, 102, 255, .15);
--framer-fresco-componentTintDimmedDrag-color: rgba(153, 102, 255, .3);
--framer-fresco-componentTintDimmedActive-color: rgba(136, 85, 255, .4);
--framer-fresco-componentTintLight-color: #C399FF;
--framer-fresco-errorTint-color: #ff3366;
--framer-fresco-errorTintDimmed-color: rgba(255, 51, 102, .2);
--framer-fresco-warningTint-color: #FFBB00;
--framer-fresco-warningTintDimmed-color: rgba(255, 187, 0, .2);
--framer-fresco-warningText-color: #FF9900;
--framer-fresco-warningTextDimmed-color: rgba(255, 153, 0, .1);
--framer-fresco-selectionBackground-color: color(display-p3 .263 .59 .97 / .1);
--framer-fresco-selectionComponentBackground-color: color(display-p3 .52 .357 .965 / .1);
--framer-fresco-selectionWarningBackground-color: color(display-p3 1 .733 0 / .1);
--framer-fresco-selectionEnterpriseUpsellBackground-color: color(display-p3 1 1 1 / .1);
--framer-fresco-selectionText-color: #0099ff;
--framer-fresco-panelTitle-color: #ffffff;
--framer-fresco-panelRowTitle-color: #cccccc;
--framer-fresco-panelSectionTitle-color: #777777;
--framer-fresco-panelText-color: #999999;
--framer-fresco-panelDescription-color: #999999;
--framer-fresco-panelTextSelected-color: #ffffff;
--framer-fresco-panelBackground-color: #111111;
--framer-fresco-panelDivider-color: #252525;
--framer-fresco-panelSectionHeaderIcon-color: #ffffff;
--framer-fresco-panelChevron-color: #999999;
--framer-fresco-panelSubtitle-color: #cccccc;
--framer-fresco-panelPressedState-color: #aaaaaa;
--framer-fresco-nuxPanelHeaderTitle-color: #ffffff;
--framer-fresco-nuxPanelStepTitle-color: #cccccc;
--framer-fresco-nuxPanelStepTitleDisabled-color: #888888;
--framer-fresco-nuxPanelStepTitleHighlighted-color: #DDEEFF;
--framer-fresco-nuxPanelStepNumberHighlighted-color: #ffffff;
--framer-fresco-nuxPanelSubtitle-color: #888888;
--framer-fresco-nuxPanelSubtitleDisabled-color: #666666;
--framer-fresco-nuxPanelButton-color: #222222;
--framer-fresco-nuxPanelButtonDisabled-color: #181818;
--framer-fresco-nuxPanelCard-color: #181818;
--framer-fresco-nuxPanelCheckmark-color: #666666;
--framer-fresco-assetsRowCodeFileText-color: #0099ff;
--framer-fresco-assetsRowCodeFileBackgroundSelected-color: rgba(0, 153, 255, .15);
--framer-fresco-assetsRowCodeFileBackgroundDragged-color: rgba(0, 153, 255, .3);
--framer-fresco-assetsRowCodeFileBackgroundDraggedUnsaturated-color: rgba(40, 40, 40, .3);
--framer-fresco-colorIconBorder-color: rgba(255, 255, 255, .1);
--framer-fresco-canvasCreatePreviewBorder-color: #0099ff;
--framer-fresco-canvasSelectionRectBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-canvasSelectionRectBorder-color: rgba(0, 153, 255, .5);
--framer-fresco-canvasTooltipText-color: #ffffff;
--framer-fresco-canvasTooltipBackground-color: #0099ff;
--framer-fresco-canvasOverlayTriggerOutline-color: rgba(0, 153, 255, .5);
--framer-fresco-canvasOverlayTriggerBackground-color: rgba(0, 153, 255, .2);
--framer-fresco-canvasComponentOverlayTriggerOutline-color: rgba(153, 102, 255, .4);
--framer-fresco-canvasComponentOverlayTriggerBackground-color: rgba(153, 102, 255, .2);
--framer-fresco-canvasRelativeOverlayBackdrop-color: rgba(0, 153, 255, .25);
--framer-fresco-canvasRelativeOverlaySmartComponentBackdrop-color: rgba(153, 102, 255, .15);
--framer-fresco-calendarBorder-color: #252525;
--framer-fresco-calendarIcon-color: #888888;
--framer-fresco-calendarTextHeader-color: #ffffff;
--framer-fresco-calendarTextMedium-color: #888888;
--framer-fresco-calendarTextHover-color: #ffffff;
--framer-fresco-calendarHover-color: #2B2B2B;
--framer-fresco-calendarPrimary-color: #0099ff;
--framer-fresco-calendarText-color: #ffffff;
--framer-fresco-dropdownText-color: #999999;
--framer-fresco-dropdownChevron-color: #777777;
--framer-fresco-floatingWindowToolbarIcon-color: #999999;
--framer-fresco-modalBackground-color: #111111;
--framer-fresco-modalBackgroundTransparent-color: rgba(17, 17, 17, 0);
--framer-fresco-modalSecondaryBackground-color: #181818;
--framer-fresco-modalBackdrop-color: rgba(0, 0, 0, .7);
--framer-fresco-modalTitle-color: #ffffff;
--framer-fresco-modalSubtitle-color: #aaaaaa;
--framer-fresco-modalDescription-color: #aaaaaa;
--framer-fresco-modalForm-color: #fdfdfd;
--framer-fresco-modalCloseIcon-color: #fdfdfd;
--framer-fresco-largeModalTitle-color: #ffffff;
--framer-fresco-largeModalDescription-color: #cccccc;
--framer-fresco-templateCardOutline-color: rgba(255, 255, 255, .05);
--framer-fresco-variablesModalEmptyStateIcon-color: #333333;
--framer-fresco-variableRowText-color: #cccccc;
--framer-fresco-variableRowTextActive-color: #ffffff;
--framer-fresco-variableRowDivider-color: #333333;
--framer-fresco-variableRowDividerSelected-color: #444444;
--framer-fresco-buttonSheetPlainTitle-color: #ffffff;
--framer-fresco-buttonSheetPlainDescription-color: #cccccc;
--framer-fresco-buttonSheetPlainIconColor-color: #999999;
--framer-fresco-buttonSheetPlainBorderBottom-color: rgba(255, 255, 255, .05);
--framer-fresco-cmsBadgeBackgroundDisabled-color: #999999;
--framer-fresco-cmsBadgeTextDisabled-color: #ffffff;
--framer-fresco-buttonBackground-color: #2B2B2B;
--framer-fresco-buttonBackgroundHover-color: #282828;
--framer-fresco-buttonBackgroundActive-color: #232323;
--framer-fresco-buttonText-color: #ffffff;
--framer-fresco-buttonTextActive-color: #ffffff;
--framer-fresco-buttonBackgroundPrimary-color: #0099ff;
--framer-fresco-buttonBackgroundPrimaryHover-color: #0088ff;
--framer-fresco-buttonBackgroundPrimaryActive-color: #0077FF;
--framer-fresco-buttonTextPrimary-color: #ffffff;
--framer-fresco-buttonBackgroundDestructive-color: #ff3366;
--framer-fresco-buttonBackgroundDestructiveHover-color: #e7315e;
--framer-fresco-buttonBackgroundDestructiveActive-color: #cf2e55;
--framer-fresco-buttonTextDestructive-color: #ffffff;
--framer-fresco-buttonBackgroundDestructiveSecondary-color: rgba(255, 51, 102, .15);
--framer-fresco-buttonBackgroundDestructiveSecondaryHover-color: rgba(255, 51, 102, .1);
--framer-fresco-buttonBackgroundDestructiveSecondaryActive-color: rgba(255, 51, 102, .1);
--framer-fresco-buttonTextDestructiveSecondary-color: #ee2255;
--framer-fresco-buttonCellBackground-color: #2B2B2B;
--framer-fresco-buttonCellBackgroundHover-color: #252525;
--framer-fresco-buttonWithDepthText-color: #ffffff;
--framer-fresco-buttonWithDepthTextDisabled-color: #666666;
--framer-fresco-buttonWithDepthBackground-color: #333333;
--framer-fresco-buttonWithDepthBackgroundDisabled-color: #333333;
--framer-fresco-buttonWithDepthBackgroundHover-color: #282828;
--framer-fresco-buttonWithDepthShadow-color: 0px 2px 4px 0px rgba(0, 0, 0, .2);
--framer-fresco-buttonWithDepthPrimaryBackground-color: #0099ff;
--framer-fresco-buttonWithDepthPrimaryBackgroundHover-color: #1188ff;
--framer-fresco-buttonWithDepthPrimaryShadow-color: 0px 2px 4px 0px rgba(0, 153, 255, .2);
--framer-fresco-buttonWithDepthPrimaryShadowHover-color: 0px 2px 4px 0px rgba(13, 144, 255, .3);
--framer-fresco-buttonWithDepthPrimaryComponentShadow-color: 0px 2px 4px 0px rgba(136, 85, 255, .3);
--framer-fresco-buttonWithDepthDestructiveBackground-color: #ff3366;
--framer-fresco-buttonWithDepthDestructiveBackgroundHover-color: #e15;
--framer-fresco-buttonWithDepthDestructiveShadow-color: 0 2px 4px 0 rgba(255, 51, 102, .3);
--framer-fresco-rowOverlayButtonBackground-color: #2B2B2B;
--framer-fresco-rowOverlayButtonBackgroundHover-color: #282828;
--framer-fresco-rowOverlayButtonBackgroundActive-color: #232323;
--framer-fresco-tabBarText-color: #777777;
--framer-fresco-electronTabBarBackground-color: #252525;
--framer-fresco-electronTabBarBackgroundActive-color: #111111;
--framer-fresco-electronTabBarBorder-color: #363636;
--framer-fresco-electronTabBarText-color: #999999;
--framer-fresco-electronTabBarTextActive-color: #ffffff;
--framer-fresco-inputBackground-color: #2B2B2B;
--framer-fresco-inputBorder-color: transparent;
--framer-fresco-inputBorderError-color: #ff3366;
--framer-fresco-inputBorderActive-color: #0099ff;
--framer-fresco-inputText-color: #eeeeee;
--framer-fresco-inputTextError-color: #ff3366;
--framer-fresco-inputTextDisabled-color: #777777;
--framer-fresco-inputTextDisabledSelected-color: #aaaaaa;
--framer-fresco-inputPlaceholder-color: #999999;
--framer-fresco-inputLabel-color: #999999;
--framer-fresco-inputLabelDisabled-color: #555555;
--framer-fresco-inputIcon-color: #999999;
--framer-fresco-inputIconHover-color: #cccccc;
--framer-fresco-inputIconDisabled-color: #777777;
--framer-fresco-sitesSettingsInputLabel-color: #999999;
--framer-fresco-sitesSettingsInputBackground-color: #2B2B2B;
--framer-fresco-sitesSettingsInputBackgroundDisabled-color: #444444;
--framer-fresco-sitesSettingsInputColorDisabled-color: #777777;
--framer-fresco-comboBoxSectionText-color: #ffffff;
--framer-fresco-multiComboBoxTokenBackground-color: #555555;
--framer-fresco-multiComboBoxTokenBackgroundHover-color: #4a4a4a;
--framer-fresco-comboBoxHighlightedRowTint-color: #0099ff;
--framer-fresco-comboBoxHighlightedRowText-color: #ffffff;
--framer-fresco-comboBoxMenuBackground-color: #2B2B2B;
--framer-fresco-comboBoxItemIcon-color: #777777;
--framer-fresco-comboBoxHighlightUnsaturated-color: #333333;
--framer-fresco-comboBoxMenuBackgroundUnsaturated-color: #222222;
--framer-fresco-iconPadlock-color: #999999;
--framer-fresco-padLockConnector-color: #444444;
--framer-fresco-popoverBackground-color: #2B2B2B;
--framer-fresco-popoverDivider-color: #363636;
--framer-fresco-popoverDescription-color: #888;
--framer-fresco-popupButtonBackground-color: #2B2B2B;
--framer-fresco-popupButtonBorder-color: transparent;
--framer-fresco-popupButtonText-color: #ffffff;
--framer-fresco-popupButtonIcon-color: #999999;
--framer-fresco-popupButtonIconDisabled-color: #777777;
--framer-fresco-popupButtonPreviewIconBackground-color: #444444;
--framer-fresco-popupButtonPreviewIconPrimary-color: #ffffff;
--framer-fresco-popupButtonPreviewIconSecondary-color: #888888;
--framer-fresco-popupButtonWarningText-color: #ffffff;
--framer-fresco-popupButtonWarningBackground-color: #FFAA00;
--framer-fresco-popoutButtonTextPlaceholder-color: #999999;
--framer-fresco-popoutButtonTextDisabled-color: #666666;
--framer-fresco-popoutButtonCursorPlaceholder-color: #666666;
--framer-fresco-popoutButtonCursorIconBackground-color: #666666;
--framer-fresco-popoutButtonCursorIcon-color: rgba(255, 255, 255, .25);
--framer-fresco-popoutButtonCursorBorder-color: rgba(255, 255, 255, .05);
--framer-fresco-radioButtonBackground-color: #555555;
--framer-fresco-radioButtonBackgroundHover-color: #777777;
--framer-fresco-radioButtonLabel-color: #ffffff;
--framer-fresco-radioButtonDescription-color: #aaaaaa;
--framer-fresco-radioButtonLabelDisabled-color: #444444;
--framer-fresco-segmentedControlBackground-color: #2B2B2B;
--framer-fresco-segmentedControlBackgroundDisabled-color: #444444;
--framer-fresco-segmentedControlBorder-color: transparent;
--framer-fresco-segmentedControlItemBackground-color: #2B2B2B;
--framer-fresco-segmentedControlItemBackgroundSelected-color: #555555;
--framer-fresco-segmentedControlItemBackgroundActive-color: #282828;
--framer-fresco-segmentedControlItemText-color: #999999;
--framer-fresco-segmentedControlItemTextHover-color: #bbbbbb;
--framer-fresco-segmentedControlItemTextSelected-color: #ffffff;
--framer-fresco-segmentedControlItemTextSelectedHover-color: #ffffff;
--framer-fresco-segmentedControlDivider-color: #444444;
--framer-fresco-segmentedControlItemTextSelectedUnsaturated-color: #ffffff;
--framer-fresco-tabsText-color: #999999;
--framer-fresco-tabsTextSelected-color: #ffffff;
--framer-fresco-tabsBackgroundSelected-color: #242424;
--framer-fresco-sliderKnob-color: #ffffff;
--framer-fresco-sliderTrack-color: #444444;
--framer-fresco-sliderTrackActive-color: #0099ff;
--framer-fresco-sliderTrackDisabled-color: #333333;
--framer-fresco-spinnerBackground-color: #ffffff;
--framer-fresco-presetIcon-color: #ffffff;
--framer-fresco-presetSelectedColor-color: #ffffff;
--framer-fresco-presetSelectedBackground-color: #2B2B2B;
--framer-fresco-alternativePresetIcon-color: #0099ff;
--framer-fresco-alternativePresetSelectedColor-color: #0099ff;
--framer-fresco-alternativePresetSelectedBackground-color: rgba(0, 153, 255, .15);
--framer-fresco-assetStyleIcon-color: #0099ff;
--framer-fresco-assetComponentIcon-color: #8855ff;
--framer-fresco-assetCodeFileIcon-color: #999999;
--framer-fresco-assetSelectedColor-color: #ffffff;
--framer-fresco-assetSelectedBackground-color: #2B2B2B;
--framer-fresco-gradientStopSliderBorder-color: rgba(255, 255, 255, .1);
--framer-fresco-activeGoogleButtonText-color: #ffffff;
--framer-fresco-activeGoogleSheetIcon-color: #0099ff;
--framer-fresco-maskEmptyGradientStop1-color: #2B2B2B;
--framer-fresco-maskEmptyGradientStop2-color: #555555;
--framer-fresco-colorStyleBorder-color: #ffffff;
--framer-fresco-colorStyleDisabled-color: rgba(255, 255, 255, .05);
--framer-fresco-swatchBorder-color: rgba(255, 255, 255, .15);
--framer-fresco-swatchBorderPlaceholder-color: rgba(255, 255, 255, .05);
--framer-fresco-swatchBackground-color: #3a3a3a;
--framer-fresco-swatchBackgroundPlaceholderForFill-color: #ffffff;
--framer-fresco-swatchBackgroundPlaceholderForBorder-color: #666666;
--framer-fresco-swatchBackgroundPlaceholderForLink-color: #666666;
--framer-fresco-swatchBackgroundForLink-color: #0099ff;
--framer-fresco-swatchBackgroundPlaceholderForFile-color: #666666;
--framer-fresco-swatchBackgroundPlaceholderForShadow-color: rgba(68, 68, 68, .5);
--framer-fresco-swatchBackgroundForComputedValue-color: rgba(255, 255, 255, .3);
--framer-fresco-swatchOverlappingBorder-color: rgba(17, 17, 17, .9);
--framer-fresco-checkboxBackground-color: #555555;
--framer-fresco-checkboxBackgroundActive-color: #777777;
--framer-fresco-checkboxBackgroundChecked-color: #0099ff;
--framer-fresco-checkboxBackgroundCheckedActive-color: #0088ff;
--framer-fresco-checkboxLabel-color: #ffffff;
--framer-fresco-checkboxLabelDisabled-color: #444444;
--framer-fresco-checkboxStroke-color: #ffffff;
--framer-fresco-moreInfoText-color: #eeeeee;
--framer-fresco-moreInfoDisclosureIcon-color: #aaaaaa;
--framer-fresco-toggleBackground-color: #555555;
--framer-fresco-toggleBackgroundChecked-color: #0099ff;
--framer-fresco-toggleBackgroundDisabled-color: #444444;
--framer-fresco-toggleTack-color: #ffffff;
--framer-fresco-toggleTackDisabled-color: #666666;
--framer-fresco-toggleTackBorder-color: rgba(0, 0, 0, .05);
--framer-fresco-toggleTackBorderDisabled-color: transparent;
--framer-fresco-codeEditorBackground-color: #181818;
--framer-fresco-codeEditorInsideModalBackground-color: #2B2B2B;
--framer-fresco-textAreaScrollbar-color: #555555;
--framer-fresco-toolbarIcon-color: #999999;
--framer-fresco-toolbarIconHover-color: #dddddd;
--framer-fresco-toolbarIconActive-color: #0099ff;
--framer-fresco-toolbarTitleText-color: #999999;
--framer-fresco-toolbarInputText-color: #ffffff;
--framer-fresco-toolbarCmsMobileTitle-color: #ffffff;
--framer-fresco-toolbarButtonBackground-color: #333333;
--framer-fresco-toolbarButtonBackgroundActive-color: #ffffff;
--framer-fresco-toolbarButtonBackgroundWarning-color: rgba(255, 187, 0, .2);
--framer-fresco-toolbarButtonBackgroundWarningActive-color: rgba(255, 187, 0, .3);
--framer-fresco-toolbarButtonBackgroundError-color: rgba(255, 51, 85, .2);
--framer-fresco-toolbarButtonBackgroundErrorActive-color: rgba(255, 51, 85, .3);
--framer-fresco-toolbarButtonText-color: #ffffff;
--framer-fresco-toolbarButtonTextActive-color: #000000;
--framer-fresco-toolbarButtonTextWarning-color: #FFCC00;
--framer-fresco-toolbarButtonTextError-color: #FF3355;
--framer-fresco-toolbarLeftPanelToggleText-color: #666666;
--framer-fresco-toolbarLeftPanelToggleTextActive-color: #ffffff;
--framer-fresco-toolbarButtonTextSites-color: #999999;
--framer-fresco-toolbarButtonIconSites-color: #888888;
--framer-fresco-toolbarButtonTextActiveSites-color: #ffffff;
--framer-fresco-toolbarButtonBackgroundActiveSites-color: #333333;
--framer-fresco-toolbarButtonBackgroundTintedSites-color: rgba(0, 153, 255, .15);
--framer-fresco-toolbarPreviewCloseButtonSites-color: #ffffff;
--framer-fresco-toolbarSettingsButtonTextSites-color: #ffffff;
--framer-fresco-toolbarSettingsButtonTextSecondarySites-color: #999999;
--framer-fresco-toolbarSettingsButtonTextActiveSites-color: #222222;
--framer-fresco-toolbarSettingsButtonBackgroundActiveSites-color: #ffffff;
--framer-fresco-toolbarInviteBadgeBackgroundHover-color: #444444;
--framer-fresco-breadcrumbItemText-color: #999999;
--framer-fresco-breadcrumbItemBackground-color: rgba(255, 255, 255, .05);
--framer-fresco-breadcrumbOverlayPlayButton-color: #AD89FF;
--framer-fresco-breadcrumbDraftBadgeText-color: #222222;
--framer-fresco-educationButtonBackground-color: rgba(17, 17, 17, .05);
--framer-fresco-educationButtonText-color: #999999;
--framer-fresco-menuBackground-color: #2B2B2B;
--framer-fresco-menuBackgroundActive-color: #0099ff;
--framer-fresco-menuBackgroundActiveUnsaturated-color: #444444;
--framer-fresco-menuItemWithSubmenuBackgroundActive-color: #444444;
--framer-fresco-menuText-color: #ffffff;
--framer-fresco-menuDescription-color: #999999;
--framer-fresco-menuDescriptionActive-color: rgba(255, 255, 255, .8);
--framer-fresco-menuTextActive-color: #ffffff;
--framer-fresco-menuTextActiveUnsaturated-color: #ffffff;
--framer-fresco-menuSeparator-color: #363636;
--framer-fresco-menuShadow-color: rgba(0, 0, 0, .3);
--framer-fresco-menuBadgeBackground-color: rgba(136, 136, 136, .15);
--framer-fresco-menuBadgeColor-color: #888888;
--framer-fresco-menuBadgeBackgroundActive-color: rgba(255, 255, 255, .3);
--framer-fresco-contextMenuButtonBackgroundHover-color: #444444;
--framer-fresco-contextMenuButtonIcon-color: #999999;
--framer-fresco-contextMenuButtonIconHover-color: #ffffff;
--framer-fresco-pageRowTextActive-color: #ffffff;
--framer-fresco-pageRowBackgroundActive-color: #2B2B2B;
--framer-fresco-pageIconSelected-color: #ffffff;
--framer-fresco-pageContextMenuButtonIconHover-color: #ffffff;
--framer-fresco-pageFolderIconFill-color: rgba(153, 153, 153, .3);
--framer-fresco-layerItemTextDimmed-color: rgba(102, 102, 102, .8);
--framer-fresco-layerItemTextInactive-color: rgba(119, 119, 119, .5);
--framer-fresco-layerItemTextInactiveSelected-color: rgba(255, 255, 255, .5);
--framer-fresco-layerItemIcon-color: #999999;
--framer-fresco-layerItemIconDimmed-color: #6c758c;
--framer-fresco-layerItemIconComponentDimmed-color: #74708c;
--framer-fresco-layerItemIconInactive-color: rgba(102, 102, 102, .5);
--framer-fresco-layerItemIconInactiveSelected-color: rgba(255, 255, 255, .5);
--framer-fresco-layerItemPlaceholderText-color: #999999;
--framer-fresco-layerItemComponentLabel-color: #555555;
--framer-fresco-layerItemComponentLabelSelected-color: #ffffff;
--framer-fresco-layoutPinBackground-color: #888888;
--framer-fresco-canvasBackground-color: #1d1d1d;
--framer-fresco-canvasComponentOverlayEditModeBackground-color: #2A1F41;
--framer-fresco-canvasFrameTitle-color: #666666;
--framer-fresco-canvasFrameOutline-color: rgba(119, 119, 119, .3);
--framer-fresco-canvasFramePreview-color: rgba(119, 119, 119, .1);
--framer-fresco-canvasFramePreviewOutline-color: rgba(119, 119, 119, .3);
--framer-fresco-canvasConnectionLine-color: #555555;
--framer-fresco-canvasArrowInactive-color: #444444;
--framer-fresco-canvasSuggestionOutline-color: rgba(255, 255, 255, .05);
--framer-fresco-canvasSuggestionBackground-color: rgba(255, 255, 255, .04);
--framer-fresco-canvasSuggestionText-color: #999999;
--framer-fresco-rulerBackground-color: #1d1d1d;
--framer-fresco-rulerBorderColor-color: #282828;
--framer-fresco-rulerTickColor-color: #555555;
--framer-fresco-rulerTextColor-color: #666666;
--framer-fresco-rulerFadeOut-color: rgba(46, 46, 46, 0);
--framer-fresco-rulerComponentOverlayEditModeBackground-color: #332455;
--framer-fresco-rulerComponentOverlayEditModeBorderColor-color: rgba(136, 85, 255, .15);
--framer-fresco-rulerComponentOverlayEditModeTextColor-color: rgb(136, 85, 255);
--framer-fresco-rulerComponentOverlayEditModeTickColor-color: rgb(136, 85, 255);
--framer-fresco-rulerComponentOverlayEditModeFadeOut-color: rgba(136, 85, 255, 0);
--framer-fresco-guideColor-color: #00ADAD;
--framer-fresco-guideHighlightColor-color: #0099ff;
--framer-fresco-guideComponentHighlightColor-color: #9966ff;
--framer-fresco-selectionBox-color: rgba(119, 119, 119, .1);
--framer-fresco-selectionBoxOutline-color: rgba(119, 119, 119, .3);
--framer-fresco-selectionBoxBackground-color: rgba(0, 153, 255, .3);
--framer-fresco-selectionBoxComponentBackground-color: rgba(136, 85, 255, .2);
--framer-fresco-snapLine-color: #F5A;
--framer-fresco-snapConstraint-color: #F5A;
--framer-fresco-textEditorOutline-color: #666666;
--framer-fresco-error-color: #EE4444;
--framer-fresco-errorText-color: #ffffff;
--framer-fresco-fatalErrorText-color: #ffffff;
--framer-fresco-codeExportPanelFadeOut-color: rgba(17, 17, 17, 0);
--framer-fresco-codeExportPanelSelection-color: rgba(68, 68, 68, .99);
--framer-fresco-codeExportChipBackground-color: rgba(255, 215, 6, .16);
--framer-fresco-previewSpinnerBackground-color: #ffffff;
--framer-fresco-previewEmptyDocumentText-color: #777777;
--framer-fresco-previewResizeHandles-color: rgba(255, 255, 255, .1);
--framer-fresco-previewResizeHandlesHover-color: rgba(255, 255, 255, .15);
--framer-fresco-tooltipBackground-color: #444444;
--framer-fresco-tooltipIcon-color: #666666;
--framer-fresco-tooltipIconHover-color: #999999;
--framer-fresco-tooltipBackdrop-color: rgba(0, 0, 0, .1);
--framer-fresco-tooltipInsert-color: #2B2B2B;
--framer-fresco-badgeBackground-color: rgba(0, 153, 255, .15);
--framer-fresco-warningBadgeBackground-color: rgba(255, 170, 0, .15);
--framer-fresco-errorBadgeBackground-color: rgba(255, 51, 85, .15);
--framer-fresco-neutralBadgeBackground-color: rgba(204, 204, 204, .1);
--framer-fresco-neutralBadgeColor-color: #cccccc;
--framer-fresco-timeBadgeBackground-color: rgba(170, 170, 170, .15);
--framer-fresco-highlightBadgeBackground-color: rgba(255, 255, 255, .3);
--framer-fresco-domainVoucherBadgeIconBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-inactiveAvatarBackground-color: #888888;
--framer-fresco-formRedirectLinkIcon-color: #666666;
--framer-fresco-feedbackSidebarBackground-color: #111111;
--framer-fresco-feedbackPrimaryText-color: #ffffff;
--framer-fresco-feedbackSecondaryText-color: #777777;
--framer-fresco-feedbackTertiaryText-color: #999999;
--framer-fresco-feedbackFormButtonBackground-color: #2B2B2B;
--framer-fresco-feedbackFormButtonFloatingBackground-color: #3a3a3a;
--framer-fresco-feedbackFormButtonFill-color: #777777;
--framer-fresco-feedbackFormButtonSubmitFocus-color: #0066ff;
--framer-fresco-feedbackFormButtonFocus-color: #444444;
--framer-fresco-feedbackFormBackground-color: #111111;
--framer-fresco-feedbackFormPlaceholder-color: #777777;
--framer-fresco-feedbackDivider-color: #252525;
--framer-fresco-feedbackLabelBackground-color: #2B2B2B;
--framer-fresco-feedbackHasRepliesBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-feedbackDisclosureBackground-color: #2B2B2B;
--framer-fresco-feedbackDisclosureFill-color: #777777;
--framer-fresco-emptyStateIcon-color: #aaaaaa;
--framer-fresco-emptyStateCardBackground-color: #2B2B2B;
--framer-fresco-emptyStateTitle-color: #ffffff;
--framer-fresco-emptyStateBodyText-color: #999999;
--framer-fresco-emptyStateBodyTextForSites-color: #999999;
--framer-fresco-emptyStateBodyTextForAdvancedHosting-color: #777777;
--framer-fresco-emptyStateInputShape-color: #181818;
--framer-fresco-emptyStateTextShape-color: #222222;
--framer-fresco-errorStateIconColor-color: #999999;
--framer-fresco-errorStateCodeText-color: #999999;
--framer-fresco-errorStateCodeBackground-color: #252525;
--framer-fresco-errorStateTitleText-color: #ffffff;
--framer-fresco-errorStateDescriptionText-color: #cccccc;
--framer-fresco-dashboardHeadingLink-color: #888888;
--framer-fresco-dashboardHeadingLinkHover-color: #ffffff;
--framer-fresco-dashboardItemIcon-color: #ffffff;
--framer-fresco-dashboardSearchPlaceholder-color: #666666;
--framer-fresco-dashboardMoreButtonIcon-color: #666666;
--framer-fresco-dashboardEmptyState-color: #222222;
--framer-fresco-dashboardEmptyStateTitle-color: #ffffff;
--framer-fresco-dashboardEmptyStateSubtitle-color: #999999;
--framer-fresco-dashboardCardInfoText-color: #ffffff;
--framer-fresco-dashboardCardInfoSpanText-color: rgba(255, 255, 255, .4);
--framer-fresco-dashboardContentBackground-color: #111111;
--framer-fresco-nonFullWidthDashboardContentBackground-color: #252525;
--framer-fresco-dashboardProjectThumbnailPlaceholderLogo-color: #777777;
--framer-fresco-dashboardCustomThumbnailButton-color: rgba(255, 255, 255, .07);
--framer-fresco-dashboardCustomThumbnailButtonHover-color: rgba(255, 255, 255, .05);
--framer-fresco-dashboardCustomThumbnailButtonActive-color: rgba(255, 255, 255, .03);
--framer-fresco-dashboardSearchWorkspaceTitle-color: #ffffff;
--framer-fresco-dashboardSearchWorkspaceTag-color: #888888;
--framer-fresco-dashboardIcon-color: #999999;
--framer-fresco-dashboardIconHover-color: #bababa;
--framer-fresco-dashboardProjectThumbnailBorder-color: rgba(255, 255, 255, .05);
--framer-fresco-dashboardProjectThumbnailBackground-color: #181818;
--framer-fresco-dashboardProjectFocusedBorder-color: rgba(153, 153, 153, .5);
--framer-fresco-dashboardSidebarBackground-color: #111111;
--framer-fresco-dashboardSidebarTitle-color: #ffffff;
--framer-fresco-dashboardSidebarText-color: #999999;
--framer-fresco-dashboardSidebarTextDimmed-color: #555555;
--framer-fresco-dashboardSidebarTextHover-color: #bababa;
--framer-fresco-dashboardSidebarDivider-color: #252525;
--framer-fresco-dashboardSidebarActions-color: #888888;
--framer-fresco-dashboardSidebarJoinTeamButton-color: #222222;
--framer-fresco-dashboardSidebarJoinTeamButtonHover-color: #1d1d1d;
--framer-fresco-dashboardSidebarUpgradeCardBackground-color: #222222;
--framer-fresco-dashboardSidebarUpgradeCardText-color: #666666;
--framer-fresco-dashboardSidebarActive-color: #ffffff;
--framer-fresco-dashboardSidebarActiveBackground-color: #2B2B2B;
--framer-fresco-dashboardSidebarDismissIcon-color: #ffffff;
--framer-fresco-dashboardSidebarBorder-color: #252525;
--framer-fresco-dashboardSidebarIcon-color: #999999;
--framer-fresco-dashboardSidebarIconHover-color: #bababa;
--framer-fresco-dashboardSidebarViewCount-color: #999999;
--framer-fresco-dashboardSidebarSearchBackground-color: #222222;
--framer-fresco-dashboardSidebarSearchShadow-color: rgba(0, 0, 0, .1);
--framer-fresco-dashboardSidebarSearchTitle-color: #ffffff;
--framer-fresco-dashboardSidebarSearchPreviewBorder-color: #404040;
--framer-fresco-dashboardSidebarSearchPreviewBackground-color: #333333;
--framer-fresco-dashboardSidebarInviteIcon-color: #777777;
--framer-fresco-dashboardTopBarBackground-color: #111111;
--framer-fresco-dashboardTopBarBorder-color: #252525;
--framer-fresco-badgeFreeWorkspaceBackground-color: rgba(136, 136, 136, .15);
--framer-fresco-badgeFreeWorkspaceText-color: #888888;
--framer-fresco-badgeLiteWorkspaceBackground-color: rgba(136, 136, 136, .15);
--framer-fresco-badgeLiteWorkspaceText-color: #888888;
--framer-fresco-badgeBasicWorkspaceBackground-color: rgba(0, 153, 255, .15);
--framer-fresco-badgeBasicWorkspaceText-color: #0099ff;
--framer-fresco-badgeEnterpriseWorkspaceBackground-color: rgba(136, 136, 136, .15);
--framer-fresco-badgeEnterpriseWorkspaceText-color: #888888;
--framer-fresco-badgeLegacyWorkspaceBackground-color: rgba(136, 136, 136, .15);
--framer-fresco-badgeLegacyWorkspaceText-color: #888888;
--framer-fresco-badgeGuestWorkspaceBackground-color: rgba(136, 136, 136, .15);
--framer-fresco-badgeGuestWorkspaceText-color: #888888;
--framer-fresco-badgeBusinessWorkspaceBackground-color: rgba(153, 102, 255, .15);
--framer-fresco-badgeBusinessWorkspaceText-color: #9966ff;
--framer-fresco-projectMenuButtonBackground-color: #333333;
--framer-fresco-projectMenuButtonText-color: #ffffff;
--framer-fresco-projectMenuButtonShadow-color: 0px 2px 4px 0px rgba(0, 0, 0, .2);
--framer-fresco-customSearchBackground-color: #2B2B2B;
--framer-fresco-customSearchText-color: #999999;
--framer-fresco-customSearchIcon-color: #999999;
--framer-fresco-customSearchTextWhileTyping-color: #ffffff;
--framer-fresco-dashboardLearnPlayBackground-color: #ffffff;
--framer-fresco-dashboardLearnPlayIcon-color: #000000;
--framer-fresco-dashboardLearnTitle-color: #ffffff;
--framer-fresco-dashboardNewProjectModalDivider-color: #2B2B2B;
--framer-fresco-dashboardNewProjectModalTitle-color: #ffffff;
--framer-fresco-dashboardNewProjectCardModalBackground-color: #2B2B2B;
--framer-fresco-dashboardNewProjectCardModalBackgroundBlank-color: #363636;
--framer-fresco-dashboardNewProjectModalCardContent-color: #dddddd;
--framer-fresco-dashboardInfoBannerColor-color: #ffffff;
--framer-fresco-dashboardInfoBannerBackground-color: #333333;
--framer-fresco-dashboardInfoBannerButton-color: #444444;
--framer-fresco-dashboardInfoBannerButtonHover-color: #555555;
--framer-fresco-advancedHostingBackground-color: #111111;
--framer-fresco-advancedHostingTitle-color: #ffffff;
--framer-fresco-advancedHostingSubheading-color: #888888;
--framer-fresco-advancedHostingDescription-color: #777777;
--framer-fresco-advancedHostingText-color: #999999;
--framer-fresco-advancedHostingTableHeader-color: #777777;
--framer-fresco-advancedHostingBorder-color: #252525;
--framer-fresco-advancedHostingTableItem-color: #cccccc;
--framer-fresco-advancedHostingTableIcon-color: #999999;
--framer-fresco-advancedHostingTableDragHandle-color: #444444;
--framer-fresco-advancedHostingFilterColor-color: #999999;
--framer-fresco-advancedHostingExpandDomainsButton-color: #888888;
--framer-fresco-advancedHostingConnectionLabelBackground-color: rgba(0, 153, 255, .15);
--framer-fresco-advancedHostingConnectionLabelText-color: #0099ff;
--framer-fresco-advancedHostingPendingLabelBackground-color: rgba(153, 153, 153, .15);
--framer-fresco-advancedHostingStatusBlockText-color: #999999;
--framer-fresco-advancedHostingPendingLabelText-color: #999999;
--framer-fresco-advancedHostingRowSubLabel-color: #777777;
--framer-fresco-advancedHostingPreviewThumbnailBorder-color: rgba(255, 255, 255, .05);
--framer-fresco-advancedHostingAnalyticsSubheading-color: #999999;
--framer-fresco-advancedHostingAnalyticsGradientColor-color: #111111;
--framer-fresco-advancedHostingTooltipTint-color: #0088ff;
--framer-fresco-advancedHostingInfoIcon-color: #777777;
--framer-fresco-advancedHostingInfoIconHover-color: #999999;
--framer-fresco-advancedHostingToggleDescription-color: #999999;
--framer-fresco-upgradeFromDashboardLinkHover-color: #181818;
--framer-fresco-settingsModalBackground-color: #1d1d1d;
--framer-fresco-settingsModalTeamMemberRole-color: #cccccc;
--framer-fresco-settingsModalTeamSearchIcon-color: #999999;
--framer-fresco-settingsModalTeamRegenerateLinkIcon-color: #ffffff;
--framer-fresco-settingsModalText-color: #cccccc;
--framer-fresco-settingsModalTextDimmed-color: #aaaaaa;
--framer-fresco-settingsModalDivider-color: #2B2B2B;
--framer-fresco-settingsModalLabel-color: #ffffff;
--framer-fresco-settingsModalNavigationLink-color: #cccccc;
--framer-fresco-settingsModalNavigationIcon-color: #999999;
--framer-fresco-settingsModalNavigationLinkHover-color: #aaaaaa;
--framer-fresco-settingsModalTitle-color: #ffffff;
--framer-fresco-settingsModalPlanEmptyEditorsAvatar-color: #333333;
--framer-fresco-settingsModalPlanEmptyEditorsAvatarText-color: #ffffff;
--framer-fresco-settingsModalPlanCardBackground-color: #2B2B2B;
--framer-fresco-settingsModalFontDeleteIcon-color: #aaaaaa;
--framer-fresco-settingsModalTeamSearchFilterButtonActiveBackground-color: #ffffff;
--framer-fresco-settingsModalTeamSearchFilterButtonActiveText-color: #333333;
--framer-fresco-settingsModalTeamSearchFilterTagBackground-color: #333333;
--framer-fresco-settingsModalTeamSearchFilterTagText-color: #ffffff;
--framer-fresco-settingsModalPlansEditorsCount-color: #999999;
--framer-fresco-settingsModalPlanMoreButton-color: #aaaaaa;
--framer-fresco-settingsModalTitleBorder-color: #2B2B2B;
--framer-fresco-settingsModalBillingDetails-color: #999999;
--framer-fresco-settingsModalRemoveAvatarButton-color: #333333;
--framer-fresco-settingsModalSessionsIcons-color: #444444;
--framer-fresco-settingsModalCancelIcon-color: #999999;
--framer-fresco-settingsHeaderText-color: #999999;
--framer-fresco-selectProjectToUpgradeModalHover-color: #2B2B2B;
--framer-fresco-selectProjectToUpgradePrimary-color: #ffffff;
--framer-fresco-activeAccountSettingsLink-color: #ffffff;
--framer-fresco-activeAccountSettingsBackground-color: #2B2B2B;
--framer-fresco-organizationTextDimmed-color: #aaaaaa;
--framer-fresco-organizationMemberRowHover-color: #222222;
--framer-fresco-organizationMemberDetailBackButton-color: #ffffff;
--framer-fresco-organizationMemberDetailSubtitle-color: #ffffff;
--framer-fresco-organizationInviteRoleMenu-color: #ffffff;
--framer-fresco-organizationMemberName-color: #ffffff;
--framer-fresco-organizationNoteBackground-color: #2B2B2B;
--framer-fresco-organizationDetailTitle-color: #ffffff;
--framer-fresco-invitePopoverBackground-color: #111111;
--framer-fresco-invitePopoverSelectedMenuRow-color: #2B2B2B;
--framer-fresco-confirmationModalDescription-color: #cccccc;
--framer-fresco-buttonSheetBackground-color: #2B2B2B;
--framer-fresco-buttonSheetDivider-color: #333333;
--framer-fresco-buttonSheetText-color: #8e8e8e;
--framer-fresco-insertPanelNeutralIconBackground-color: #ffffff;
--framer-fresco-insertPanelNeutralIconForeground-color: #000000;
--framer-fresco-insertPanelGrayIcon-color: #333333;
--framer-fresco-insertPanelOrangeIcon-color: #ff8822;
--framer-fresco-insertPanelYellowIcon-color: #FFBB00;
--framer-fresco-insertPanelCyanIcon-color: #28D4D4;
--framer-fresco-insertPanelGreenIcon-color: #14D934;
--framer-fresco-insertPanelRedIcon-color: #FF5D38;
--framer-fresco-insertPanelPurpleIcon-color: #8855ff;
--framer-fresco-insertPanelGridItem-color: #222222;
--framer-fresco-wireframerAssistantAvatarBackground-color: #ffffff;
--framer-fresco-wireframerAssistantAvatarForeground-color: #000000;
--framer-fresco-wireframerAssistantName-color: #ffffff;
--framer-fresco-wireframerAssistantPlan-color: #999999;
--framer-fresco-wireframerAssistantPlanActive-color: #ffffff;
--framer-fresco-wireframerAssistantPlanDisabled-color: #666666;
--framer-fresco-wireframerAssistantVideoLink-color: #ffffff;
--framer-fresco-wireframerAssistantVideoLinkUnderline-color: rgba(255, 255, 255, .1);
--framer-fresco-wireframerAssistantMessageSelection-color: rgba(255, 255, 255, .15);
--framer-fresco-wireframerSendMessageButtonBackground-color: #555555;
--framer-fresco-wireframerSendMessageButtonBackgroundDisabled-color: #444444;
--framer-fresco-wireframerSendMessageButtonForeground-color: #ffffff;
--framer-fresco-wireframerSendMessageButtonForegroundDisabled-color: #999999;
--framer-fresco-wireframerSuggestionIcon-color: #999999;
--framer-fresco-wireframerSuggestionIconHover-color: #ffffff;
--framer-fresco-wireframerSuggestionButtonBackground-color: #111111;
--framer-fresco-wireframerSuggestionButtonForeground-color: #999999;
--framer-fresco-wireframerSuggestionButtonForegroundHover-color: #ffffff;
--framer-fresco-wireframerSuggestionButtonBorder-color: rgba(255, 255, 255, .05);
--framer-fresco-agentButtonPrimaryBackground-color: #ffffff;
--framer-fresco-agentButtonPrimaryForeground-color: #000000;
--framer-fresco-agentButtonSecondaryBackground-color: #2B2B2B;
--framer-fresco-agentButtonSecondaryForeground-color: #ffffff;
--framer-fresco-agentButtonTertiaryBackground-color: #333333;
--framer-fresco-agentButtonTertiaryForeground-color: #ffffff;
--framer-fresco-agentButtonOutlineBackground-color: rgba(255, 255, 255, .08);
--framer-fresco-agentButtonOutlineForeground-color: #999999;
--framer-fresco-agentButtonDisabledBackground-color: #222222;
--framer-fresco-agentButtonDisabledForeground-color: rgba(255, 255, 255, .5);
--framer-fresco-agentButtonChatBackground-color: #333333;
--framer-fresco-agentButtonChatForeground-color: #ffffff;
--framer-fresco-agentButtonChatDisabledBackground-color: #333333;
--framer-fresco-agentButtonChatDisabledForeground-color: #999999;
--framer-fresco-agentLogsText-color: #444444;
--framer-fresco-agentLogsTextActive-color: #ffffff;
--framer-fresco-agentLogsTextError-color: #999999;
--framer-fresco-agentBorder-color: rgba(255, 255, 255, .08);
--framer-fresco-agentInput-color: #1f1f1f;
--framer-fresco-agentInputPlaceholder-color: #666666;
--framer-fresco-agentInputBorder-color: rgba(255, 255, 255, .07);
--framer-fresco-agentFeedbackThreadBackground-color: #111111;
--framer-fresco-agentFeedbackCommentDisclosureFill-color: #777777;
--framer-fresco-agentFeedbackCommentDisclosureFillActive-color: #ffffff;
--framer-fresco-agentFeedbackCommentPrimary-color: #ffffff;
--framer-fresco-agentFeedbackCommentSecondary-color: #999999;
--framer-fresco-agentFeedbackCommentTertiary-color: #666666;
--framer-fresco-agentFeedbackThreadDivider-color: rgba(255, 255, 255, .06);
--framer-fresco-agentFeedbackThreadReplyIconBorder-color: rgba(255, 255, 255, .08);
--framer-fresco-agentFeedbackThreadReplyIcon-color: #666666;
--framer-fresco-agentFeedbackThreadResolveForeground-color: #ffffff;
--framer-fresco-agentError-color: #FF2200;
--framer-fresco-agentOperationsSummary-color: #666666;
--framer-fresco-kitBadgeBackground-color: rgba(0, 153, 255, .05);
--framer-fresco-kitBadgeForeground-color: #0099ff;
--framer-fresco-defaultKitIconBackground-color: #000000;
--framer-fresco-defaultKitIconForeground-color: #ffffff;
--framer-fresco-defaultKitIconBorder-color: rgba(255, 255, 255, .05);
--framer-fresco-kitsWelcomeModalText-color: #aaaaaa;
--framer-fresco-dashboardTableBodyText-color: #f5f5f5;
--framer-fresco-toastBackground-color: #111111;
--framer-fresco-toastBackgroundPrimary-color: #0099ff;
--framer-fresco-toastIcon-color: #888888;
--framer-fresco-toastTextPrimary-color: #ffffff;
--framer-fresco-toastBackgroundSites-color: #222222;
--framer-fresco-toastText-color: #ffffff;
--framer-fresco-toastSecondaryTextSites-color: #999999;
--framer-fresco-toastIconSites-color: #0099ff;
--framer-fresco-toastButtonBackgroundProminent-color: #ffffff;
--framer-fresco-toastButtonBackgroundProminentHover-color: rgba(255, 255, 255, .9);
--framer-fresco-expiredTrialBanner-color: #111111;
--framer-fresco-stylesPresetsIconBackground-color: #666666;
--framer-fresco-stylesPresetsIconText-color: #ffffff;
--framer-fresco-stylesPresetsButtonBackground-color: #2B2B2B;
--framer-fresco-stylesPresetsButtonBackgroundHover-color: #282828;
--framer-fresco-shortcutsModalListTitle-color: #999999;
--framer-fresco-shortcutsModalActionButton-color: #888888;
--framer-fresco-shortcutsModalDivider-color: #444444;
--framer-fresco-shortcutsModalKeyBackground-color: #555555;
--framer-fresco-loaderPrimary-color: #181818;
--framer-fresco-loaderSecondary-color: #222222;
--framer-fresco-upsellCTAText-color: #ffffff;
--framer-fresco-upsellCTAButtonBackground-color: #ffffff;
--framer-fresco-upsellCTAButtonBackgroundHover-color: #eeeeee;
--framer-fresco-teamCreationModalBackground-color: #1d1d1d;
--framer-fresco-teamCreationCloseIcon-color: #888888;
--framer-fresco-teamCreationText-color: #fdfdfd;
--framer-fresco-teamCreationTextDimmed-color: #999999;
--framer-fresco-teamCreationNavigation-color: #2B2B2B;
--framer-fresco-teamCreationNavigationActive-color: #0099ff;
--framer-fresco-teamCreationBenefitIcon-color: #0099ff;
--framer-fresco-teamCreationBenefitDivider-color: #333333;
--framer-fresco-errorBoundaryDescription-color: #aaaaaa;
--framer-fresco-highlightsBorder-color: #0099ff;
--framer-fresco-highlightsBackground-color: rgba(0, 153, 255, .2);
--framer-fresco-aiHighlightBorder-color: #0099ff;
--framer-fresco-aiHighlightPulseOn-color: rgba(0, 153, 255, .6);
--framer-fresco-aiHighlightPulseOff-color: rgba(0, 153, 255, 0);
--framer-fresco-onPageHighlightBorder-color: rgba(0, 153, 255, .8);
--framer-fresco-onPageHighlightBorderDragging-color: rgba(0, 153, 255, .2);
--framer-fresco-onPageHighlightBackground-color: rgba(0, 153, 255, .2);
--framer-fresco-componentProgressOverlayBackground-color: #E6E2EF;
--framer-fresco-componentProgressOverlayBorder-color: #E6E2EF;
--framer-fresco-componentProgressOverlayTitle-color: #8855ff;
--framer-fresco-statusBarCustomerBetaBackground-color: #6666ff;
--framer-fresco-statusBarCustomerBetaText-color: #ffffff;
--framer-fresco-statusBarTunnelText-color: #ffffff;
--framer-fresco-statusBarTunnelBackground-color: #ff8822;
--framer-fresco-statusBarProductionTunnelBackground-color: #ff2424;
--framer-fresco-statusBarEmployeeBetaBackground-color: #111111;
--framer-fresco-statusBarEmployeeBetaText-color: #fdfdfd;
--framer-fresco-statusBarPreviewLinkBackground-color: linear-gradient(90deg, rgba(0, 238, 255, 1) 0%, rgba(0, 51, 255, 1) 100%);
--framer-fresco-statusBarPreviewLinkText-color: #ffffff;
--framer-fresco-statusBarStableBackground-color: #22cc88;
--framer-fresco-statusBarStableText-color: #ffffff;
--framer-fresco-projectTransferModalText-color: #aaaaaa;
--framer-fresco-userTestButtonBackground-color: #333333;
--framer-fresco-userTestButtonBackgroundHover-color: #282828;
--framer-fresco-userTestText-color: #cccccc;
--framer-fresco-userTestDivider-color: #333333;
--framer-fresco-informationIcon-color: #666666;
--framer-fresco-stackGapHandleTint-color: #FF00F5;
--framer-fresco-stackGapHandleBackground-color: rgba(255, 0, 245, .05);
--framer-fresco-stackItemHighlight-color: rgba(0, 153, 255, .2);
--framer-fresco-publishHostname-color: #ccc;
--framer-fresco-publishHostnameHover-color: #fff;
--framer-fresco-publishDescription-color: #888;
--framer-fresco-publishDescriptionHover-color: #ccc;
--framer-fresco-publishWarning-color: #ffaa22;
--framer-fresco-publishWarningHover-color: #ff9900;
--framer-fresco-publishPopoverDivider-color: #3a3a3a;
--framer-fresco-publishChangeLogTitleLoading-color: #999999;
--framer-fresco-publishPopoverInfoCardBackground-color: #363636;
--framer-fresco-publishPopoverTooltipTitle-color: #ffffff;
--framer-fresco-publishPopoverTooltipDescription-color: #999999;
--framer-fresco-publishPopoverHostname-color: #f6f6f6;
--framer-fresco-publishChangeLogIcon-color: #999999;
--framer-fresco-publishChangeLogAvatarPlaceholder-color: #363636;
--framer-fresco-miniPageLimitsTooltipButton-color: rgba(255, 255, 255, .2);
--framer-fresco-miniPageLimitsTooltipButtonHover-color: rgba(255, 255, 255, .3);
--framer-fresco-miniPageLimitsTooltipButtonActive-color: rgba(255, 255, 255, .1);
--framer-fresco-openTypePopoutGradientColor-color: linear-gradient(to bottom, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, .1) 20%, rgba(17, 17, 17, .3) 40%, rgba(17, 17, 17, .5) 60%, rgba(17, 17, 17, .7) 80%, rgba(17, 17, 17, .8) 100%);
--framer-fresco-settingsText-color: #eeeeee;
--framer-fresco-settingsDescription-color: #999999;
--framer-fresco-settingsContainerBackground-color: #111111;
--framer-fresco-settingsContainerBorder-color: rgba(0, 0, 0, .05);
--framer-fresco-settingsContainerTitle-color: #ffffff;
--framer-fresco-settingsGridBorder-color: #3a3a3a;
--framer-fresco-settingsGridTitle-color: #aaaaaa;
--framer-fresco-settingsGridContent-color: #cccccc;
--framer-fresco-settingsGridDescription-color: #999999;
--framer-fresco-settingsGridBackgroundActive-color: #282828;
--framer-fresco-settingsPlaceholder-color: #666666;
--framer-fresco-settingsImageBackground-color: #2B2B2B;
--framer-fresco-settingsImagePreviewBorder-color: rgba(255, 255, 255, .1);
--framer-fresco-settingsImageClearButtonBackground-color: #555555;
--framer-fresco-settingsImageClearButtonForeground-color: #ffffff;
--framer-fresco-settingsSearchResultPreviewBorder-color: #252525;
--framer-fresco-settingsSearchResultPreviewTitle-color: #8ab4f8;
--framer-fresco-settingsSearchResultPreviewDescription-color: #eeeeee;
--framer-fresco-settingsSearchResultPreviewDomain-color: #999999;
--framer-fresco-settingsFormsSectionDescription-color: #999999;
--framer-fresco-settingsFormsUsageDescription-color: #666666;
--framer-fresco-siteSettingsBorderSectionDivider-color: #222222;
--framer-fresco-dnsTableHeaderBackground-color: #2B2B2B;
--framer-fresco-dnsTableHeaderText-color: #ffffff;
--framer-fresco-dnsTableBorder-color: #2B2B2B;
--framer-fresco-dnsTableText-color: #aaaaaa;
--framer-fresco-dnsTableIcon-color: #999999;
--framer-fresco-breakpointTitle-color: #999999;
--framer-fresco-breakpointTitleBackground-color: rgba(153, 153, 153, .1);
--framer-fresco-breakpointTitleBackgroundPrimary-color: rgba(0, 153, 255, .1);
--framer-fresco-breakpointPlayButtonBackground-color: #666666;
--framer-fresco-breakpointCreationButtonBackground-color: #444444;
--framer-fresco-breakpointCreationButtonBackgroundPrimary-color: rgba(0, 153, 255, .15);
--framer-fresco-breakpointCreationButtonIcon-color: #999999;
--framer-fresco-breakpointCreationButtonBackgroundActive-color: #0099ff;
--framer-fresco-breakpointCreationButtonIconActive-color: #ffffff;
--framer-fresco-analyticsBackground-color: #111111;
--framer-fresco-analyticsBackgroundTransparent-color: rgba(17, 17, 17, .75);
--framer-fresco-analyticsBarFill-color: #2B2B2B;
--framer-fresco-analyticsBorderTransparent-color: rgba(255, 255, 255, .05);
--framer-fresco-analyticsScreenshotBackground-color: #1f1f1f;
--framer-fresco-analyticsScreenshotLogo-color: #404040;
--framer-fresco-analyticsScreenshotBorder-color: rgba(255, 255, 255, .08);
--framer-fresco-analyticsPrimary-color: #ffffff;
--framer-fresco-analyticsSecondary-color: #cccccc;
--framer-fresco-analyticsTertiary-color: #999999;
--framer-fresco-analyticsBottomLine-color: #222222;
--framer-fresco-analyticsNoDataText-color: rgba(153, 153, 153, .5);
--framer-fresco-analyticsAccent-color: #252525;
--framer-fresco-analyticsIconAccent-color: rgba(153, 153, 153, .5);
--framer-fresco-analyticsTint-color: #0099ff;
--framer-fresco-analyticsTintBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-analyticsPopoutBackground-color: #161616;
--framer-fresco-analyticsAbTestVariant1-color: #3A92FD;
--framer-fresco-analyticsAbTestVariant1Dimmed-color: rgba(58, 146, 253, .2);
--framer-fresco-analyticsAbTestVariant2-color: #9869FD;
--framer-fresco-analyticsAbTestVariant2Dimmed-color: rgba(152, 105, 253, .2);
--framer-fresco-analyticsAbTestVariant3-color: #2AD4D4;
--framer-fresco-analyticsAbTestVariant3Dimmed-color: rgba(42, 212, 212, .2);
--framer-fresco-analyticsAbTestVariant4-color: #FF8922;
--framer-fresco-analyticsAbTestVariant4Dimmed-color: rgba(255, 137, 34, .2);
--framer-fresco-analyticsAbTestVariant5-color: #FFBB00;
--framer-fresco-analyticsAbTestVariant5Dimmed-color: rgba(255, 187, 0, .2);
--framer-fresco-sitePlansCopy-color: #999999;
--framer-fresco-sitePlansHighlight-color: #ffffff;
--framer-fresco-plansSelectedCard-color: #161616;
--framer-fresco-plansInfoFrameBorder-color: #252525;
--framer-fresco-plansBannerText-color: #cccccc;
--framer-fresco-plansCardTitle-color: #fafafa;
--framer-fresco-plansLineItemDescription-color: #999999;
--framer-fresco-plansCtaDisabled-color: #333333;
--framer-fresco-plansCollaborators-color: #161616;
--framer-fresco-plansPlusIcon-color: #333333;
--framer-fresco-plansAddonsBox-color: #2B2B2B;
--framer-fresco-plansEnterpriseParagraphColor-color: #cccccc;
--framer-fresco-plansEnterpriseIconBackgroundColor-color: rgba(187, 187, 187, .1);
--framer-fresco-plansEnterpriseIconColor-color: #cccccc;
--framer-fresco-freeSiteColor-color: #888888;
--framer-fresco-freeSiteBackground-color: rgba(136, 136, 136, .1);
--framer-fresco-miniSiteColor-color: #00CCFF;
--framer-fresco-miniSiteBackground-color: rgba(0, 204, 255, .1);
--framer-fresco-basicSiteColor-color: #0099ff;
--framer-fresco-basicSiteBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-proSiteColor-color: #0066ff;
--framer-fresco-proSiteBackground-color: rgba(0, 102, 255, .1);
--framer-fresco-scaleupSiteColor-color: #9966ff;
--framer-fresco-scaleupSiteBackground-color: rgba(153, 102, 255, .15);
--framer-fresco-startupSiteColor-color: #9966ff;
--framer-fresco-startupSiteBackground-color: rgba(153, 102, 255, .15);
--framer-fresco-enterpriseSiteColor-color: #888888;
--framer-fresco-enterpriseSiteBackground-color: rgba(136, 136, 136, .1);
--framer-fresco-planCardBackgroundColor-color: #111111;
--framer-fresco-planCardBackgroundGradientStartColor-color: #252525;
--framer-fresco-planCardBackgroundGradientEndColor-color: #111111;
--framer-fresco-planCardBusinessBackgroundGradientStartColor-color: #5500FF30;
--framer-fresco-planCardBusinessBackgroundGradientEndColor-color: rgba(255, 255, 255, 0);
--framer-fresco-planCardGridShadowColorStart-color: #111111;
--framer-fresco-planCardGridShadowColorEnd-color: rgba(255, 255, 255, 0);
--framer-fresco-planCardPersonalBackgroundGradientStartColor-color: rgba(0, 85, 255, .3);
--framer-fresco-planTypeToggleItemBussinessTextSelected-color: #ffffff;
--framer-fresco-planCardPersonalBackgroundGradientEndColor-color: #111111;
--framer-fresco-planCardBorderColor-color: rgba(255, 255, 255, .05);
--framer-fresco-planTypeToggleItemBussinessTextSelectedHover-color: #ffffff;
--framer-fresco-planCardPersonalButtonColor-color: rgba(0, 85, 255, .2);
--framer-fresco-planCardPersonalButtonBorderColor-color: rgba(0, 85, 255, .05);
--framer-fresco-planCardPersonalButtonColorText-color: #0099ff;
--framer-fresco-planCardBusinessButtonColor-color: #9966ff;
--framer-fresco-planCardBusinessCurrentPlanButtonColor-color: rgba(136, 85, 255, .1);
--framer-fresco-planCardBusinessButtonBorderColor-color: rgba(136, 85, 255, .1);
--framer-fresco-planCardBusinessButtonColorHover-color: #7733ff;
--framer-fresco-planCardBusinessButtonColorShadow-color: rgba(136, 85, 255, .3);
--framer-fresco-planCardBusinessButtonColorShadowHover-color: rgba(119, 51, 255, .3);
--framer-fresco-planCardBusinessButtonColorText-color: #8855ff;
--framer-fresco-planCardTextColor-color: #ffffff;
--framer-fresco-planCardTextDescriptionColor-color: #999999;
--framer-fresco-planCardBorder-color: rgba(255, 255, 255, .05);
--framer-fresco-planCardBillingToggleActiveBackground-color: rgba(0, 153, 255, .3);
--framer-fresco-planCardBackgroundGradientStop1-color: #1A1A1A;
--framer-fresco-planCardBackgroundGradientStop2-color: rgb(17, 17, 17);
--framer-fresco-planCardHighlightedBorder-color: rgba(0, 153, 255, .07);
--framer-fresco-planCardHighlightedBackgroundGradientStop1-color: rgba(0, 102, 255, .4);
--framer-fresco-planCardHighlightedBackgroundGradientStop2-color: rgba(0, 22, 66, .3);
--framer-fresco-planCardHighlightedBackgroundGradientStop3-color: rgba(17, 17, 17, 0);
--framer-fresco-badgeCurrentPlanTypeBackgroundColor-color: rgba(0, 153, 255, .25);
--framer-fresco-previewContainerBackgroundColor-color: #1A1A1A;
--framer-fresco-previewContainerDividerColor-color: #333333;
--framer-fresco-previewContainerTextColor-color: #ffffff;
--framer-fresco-previewPeriodTabsBorderColor-color: #333333;
--framer-fresco-cmsTableSearchIcon-color: #666666;
--framer-fresco-cmsTableFileIcon-color: #666666;
--framer-fresco-cmsTableText-color: #666666;
--framer-fresco-cmsTableTextActive-color: #ffffff;
--framer-fresco-cmsTableFirstColumnText-color: #999999;
--framer-fresco-cmsTableHeaderText-color: #666666;
--framer-fresco-cmsTableSelectedRowBackground-color: #161616;
--framer-fresco-cmsRichTextTableBorder-color: #444444;
--framer-fresco-cmsRichTextTableCellContextMenuButtonIcon-color: #666666;
--framer-fresco-cmsRichTextTableHeaderBackground-color: #2B2B2B;
--framer-fresco-cmsRichTextTableHeaderText-color: #ffffff;
--framer-fresco-cmsRichTextTableText-color: #999999;
--framer-fresco-cmsRichTextToolbarItemText-color: #888888;
--framer-fresco-cmsRichTextToolbarItemActiveText-color: #ffffff;
--framer-fresco-cmsRichTextToolbarItemBackground-color: rgba(255, 255, 255, .08);
--framer-fresco-cmsRichTextToolbarGroupBackground-color: rgba(255, 255, 255, .08);
--framer-fresco-cmsRichTextToolbarGroupBackgroundDisabled-color: rgba(255, 255, 255, .08);
--framer-fresco-cmsRichTextDropCursor-color: #0099ff;
--framer-fresco-cmsRichTextBackground-color: rgba(255, 255, 255, .08);
--framer-fresco-cmsRichTextHeading-color: #ffffff;
--framer-fresco-cmsRichTextModulePreviewBackground-color: #444444;
--framer-fresco-cmsRichTextParagraph-color: #eeeeee;
--framer-fresco-cmsSlashCommandsMenuIcon-color: #888888;
--framer-fresco-cmsSlashCommandsMenuGroup-color: #666666;
--framer-fresco-cmsCollectionItemBackdrop-color: rgba(0, 0, 0, .4);
--framer-fresco-cmsCodeInTextBackground-color: rgba(238, 238, 238, .08);
--framer-fresco-cmsOverlayRowTitle-color: #ffffff;
--framer-fresco-cmsOverlayRowTitleReadOnly-color: #666666;
--framer-fresco-cmsImageClearButtonBackground-color: rgba(0, 0, 0, .3);
--framer-fresco-cmsImageClearButtonText-color: #ffffff;
--framer-fresco-cmsImageAddButtonBackground-color: #555555;
--framer-fresco-cmsImageAddButtonBackgroundHover-color: #4a4a4a;
--framer-fresco-cmsImageAddButtonIcon-color: #aaaaaa;
--framer-fresco-cmsCodeBlockSurface1-color: #181818;
--framer-fresco-cmsCodeBlockSurface2-color: #252525;
--framer-fresco-cmsCodeBlockSurface3-color: #2f2f2f;
--framer-fresco-cmsCodeBlockClickable-color: #999999;
--framer-fresco-cmsCodeBlockBase-color: #d92121;
--framer-fresco-cmsCodeBlockDisabled-color: #4d4d4d;
--framer-fresco-cmsCodeBlockHover-color: #c5c5c5;
--framer-fresco-cmsCodeBlockAccent-color: #0099ff;
--framer-fresco-cmsCodeBlockError-color: #ff3366;
--framer-fresco-cmsCodeBlockErrorSurface-color: #ffe0e8;
--framer-fresco-cmsCodeBlockPlain-color: #eeeeee;
--framer-fresco-cmsCodeBlockComment-color: #666666;
--framer-fresco-cmsCodeBlockKeyword-color: #00BBFF;
--framer-fresco-cmsCodeBlockTag-color: #00BBFF;
--framer-fresco-cmsCodeBlockPunctuation-color: #999999;
--framer-fresco-cmsCodeBlockDefinition-color: #ffcc66;
--framer-fresco-cmsCodeBlockProperty-color: #77dddd;
--framer-fresco-cmsCodeBlockStatic-color: #ff8866;
--framer-fresco-cmsCodeBlockString-color: #bb88ff;
--framer-fresco-inlineEditingMenuBackground-color: rgba(34, 34, 34, .8);
--framer-fresco-inlineEditingMenuBorder-color: rgba(255, 255, 255, .05);
--framer-fresco-inlineFormattingMenuBackgroundActive-color: rgba(255, 255, 255, .2);
--framer-fresco-inlineFormattingMenuText-color: #bbbbbb;
--framer-fresco-inlineFormattingMenuTextHover-color: #ffffff;
--framer-fresco-inlineFormattingMenuTextActive-color: #ffffff;
--framer-fresco-inlineFormattingMenuIcon-color: #bbbbbb;
--framer-fresco-inlineFormattingMenuIconHover-color: #ffffff;
--framer-fresco-inlineFormattingMenuIconActive-color: #ffffff;
--framer-fresco-inlineFormattingMenuHeading-color: #888888;
--framer-fresco-inlineFormattingMenuDivider-color: rgba(255, 255, 255, .1);
--framer-fresco-localizationText-color: #999999;
--framer-fresco-localizationPlaceholderText-color: #666666;
--framer-fresco-localizationWarningTint-color: #FFAA01;
--framer-fresco-localizationGlossaryHeading-color: #ffffff;
--framer-fresco-quickActionsText-color: #999999;
--framer-fresco-quickActionsTextActive-color: #ffffff;
--framer-fresco-quickActionsSecondaryText-color: #666666;
--framer-fresco-quickActionsBackgroundActive-color: #2B2B2B;
--framer-fresco-quickActionsSeparator-color: #222222;
--framer-fresco-quickActionsSeparatorIcon-color: #444444;
--framer-fresco-quickActionsCategoryTagBackground-color: #2B2B2B;
--framer-fresco-quickActionsCategoryTagColor-color: #999999;
--framer-fresco-quickActionsIconDefaultLegacy-color: #0099ff;
--framer-fresco-quickActionsIconDefault-color: #666666;
--framer-fresco-quickActionsIconDefaultActiveLegacy-color: #ffffff;
--framer-fresco-quickActionsIconDefaultActive-color: #ffffff;
--framer-fresco-quickActionsIconBackgroundDefault-color: rgba(0, 153, 255, .15);
--framer-fresco-quickActionsIconBackgroundDefaultActive-color: #0099ff;
--framer-fresco-quickActionsToggleOffIconBackground-color: #555555;
--framer-fresco-quickActionsIconBackgroundBorder-color: rgba(255, 255, 255, .05);
--framer-fresco-quickActionsIconBackgroundBorderActive-color: rgba(255, 255, 255, .1);
--framer-fresco-quickActionsIconComponentTint-color: #9966ff;
--framer-fresco-quickActionsIconComponentTintActive-color: #ffffff;
--framer-fresco-quickActionsIconBackgroundComponentTint-color: rgba(153, 102, 255, .15);
--framer-fresco-quickActionsIconBackgroundComponentTintActive-color: #9966ff;
--framer-fresco-quickActionsIconAssetStyleTint-color: #ffffff;
--framer-fresco-quickActionsIconAssetStyleTintActive-color: #ffffff;
--framer-fresco-quickActionsIconBackgroundAssetStyleTint-color: #222222;
--framer-fresco-quickActionsIconBackgroundAssetStyleTintActive-color: #363636;
--framer-fresco-historyPanelRowBackground-color: #111111;
--framer-fresco-historyPanelRowBackgroundActive-color: #282828;
--framer-fresco-historyPanelTimelineBackground-color: #252525;
--framer-fresco-historyPanelTimelineBackgroundActive-color: #363636;
--framer-fresco-historyPanelTimelineDotBackground-color: #999999;
--framer-fresco-historyPanelTimelineDotBackgroundActive-color: #ffffff;
--framer-fresco-historyPanelText-color: #999999;
--framer-fresco-historyPanelTextActive-color: #ffffff;
--framer-fresco-historyPanelSummaryText-color: #666666;
--framer-fresco-historyPanelSummaryTextActive-color: #ffffff;
--framer-fresco-historyPanelSummaryDivider-color: rgba(255, 255, 255, .07);
--framer-fresco-loadingShieldBackground-color: #252525;
--framer-fresco-loadingAnimationBackground-color: #000000;
--framer-fresco-loadingProgressBarFill-color: #ffffff;
--framer-fresco-fillIconHighlight-color: #999999;
--framer-fresco-fillIconBorder-color: rgba(153, 153, 153, .6);
--framer-fresco-fillIconBorderActive-color: #ffffff;
--framer-fresco-fillIconSolidFill-color: rgba(153, 153, 153, .4);
--framer-fresco-fillIconLinearFillInner-color: rgba(153, 153, 153, .8);
--framer-fresco-fillIconLinearFillOuter-color: rgba(153, 153, 153, 0);
--framer-fresco-fillIconRadialFillInner-color: rgba(153, 153, 153, 0);
--framer-fresco-fillIconRadialFillOuter-color: rgba(153, 153, 153, .6);
--framer-fresco-fillIconConicFillInner-color: rgba(153, 153, 153, 0);
--framer-fresco-fillIconConicFillOuter-color: #999999;
--framer-fresco-fillIconImageFillInner-color: rgba(153, 153, 153, 0);
--framer-fresco-fillIconImageFillOuter-color: rgba(153, 153, 153, .4);
--framer-fresco-fillIconSolidFillActive-color: rgba(255, 255, 255, .4);
--framer-fresco-fillIconLinearFillInnerActive-color: #ffffff;
--framer-fresco-fillIconLinearFillActive-color: rgba(255, 255, 255, 0);
--framer-fresco-fillIconRadialFillActive-color: rgba(255, 255, 255, .7);
--framer-fresco-fillIconConicFillInnerActive-color: rgba(255, 255, 255, 0);
--framer-fresco-fillIconConicFillOuterActive-color: #ffffff;
--framer-fresco-fillIconImageFillInnerActive-color: rgba(255, 255, 255, 0);
--framer-fresco-fillIconImageFillOuterActive-color: rgba(255, 255, 255, .4);
--framer-fresco-fillPanelPresetBackground-color: #2B2B2B;
--framer-fresco-publishErrorCaret-color: #999999;
--framer-fresco-publishErrorTitle-color: #FF4466;
--framer-fresco-deploymentErrorLogsBackground-color: #2B2B2B;
--framer-fresco-deploymentErrorLogsStackTraceBackground-color: rgba(255, 255, 255, .05);
--framer-fresco-editorBarBackground-color: #222222;
--framer-fresco-editorBarBackgroundHover-color: #282828;
--framer-fresco-editorBarButtonSecondaryText-color: #ffffff;
--framer-fresco-editorBarDivider-color: #333333;
--framer-fresco-editorBarText-color: #ffffff;
--framer-fresco-editorBarDividerBackground-color: #ffffff;
--framer-fresco-editorBarButtonBackground-color: rgba(255, 255, 255, .15);
--framer-fresco-editorBarSubtleBackground-color: rgba(17, 17, 17, .9);
--framer-fresco-editorBarSubtleTitle-color: #ffffff;
--framer-fresco-editorBarSubtleSubtitle-color: #999999;
--framer-fresco-editorBarMenuItemColor-color: #cccccc;
--framer-fresco-editorBarSubtleSubtitleLink-color: #f7f7f7;
--framer-fresco-editorBarSubtleIconSquareBackground-color: rgba(255, 255, 255, .15);
--framer-fresco-editorBarSubtleIconSquareBackgroundHover-color: rgba(255, 255, 255, .2);
--framer-fresco-editorBarSubtleItemFontColor-color: #777777;
--framer-fresco-onPageToolbarBackground-color: rgba(34, 34, 34, .8);
--framer-fresco-onPageToolbarShadow-color: rgba(0, 0, 0, .1) 0px 2px 4px 0px, rgba(0, 0, 0, .05) 0px 1px 0px 0px, rgba(255, 255, 255, .15) 0px 0px 0px 1px;
--framer-fresco-onPageToolbarText-color: #ffffff;
--framer-fresco-onPageToolbarSecondaryText-color: rgba(255, 255, 255, .6);
--framer-fresco-onPageToolbarButtonBackground-color: rgba(255, 255, 255, .25);
--framer-fresco-onPageToolbarButtonBackgroundHover-color: rgba(255, 255, 255, .23);
--framer-fresco-onPageToolbarButtonBackgroundActive-color: rgba(255, 255, 255, .21);
--framer-fresco-onPageToolbarButtonText-color: #ffffff;
--framer-fresco-onPageValidationWarningBadgeBackground-color: #FF7700;
--framer-fresco-onPageValidationWarningBadgeText-color: #ffffff;
--framer-fresco-layoutTemplateSlotBackground-color: rgba(153, 102, 255, .1);
--framer-fresco-debugBarBackground-color: #111111;
--framer-fresco-debugBarSecondaryBackground-color: #1d1d1d;
--framer-fresco-anchorGridUnselected-color: #777777;
--framer-fresco-anchorGridSelected-color: #0099ff;
--framer-fresco-vectorSetItemBackground-color: #111111;
--framer-fresco-onboardingTextPrimary-color: #ffffff;
--framer-fresco-onboardingTextSecondary-color: #888888;
--framer-fresco-onboardingTextTertiary-color: #777777;
--framer-fresco-onboardingBackground-color: #000000;
--framer-fresco-onboardingDropdownBackground-color: #2B2B2B;
--framer-fresco-onboardingPanelBackground-color: #000000;
--framer-fresco-onboardingButtonPrimary-color: #ffffff;
--framer-fresco-onboardingButtonPrimaryHover-color: #dddddd;
--framer-fresco-onboardingVideoBorder-color: rgba(255, 255, 255, .08);
--framer-fresco-onboardingDivider-color: #252525;
--framer-fresco-onboardingGoogleIcon-color: #666666;
--framer-fresco-onboardingInputErrorBackground-color: rgba(255, 51, 102, .15);
--framer-fresco-customCodeTableHeader-color: #666666;
--framer-fresco-customCodeTableRow-color: #999999;
--framer-fresco-customCodeTableRowHover-color: #ffffff;
--framer-fresco-customCodeIcon-color: #2B2B2B;
--framer-fresco-customCodeIconBorder-color: rgba(136, 136, 136, .12);
--framer-fresco-customCodeInfoIcon-color: #666666;
--framer-fresco-customCodeFieldInfo-color: #999999;
--framer-fresco-customCodeTemplateVariable-color: #cccccc;
--framer-fresco-agentModal-shadow: 0px 0px 0px 1px rgba(255, 255, 255, .1), 0px 4px 8px 0px rgba(0, 0, 0, .1);
--framer-fresco-buttonSelected-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(0, 0, 0, .05);
--framer-fresco-canvasTooltip-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .1);
--framer-fresco-card-shadow: 0 5px 20px rgba(0, 0, 0, .3);
--framer-fresco-cardActive-shadow: 0px 0px 12px 0px rgba(0, 153, 255, 0);
--framer-fresco-componentOutline-shadow: 0px 0px 0px 5px rgba(136, 85, 255, .4);
--framer-fresco-componentOutlineSmall-shadow: 0px 0px 0px 5px rgba(136, 85, 255, .4);
--framer-fresco-dashboardNewProjectCard-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08), 0 1px 0 0 rgba(0, 0, 0, .05);
--framer-fresco-distributionSliderBar-shadow: inset 0 0 0 1px var(--framer-fresco-gradientStopSliderBorder-color, rgba(0, 0, 0, .05));
--framer-fresco-distributionSliderKnob-shadow: inset 0 0 0 3px white, inset 0 0 0 4px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
--framer-fresco-distributionSliderKnobSelected-shadow: inset 0 0 0 3px white, inset 0 0 0 4px #0099ff, 0 0 0 1px #0099ff;
--framer-fresco-gradientSliderKnobSelected-shadow: inset 0 0 0 3px white, inset 0 0 0 4px rgba(0, 0, 0, .1), 0 0 0 1px #111111, 0 0 0 2px #0099ff;
--framer-fresco-imageBorderOverlay-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);
--framer-fresco-inlineEditingMenu-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .1);
--framer-fresco-insertImage-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .2);
--framer-fresco-insertMenuArtwork-shadow: inset 0 0 0 1px rgba(255, 255, 255, .075);
--framer-fresco-modal-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .15);
--framer-fresco-popover-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .1), 0px 1px 4px 0px rgba(0, 0, 0, .02);
--framer-fresco-popoverDropShadow-shadow: drop-shadow(0px 2px 4px rgba(0, 0, 0, .08)) drop-shadow(0px 2px 10px rgba(0, 0, 0, .2));
--framer-fresco-settingsCard-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1), 0px 2px 10px 0px rgba(0, 0, 0, .05);
--framer-fresco-sideOverlay-shadow: 40px 0px 40px 40px rgb(0, 0, 0), inset 1px 0 0 0 #222222;
--framer-fresco-sideOverlayPeek-shadow: 10px 0px 10px 10px rgb(0, 0, 0, .2), inset 1px 0 0 0 #222222;
--framer-fresco-segmentedControlItemSelected-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .2);
--framer-fresco-multiComboBoxToken-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .15);
--framer-fresco-sliderKnob-shadow: 0 1px 0 1px rgba(0, 0, 0, .2), 0 0 0 1px rgba(0, 0, 0, .2);
--framer-fresco-svgScreenIcon-shadow: drop-shadow(0 5px 10px rgba(0, 0, 0, .3));
--framer-fresco-tintOutline-shadow: 0px 0px 0px 5px rgba(0, 153, 255, .4);
--framer-fresco-tintOutlineSmall-shadow: 0px 0px 0px 2px rgba(0, 153, 255, .4);
--framer-fresco-toggleTack-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1), 0px 2px 10px 0px rgba(0, 0, 0, .05);
--framer-fresco-settingsImageClearButton-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2), 0px .5px 0px 0px rgba(0, 0, 0, .1)
}
body[data-framer-theme=dark] .i1t1ho1a {
--framer-fresco-tint-color: #0099ff;
--framer-fresco-tintDark-color: #0088ff;
--framer-fresco-tintExtraDark-color: #1188ff;
--framer-fresco-tintDimmed-color: rgba(0, 153, 255, .1);
--framer-fresco-tintGradientStart-color: rgba(0, 153, 255, .4);
--framer-fresco-tintGradientEnd-color: rgba(0, 153, 255, .8);
--framer-fresco-componentTint-color: #8855ff;
--framer-fresco-componentTintDark-color: #7744FF;
--framer-fresco-componentTintExtraDark-color: #7733ff;
--framer-fresco-componentTintDimmed-color: rgba(136, 85, 255, .1);
--framer-fresco-componentTintDimmedDrag-color: rgba(136, 85, 255, .2);
--framer-fresco-componentTintDimmedActive-color: rgba(136, 85, 255, .3);
--framer-fresco-componentTintLight-color: #B89AFF;
--framer-fresco-errorTint-color: #ff3366;
--framer-fresco-errorTintDimmed-color: rgba(255, 51, 102, .1);
--framer-fresco-warningTint-color: #FFBB00;
--framer-fresco-warningTintDimmed-color: rgba(255, 187, 0, .2);
--framer-fresco-warningText-color: #FF9900;
--framer-fresco-warningTextDimmed-color: rgba(255, 153, 0, .1);
--framer-fresco-selectionBackground-color: color(display-p3 .263 .59 .97 / .1);
--framer-fresco-selectionComponentBackground-color: color(display-p3 .52 .357 .965 / .1);
--framer-fresco-selectionWarningBackground-color: color(display-p3 1 .733 0 / .1);
--framer-fresco-selectionEnterpriseUpsellBackground-color: color(display-p3 .2 .2 .2 / .1);
--framer-fresco-selectionText-color: #0099ff;
--framer-fresco-panelTitle-color: #333333;
--framer-fresco-panelRowTitle-color: #666666;
--framer-fresco-panelSectionTitle-color: #999999;
--framer-fresco-panelText-color: #666666;
--framer-fresco-panelDescription-color: #999999;
--framer-fresco-panelTextSelected-color: #ffffff;
--framer-fresco-panelBackground-color: #ffffff;
--framer-fresco-panelDivider-color: #eeeeee;
--framer-fresco-panelSectionHeaderIcon-color: #222222;
--framer-fresco-panelChevron-color: #999999;
--framer-fresco-panelSubtitle-color: #666666;
--framer-fresco-panelPressedState-color: #666666;
--framer-fresco-nuxPanelHeaderTitle-color: #222222;
--framer-fresco-nuxPanelStepTitle-color: #666666;
--framer-fresco-nuxPanelStepTitleDisabled-color: #999999;
--framer-fresco-nuxPanelStepTitleHighlighted-color: #677680;
--framer-fresco-nuxPanelStepNumberHighlighted-color: #1A303D;
--framer-fresco-nuxPanelSubtitle-color: #999999;
--framer-fresco-nuxPanelSubtitleDisabled-color: #cccccc;
--framer-fresco-nuxPanelButton-color: #ffffff;
--framer-fresco-nuxPanelButtonDisabled-color: #f2f2f2;
--framer-fresco-nuxPanelCard-color: #fafafa;
--framer-fresco-nuxPanelCheckmark-color: #aaaaaa;
--framer-fresco-assetsRowCodeFileText-color: #0099ff;
--framer-fresco-assetsRowCodeFileBackgroundSelected-color: rgba(0, 153, 255, .1);
--framer-fresco-assetsRowCodeFileBackgroundDragged-color: rgba(0, 153, 255, .2);
--framer-fresco-assetsRowCodeFileBackgroundDraggedUnsaturated-color: rgba(238, 238, 238, .2);
--framer-fresco-colorIconBorder-color: rgba(0, 0, 0, .1);
--framer-fresco-dropdownText-color: #999999;
--framer-fresco-dropdownChevron-color: #999999;
--framer-fresco-canvasCreatePreviewBorder-color: #0099ff;
--framer-fresco-canvasSelectionRectBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-canvasSelectionRectBorder-color: rgba(0, 153, 255, .5);
--framer-fresco-canvasTooltipText-color: #ffffff;
--framer-fresco-canvasTooltipBackground-color: #0099ff;
--framer-fresco-canvasRelativeOverlayBackdrop-color: rgba(0, 153, 255, .25);
--framer-fresco-canvasRelativeOverlaySmartComponentBackdrop-color: rgba(136, 85, 255, .15);
--framer-fresco-floatingWindowToolbarIcon-color: #999999;
--framer-fresco-modalBackground-color: #ffffff;
--framer-fresco-modalBackgroundTransparent-color: rgba(255, 255, 255, 0);
--framer-fresco-modalSecondaryBackground-color: #fafafa;
--framer-fresco-modalBackdrop-color: rgba(0, 0, 0, .4);
--framer-fresco-modalTitle-color: #333333;
--framer-fresco-modalSubtitle-color: #999999;
--framer-fresco-modalDescription-color: #666666;
--framer-fresco-modalForm-color: #999999;
--framer-fresco-modalCloseIcon-color: #999999;
--framer-fresco-largeModalTitle-color: #000000;
--framer-fresco-largeModalDescription-color: #333333;
--framer-fresco-templateCardOutline-color: rgba(0, 0, 0, .05);
--framer-fresco-variablesModalEmptyStateIcon-color: #aaaaaa;
--framer-fresco-variableRowText-color: #666666;
--framer-fresco-variableRowTextActive-color: #000000;
--framer-fresco-variableRowDivider-color: #eeeeee;
--framer-fresco-variableRowDividerSelected-color: #dddddd;
--framer-fresco-buttonSheetPlainTitle-color: #333333;
--framer-fresco-buttonSheetPlainDescription-color: #888888;
--framer-fresco-buttonSheetPlainIconColor-color: #999999;
--framer-fresco-buttonSheetPlainBorderBottom-color: rgba(17, 17, 17, .05);
--framer-fresco-cmsBadgeBackgroundDisabled-color: #999999;
--framer-fresco-cmsBadgeTextDisabled-color: #ffffff;
--framer-fresco-buttonBackground-color: #f3f3f3;
--framer-fresco-buttonBackgroundHover-color: #eeeeee;
--framer-fresco-buttonBackgroundActive-color: #dddddd;
--framer-fresco-buttonText-color: #333333;
--framer-fresco-buttonTextActive-color: #222222;
--framer-fresco-buttonBackgroundPrimary-color: #0099ff;
--framer-fresco-buttonBackgroundPrimaryHover-color: #0088ff;
--framer-fresco-buttonBackgroundPrimaryActive-color: #0077FF;
--framer-fresco-buttonTextPrimary-color: #ffffff;
--framer-fresco-buttonBackgroundDestructive-color: #ff3366;
--framer-fresco-buttonBackgroundDestructiveHover-color: #ee2255;
--framer-fresco-buttonBackgroundDestructiveActive-color: #dd1144;
--framer-fresco-buttonTextDestructive-color: #ffffff;
--framer-fresco-buttonBackgroundDestructiveSecondary-color: rgba(255, 51, 102, .1);
--framer-fresco-buttonBackgroundDestructiveSecondaryHover-color: rgba(255, 51, 102, .15);
--framer-fresco-buttonBackgroundDestructiveSecondaryActive-color: rgba(255, 51, 102, .15);
--framer-fresco-buttonTextDestructiveSecondary-color: #ee2255;
--framer-fresco-buttonCellBackground-color: #f3f3f3;
--framer-fresco-buttonCellBackgroundHover-color: #eeeeee;
--framer-fresco-buttonWithDepthText-color: #222222;
--framer-fresco-buttonWithDepthTextDisabled-color: #cccccc;
--framer-fresco-buttonWithDepthBackground-color: #ffffff;
--framer-fresco-buttonWithDepthBackgroundDisabled-color: #f3f3f3;
--framer-fresco-buttonWithDepthBackgroundHover-color: #fafafa;
--framer-fresco-buttonWithDepthShadow-color: 0px 0px 0px 1px rgba(0, 0, 0, .02), 0px 1px 0px 0px rgba(0, 0, 0, .05), 0px 2px 4px 0px rgba(0, 0, 0, .1);
--framer-fresco-buttonWithDepthPrimaryBackground-color: #0099ff;
--framer-fresco-buttonWithDepthPrimaryBackgroundHover-color: #1188ff;
--framer-fresco-buttonWithDepthPrimaryShadow-color: 0px 1px 2px 0px rgba(0, 153, 255, .15), 0px 2px 4px 0px rgba(0, 153, 255, .2);
--framer-fresco-buttonWithDepthPrimaryShadowHover-color: 0px 1px 2px 0px rgba(13, 144, 255, .15), 0px 2px 4px 0px rgba(13, 144, 255, .2);
--framer-fresco-buttonWithDepthPrimaryComponentShadow-color: 0px 1px 2px 0px rgba(136, 85, 255, .15), 0px 2px 4px 0px rgba(136, 85, 255, .2);
--framer-fresco-buttonWithDepthDestructiveBackground-color: #ff3366;
--framer-fresco-buttonWithDepthDestructiveBackgroundHover-color: #e15;
--framer-fresco-buttonWithDepthDestructiveShadow-color: 0 2px 4px 0 rgba(255, 51, 102, .3);
--framer-fresco-rowOverlayButtonBackground-color: #eeeeee;
--framer-fresco-rowOverlayButtonBackgroundHover-color: #e3e3e3;
--framer-fresco-rowOverlayButtonBackgroundActive-color: #dddddd;
--framer-fresco-tabBarText-color: #888888;
--framer-fresco-electronTabBarBackground-color: #f3f3f3;
--framer-fresco-electronTabBarBackgroundActive-color: #ffffff;
--framer-fresco-electronTabBarBorder-color: #e6e6e6;
--framer-fresco-electronTabBarText-color: #888888;
--framer-fresco-electronTabBarTextActive-color: #333333;
--framer-fresco-inputBackground-color: #f3f3f3;
--framer-fresco-inputBorder-color: transparent;
--framer-fresco-inputBorderError-color: #ff3366;
--framer-fresco-inputBorderActive-color: #0099ff;
--framer-fresco-inputText-color: #333333;
--framer-fresco-inputTextError-color: #ff3366;
--framer-fresco-inputTextDisabled-color: #bbbbbb;
--framer-fresco-inputTextDisabledSelected-color: #999999;
--framer-fresco-inputPlaceholder-color: #999999;
--framer-fresco-inputLabel-color: #999999;
--framer-fresco-inputLabelDisabled-color: #dddddd;
--framer-fresco-inputIcon-color: #999999;
--framer-fresco-inputIconHover-color: #888888;
--framer-fresco-inputIconDisabled-color: #bbbbbb;
--framer-fresco-sitesSettingsInputLabel-color: #666666;
--framer-fresco-sitesSettingsInputBackground-color: #f3f3f3;
--framer-fresco-sitesSettingsInputBackgroundDisabled-color: #e6e6e6;
--framer-fresco-sitesSettingsInputColorDisabled-color: #999999;
--framer-fresco-comboBoxSectionText-color: #222222;
--framer-fresco-multiComboBoxTokenBackground-color: #ffffff;
--framer-fresco-multiComboBoxTokenBackgroundHover-color: #fafafa;
--framer-fresco-comboBoxHighlightedRowTint-color: #0099ff;
--framer-fresco-comboBoxHighlightedRowText-color: #ffffff;
--framer-fresco-comboBoxMenuBackground-color: #ffffff;
--framer-fresco-comboBoxItemIcon-color: #999999;
--framer-fresco-comboBoxHighlightUnsaturated-color: #f2f2f2;
--framer-fresco-comboBoxMenuBackgroundUnsaturated-color: #ffffff;
--framer-fresco-iconPadlock-color: #bbbbbb;
--framer-fresco-padLockConnector-color: #dddddd;
--framer-fresco-popoverBackground-color: #ffffff;
--framer-fresco-popoverDivider-color: #eeeeee;
--framer-fresco-popoverDescription-color: #aaa;
--framer-fresco-popupButtonBackground-color: #f3f3f3;
--framer-fresco-popupButtonBorder-color: transparent;
--framer-fresco-popupButtonText-color: #333333;
--framer-fresco-popupButtonIcon-color: #999999;
--framer-fresco-popupButtonIconDisabled-color: #bbbbbb;
--framer-fresco-popupButtonPreviewIconBackground-color: #ffffff;
--framer-fresco-popupButtonPreviewIconPrimary-color: #222222;
--framer-fresco-popupButtonPreviewIconSecondary-color: #cccccc;
--framer-fresco-popupButtonWarningText-color: #ffffff;
--framer-fresco-popupButtonWarningBackground-color: #FFBB00;
--framer-fresco-popoutButtonTextPlaceholder-color: #999999;
--framer-fresco-popoutButtonTextDisabled-color: #cccccc;
--framer-fresco-popoutButtonCursorPlaceholder-color: #cccccc;
--framer-fresco-popoutButtonCursorIconBackground-color: #dddddd;
--framer-fresco-popoutButtonCursorIcon-color: rgba(0, 0, 0, .25);
--framer-fresco-popoutButtonCursorBorder-color: rgba(0, 0, 0, .05);
--framer-fresco-radioButtonBackground-color: #dddddd;
--framer-fresco-radioButtonBackgroundHover-color: #cccccc;
--framer-fresco-radioButtonLabel-color: #333333;
--framer-fresco-radioButtonDescription-color: #999999;
--framer-fresco-radioButtonLabelDisabled-color: #cccccc;
--framer-fresco-segmentedControlBackground-color: #f3f3f3;
--framer-fresco-segmentedControlBackgroundDisabled-color: #f9f9f9;
--framer-fresco-segmentedControlBorder-color: transparent;
--framer-fresco-segmentedControlItemBackground-color: #f3f3f3;
--framer-fresco-segmentedControlItemBackgroundActive-color: #eeeeee;
--framer-fresco-segmentedControlItemBackgroundSelected-color: #ffffff;
--framer-fresco-segmentedControlItemText-color: #999999;
--framer-fresco-segmentedControlItemTextHover-color: #888888;
--framer-fresco-segmentedControlItemTextSelected-color: #0099ff;
--framer-fresco-segmentedControlItemTextSelectedHover-color: #0088ff;
--framer-fresco-segmentedControlDivider-color: #e6e6e6;
--framer-fresco-segmentedControlItemTextSelectedUnsaturated-color: #222222;
--framer-fresco-tabsText-color: #999999;
--framer-fresco-tabsTextSelected-color: #222222;
--framer-fresco-tabsBackgroundSelected-color: #f3f3f3;
--framer-fresco-sliderKnob-color: #ffffff;
--framer-fresco-sliderTrack-color: #dddddd;
--framer-fresco-sliderTrackActive-color: #0099ff;
--framer-fresco-sliderTrackDisabled-color: #eeeeee;
--framer-fresco-spinnerBackground-color: #000000;
--framer-fresco-presetIcon-color: #222222;
--framer-fresco-presetSelectedColor-color: #000000;
--framer-fresco-presetSelectedBackground-color: #f3f3f3;
--framer-fresco-alternativePresetIcon-color: #0099ff;
--framer-fresco-alternativePresetSelectedColor-color: #0099ff;
--framer-fresco-alternativePresetSelectedBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-assetStyleIcon-color: #0099ff;
--framer-fresco-assetComponentIcon-color: #8855ff;
--framer-fresco-assetCodeFileIcon-color: #999999;
--framer-fresco-assetSelectedColor-color: #000000;
--framer-fresco-assetSelectedBackground-color: #f3f3f3;
--framer-fresco-gradientStopSliderBorder-color: rgba(0, 0, 0, .05);
--framer-fresco-formRedirectLinkIcon-color: #cccccc;
--framer-fresco-colorStyleBorder-color: #000000;
--framer-fresco-colorStyleDisabled-color: rgba(0, 0, 0, .04);
--framer-fresco-maskEmptyGradientStop1-color: #f3f3f3;
--framer-fresco-maskEmptyGradientStop2-color: #cccccc;
--framer-fresco-swatchBorder-color: rgba(0, 0, 0, .1);
--framer-fresco-swatchBorderPlaceholder-color: rgba(0, 0, 0, .05);
--framer-fresco-swatchBackground-color: #e6e6e6;
--framer-fresco-swatchBackgroundPlaceholderForFill-color: #ffffff;
--framer-fresco-swatchBackgroundPlaceholderForBorder-color: #cccccc;
--framer-fresco-swatchBackgroundPlaceholderForLink-color: #cccccc;
--framer-fresco-swatchBackgroundForLink-color: #0099ff;
--framer-fresco-swatchBackgroundPlaceholderForFile-color: #cccccc;
--framer-fresco-swatchBackgroundPlaceholderForShadow-color: rgba(221, 221, 221, .5);
--framer-fresco-swatchBackgroundForComputedValue-color: rgba(255, 255, 255, .3);
--framer-fresco-swatchOverlappingBorder-color: rgba(255, 255, 255, .9);
--framer-fresco-checkboxBackground-color: #dddddd;
--framer-fresco-checkboxBackgroundActive-color: #cccccc;
--framer-fresco-checkboxBackgroundChecked-color: #0099ff;
--framer-fresco-checkboxBackgroundCheckedActive-color: #0088ff;
--framer-fresco-checkboxLabel-color: #333333;
--framer-fresco-checkboxLabelDisabled-color: #cccccc;
--framer-fresco-checkboxStroke-color: #ffffff;
--framer-fresco-moreInfoText-color: #333333;
--framer-fresco-moreInfoDisclosureIcon-color: #aaaaaa;
--framer-fresco-toggleBackground-color: #eeeeee;
--framer-fresco-toggleBackgroundChecked-color: #0099ff;
--framer-fresco-toggleBackgroundDisabled-color: #f3f3f3;
--framer-fresco-toggleTack-color: linear-gradient(0deg, #fafafa 0%, #ffffff 100%);
--framer-fresco-toggleTackDisabled-color: #ffffff;
--framer-fresco-toggleTackBorder-color: rgba(0, 0, 0, .05);
--framer-fresco-toggleTackBorderDisabled-color: transparent;
--framer-fresco-codeEditorBackground-color: #fdfdfd;
--framer-fresco-codeEditorInsideModalBackground-color: #f3f3f3;
--framer-fresco-toolbarIcon-color: #888888;
--framer-fresco-toolbarIconHover-color: #777777;
--framer-fresco-toolbarIconActive-color: #0099ff;
--framer-fresco-toolbarTitleText-color: #888888;
--framer-fresco-toolbarInputText-color: #333333;
--framer-fresco-toolbarCmsMobileTitle-color: #333333;
--framer-fresco-textAreaScrollbar-color: #cccccc;
--framer-fresco-toolbarButtonBackground-color: #f3f3f3;
--framer-fresco-toolbarButtonBackgroundActive-color: #333333;
--framer-fresco-toolbarButtonBackgroundWarning-color: rgba(255, 170, 0, .2);
--framer-fresco-toolbarButtonBackgroundWarningActive-color: rgba(255, 170, 0, .3);
--framer-fresco-toolbarButtonBackgroundError-color: rgba(255, 51, 85, .1);
--framer-fresco-toolbarButtonBackgroundErrorActive-color: rgba(255, 51, 85, .2);
--framer-fresco-toolbarButtonText-color: #666666;
--framer-fresco-toolbarButtonTextWarning-color: #FFAA00;
--framer-fresco-toolbarButtonTextError-color: #FF3355;
--framer-fresco-toolbarButtonTextActive-color: #ffffff;
--framer-fresco-toolbarLeftPanelToggleText-color: #999999;
--framer-fresco-toolbarLeftPanelToggleTextActive-color: #333333;
--framer-fresco-toolbarButtonTextSites-color: #888888;
--framer-fresco-toolbarButtonIconSites-color: #888888;
--framer-fresco-toolbarButtonTextActiveSites-color: #222222;
--framer-fresco-toolbarButtonBackgroundActiveSites-color: #f3f3f3;
--framer-fresco-toolbarButtonBackgroundTintedSites-color: rgba(0, 153, 255, .1);
--framer-fresco-toolbarPreviewCloseButtonSites-color: #888888;
--framer-fresco-toolbarSettingsButtonTextSites-color: #333333;
--framer-fresco-toolbarSettingsButtonTextSecondarySites-color: #999999;
--framer-fresco-toolbarSettingsButtonTextActiveSites-color: #ffffff;
--framer-fresco-toolbarSettingsButtonBackgroundActiveSites-color: #222222;
--framer-fresco-toolbarInviteBadgeBackgroundHover-color: #e3e3e3;
--framer-fresco-breadcrumbItemText-color: #888888;
--framer-fresco-breadcrumbItemBackground-color: rgba(0, 0, 0, .05);
--framer-fresco-breadcrumbOverlayPlayButton-color: #AD89FF;
--framer-fresco-breadcrumbDraftBadgeText-color: #ffffff;
--framer-fresco-educationButtonBackground-color: rgba(17, 17, 17, .05);
--framer-fresco-educationButtonText-color: #999999;
--framer-fresco-menuBackground-color: #ffffff;
--framer-fresco-menuBackgroundActive-color: #0099ff;
--framer-fresco-menuBackgroundActiveUnsaturated-color: #f2f2f2;
--framer-fresco-menuItemWithSubmenuBackgroundActive-color: #f3f3f3;
--framer-fresco-menuText-color: #222222;
--framer-fresco-menuTextActive-color: #ffffff;
--framer-fresco-menuTextActiveUnsaturated-color: #222222;
--framer-fresco-menuDescription-color: #999999;
--framer-fresco-menuDescriptionActive-color: rgba(255, 255, 255, .8);
--framer-fresco-menuSeparator-color: #eeeeee;
--framer-fresco-menuShadow-color: rgba(0, 0, 0, .1);
--framer-fresco-menuBadgeBackground-color: rgba(136, 136, 136, .15);
--framer-fresco-menuBadgeColor-color: #888888;
--framer-fresco-menuBadgeBackgroundActive-color: rgba(255, 255, 255, .3);
--framer-fresco-contextMenuButtonBackgroundHover-color: #f2f2f2;
--framer-fresco-contextMenuButtonIcon-color: #999999;
--framer-fresco-contextMenuButtonIconHover-color: #333333;
--framer-fresco-pageRowTextActive-color: #000000;
--framer-fresco-pageRowBackgroundActive-color: #f3f3f3;
--framer-fresco-pageIconSelected-color: #222222;
--framer-fresco-pageContextMenuButtonIconHover-color: #222222;
--framer-fresco-pageFolderIconFill-color: rgba(153, 153, 153, .15);
--framer-fresco-layerItemTextDimmed-color: rgba(102, 102, 102, .8);
--framer-fresco-layerItemTextInactive-color: rgba(0, 0, 0, .5);
--framer-fresco-layerItemTextInactiveSelected-color: rgba(255, 255, 255, .5);
--framer-fresco-layerItemIcon-color: #999999;
--framer-fresco-layerItemIconDimmed-color: #9aacc0;
--framer-fresco-layerItemIconComponentDimmed-color: #86829a;
--framer-fresco-layerItemIconInactive-color: rgba(187, 187, 187, .5);
--framer-fresco-layerItemIconInactiveSelected-color: rgba(187, 187, 187, .5);
--framer-fresco-layerItemPlaceholderText-color: #999999;
--framer-fresco-layerItemComponentLabel-color: #aaaaaa;
--framer-fresco-layerItemComponentLabelSelected-color: #ffffff;
--framer-fresco-layoutPinBackground-color: #bbbbbb;
--framer-fresco-canvasBackground-color: #eeeeee;
--framer-fresco-canvasComponentOverlayEditModeBackground-color: #E8DDFF;
--framer-fresco-canvasFrameTitle-color: #bbbbbb;
--framer-fresco-canvasFrameOutline-color: #cccccc;
--framer-fresco-canvasFramePreview-color: rgba(0, 0, 0, .03);
--framer-fresco-canvasFramePreviewOutline-color: rgba(0, 0, 0, .1);
--framer-fresco-canvasConnectionLine-color: #bbbbbb;
--framer-fresco-canvasArrowInactive-color: #cccccc;
--framer-fresco-canvasSuggestionOutline-color: rgba(0, 0, 0, .05);
--framer-fresco-canvasSuggestionBackground-color: rgba(0, 0, 0, .04);
--framer-fresco-canvasSuggestionText-color: #999999;
--framer-fresco-canvasOverlayTriggerOutline-color: rgba(0, 153, 255, .5);
--framer-fresco-canvasOverlayTriggerBackground-color: rgba(0, 153, 255, .2);
--framer-fresco-canvasComponentOverlayTriggerOutline-color: rgba(136, 85, 255, .4);
--framer-fresco-canvasComponentOverlayTriggerBackground-color: rgba(136, 85, 255, .2);
--framer-fresco-calendarBorder-color: #eeeeee;
--framer-fresco-calendarIcon-color: #888888;
--framer-fresco-calendarTextHeader-color: #333333;
--framer-fresco-calendarTextMedium-color: #888888;
--framer-fresco-calendarTextHover-color: #222222;
--framer-fresco-calendarHover-color: #f3f3f3;
--framer-fresco-calendarPrimary-color: #0099ff;
--framer-fresco-calendarText-color: #ffffff;
--framer-fresco-rulerBackground-color: #e6e6e6;
--framer-fresco-rulerBorderColor-color: #dddddd;
--framer-fresco-rulerTickColor-color: #cccccc;
--framer-fresco-rulerTextColor-color: #aaaaaa;
--framer-fresco-rulerFadeOut-color: rgba(229, 229, 229, 0);
--framer-fresco-rulerComponentOverlayEditModeBackground-color: #DFCEFF;
--framer-fresco-rulerComponentOverlayEditModeBorderColor-color: rgba(136, 85, 255, .1);
--framer-fresco-rulerComponentOverlayEditModeTextColor-color: rgb(136, 85, 255);
--framer-fresco-rulerComponentOverlayEditModeTickColor-color: rgb(136, 85, 255);
--framer-fresco-rulerComponentOverlayEditModeFadeOut-color: rgba(136, 85, 255, 0);
--framer-fresco-guideColor-color: #00E4F5;
--framer-fresco-guideHighlightColor-color: #0099ff;
--framer-fresco-guideComponentHighlightColor-color: #8855ff;
--framer-fresco-selectionBox-color: rgba(125, 125, 125, .03);
--framer-fresco-selectionBoxOutline-color: rgba(125, 125, 125, .3);
--framer-fresco-selectionBoxBackground-color: rgba(0, 153, 255, .2);
--framer-fresco-selectionBoxComponentBackground-color: rgba(136, 85, 255, .2);
--framer-fresco-snapLine-color: #FF5AAA;
--framer-fresco-snapConstraint-color: #FFD700;
--framer-fresco-textEditorOutline-color: #cccccc;
--framer-fresco-error-color: #EE4444;
--framer-fresco-errorText-color: #ffffff;
--framer-fresco-fatalErrorText-color: #000000;
--framer-fresco-codeExportPanelFadeOut-color: rgba(255, 255, 255, 0);
--framer-fresco-codeExportPanelSelection-color: rgba(229, 229, 229, .99);
--framer-fresco-codeExportChipBackground-color: rgba(255, 215, 6, .16);
--framer-fresco-previewSpinnerBackground-color: #000000;
--framer-fresco-previewEmptyDocumentText-color: #888888;
--framer-fresco-previewResizeHandles-color: rgba(0, 0, 0, .1);
--framer-fresco-previewResizeHandlesHover-color: rgba(0, 0, 0, .15);
--framer-fresco-tooltipBackground-color: #999999;
--framer-fresco-tooltipIcon-color: #bbbbbb;
--framer-fresco-tooltipIconHover-color: #999999;
--framer-fresco-tooltipBackdrop-color: rgba(0, 0, 0, .1);
--framer-fresco-tooltipInsert-color: #ffffff;
--framer-fresco-badgeBackground-color: rgba(0, 153, 255, .15);
--framer-fresco-warningBadgeBackground-color: rgba(255, 170, 0, .15);
--framer-fresco-errorBadgeBackground-color: rgba(255, 51, 85, .15);
--framer-fresco-neutralBadgeBackground-color: rgba(102, 102, 102, .1);
--framer-fresco-neutralBadgeColor-color: #666666;
--framer-fresco-timeBadgeBackground-color: rgba(170, 170, 170, .15);
--framer-fresco-highlightBadgeBackground-color: rgba(255, 255, 255, .3);
--framer-fresco-domainVoucherBadgeIconBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-inactiveAvatarBackground-color: #888888;
--framer-fresco-feedbackSidebarBackground-color: #ffffff;
--framer-fresco-feedbackPrimaryText-color: #333333;
--framer-fresco-feedbackSecondaryText-color: #999999;
--framer-fresco-feedbackTertiaryText-color: #666666;
--framer-fresco-feedbackFormButtonBackground-color: #f3f3f3;
--framer-fresco-feedbackFormButtonFloatingBackground-color: #f3f3f3;
--framer-fresco-feedbackFormButtonFill-color: #999999;
--framer-fresco-feedbackFormButtonSubmitFocus-color: #0066ff;
--framer-fresco-feedbackFormButtonFocus-color: #eeeeee;
--framer-fresco-feedbackFormBackground-color: #ffffff;
--framer-fresco-feedbackFormPlaceholder-color: #999999;
--framer-fresco-feedbackDivider-color: #eeeeee;
--framer-fresco-feedbackLabelBackground-color: #f5f5f5;
--framer-fresco-feedbackHasRepliesBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-feedbackDisclosureBackground-color: #ffffff;
--framer-fresco-feedbackDisclosureFill-color: #999999;
--framer-fresco-emptyStateIcon-color: #999999;
--framer-fresco-emptyStateCardBackground-color: #f5f5f5;
--framer-fresco-emptyStateTitle-color: #222222;
--framer-fresco-emptyStateBodyText-color: #666666;
--framer-fresco-emptyStateBodyTextForAdvancedHosting-color: #999999;
--framer-fresco-emptyStateBodyTextForSites-color: #999999;
--framer-fresco-emptyStateInputShape-color: #f7f7f7;
--framer-fresco-emptyStateTextShape-color: #f3f3f3;
--framer-fresco-errorStateIconColor-color: #999999;
--framer-fresco-errorStateCodeText-color: #666666;
--framer-fresco-errorStateCodeBackground-color: #f5f5f5;
--framer-fresco-errorStateTitleText-color: #333333;
--framer-fresco-errorStateDescriptionText-color: #666666;
--framer-fresco-dashboardHeadingLink-color: #888888;
--framer-fresco-dashboardHeadingLinkHover-color: #333333;
--framer-fresco-dashboardItemIcon-color: #333333;
--framer-fresco-dashboardSearchPlaceholder-color: #999999;
--framer-fresco-dashboardMoreButtonIcon-color: #999999;
--framer-fresco-dashboardEmptyState-color: #fafafa;
--framer-fresco-dashboardEmptyStateTitle-color: #222222;
--framer-fresco-dashboardEmptyStateSubtitle-color: #999999;
--framer-fresco-dashboardCardInfoText-color: #333333;
--framer-fresco-dashboardCardInfoSpanText-color: rgba(0, 0, 0, .3);
--framer-fresco-dashboardContentBackground-color: #ffffff;
--framer-fresco-nonFullWidthDashboardContentBackground-color: #ffffff;
--framer-fresco-dashboardProjectThumbnailPlaceholderLogo-color: #999999;
--framer-fresco-dashboardCustomThumbnailButton-color: rgba(0, 0, 0, .05);
--framer-fresco-dashboardCustomThumbnailButtonHover-color: rgba(0, 0, 0, .07);
--framer-fresco-dashboardCustomThumbnailButtonActive-color: rgba(0, 0, 0, .09);
--framer-fresco-dashboardSearchWorkspaceTitle-color: #333333;
--framer-fresco-dashboardSearchWorkspaceTag-color: #999999;
--framer-fresco-dashboardIcon-color: #666666;
--framer-fresco-dashboardIconHover-color: #555555;
--framer-fresco-dashboardProjectThumbnailBorder-color: rgba(0, 0, 0, .05);
--framer-fresco-dashboardProjectThumbnailBackground-color: rgba(238, 238, 238, .3);
--framer-fresco-dashboardProjectFocusedBorder-color: rgba(153, 153, 153, .5);
--framer-fresco-dashboardSidebarBackground-color: #ffffff;
--framer-fresco-dashboardSidebarTitle-color: #222222;
--framer-fresco-dashboardSidebarText-color: #666666;
--framer-fresco-dashboardSidebarTextDimmed-color: #aaaaaa;
--framer-fresco-dashboardSidebarTextHover-color: #555555;
--framer-fresco-dashboardSidebarDivider-color: #eeeeee;
--framer-fresco-dashboardSidebarActions-color: #666666;
--framer-fresco-dashboardSidebarJoinTeamButton-color: #eeeeee;
--framer-fresco-dashboardSidebarJoinTeamButtonHover-color: #e6e6e6;
--framer-fresco-dashboardSidebarUpgradeCardBackground-color: #eeeeee;
--framer-fresco-dashboardSidebarUpgradeCardText-color: #666666;
--framer-fresco-dashboardSidebarActive-color: #222222;
--framer-fresco-dashboardSidebarActiveBackground-color: #f3f3f3;
--framer-fresco-dashboardSidebarDismissIcon-color: #666666;
--framer-fresco-dashboardSidebarBorder-color: #eeeeee;
--framer-fresco-dashboardSidebarIcon-color: #999999;
--framer-fresco-dashboardSidebarIconHover-color: #888888;
--framer-fresco-dashboardSidebarViewCount-color: #999999;
--framer-fresco-dashboardSidebarSearchBackground-color: #ffffff;
--framer-fresco-dashboardSidebarSearchShadow-color: rgba(0, 0, 0, .1);
--framer-fresco-dashboardSidebarSearchTitle-color: #222222;
--framer-fresco-dashboardSidebarSearchPreviewBorder-color: #eeeeee;
--framer-fresco-dashboardSidebarSearchPreviewBackground-color: #fafafa;
--framer-fresco-dashboardSidebarInviteIcon-color: #999999;
--framer-fresco-dashboardTopBarBackground-color: #ffffff;
--framer-fresco-dashboardTopBarBorder-color: #eeeeee;
--framer-fresco-badgeFreeWorkspaceBackground-color: rgba(136, 136, 136, .15);
--framer-fresco-badgeFreeWorkspaceText-color: #888888;
--framer-fresco-badgeLiteWorkspaceBackground-color: rgba(136, 136, 136, .15);
--framer-fresco-badgeLiteWorkspaceText-color: #888888;
--framer-fresco-badgeBasicWorkspaceBackground-color: rgba(0, 153, 255, .15);
--framer-fresco-badgeBasicWorkspaceText-color: #0099ff;
--framer-fresco-badgeEnterpriseWorkspaceBackground-color: rgba(136, 136, 136, .15);
--framer-fresco-badgeEnterpriseWorkspaceText-color: #888888;
--framer-fresco-badgeLegacyWorkspaceBackground-color: rgba(136, 136, 136, .15);
--framer-fresco-badgeLegacyWorkspaceText-color: #888888;
--framer-fresco-badgeGuestWorkspaceBackground-color: rgba(136, 136, 136, .15);
--framer-fresco-badgeGuestWorkspaceText-color: #888888;
--framer-fresco-badgeBusinessWorkspaceBackground-color: rgba(153, 102, 255, .15);
--framer-fresco-badgeBusinessWorkspaceText-color: #9966ff;
--framer-fresco-projectMenuButtonBackground-color: #ffffff;
--framer-fresco-projectMenuButtonText-color: #222222;
--framer-fresco-projectMenuButtonShadow-color: 0px 0px 0px 1px rgba(0, 0, 0, .02), 0px 1px 0px 0px rgba(0, 0, 0, .05), 0px 2px 4px 0px rgba(0, 0, 0, .1);
--framer-fresco-customSearchBackground-color: #f3f3f3;
--framer-fresco-customSearchText-color: #999999;
--framer-fresco-customSearchIcon-color: #999999;
--framer-fresco-customSearchTextWhileTyping-color: #000000;
--framer-fresco-dashboardLearnPlayBackground-color: #ffffff;
--framer-fresco-dashboardLearnPlayIcon-color: #000000;
--framer-fresco-dashboardLearnTitle-color: #000000;
--framer-fresco-dashboardNewProjectModalDivider-color: #eeeeee;
--framer-fresco-dashboardNewProjectModalTitle-color: #333333;
--framer-fresco-dashboardNewProjectCardModalBackground-color: #ffffff;
--framer-fresco-dashboardNewProjectCardModalBackgroundBlank-color: #f7f7f7;
--framer-fresco-dashboardNewProjectModalCardContent-color: #666666;
--framer-fresco-dashboardInfoBannerColor-color: #333333;
--framer-fresco-dashboardInfoBannerBackground-color: #f3f3f3;
--framer-fresco-dashboardInfoBannerButton-color: #ffffff;
--framer-fresco-dashboardInfoBannerButtonHover-color: #fafafa;
--framer-fresco-advancedHostingBackground-color: #ffffff;
--framer-fresco-advancedHostingTitle-color: #222222;
--framer-fresco-advancedHostingSubheading-color: #888888;
--framer-fresco-advancedHostingDescription-color: #999999;
--framer-fresco-advancedHostingText-color: #999999;
--framer-fresco-advancedHostingTableHeader-color: #999999;
--framer-fresco-advancedHostingBorder-color: #eeeeee;
--framer-fresco-advancedHostingTableItem-color: #666666;
--framer-fresco-advancedHostingTableIcon-color: #999999;
--framer-fresco-advancedHostingTableDragHandle-color: #cccccc;
--framer-fresco-advancedHostingFilterColor-color: #999999;
--framer-fresco-advancedHostingExpandDomainsButton-color: #888888;
--framer-fresco-advancedHostingConnectionLabelBackground-color: rgba(0, 153, 255, .15);
--framer-fresco-advancedHostingConnectionLabelText-color: #0099ff;
--framer-fresco-advancedHostingPendingLabelBackground-color: rgba(153, 153, 153, .15);
--framer-fresco-advancedHostingStatusBlockText-color: #666666;
--framer-fresco-advancedHostingPendingLabelText-color: #999999;
--framer-fresco-advancedHostingRowSubLabel-color: #999999;
--framer-fresco-advancedHostingPreviewThumbnailBorder-color: rgba(0, 0, 0, .05);
--framer-fresco-advancedHostingAnalyticsSubheading-color: #666666;
--framer-fresco-advancedHostingAnalyticsGradientColor-color: #ffffff;
--framer-fresco-advancedHostingTooltipTint-color: #0099ff;
--framer-fresco-advancedHostingInfoIcon-color: #999999;
--framer-fresco-advancedHostingInfoIconHover-color: #777777;
--framer-fresco-advancedHostingToggleDescription-color: #666666;
--framer-fresco-upgradeFromDashboardLinkHover-color: #f6f6f6;
--framer-fresco-settingsModalBackground-color: #ffffff;
--framer-fresco-settingsModalTeamMemberRole-color: #666666;
--framer-fresco-settingsModalTeamSearchIcon-color: #666666;
--framer-fresco-settingsModalTeamRegenerateLinkIcon-color: #666666;
--framer-fresco-settingsModalText-color: #666666;
--framer-fresco-settingsModalTextDimmed-color: #888888;
--framer-fresco-settingsModalDivider-color: #f3f3f3;
--framer-fresco-settingsModalLabel-color: #333333;
--framer-fresco-settingsModalNavigationLink-color: #666666;
--framer-fresco-settingsModalNavigationIcon-color: #999999;
--framer-fresco-settingsModalNavigationLinkHover-color: #666666;
--framer-fresco-settingsModalTitle-color: #000000;
--framer-fresco-settingsModalPlanEmptyEditorsAvatar-color: #f3f3f3;
--framer-fresco-settingsModalPlanEmptyEditorsAvatarText-color: #666666;
--framer-fresco-settingsModalPlanCardBackground-color: #f3f3f3;
--framer-fresco-settingsModalFontDeleteIcon-color: #666666;
--framer-fresco-settingsModalTeamSearchFilterButtonActiveBackground-color: #333333;
--framer-fresco-settingsModalTeamSearchFilterButtonActiveText-color: #ffffff;
--framer-fresco-settingsModalTeamSearchFilterTagBackground-color: #f5f5f5;
--framer-fresco-settingsModalTeamSearchFilterTagText-color: #333333;
--framer-fresco-settingsModalPlansEditorsCount-color: #999999;
--framer-fresco-settingsModalPlanMoreButton-color: #888888;
--framer-fresco-settingsModalTitleBorder-color: #eeeeee;
--framer-fresco-settingsModalBillingDetails-color: #999999;
--framer-fresco-settingsModalRemoveAvatarButton-color: #ffffff;
--framer-fresco-settingsModalSessionsIcons-color: #cccccc;
--framer-fresco-settingsModalCancelIcon-color: #999999;
--framer-fresco-settingsHeaderText-color: #999999;
--framer-fresco-selectProjectToUpgradeModalHover-color: #f3f3f3;
--framer-fresco-selectProjectToUpgradePrimary-color: #222222;
--framer-fresco-activeAccountSettingsLink-color: #333333;
--framer-fresco-activeAccountSettingsBackground-color: #eeeeee;
--framer-fresco-organizationTextDimmed-color: #666666;
--framer-fresco-organizationMemberRowHover-color: #fafafa;
--framer-fresco-organizationMemberDetailBackButton-color: #333333;
--framer-fresco-organizationMemberDetailSubtitle-color: #333333;
--framer-fresco-organizationInviteRoleMenu-color: #333333;
--framer-fresco-organizationMemberName-color: #333333;
--framer-fresco-organizationNoteBackground-color: #f3f3f3;
--framer-fresco-organizationDetailTitle-color: #333333;
--framer-fresco-invitePopoverBackground-color: #ffffff;
--framer-fresco-invitePopoverSelectedMenuRow-color: #eeeeee;
--framer-fresco-confirmationModalDescription-color: #666666;
--framer-fresco-buttonSheetBackground-color: #f3f3f3;
--framer-fresco-buttonSheetDivider-color: #ebebeb;
--framer-fresco-buttonSheetText-color: #8e8e8e;
--framer-fresco-insertPanelNeutralIconBackground-color: #222222;
--framer-fresco-insertPanelNeutralIconForeground-color: #ffffff;
--framer-fresco-insertPanelGrayIcon-color: #999999;
--framer-fresco-insertPanelOrangeIcon-color: #ff8822;
--framer-fresco-insertPanelYellowIcon-color: #FFBB00;
--framer-fresco-insertPanelCyanIcon-color: #28D4D4;
--framer-fresco-insertPanelGreenIcon-color: #14D934;
--framer-fresco-insertPanelRedIcon-color: #FF5D38;
--framer-fresco-insertPanelPurpleIcon-color: #8855ff;
--framer-fresco-insertPanelGridItem-color: #f3f3f3;
--framer-fresco-wireframerAssistantAvatarBackground-color: #000000;
--framer-fresco-wireframerAssistantAvatarForeground-color: #ffffff;
--framer-fresco-wireframerAssistantName-color: #222222;
--framer-fresco-wireframerAssistantPlan-color: #999999;
--framer-fresco-wireframerAssistantPlanActive-color: #222222;
--framer-fresco-wireframerAssistantPlanDisabled-color: #666666;
--framer-fresco-wireframerAssistantVideoLink-color: #222222;
--framer-fresco-wireframerAssistantVideoLinkUnderline-color: rgba(34, 34, 34, .1);
--framer-fresco-wireframerAssistantMessageSelection-color: rgba(0, 0, 0, .15);
--framer-fresco-wireframerSendMessageButtonBackground-color: #222222;
--framer-fresco-wireframerSendMessageButtonBackgroundDisabled-color: #999999;
--framer-fresco-wireframerSendMessageButtonForeground-color: #ffffff;
--framer-fresco-wireframerSendMessageButtonForegroundDisabled-color: #ffffff;
--framer-fresco-wireframerSuggestionIcon-color: #999999;
--framer-fresco-wireframerSuggestionIconHover-color: #000000;
--framer-fresco-wireframerSuggestionButtonBackground-color: #ffffff;
--framer-fresco-wireframerSuggestionButtonForeground-color: #666666;
--framer-fresco-wireframerSuggestionButtonForegroundHover-color: #333333;
--framer-fresco-wireframerSuggestionButtonBorder-color: rgba(0, 0, 0, .05);
--framer-fresco-agentButtonPrimaryBackground-color: #222222;
--framer-fresco-agentButtonPrimaryForeground-color: #ffffff;
--framer-fresco-agentButtonSecondaryBackground-color: #f3f3f3;
--framer-fresco-agentButtonSecondaryForeground-color: #222222;
--framer-fresco-agentButtonTertiaryBackground-color: #f3f3f3;
--framer-fresco-agentButtonTertiaryForeground-color: #999999;
--framer-fresco-agentButtonOutlineBackground-color: #eeeeee;
--framer-fresco-agentButtonOutlineForeground-color: #666666;
--framer-fresco-agentButtonDisabledBackground-color: #f3f3f3;
--framer-fresco-agentButtonDisabledForeground-color: #888888;
--framer-fresco-agentButtonChatBackground-color: #ebebeb;
--framer-fresco-agentButtonChatForeground-color: #666666;
--framer-fresco-agentButtonChatDisabledBackground-color: #ebebeb;
--framer-fresco-agentButtonChatDisabledForeground-color: #999999;
--framer-fresco-agentLogsText-color: #bbbbbb;
--framer-fresco-agentLogsTextActive-color: #222222;
--framer-fresco-agentLogsTextError-color: #666666;
--framer-fresco-agentBorder-color: #eeeeee;
--framer-fresco-agentInput-color: #f3f3f3;
--framer-fresco-agentInputPlaceholder-color: #999999;
--framer-fresco-agentInputBorder-color: transparent;
--framer-fresco-agentFeedbackThreadBackground-color: #ffffff;
--framer-fresco-agentFeedbackCommentDisclosureFill-color: #999999;
--framer-fresco-agentFeedbackCommentDisclosureFillActive-color: #222222;
--framer-fresco-agentFeedbackCommentPrimary-color: #222222;
--framer-fresco-agentFeedbackCommentSecondary-color: #666666;
--framer-fresco-agentFeedbackCommentTertiary-color: #999999;
--framer-fresco-agentFeedbackThreadDivider-color: #eeeeee;
--framer-fresco-agentFeedbackThreadReplyIconBorder-color: rgba(0, 0, 0, .08);
--framer-fresco-agentFeedbackThreadReplyIcon-color: #999999;
--framer-fresco-agentFeedbackThreadResolveForeground-color: #222222;
--framer-fresco-agentError-color: #FF2200;
--framer-fresco-agentOperationsSummary-color: #999999;
--framer-fresco-kitBadgeBackground-color: rgba(0, 153, 255, .05);
--framer-fresco-kitBadgeForeground-color: #0099ff;
--framer-fresco-defaultKitIconBackground-color: #ffffff;
--framer-fresco-defaultKitIconForeground-color: #000000;
--framer-fresco-defaultKitIconBorder-color: rgba(0, 0, 0, .05);
--framer-fresco-kitsWelcomeModalText-color: #888888;
--framer-fresco-dashboardTableBodyText-color: #333333;
--framer-fresco-toastBackground-color: #ffffff;
--framer-fresco-toastBackgroundPrimary-color: #0099ff;
--framer-fresco-toastIcon-color: #888888;
--framer-fresco-toastTextPrimary-color: #ffffff;
--framer-fresco-toastBackgroundSites-color: #ffffff;
--framer-fresco-toastText-color: #444444;
--framer-fresco-toastSecondaryTextSites-color: #888888;
--framer-fresco-toastIconSites-color: #0099ff;
--framer-fresco-toastButtonBackgroundProminent-color: #ffffff;
--framer-fresco-toastButtonBackgroundProminentHover-color: rgba(255, 255, 255, .9);
--framer-fresco-expiredTrialBanner-color: #ffffff;
--framer-fresco-stylesPresetsIconBackground-color: #cccccc;
--framer-fresco-stylesPresetsIconText-color: #ffffff;
--framer-fresco-stylesPresetsButtonBackground-color: #e3e3e3;
--framer-fresco-stylesPresetsButtonBackgroundHover-color: #dddddd;
--framer-fresco-shortcutsModalListTitle-color: #999999;
--framer-fresco-shortcutsModalActionButton-color: #888888;
--framer-fresco-shortcutsModalDivider-color: #eeeeee;
--framer-fresco-shortcutsModalKeyBackground-color: #f3f3f3;
--framer-fresco-loaderPrimary-color: #f3f3f3;
--framer-fresco-loaderSecondary-color: #f5f5f5;
--framer-fresco-upsellCTAText-color: #ffffff;
--framer-fresco-upsellCTAButtonBackground-color: #ffffff;
--framer-fresco-upsellCTAButtonBackgroundHover-color: #eeeeee;
--framer-fresco-teamCreationModalBackground-color: #ffffff;
--framer-fresco-teamCreationCloseIcon-color: #888888;
--framer-fresco-teamCreationText-color: #333333;
--framer-fresco-teamCreationTextDimmed-color: #666666;
--framer-fresco-teamCreationNavigation-color: #dddddd;
--framer-fresco-teamCreationNavigationActive-color: #0099ff;
--framer-fresco-teamCreationBenefitIcon-color: #0099ff;
--framer-fresco-teamCreationBenefitDivider-color: #eeeeee;
--framer-fresco-errorBoundaryDescription-color: #999999;
--framer-fresco-highlightsBorder-color: #0099ff;
--framer-fresco-highlightsBackground-color: rgba(0, 153, 255, .2);
--framer-fresco-aiHighlightBorder-color: #0099ff;
--framer-fresco-aiHighlightPulseOn-color: rgba(0, 153, 255, .6);
--framer-fresco-aiHighlightPulseOff-color: rgba(0, 153, 255, 0);
--framer-fresco-onPageHighlightBorder-color: rgba(0, 153, 255, .8);
--framer-fresco-onPageHighlightBorderDragging-color: rgba(0, 153, 255, .2);
--framer-fresco-onPageHighlightBackground-color: rgba(0, 153, 255, .2);
--framer-fresco-componentProgressOverlayBackground-color: #E6E2EF;
--framer-fresco-componentProgressOverlayBorder-color: #E6E2EF;
--framer-fresco-componentProgressOverlayTitle-color: #8855ff;
--framer-fresco-statusBarCustomerBetaBackground-color: #6666ff;
--framer-fresco-statusBarCustomerBetaText-color: #ffffff;
--framer-fresco-statusBarTunnelText-color: #ffffff;
--framer-fresco-statusBarTunnelBackground-color: #ff8822;
--framer-fresco-statusBarProductionTunnelBackground-color: #ff2424;
--framer-fresco-statusBarEmployeeBetaBackground-color: #fdfdfd;
--framer-fresco-statusBarEmployeeBetaText-color: #333333;
--framer-fresco-statusBarPreviewLinkBackground-color: linear-gradient(90deg, rgba(0, 238, 255, 1) 0%, rgba(0, 51, 255, 1) 100%);
--framer-fresco-statusBarPreviewLinkText-color: #ffffff;
--framer-fresco-statusBarStableBackground-color: #22cc88;
--framer-fresco-statusBarStableText-color: #ffffff;
--framer-fresco-projectTransferModalText-color: #888888;
--framer-fresco-userTestButtonBackground-color: #f3f3f3;
--framer-fresco-userTestButtonBackgroundHover-color: #eeeeee;
--framer-fresco-userTestText-color: #666666;
--framer-fresco-userTestDivider-color: #eeeeee;
--framer-fresco-informationIcon-color: #cccccc;
--framer-fresco-stackGapHandleTint-color: #FF00F5;
--framer-fresco-stackGapHandleBackground-color: rgba(255, 0, 245, .05);
--framer-fresco-stackItemHighlight-color: rgba(0, 153, 255, .2);
--framer-fresco-publishHostname-color: #666;
--framer-fresco-publishHostnameHover-color: #333;
--framer-fresco-publishDescription-color: #aaa;
--framer-fresco-publishDescriptionHover-color: #888;
--framer-fresco-publishWarning-color: #ffaa22;
--framer-fresco-publishWarningHover-color: #ff9900;
--framer-fresco-publishPopoverDivider-color: #eeeeee;
--framer-fresco-publishChangeLogTitleLoading-color: #999999;
--framer-fresco-publishPopoverInfoCardBackground-color: #f3f3f3;
--framer-fresco-publishPopoverTooltipTitle-color: #222222;
--framer-fresco-publishPopoverTooltipDescription-color: #999999;
--framer-fresco-publishPopoverHostname-color: #444444;
--framer-fresco-publishChangeLogIcon-color: #999999;
--framer-fresco-publishChangeLogAvatarPlaceholder-color: #f3f3f3;
--framer-fresco-miniPageLimitsTooltipButton-color: rgba(255, 255, 255, .2);
--framer-fresco-miniPageLimitsTooltipButtonHover-color: rgba(255, 255, 255, .3);
--framer-fresco-miniPageLimitsTooltipButtonActive-color: rgba(255, 255, 255, .1);
--framer-fresco-openTypePopoutGradientColor-color: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .1) 20%, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, .7) 80%, rgba(255, 255, 255, .8) 100%);
--framer-fresco-settingsText-color: #333333;
--framer-fresco-settingsDescription-color: #666666;
--framer-fresco-settingsContainerBackground-color: #ffffff;
--framer-fresco-settingsContainerBorder-color: rgba(0, 0, 0, .05);
--framer-fresco-settingsContainerTitle-color: #222222;
--framer-fresco-settingsGridBorder-color: #eeeeee;
--framer-fresco-settingsGridTitle-color: #666666;
--framer-fresco-settingsGridContent-color: #666666;
--framer-fresco-settingsGridDescription-color: #999999;
--framer-fresco-settingsGridBackgroundActive-color: #f3f3f3;
--framer-fresco-settingsPlaceholder-color: #bbbbbb;
--framer-fresco-settingsImageBackground-color: #ffffff;
--framer-fresco-settingsImagePreviewBorder-color: rgba(34, 34, 34, .1);
--framer-fresco-settingsImageClearButtonBackground-color: #ffffff;
--framer-fresco-settingsImageClearButtonForeground-color: #999999;
--framer-fresco-settingsSearchResultPreviewBorder-color: #eeeeee;
--framer-fresco-settingsSearchResultPreviewTitle-color: #1a0dab;
--framer-fresco-settingsSearchResultPreviewDescription-color: #333333;
--framer-fresco-settingsSearchResultPreviewDomain-color: #666666;
--framer-fresco-settingsFormsSectionDescription-color: #666666;
--framer-fresco-settingsFormsUsageDescription-color: #999999;
--framer-fresco-siteSettingsBorderSectionDivider-color: #eeeeee;
--framer-fresco-dnsTableHeaderBackground-color: #f3f3f3;
--framer-fresco-dnsTableHeaderText-color: #333333;
--framer-fresco-dnsTableBorder-color: #eeeeee;
--framer-fresco-dnsTableText-color: #666666;
--framer-fresco-dnsTableIcon-color: #999999;
--framer-fresco-breakpointTitle-color: #999999;
--framer-fresco-breakpointTitleBackground-color: rgba(153, 153, 153, .1);
--framer-fresco-breakpointTitleBackgroundPrimary-color: rgba(0, 153, 255, .1);
--framer-fresco-breakpointPlayButtonBackground-color: #999999;
--framer-fresco-breakpointCreationButtonBackground-color: rgba(153, 153, 153, .15);
--framer-fresco-breakpointCreationButtonBackgroundPrimary-color: rgba(0, 153, 255, .15);
--framer-fresco-breakpointCreationButtonIcon-color: #999999;
--framer-fresco-breakpointCreationButtonBackgroundActive-color: #0099ff;
--framer-fresco-breakpointCreationButtonIconActive-color: #ffffff;
--framer-fresco-previewContainerTextColor-color: #222222;
--framer-fresco-analyticsBackground-color: #ffffff;
--framer-fresco-analyticsBackgroundTransparent-color: rgba(255, 255, 255, .75);
--framer-fresco-analyticsBarFill-color: #f3f3f3;
--framer-fresco-analyticsBorderTransparent-color: rgba(0, 0, 0, .05);
--framer-fresco-analyticsScreenshotBackground-color: #fafafa;
--framer-fresco-analyticsScreenshotLogo-color: #e6e6e6;
--framer-fresco-analyticsScreenshotBorder-color: rgba(0, 0, 0, .03);
--framer-fresco-analyticsPrimary-color: #333333;
--framer-fresco-analyticsSecondary-color: #666666;
--framer-fresco-analyticsTertiary-color: #999999;
--framer-fresco-analyticsBottomLine-color: #eeeeee;
--framer-fresco-analyticsNoDataText-color: rgba(153, 153, 153, .5);
--framer-fresco-analyticsAccent-color: #eeeeee;
--framer-fresco-analyticsIconAccent-color: rgba(153, 153, 153, .5);
--framer-fresco-analyticsTint-color: #0099ff;
--framer-fresco-analyticsTintBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-analyticsPopoutBackground-color: #ffffff;
--framer-fresco-analyticsAbTestVariant1-color: #3A92FD;
--framer-fresco-analyticsAbTestVariant1Dimmed-color: rgba(58, 146, 253, .07);
--framer-fresco-analyticsAbTestVariant2-color: #9869FD;
--framer-fresco-analyticsAbTestVariant2Dimmed-color: rgba(152, 105, 253, .07);
--framer-fresco-analyticsAbTestVariant3-color: #2AD4D4;
--framer-fresco-analyticsAbTestVariant3Dimmed-color: rgba(42, 212, 212, .07);
--framer-fresco-analyticsAbTestVariant4-color: #FF8922;
--framer-fresco-analyticsAbTestVariant4Dimmed-color: rgba(255, 137, 34, .07);
--framer-fresco-analyticsAbTestVariant5-color: #FFBB00;
--framer-fresco-analyticsAbTestVariant5Dimmed-color: rgba(255, 187, 0, .07);
--framer-fresco-sitePlansCopy-color: #666666;
--framer-fresco-sitePlansHighlight-color: #000000;
--framer-fresco-plansSelectedCard-color: #fafafa;
--framer-fresco-plansInfoFrameBorder-color: #eeeeee;
--framer-fresco-plansBannerText-color: #333333;
--framer-fresco-plansCardTitle-color: #333333;
--framer-fresco-plansLineItemDescription-color: #999999;
--framer-fresco-plansCtaDisabled-color: #cccccc;
--framer-fresco-plansCollaborators-color: #fafafa;
--framer-fresco-plansPlusIcon-color: #cccccc;
--framer-fresco-plansAddonsBox-color: #eeeeee;
--framer-fresco-plansEnterpriseParagraphColor-color: #666666;
--framer-fresco-plansEnterpriseIconBackgroundColor-color: rgba(187, 187, 187, .1);
--framer-fresco-plansEnterpriseIconColor-color: #cccccc;
--framer-fresco-freeSiteColor-color: #888888;
--framer-fresco-freeSiteBackground-color: rgba(136, 136, 136, .1);
--framer-fresco-miniSiteColor-color: #00CCFF;
--framer-fresco-miniSiteBackground-color: rgba(0, 204, 255, .1);
--framer-fresco-basicSiteColor-color: #0099ff;
--framer-fresco-basicSiteBackground-color: rgba(0, 153, 255, .1);
--framer-fresco-proSiteColor-color: #0066ff;
--framer-fresco-proSiteBackground-color: rgba(0, 102, 255, .1);
--framer-fresco-scaleupSiteColor-color: #9966ff;
--framer-fresco-scaleupSiteBackground-color: rgba(153, 102, 255, .15);
--framer-fresco-startupSiteColor-color: #9966ff;
--framer-fresco-startupSiteBackground-color: rgba(153, 102, 255, .15);
--framer-fresco-enterpriseSiteColor-color: #888888;
--framer-fresco-enterpriseSiteBackground-color: rgba(136, 136, 136, .1);
--framer-fresco-planCardBackgroundColor-color: #ffffff;
--framer-fresco-planCardBackgroundGradientStartColor-color: #fcfcfc;
--framer-fresco-planCardBackgroundGradientEndColor-color: #ffffff;
--framer-fresco-planCardPersonalBackgroundGradientStartColor-color: #fcfcfc;
--framer-fresco-planCardPersonalBackgroundGradientEndColor-color: #ffffff;
--framer-fresco-planCardBusinessBackgroundGradientStartColor-color: rgba(136, 85, 255, .05);
--framer-fresco-planCardBusinessBackgroundGradientEndColor-color: rgba(255, 255, 255, 0);
--framer-fresco-planCardGridShadowColorStart-color: #ffffff;
--framer-fresco-planCardGridShadowColorEnd-color: rgba(17, 17, 17, 0);
--framer-fresco-planCardBorderColor-color: rgba(0, 0, 0, .02);
--framer-fresco-planTypeToggleItemBussinessTextSelected-color: #9966ff;
--framer-fresco-planTypeToggleItemBussinessTextSelectedHover-color: #8855ff;
--framer-fresco-planCardPersonalButtonColor-color: rgba(0, 153, 255, .1);
--framer-fresco-planCardPersonalButtonColorText-color: #0099ff;
--framer-fresco-planCardBusinessCurrentPlanButtonColor-color: rgba(136, 85, 255, .2);
--framer-fresco-planCardPersonalButtonBorderColor-color: rgba(0, 153, 255, .1);
--framer-fresco-planCardBusinessButtonColor-color: #9966ff;
--framer-fresco-planCardBusinessButtonBorderColor-color: rgba(136, 85, 255, .1);
--framer-fresco-planCardBusinessButtonColorHover-color: #7733ff;
--framer-fresco-planCardBusinessButtonColorText-color: #8855ff;
--framer-fresco-planCardBusinessButtonColorShadow-color: rgba(136, 85, 255, .3);
--framer-fresco-planCardBusinessButtonColorShadowHover-color: rgba(119, 51, 255, .3);
--framer-fresco-planCardTextColor-color: #222222;
--framer-fresco-planCardTextDescriptionColor-color: #999999;
--framer-fresco-planCardBorder-color: rgba(0, 0, 0, .03);
--framer-fresco-planCardBillingToggleActiveBackground-color: #0099ff;
--framer-fresco-planCardBackgroundGradientStop1-color: rgba(255, 255, 255, 0);
--framer-fresco-planCardBackgroundGradientStop2-color: #ffffff;
--framer-fresco-planCardHighlightedBorder-color: rgba(96, 134, 159, .05);
--framer-fresco-planCardHighlightedBackgroundGradientStop1-color: rgba(0, 153, 255, .05);
--framer-fresco-planCardHighlightedBackgroundGradientStop2-color: rgba(0, 22, 66, 0);
--framer-fresco-planCardHighlightedBackgroundGradientStop3-color: rgba(255, 255, 255, 0);
--framer-fresco-badgeCurrentPlanTypeBackgroundColor-color: rgba(0, 153, 255, .1);
--framer-fresco-previewContainerBackgroundColor-color: #ffffff;
--framer-fresco-previewContainerDividerColor-color: #eeeeee;
--framer-fresco-previewPeriodTabsBorderColor-color: #eeeeee;
--framer-fresco-cmsTableSearchIcon-color: #999999;
--framer-fresco-cmsTableFileIcon-color: #999999;
--framer-fresco-cmsTableText-color: #999999;
--framer-fresco-cmsTableTextActive-color: #000000;
--framer-fresco-cmsTableFirstColumnText-color: #555555;
--framer-fresco-cmsTableHeaderText-color: #999999;
--framer-fresco-cmsTableSelectedRowBackground-color: #fcfcfc;
--framer-fresco-cmsRichTextTableBorder-color: #cccccc;
--framer-fresco-cmsRichTextTableCellContextMenuButtonIcon-color: #999999;
--framer-fresco-cmsRichTextTableHeaderBackground-color: #ebebeb;
--framer-fresco-cmsRichTextTableHeaderText-color: #333333;
--framer-fresco-cmsRichTextTableText-color: #333333;
--framer-fresco-cmsRichTextToolbarItemText-color: #888888;
--framer-fresco-cmsRichTextToolbarItemActiveText-color: #333333;
--framer-fresco-cmsRichTextToolbarItemBackground-color: #dddddd;
--framer-fresco-cmsRichTextToolbarGroupBackground-color: #f3f3f3;
--framer-fresco-cmsRichTextToolbarGroupBackgroundDisabled-color: rgba(243, 243, 243, .5);
--framer-fresco-cmsRichTextDropCursor-color: #0099ff;
--framer-fresco-cmsRichTextBackground-color: #f3f3f3;
--framer-fresco-cmsRichTextHeading-color: #222222;
--framer-fresco-cmsRichTextModulePreviewBackground-color: rgba(153, 153, 153, .1);
--framer-fresco-cmsRichTextParagraph-color: #555555;
--framer-fresco-cmsSlashCommandsMenuIcon-color: #999999;
--framer-fresco-cmsSlashCommandsMenuGroup-color: #999999;
--framer-fresco-cmsCollectionItemBackdrop-color: rgba(0, 0, 0, .2);
--framer-fresco-cmsCodeInTextBackground-color: rgba(51, 51, 51, .08);
--framer-fresco-cmsOverlayRowTitle-color: #333333;
--framer-fresco-cmsOverlayRowTitleReadOnly-color: #999999;
--framer-fresco-cmsImageClearButtonBackground-color: rgba(0, 0, 0, .3);
--framer-fresco-cmsImageClearButtonText-color: #ffffff;
--framer-fresco-cmsImageAddButtonIcon-color: #999999;
--framer-fresco-cmsImageAddButtonBackground-color: #ffffff;
--framer-fresco-cmsImageAddButtonBackgroundHover-color: #fafafa;
--framer-fresco-cmsCodeBlockSurface1-color: #fdfdfd;
--framer-fresco-cmsCodeBlockSurface2-color: #eeeeee;
--framer-fresco-cmsCodeBlockSurface3-color: #f3f3f3;
--framer-fresco-cmsCodeBlockClickable-color: #808080;
--framer-fresco-cmsCodeBlockBase-color: #323232;
--framer-fresco-cmsCodeBlockDisabled-color: #c5c5c5;
--framer-fresco-cmsCodeBlockHover-color: #4d4d4d;
--framer-fresco-cmsCodeBlockAccent-color: #0099ff;
--framer-fresco-cmsCodeBlockError-color: #ff3366;
--framer-fresco-cmsCodeBlockErrorSurface-color: #ffe0e8;
--framer-fresco-cmsCodeBlockPlain-color: #666666;
--framer-fresco-cmsCodeBlockComment-color: #bbbbbb;
--framer-fresco-cmsCodeBlockKeyword-color: #0099ff;
--framer-fresco-cmsCodeBlockTag-color: #0099ff;
--framer-fresco-cmsCodeBlockPunctuation-color: #bbbbbb;
--framer-fresco-cmsCodeBlockDefinition-color: #FFAA00;
--framer-fresco-cmsCodeBlockProperty-color: #33cccc;
--framer-fresco-cmsCodeBlockStatic-color: #ff8866;
--framer-fresco-cmsCodeBlockString-color: #8855ff;
--framer-fresco-inlineEditingMenuBackground-color: rgba(255, 255, 255, .8);
--framer-fresco-inlineEditingMenuBorder-color: transparent;
--framer-fresco-inlineFormattingMenuBackgroundActive-color: rgba(0, 0, 0, .05);
--framer-fresco-inlineFormattingMenuText-color: #666666;
--framer-fresco-inlineFormattingMenuTextHover-color: #222222;
--framer-fresco-inlineFormattingMenuTextActive-color: #222222;
--framer-fresco-inlineFormattingMenuIcon-color: #999999;
--framer-fresco-inlineFormattingMenuIconHover-color: #222222;
--framer-fresco-inlineFormattingMenuIconActive-color: #222222;
--framer-fresco-inlineFormattingMenuHeading-color: #999999;
--framer-fresco-inlineFormattingMenuDivider-color: #eeeeee;
--framer-fresco-localizationText-color: #555555;
--framer-fresco-localizationPlaceholderText-color: #999999;
--framer-fresco-localizationWarningTint-color: #FFAA01;
--framer-fresco-localizationGlossaryHeading-color: #222222;
--framer-fresco-quickActionsText-color: #666666;
--framer-fresco-quickActionsTextActive-color: #222222;
--framer-fresco-quickActionsSecondaryText-color: #999999;
--framer-fresco-quickActionsBackgroundActive-color: #f5f5f5;
--framer-fresco-quickActionsSeparator-color: #eeeeee;
--framer-fresco-quickActionsCategoryTagBackground-color: #f3f3f3;
--framer-fresco-quickActionsCategoryTagColor-color: #999999;
--framer-fresco-quickActionsSeparatorIcon-color: #bbbbbb;
--framer-fresco-quickActionsIconDefaultLegacy-color: #0099ff;
--framer-fresco-quickActionsIconDefault-color: #999999;
--framer-fresco-quickActionsIconDefaultActiveLegacy-color: #ffffff;
--framer-fresco-quickActionsIconDefaultActive-color: #222222;
--framer-fresco-quickActionsIconBackgroundDefault-color: rgba(0, 153, 255, .1);
--framer-fresco-quickActionsIconBackgroundDefaultActive-color: #0099ff;
--framer-fresco-quickActionsToggleOffIconBackground-color: #999999;
--framer-fresco-quickActionsIconBackgroundBorder-color: rgba(0, 0, 0, .05);
--framer-fresco-quickActionsIconBackgroundBorderActive-color: rgba(0, 0, 0, .1);
--framer-fresco-quickActionsIconComponentTint-color: #8855ff;
--framer-fresco-quickActionsIconComponentTintActive-color: #ffffff;
--framer-fresco-quickActionsIconBackgroundComponentTint-color: rgba(136, 85, 255, .15);
--framer-fresco-quickActionsIconBackgroundComponentTintActive-color: #8855ff;
--framer-fresco-quickActionsIconAssetStyleTint-color: #000000;
--framer-fresco-quickActionsIconAssetStyleTintActive-color: #000000;
--framer-fresco-quickActionsIconBackgroundAssetStyleTint-color: #f5f5f5;
--framer-fresco-quickActionsIconBackgroundAssetStyleTintActive-color: #ffffff;
--framer-fresco-historyPanelRowBackground-color: #ffffff;
--framer-fresco-historyPanelRowBackgroundActive-color: #f3f3f3;
--framer-fresco-historyPanelTimelineBackground-color: #eeeeee;
--framer-fresco-historyPanelTimelineBackgroundActive-color: #dddddd;
--framer-fresco-historyPanelTimelineDotBackground-color: #999999;
--framer-fresco-historyPanelTimelineDotBackgroundActive-color: #333333;
--framer-fresco-historyPanelText-color: #666666;
--framer-fresco-historyPanelTextActive-color: #333333;
--framer-fresco-historyPanelSummaryText-color: #999999;
--framer-fresco-historyPanelSummaryTextActive-color: #333333;
--framer-fresco-historyPanelSummaryDivider-color: rgba(0, 0, 0, .07);
--framer-fresco-activeGoogleSheetIcon-color: #0099ff;
--framer-fresco-activeGoogleButtonText-color: #333333;
--framer-fresco-loadingShieldBackground-color: #eeeeee;
--framer-fresco-loadingAnimationBackground-color: #eeeeee;
--framer-fresco-loadingProgressBarFill-color: #999999;
--framer-fresco-fillIconHighlight-color: #ffffff;
--framer-fresco-fillIconBorder-color: rgba(153, 153, 153, .6);
--framer-fresco-fillIconBorderActive-color: #0099ff;
--framer-fresco-fillIconSolidFill-color: rgba(153, 153, 153, .4);
--framer-fresco-fillIconLinearFillInner-color: rgba(153, 153, 153, 0);
--framer-fresco-fillIconLinearFillOuter-color: rgba(153, 153, 153, .8);
--framer-fresco-fillIconRadialFillInner-color: rgba(153, 153, 153, 0);
--framer-fresco-fillIconRadialFillOuter-color: rgba(153, 153, 153, .7);
--framer-fresco-fillIconConicFillInner-color: #999999;
--framer-fresco-fillIconConicFillOuter-color: #ffffff;
--framer-fresco-fillIconImageFillInner-color: rgba(153, 153, 153, .4);
--framer-fresco-fillIconImageFillOuter-color: #999999;
--framer-fresco-fillIconSolidFillActive-color: rgba(0, 153, 255, .4);
--framer-fresco-fillIconLinearFillInnerActive-color: rgba(153, 153, 153, 0);
--framer-fresco-fillIconLinearFillActive-color: rgba(0, 153, 255, .8);
--framer-fresco-fillIconRadialFillActive-color: rgba(0, 153, 255, .8);
--framer-fresco-fillIconConicFillInnerActive-color: #0099ff;
--framer-fresco-fillIconConicFillOuterActive-color: #ffffff;
--framer-fresco-fillIconImageFillInnerActive-color: rgba(0, 153, 255, .4);
--framer-fresco-fillIconImageFillOuterActive-color: #0099ff;
--framer-fresco-fillPanelPresetBackground-color: #f3f3f3;
--framer-fresco-publishErrorCaret-color: #999999;
--framer-fresco-publishErrorTitle-color: #FF3355;
--framer-fresco-deploymentErrorLogsBackground-color: #f3f3f3;
--framer-fresco-deploymentErrorLogsStackTraceBackground-color: rgba(0, 0, 0, .05);
--framer-fresco-editorBarBackground-color: #222222;
--framer-fresco-editorBarBackgroundHover-color: #282828;
--framer-fresco-editorBarButtonSecondaryText-color: #ffffff;
--framer-fresco-editorBarDivider-color: #333333;
--framer-fresco-editorBarText-color: #ffffff;
--framer-fresco-editorBarDividerBackground-color: #ffffff;
--framer-fresco-editorBarButtonBackground-color: rgba(255, 255, 255, .15);
--framer-fresco-editorBarSubtleBackground-color: rgba(17, 17, 17, .9);
--framer-fresco-editorBarSubtleTitle-color: #ffffff;
--framer-fresco-editorBarSubtleSubtitle-color: #999999;
--framer-fresco-editorBarMenuItemColor-color: #cccccc;
--framer-fresco-editorBarSubtleSubtitleLink-color: #f7f7f7;
--framer-fresco-editorBarSubtleIconSquareBackground-color: rgba(255, 255, 255, .15);
--framer-fresco-editorBarSubtleIconSquareBackgroundHover-color: rgba(255, 255, 255, .2);
--framer-fresco-editorBarSubtleItemFontColor-color: #777777;
--framer-fresco-onPageToolbarBackground-color: rgba(34, 34, 34, .8);
--framer-fresco-onPageToolbarShadow-color: rgba(0, 0, 0, .1) 0px 2px 4px 0px, rgba(0, 0, 0, .05) 0px 1px 0px 0px, rgba(255, 255, 255, .15) 0px 0px 0px 1px;
--framer-fresco-onPageToolbarText-color: #ffffff;
--framer-fresco-onPageToolbarSecondaryText-color: rgba(255, 255, 255, .6);
--framer-fresco-onPageToolbarButtonBackground-color: rgba(255, 255, 255, .25);
--framer-fresco-onPageToolbarButtonBackgroundHover-color: rgba(255, 255, 255, .23);
--framer-fresco-onPageToolbarButtonBackgroundActive-color: rgba(255, 255, 255, .21);
--framer-fresco-onPageToolbarButtonText-color: #ffffff;
--framer-fresco-onPageValidationWarningBadgeBackground-color: #FF7700;
--framer-fresco-onPageValidationWarningBadgeText-color: #ffffff;
--framer-fresco-layoutTemplateSlotBackground-color: rgba(136, 85, 255, .1);
--framer-fresco-debugBarBackground-color: #ffffff;
--framer-fresco-debugBarSecondaryBackground-color: #f3f3f3;
--framer-fresco-anchorGridUnselected-color: #bbbbbb;
--framer-fresco-anchorGridSelected-color: #0099ff;
--framer-fresco-vectorSetItemBackground-color: #ffffff;
--framer-fresco-onboardingTextPrimary-color: #222222;
--framer-fresco-onboardingTextSecondary-color: #888888;
--framer-fresco-onboardingTextTertiary-color: #888888;
--framer-fresco-onboardingBackground-color: #ffffff;
--framer-fresco-onboardingDropdownBackground-color: #f3f3f3;
--framer-fresco-onboardingPanelBackground-color: #ffffff;
--framer-fresco-onboardingButtonPrimary-color: #222222;
--framer-fresco-onboardingButtonPrimaryHover-color: #333333;
--framer-fresco-onboardingVideoBorder-color: rgba(0, 0, 0, .05);
--framer-fresco-onboardingDivider-color: #eeeeee;
--framer-fresco-onboardingGoogleIcon-color: #999999;
--framer-fresco-onboardingInputErrorBackground-color: rgba(255, 51, 102, .05);
--framer-fresco-customCodeTableHeader-color: #999999;
--framer-fresco-customCodeTableRow-color: #666666;
--framer-fresco-customCodeTableRowHover-color: #000000;
--framer-fresco-customCodeIcon-color: #f3f3f3;
--framer-fresco-customCodeIconBorder-color: rgba(136, 136, 136, .12);
--framer-fresco-customCodeInfoIcon-color: #999999;
--framer-fresco-customCodeFieldInfo-color: #666666;
--framer-fresco-customCodeTemplateVariable-color: #666666;
--framer-fresco-agentModal-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .05), 0px 4px 8px 0px rgba(0, 0, 0, .08);
--framer-fresco-buttonSelected-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .1), 0px 1px 0px 0px rgba(0, 0, 0, .05);
--framer-fresco-canvasTooltip-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .1);
--framer-fresco-card-shadow: 0 5px 20px rgba(0, 0, 0, .15);
--framer-fresco-cardActive-shadow: 0px 1px 3px 0px rgba(0, 153, 255, .1), 0px 0px 12px 0px rgba(0, 153, 255, .2);
--framer-fresco-componentOutline-shadow: 0px 0px 0px 5px rgba(136, 85, 255, .1);
--framer-fresco-componentOutlineSmall-shadow: 0px 0px 0px 5px rgba(136, 85, 255, .1);
--framer-fresco-dashboardNewProjectCard-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08), 0 1px 0 0 rgba(0, 0, 0, .05);
--framer-fresco-distributionSliderBar-shadow: inset 0 0 0 1px var(--framer-fresco-gradientStopSliderBorder-color, rgba(0, 0, 0, .05));
--framer-fresco-distributionSliderKnob-shadow: inset 0 0 0 3px white, inset 0 0 0 4px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .1);
--framer-fresco-distributionSliderKnobSelected-shadow: inset 0 0 0 3px white, inset 0 0 0 4px #0099ff, 0 0 0 1px #0099ff;
--framer-fresco-gradientSliderKnobSelected-shadow: inset 0 0 0 3px white, inset 0 0 0 4px #0099ff, 0 0 0 1px #0099ff;
--framer-fresco-imageBorderOverlay-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
--framer-fresco-inlineEditingMenu-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .03), 0px 10px 20px 0px rgba(0, 0, 0, .1);
--framer-fresco-insertImage-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .1);
--framer-fresco-insertMenuArtwork-shadow: inset 0 0 0 1px rgba(0, 0, 0, .075);
--framer-fresco-modal-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .15);
--framer-fresco-popover-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .1), 0px 1px 4px 0px rgba(0, 0, 0, .02);
--framer-fresco-popoverDropShadow-shadow: drop-shadow(0px 1px 8px rgba(0, 0, 0, .08)) drop-shadow(0px 5px 20px rgba(0, 0, 0, .1));
--framer-fresco-settingsCard-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1), 0px 2px 10px 0px rgba(0, 0, 0, .05);
--framer-fresco-sideOverlay-shadow: 40px 0px 40px 40px rgba(0, 0, 0, .1);
--framer-fresco-sideOverlayPeek-shadow: 10px 0px 10px 10px rgba(0, 0, 0, .1);
--framer-fresco-segmentedControlItemSelected-shadow: 0px 0px 0px 1px rgba(0, 0, 0, .02), 0px 1px 0px 0px rgba(0, 0, 0, .05), 0px 2px 4px 0px rgba(0, 0, 0, .1);
--framer-fresco-multiComboBoxToken-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .15);
--framer-fresco-sliderKnob-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2), 0px .5px 0px 0px rgba(0, 0, 0, .1);
--framer-fresco-svgScreenIcon-shadow: drop-shadow(0 5px 10px rgba(0, 0, 0, .1));
--framer-fresco-tintOutline-shadow: 0px 0px 0px 5px rgba(0, 153, 255, .1);
--framer-fresco-tintOutlineSmall-shadow: 0px 0px 0px 2px rgba(0, 153, 255, .1);
--framer-fresco-toggleTack-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .1), 0px 2px 10px 0px rgba(0, 0, 0, .05);
--framer-fresco-settingsImageClearButton-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2), 0px .5px 0px 0px rgba(0, 0, 0, .1)
}
.t1harvmc:before {
display: block;
margin-top: var(--margin-top);
content: ""
}
.t1harvmc:after {
display: block;
margin-bottom: var(--margin-bottom);
content: ""
}
.s1vo07bb {
--delay: 0s;
z-index: 28;
-webkit-animation: scale-in-s1vo07bb .4s ease both var(--delay);
animation: scale-in-s1vo07bb .4s ease both var(--delay)
}
@-webkit-keyframes scale-in-s1vo07bb {
0.00% {
opacity: 0;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5)
}
41.24% {
-webkit-transform: scale(1.025);
-moz-transform: scale(1.025);
-ms-transform: scale(1.025);
transform: scale(1.025)
}
100.00% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}
@keyframes scale-in-s1vo07bb {
0.00% {
opacity: 0;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5)
}
41.24% {
-webkit-transform: scale(1.025);
-moz-transform: scale(1.025);
-ms-transform: scale(1.025);
transform: scale(1.025)
}
100.00% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}
.s1wvirx {
border-radius: 12px;
background-color: var(--framer-fresco-tooltipBackground-color, #999999);
color: #fff;
font-size: 12px;
font-weight: var(--framer-fresco-baseActive-font-weight, 500)
}
.t1jngqm9 {
position: absolute;
top: calc(100% + 1px);
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 14px;
margin-top: var(--framer-fresco-tooltipArrowHeight-dimension, 8px);
pointer-events: none;
text-align: center;
transform-origin: top center;
white-space: nowrap
}
.awtchmx {
position: absolute;
color: var(--framer-fresco-tooltipBackground-color, #999999)
}
.az9drcv {
--additionalTranslateY: 0px;
top: calc(var(--framer-fresco-tooltipArrowHeight-dimension, 8px) * -1);
left: 50%;
width: var(--framer-fresco-tooltipArrowWidth-dimension, 28px);
height: var(--framer-fresco-tooltipArrowHeight-dimension, 8px);
-webkit-transform: translateY(.4px) translateX(-50%) translateY(var(--additionalTranslateY));
-moz-transform: translateY(.4px) translateX(-50%) translateY(var(--additionalTranslateY));
-ms-transform: translateY(.4px) translateX(-50%) translateY(var(--additionalTranslateY));
transform: translateY(.4px) translate(-50%) translateY(var(--additionalTranslateY))
}
.a1k9fzqw {
--additionalTranslateY: 0px;
bottom: calc(var(--framer-fresco-tooltipArrowHeight-dimension, 8px) * -1);
left: 50%;
width: var(--framer-fresco-tooltipArrowWidth-dimension, 28px);
height: var(--framer-fresco-tooltipArrowHeight-dimension, 8px);
-webkit-transform: translateY(-.4px) translateX(-50%) translateY(var(--additionalTranslateY));
-moz-transform: translateY(-.4px) translateX(-50%) translateY(var(--additionalTranslateY));
-ms-transform: translateY(-.4px) translateX(-50%) translateY(var(--additionalTranslateY));
transform: translateY(-.4px) translate(-50%) translateY(var(--additionalTranslateY))
}
.a1jif5v3 {
--additionalTranslateX: 0px;
top: 50%;
left: calc(var(--framer-fresco-tooltipArrowHeight-dimension, 8px) * -1);
width: var(--framer-fresco-tooltipArrowHeight-dimension, 8px);
height: var(--framer-fresco-tooltipArrowWidth-dimension, 28px);
-webkit-transform: translateX(.4px) translateY(-50%) translateX(var(--additionalTranslateX));
-moz-transform: translateX(.4px) translateY(-50%) translateX(var(--additionalTranslateX));
-ms-transform: translateX(.4px) translateY(-50%) translateX(var(--additionalTranslateX));
transform: translate(.4px) translateY(-50%) translate(var(--additionalTranslateX))
}
.ah86ogj {
--additionalTranslateX: 0px;
top: 50%;
right: calc(var(--framer-fresco-tooltipArrowHeight-dimension, 8px) * -1);
width: var(--framer-fresco-tooltipArrowHeight-dimension, 8px);
height: var(--framer-fresco-tooltipArrowWidth-dimension, 28px);
-webkit-transform: translateX(-.4px) translateY(-50%) translateX(var(--additionalTranslateX));
-moz-transform: translateX(-.4px) translateY(-50%) translateX(var(--additionalTranslateX));
-ms-transform: translateX(-.4px) translateY(-50%) translateX(var(--additionalTranslateX));
transform: translate(-.4px) translateY(-50%) translate(var(--additionalTranslateX))
}
.c1eh7x3f {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.t18bov5v {
min-height: var(--framer-fresco-inputHeight-dimension, 30px);
padding: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
resize: vertical
}
.t18bov5v::-webkit-scrollbar {
width: 12px;
background: transparent;
cursor: pointer
}
.t18bov5v::-webkit-scrollbar-thumb {
border: 4px solid transparent;
border-radius: 10px;
-webkit-background-clip: content-box;
background-clip: content-box;
background-color: var(--framer-fresco-textAreaScrollbar-color, #cccccc)
}
.t18bov5v::-webkit-scrollbar-corner {
background: none;
background-color: transparent;
outline: none
}
.t18bov5v::-webkit-scrollbar-thumb:window-inactive {
opacity: 0
}
.l16z17a3::-webkit-resizer {
border: 1px solid transparent;
background: no-repeat url("data:image/svg+xml;utf8,")
}
[data-framer-theme=dark] .l16z17a3::-webkit-resizer {
border: 1px solid transparent;
background: no-repeat url("data:image/svg+xml;utf8,")
}
.rqti9ra::-webkit-resizer {
border-left: 6px solid transparent;
background: no-repeat url("data:image/svg+xml;utf8,")
}
[data-framer-theme=dark] .rqti9ra::-webkit-resizer {
border-left: 6px solid transparent;
background: no-repeat url("data:image/svg+xml;utf8,")
}
.tarvkue {
width: 100%;
border-width: 1px;
border-style: solid;
border-color: var(--framer-fresco-inputBorder-color, transparent);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background: var(--framer-fresco-inputBackground-color, #f3f3f3);
color: var(--framer-fresco-inputText-color, #333333);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500)
}
.tarvkue::-webkit-input-placeholder {
color: var(--framer-fresco-inputPlaceholder-color, #999999);
font-weight: var(--framer-fresco-base-font-weight, 500);
-webkit-text-fill-color: var(--framer-fresco-inputPlaceholder-color, #999999)
}
.tarvkue:-webkit-autofill,
.tarvkue:-webkit-autofill:hover,
.tarvkue:-webkit-autofill:focus,
.tarvkue:-webkit-autofill:active {
-webkit-animation: autofill-tarvkue 0s forwards;
animation: autofill-tarvkue 0s forwards;
box-shadow: 0 0 0 50px var(--framer-fresco-inputBackground-color, #f3f3f3) inset;
-webkit-text-fill-color: var(--framer-fresco-inputText-color, #333333)
}
.tarvkue:enabled {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text
}
.tarvkue:disabled {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
-webkit-text-fill-color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb)
}
.tarvkue:disabled::-webkit-input-placeholder {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
-webkit-text-fill-color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb)
}
.tarvkue:disabled:focus {
color: var(--framer-fresco-inputTextDisabledSelected-color, #999999);
-webkit-text-fill-color: var(--framer-fresco-inputTextDisabledSelected-color, #999999)
}
.tarvkue:focus {
border-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
outline: none
}
.tarvkue:-moz-read-only {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
-webkit-text-fill-color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb)
}
.tarvkue:read-only {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
-webkit-text-fill-color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb)
}
.tarvkue:-moz-read-only::-webkit-input-placeholder {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
-webkit-text-fill-color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb)
}
.tarvkue:read-only::-webkit-input-placeholder {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
-webkit-text-fill-color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb)
}
.tarvkue:-moz-read-only:focus {
color: var(--framer-fresco-inputTextDisabledSelected-color, #999999);
-webkit-text-fill-color: var(--framer-fresco-inputTextDisabledSelected-color, #999999)
}
.tarvkue:read-only:focus {
color: var(--framer-fresco-inputTextDisabledSelected-color, #999999);
-webkit-text-fill-color: var(--framer-fresco-inputTextDisabledSelected-color, #999999)
}
.i1v4gay9 {
height: var(--framer-fresco-inputHeight-dimension, 30px);
padding: 0 var(--framer-fresco-inputPaddingHorizontalWithBorder-dimension, 7px) 1px
}
.icv147p {
height: var(--framer-fresco-inputHeightSmall-dimension, 26px)
}
.shr89u9 {
position: relative;
overflow: auto;
height: 100%;
-webkit-overflow-scrolling: touch
}
.shr89u9::-webkit-scrollbar-track {
background-color: transparent
}
.shr89u9::-webkit-scrollbar-thumb {
background-color: #00000040
}
.shr89u9::-webkit-scrollbar:vertical {
width: 0
}
.s17ru26r {
overflow-x: overlay;
overflow-y: hidden
}
.s1i74306 {
overflow-x: hidden;
overflow-y: overlay
}
.sobdcxs {
overflow-x: overlay;
overflow-y: overlay
}
.w1e16ne2 {
-ms-overflow-style: none;
scrollbar-width: none
}
.w1e16ne2::-webkit-scrollbar {
display: none
}
.c1916sa4 {
overscroll-behavior: contain
}
.irtxxgq {
position: absolute;
right: 0;
left: 0
}
.s191yxf0 {
position: absolute;
z-index: 1;
right: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: transparent;
pointer-events: none
}
.s1d1wl27 {
position: -webkit-sticky;
position: sticky;
top: 0;
width: 100%;
pointer-events: auto
}
.s1d1wl27:has([data-virtual-list-sticky-header-height-reduction]) {
pointer-events: none
}
.s13qpy0w {
position: relative
}
.s1fpejck {
position: relative;
width: 100%
}
.ce0jzrc.ce0jzrc {
width: var(--framer-fresco-modalWidth-dimension, 260px)
}
.cs1svrr.cs1svrr {
width: var(--framer-fresco-largeModalWidth-dimension, 400px)
}
.t18o5vb6 {
color: var(--framer-fresco-modalTitle-color, #333333);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: 1.2
}
.sm2t0fn {
color: var(--framer-fresco-settingsModalTextDimmed-color, #888888);
font-weight: var(--framer-fresco-base-font-weight, 500);
line-height: 1.7
}
.l1q8v77k {
color: var(--framer-fresco-buttonBackgroundPrimary-color, #0099ff);
cursor: pointer;
font-weight: var(--framer-fresco-base-font-weight, 500);
-webkit-text-decoration: none;
text-decoration: none
}
.c11ansgh {
max-height: 35vh;
overflow-y: auto
}
.g1kxypt5 {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.injcd7j {
width: 100%;
height: auto;
border-radius: var(--framer-fresco-modalInnerRadius-dimension, 8px);
background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
line-height: 1;
pointer-events: none
}
.b1866p9l * {
font-weight: var(--framer-fresco-heading-font-weight, 600)
}
.s18q2wcl button {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.m1yqxjr3 {
position: fixed;
z-index: 22;
inset: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.mda3r23 {
overflow: visible
}
.h1hpwl3p {
background-color: var(--framer-fresco-modalBackdrop-color, rgba(0, 0, 0, .4))
}
.m3ez42g {
pointer-events: none
}
.mdwzgzi {
overflow: hidden;
width: 300px;
height: auto;
padding: var(--framer-fresco-modalPadding-dimension, 15px);
border-radius: var(--framer-fresco-modalRadius-dimension, 15px);
background: var(--framer-fresco-modalBackground-color, #ffffff);
box-shadow: var(--framer-fresco-modal-shadow, 0px 10px 30px 0px rgba(0, 0, 0, .15));
outline: none
}
.h1qy9kpq {
visibility: hidden
}
.m1vb3zu0 {
-webkit-animation: enter-m1vb3zu0 .2s cubic-bezier(.2, 0, 0, 1) both;
animation: enter-m1vb3zu0 .2s cubic-bezier(.2, 0, 0, 1) both
}
.c8u6gve>::-webkit-scrollbar,
.c8u6gve * ::-webkit-scrollbar {
width: 15px;
background-color: inherit
}
.c8u6gve>::-webkit-scrollbar-track,
.c8u6gve * ::-webkit-scrollbar-track {
background-color: inherit
}
.c8u6gve>::-webkit-scrollbar-thumb,
.c8u6gve * ::-webkit-scrollbar-thumb {
border: 5px solid transparent;
border-radius: 1em;
-webkit-background-clip: content-box;
background-clip: content-box;
background-color: var(--scrollbar-thumb-background-color)
}
.c8u6gve>::-webkit-scrollbar-thumb:hover,
.c8u6gve * ::-webkit-scrollbar-thumb:hover {
background-color: var(--scrollbar-thumb-background-color-hover)
}
.n1phfe70 {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.cr8o7ly {
width: var(--framer-fresco-modalWidth-dimension, 260px);
padding-top: 0;
padding-bottom: 0
}
.hgi0xyu {
height: var(--framer-fresco-modalHeaderHeight-dimension, 50px);
color: var(--framer-fresco-modalTitle-color, #333333);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: 1em
}
.c4vbh9r {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
color: var(--framer-fresco-floatingWindowToolbarIcon-color, #999999);
cursor: pointer
}
.c4vbh9r:before {
position: absolute;
inset: -10px;
content: ""
}
.c4vbh9r:focus:not(:disabled),
.c4vbh9r:hover:not(:disabled) {
color: var(--framer-fresco-toolbarIconHover-color, #777777)
}
.c4vbh9r.active {
color: var(--framer-fresco-toolbarIconActive-color, #0099ff)
}
.c4vbh9r.active:focus:not(:disabled),
.c4vbh9r.active:hover:not(:disabled) {
color: var(--framer-fresco-toolbarIconActive-color, #0099ff)
}
.i1bpjwj1 {
overflow: hidden;
width: 100%;
height: auto;
border-radius: var(--framer-fresco-modalInnerRadius-dimension, 8px);
background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
pointer-events: none
}
.d1uw6ycs {
color: var(--framer-fresco-settingsModalTextDimmed-color, #888888);
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
line-height: 1.4em;
text-wrap: balance
}
.bv4m0g4 {
position: relative
}
.bv4m0g4 button {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.bopcmt9 {
margin-top: var(--framer-fresco-panelPadding-dimension, 15px)
}
.bopcmt9:before {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 1px;
background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
content: ""
}
.sqxc9z7 {
border-bottom: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee)
}
.b12vj57b {
--spinner-translate: 0;
background-color: var(--framer-fresco-spinnerBackground-color, #000000)
}
.b1rdbf0o .b12vj57b,
.bn3co68 .b12vj57b {
background-color: currentColor
}
.nga3v7o {
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);
-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
}
.mrlsm84 {
width: 24px;
height: 24px;
-webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAAD4/042AAAIYUlEQVRoBc2ZWYiVZRjHZ8x1NLdcyn3FiIoKJSsqU6LowqiMSioRpJUIjEIwtAW6aBEv1AK7yMSLLoQ2tEVbKMlAwsqF3Mol3EYTx93R6fd7x+f4nTNnHOfMqPPAf573e95nfbfv/c6UlWWopqZmR+axrAzBnhDQbguGtVJQXl7eKzpon6B9Wu2lIazD6RyRFfI8IblC+BIPk+2EPwfraDsRgqWgbTyH8GAI6BwYwrUhDE7nSGP8G4IM72zHgYwgmp1TA9M5IaE9xXZ5COQID8HMrDWwT8t2PjMiu+CpQ8WNtCsQdlJYQFU+o3ONvBWNd+FVKPdVUB/Rv46+bhaxAeRPW31WtSmmcIuI9FF9evR1BRPB0MKi38CoPTgOjgGnXnx7JiWaBYSX8aASdAR5DvNU6fwRHAPVQHoHdAG9gcN8lhBsAfvB8rPS2hayfmAQ6JAkNsBWMKZQOZ7pGwGu9bmcxmp4R4oaHgrFOHo3Ia8yN0dkRjGlApmjV6GBi3hZQWexRw3KnGnH+ykfGiCLbquBEzO6AWW7XbXrWlHsQzROUFRu7dubJfoe57kNutuMIL0PWtMxG1yWJPyh3R88TbMtyp8oz009HRq71E3RuoQjeALlufBEOYMQBMdBBe1twF2nMxH6O2k7b46ycp0ehtehMMh14Hg7D+5UjYUlOVVTwUqwCUgOmvAIMEibM3wfwTwaEuUC4PhzJDcADVSegOL38PMi7AegaECDSRuwr91OdP6KoAvQ+e90PAAvifB1PYYmLtZ4Jt1Bw6FwsvY2xTn20p/AVW01I3X8MnD2T4NHQJPIYYHSttGRASqBY14Dak94Gk2kCFBjOEtxkRvgNBm4k0om/PXE+FbgiJxyazo8C4H8OAofw0sibEdgOBa4WNrhe0l2mXZHOAucAtXAap6FN0g4vg6lUUBbMz+C7WJ4bmfaToTyYBqvgJNAZbmGWW4CAXVSQvBDOF4Ez1Gugpwk0yCYx8XD4GoQAbOOPX+W4dTXamlEEF8ys8BG4BzNBF6aXIGlEw6mAR2eBKfAaRDUnoYvVt+T3UG9I1EnC5T7kNZfIM6U+rL0ENSxer2wc1HsLVTOc4KS4/0HcOLcFwEnzuV3OdDGeZBsG0hY1UB4HuVKo/NGepYAd7UG8rvJ6hd4vYTdFXR2ABEIk/LNYZACoGSnQofMTeI6HgQ/L8LeAFcB/VjVcez/gacH+Q/Ate6QnGyMc/S9fR+F7QYGMMlOBDVQukJ6wFmmAU6h3BfeaMLuMEYe+QYwULobGWUmiJ1Y/5UfpYaIIFvQ0WcMdWrcjsDsDfICaCpFAK8l3X2IM8bhieXXlCDbMbYCV2EfG655KzBYc5A3Cv1KXWzEpckV1BzkRDvJUisDmL3UXAFclQ6PdMQAjrvOmyvAAHxZgf4qHfcjwCo8MdPapd0UGoixFZj8BgN8AKzC1fQqKJlIsAfGOtav7/v00v+OBwOk1YTSPbRLpXEYGiBlr5NYmvNpG0Q8RhDfCY0ibCZi4NBE9ut1kAJQynLa+4ATY5AZGIyFnxehOwVFT2En1+y/AIly7wOfUPwQ5oRHIIPNIYFN8DxC1+TuA/2A+tqp/xP6m+GJ8gIowfBtmL9QqBxG8jhSgtsfOsoM8inO98BzVCeAPQS5DebrMxsgnBVzXIXuApy7UPKoaIDQINAo2uOBY2uWaaVl2l4OvsGxx03zEsG7gSfBYlAF3KhxvclecRAn8ucALwbesypAZ+DVpx1Ii62UDM85QlmHBHGUJoHpwPe7QbUvBsR1rr07kQ0B+pFczVnbkPvmPcqou2YapAYLIPGReFkI3NsR0OQNGPaFxdCV+kzCu94C8CZwmbjXtdNGshApeMSQV1LI8dRbzx+VihKJT6BjLohgJmzQSDYK8ON6HviZYG6QBgnf+jRhP+T8PvA5EH6jQOUW4karQ3bmEc6vRPAlcJnYH1OdTX46Di2u2Yi4Xqq7AguQoqAYMGdzK3GdxRzlFYCTR+l5C4SRzoTPvlXvxYEnwwUjcvDEd7nKJWMHme9uctifFaQ2hs/QeBFE0pG4/DWM5ifFi/SHfPyg7g2igOyM7CIf7/G1Gwfl+2k/DzyHVYwTQP4gyqvgF5UcZfJyAw8D2ZViuw991ejs80cQN9Iy4OsxO+q2J6F0zm8zdC4okZ97YziIGTBeDPJvblCXjkebr13JURefXerkTYYcfEkepOllMUsWMcACbgbubJN2CcUsLKbdUsh3iftBMvGgHhbQE5h8zEAorA2tFsAPk4OrpJA6WoDT0ynTYzGSp4BHZ0ugdiRhrpFb5FTtEbUOOPqFGBFaLYD7grMAZyHg8yEL8K1r8l4D3AuByWwe98MlJXIwRz9HTTj2pzKxw0+/lTRWAAvIzoLH61RwqWkUCfgLV8yAXHg/2p02LFW6B/w+NmlPojiRaKb/XMy0cbGJvMYR072Yzce2q8QPnRNx4vgZ5kaZDVxvkoVIMSvvYbCmVnRh/5KLF8k7C6LEwB5F/hW5pJtvrgCVMXRdvQ4GAw3CiGYqRON5GK9X0NxE/L74NHEvcg5cduTN5T/gv49tJ8orIIQ4Gkp7GnCt6UiSh6GONwK/sv+Gl0zE8vo+Gvii0n8kbgwpZF8Tq7JWdPZv0QKiG+e30H4CODPhMApyHUoGsM8PDmfGwg6cefYdI3mfcZ/J+wNn2FHW1qWgffhPSyPTt4LEN/NclM5ZQFhQiPvCO5PBLSCSNqjPwWnmEgqdSDD7rJ52UtY+ivC3E0fcN/A56bwKyHqgGEduDLgLFK7VKEReLOGsPBJHNf23bhV8NUnHzCpvkBpdQDGPFOXbcTgYAjz2ugGP5CjQe72j6SZ0HW8VjU0Wmzr0PxUW1kdl6s26AAAAAElFTkSuQmCC);
-webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAAD4/042AAAIYUlEQVRoBc2ZWYiVZRjHZ8x1NLdcyn3FiIoKJSsqU6LowqiMSioRpJUIjEIwtAW6aBEv1AK7yMSLLoQ2tEVbKMlAwsqF3Mol3EYTx93R6fd7x+f4nTNnHOfMqPPAf573e95nfbfv/c6UlWWopqZmR+axrAzBnhDQbguGtVJQXl7eKzpon6B9Wu2lIazD6RyRFfI8IblC+BIPk+2EPwfraDsRgqWgbTyH8GAI6BwYwrUhDE7nSGP8G4IM72zHgYwgmp1TA9M5IaE9xXZ5COQID8HMrDWwT8t2PjMiu+CpQ8WNtCsQdlJYQFU+o3ONvBWNd+FVKPdVUB/Rv46+bhaxAeRPW31WtSmmcIuI9FF9evR1BRPB0MKi38CoPTgOjgGnXnx7JiWaBYSX8aASdAR5DvNU6fwRHAPVQHoHdAG9gcN8lhBsAfvB8rPS2hayfmAQ6JAkNsBWMKZQOZ7pGwGu9bmcxmp4R4oaHgrFOHo3Ia8yN0dkRjGlApmjV6GBi3hZQWexRw3KnGnH+ykfGiCLbquBEzO6AWW7XbXrWlHsQzROUFRu7dubJfoe57kNutuMIL0PWtMxG1yWJPyh3R88TbMtyp8oz009HRq71E3RuoQjeALlufBEOYMQBMdBBe1twF2nMxH6O2k7b46ycp0ehtehMMh14Hg7D+5UjYUlOVVTwUqwCUgOmvAIMEibM3wfwTwaEuUC4PhzJDcADVSegOL38PMi7AegaECDSRuwr91OdP6KoAvQ+e90PAAvifB1PYYmLtZ4Jt1Bw6FwsvY2xTn20p/AVW01I3X8MnD2T4NHQJPIYYHSttGRASqBY14Dak94Gk2kCFBjOEtxkRvgNBm4k0om/PXE+FbgiJxyazo8C4H8OAofw0sibEdgOBa4WNrhe0l2mXZHOAucAtXAap6FN0g4vg6lUUBbMz+C7WJ4bmfaToTyYBqvgJNAZbmGWW4CAXVSQvBDOF4Ez1Gugpwk0yCYx8XD4GoQAbOOPX+W4dTXamlEEF8ys8BG4BzNBF6aXIGlEw6mAR2eBKfAaRDUnoYvVt+T3UG9I1EnC5T7kNZfIM6U+rL0ENSxer2wc1HsLVTOc4KS4/0HcOLcFwEnzuV3OdDGeZBsG0hY1UB4HuVKo/NGepYAd7UG8rvJ6hd4vYTdFXR2ABEIk/LNYZACoGSnQofMTeI6HgQ/L8LeAFcB/VjVcez/gacH+Q/Ate6QnGyMc/S9fR+F7QYGMMlOBDVQukJ6wFmmAU6h3BfeaMLuMEYe+QYwULobGWUmiJ1Y/5UfpYaIIFvQ0WcMdWrcjsDsDfICaCpFAK8l3X2IM8bhieXXlCDbMbYCV2EfG655KzBYc5A3Cv1KXWzEpckV1BzkRDvJUisDmL3UXAFclQ6PdMQAjrvOmyvAAHxZgf4qHfcjwCo8MdPapd0UGoixFZj8BgN8AKzC1fQqKJlIsAfGOtav7/v00v+OBwOk1YTSPbRLpXEYGiBlr5NYmvNpG0Q8RhDfCY0ibCZi4NBE9ut1kAJQynLa+4ATY5AZGIyFnxehOwVFT2En1+y/AIly7wOfUPwQ5oRHIIPNIYFN8DxC1+TuA/2A+tqp/xP6m+GJ8gIowfBtmL9QqBxG8jhSgtsfOsoM8inO98BzVCeAPQS5DebrMxsgnBVzXIXuApy7UPKoaIDQINAo2uOBY2uWaaVl2l4OvsGxx03zEsG7gSfBYlAF3KhxvclecRAn8ucALwbesypAZ+DVpx1Ii62UDM85QlmHBHGUJoHpwPe7QbUvBsR1rr07kQ0B+pFczVnbkPvmPcqou2YapAYLIPGReFkI3NsR0OQNGPaFxdCV+kzCu94C8CZwmbjXtdNGshApeMSQV1LI8dRbzx+VihKJT6BjLohgJmzQSDYK8ON6HviZYG6QBgnf+jRhP+T8PvA5EH6jQOUW4karQ3bmEc6vRPAlcJnYH1OdTX46Di2u2Yi4Xqq7AguQoqAYMGdzK3GdxRzlFYCTR+l5C4SRzoTPvlXvxYEnwwUjcvDEd7nKJWMHme9uctifFaQ2hs/QeBFE0pG4/DWM5ifFi/SHfPyg7g2igOyM7CIf7/G1Gwfl+2k/DzyHVYwTQP4gyqvgF5UcZfJyAw8D2ZViuw991ejs80cQN9Iy4OsxO+q2J6F0zm8zdC4okZ97YziIGTBeDPJvblCXjkebr13JURefXerkTYYcfEkepOllMUsWMcACbgbubJN2CcUsLKbdUsh3iftBMvGgHhbQE5h8zEAorA2tFsAPk4OrpJA6WoDT0ynTYzGSp4BHZ0ugdiRhrpFb5FTtEbUOOPqFGBFaLYD7grMAZyHg8yEL8K1r8l4D3AuByWwe98MlJXIwRz9HTTj2pzKxw0+/lTRWAAvIzoLH61RwqWkUCfgLV8yAXHg/2p02LFW6B/w+NmlPojiRaKb/XMy0cbGJvMYR072Yzce2q8QPnRNx4vgZ5kaZDVxvkoVIMSvvYbCmVnRh/5KLF8k7C6LEwB5F/hW5pJtvrgCVMXRdvQ4GAw3CiGYqRON5GK9X0NxE/L74NHEvcg5cduTN5T/gv49tJ8orIIQ4Gkp7GnCt6UiSh6GONwK/sv+Gl0zE8vo+Gvii0n8kbgwpZF8Tq7JWdPZv0QKiG+e30H4CODPhMApyHUoGsM8PDmfGwg6cefYdI3mfcZ/J+wNn2FHW1qWgffhPSyPTt4LEN/NclM5ZQFhQiPvCO5PBLSCSNqjPwWnmEgqdSDD7rJ52UtY+ivC3E0fcN/A56bwKyHqgGEduDLgLFK7VKEReLOGsPBJHNf23bhV8NUnHzCpvkBpdQDGPFOXbcTgYAjz2ugGP5CjQe72j6SZ0HW8VjU0Wmzr0PxUW1kdl6s26AAAAAElFTkSuQmCC);
mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAAD4/042AAAIYUlEQVRoBc2ZWYiVZRjHZ8x1NLdcyn3FiIoKJSsqU6LowqiMSioRpJUIjEIwtAW6aBEv1AK7yMSLLoQ2tEVbKMlAwsqF3Mol3EYTx93R6fd7x+f4nTNnHOfMqPPAf573e95nfbfv/c6UlWWopqZmR+axrAzBnhDQbguGtVJQXl7eKzpon6B9Wu2lIazD6RyRFfI8IblC+BIPk+2EPwfraDsRgqWgbTyH8GAI6BwYwrUhDE7nSGP8G4IM72zHgYwgmp1TA9M5IaE9xXZ5COQID8HMrDWwT8t2PjMiu+CpQ8WNtCsQdlJYQFU+o3ONvBWNd+FVKPdVUB/Rv46+bhaxAeRPW31WtSmmcIuI9FF9evR1BRPB0MKi38CoPTgOjgGnXnx7JiWaBYSX8aASdAR5DvNU6fwRHAPVQHoHdAG9gcN8lhBsAfvB8rPS2hayfmAQ6JAkNsBWMKZQOZ7pGwGu9bmcxmp4R4oaHgrFOHo3Ia8yN0dkRjGlApmjV6GBi3hZQWexRw3KnGnH+ykfGiCLbquBEzO6AWW7XbXrWlHsQzROUFRu7dubJfoe57kNutuMIL0PWtMxG1yWJPyh3R88TbMtyp8oz009HRq71E3RuoQjeALlufBEOYMQBMdBBe1twF2nMxH6O2k7b46ycp0ehtehMMh14Hg7D+5UjYUlOVVTwUqwCUgOmvAIMEibM3wfwTwaEuUC4PhzJDcADVSegOL38PMi7AegaECDSRuwr91OdP6KoAvQ+e90PAAvifB1PYYmLtZ4Jt1Bw6FwsvY2xTn20p/AVW01I3X8MnD2T4NHQJPIYYHSttGRASqBY14Dak94Gk2kCFBjOEtxkRvgNBm4k0om/PXE+FbgiJxyazo8C4H8OAofw0sibEdgOBa4WNrhe0l2mXZHOAucAtXAap6FN0g4vg6lUUBbMz+C7WJ4bmfaToTyYBqvgJNAZbmGWW4CAXVSQvBDOF4Ez1Gugpwk0yCYx8XD4GoQAbOOPX+W4dTXamlEEF8ys8BG4BzNBF6aXIGlEw6mAR2eBKfAaRDUnoYvVt+T3UG9I1EnC5T7kNZfIM6U+rL0ENSxer2wc1HsLVTOc4KS4/0HcOLcFwEnzuV3OdDGeZBsG0hY1UB4HuVKo/NGepYAd7UG8rvJ6hd4vYTdFXR2ABEIk/LNYZACoGSnQofMTeI6HgQ/L8LeAFcB/VjVcez/gacH+Q/Ate6QnGyMc/S9fR+F7QYGMMlOBDVQukJ6wFmmAU6h3BfeaMLuMEYe+QYwULobGWUmiJ1Y/5UfpYaIIFvQ0WcMdWrcjsDsDfICaCpFAK8l3X2IM8bhieXXlCDbMbYCV2EfG655KzBYc5A3Cv1KXWzEpckV1BzkRDvJUisDmL3UXAFclQ6PdMQAjrvOmyvAAHxZgf4qHfcjwCo8MdPapd0UGoixFZj8BgN8AKzC1fQqKJlIsAfGOtav7/v00v+OBwOk1YTSPbRLpXEYGiBlr5NYmvNpG0Q8RhDfCY0ibCZi4NBE9ut1kAJQynLa+4ATY5AZGIyFnxehOwVFT2En1+y/AIly7wOfUPwQ5oRHIIPNIYFN8DxC1+TuA/2A+tqp/xP6m+GJ8gIowfBtmL9QqBxG8jhSgtsfOsoM8inO98BzVCeAPQS5DebrMxsgnBVzXIXuApy7UPKoaIDQINAo2uOBY2uWaaVl2l4OvsGxx03zEsG7gSfBYlAF3KhxvclecRAn8ucALwbesypAZ+DVpx1Ii62UDM85QlmHBHGUJoHpwPe7QbUvBsR1rr07kQ0B+pFczVnbkPvmPcqou2YapAYLIPGReFkI3NsR0OQNGPaFxdCV+kzCu94C8CZwmbjXtdNGshApeMSQV1LI8dRbzx+VihKJT6BjLohgJmzQSDYK8ON6HviZYG6QBgnf+jRhP+T8PvA5EH6jQOUW4karQ3bmEc6vRPAlcJnYH1OdTX46Di2u2Yi4Xqq7AguQoqAYMGdzK3GdxRzlFYCTR+l5C4SRzoTPvlXvxYEnwwUjcvDEd7nKJWMHme9uctifFaQ2hs/QeBFE0pG4/DWM5ifFi/SHfPyg7g2igOyM7CIf7/G1Gwfl+2k/DzyHVYwTQP4gyqvgF5UcZfJyAw8D2ZViuw991ejs80cQN9Iy4OsxO+q2J6F0zm8zdC4okZ97YziIGTBeDPJvblCXjkebr13JURefXerkTYYcfEkepOllMUsWMcACbgbubJN2CcUsLKbdUsh3iftBMvGgHhbQE5h8zEAorA2tFsAPk4OrpJA6WoDT0ynTYzGSp4BHZ0ugdiRhrpFb5FTtEbUOOPqFGBFaLYD7grMAZyHg8yEL8K1r8l4D3AuByWwe98MlJXIwRz9HTTj2pzKxw0+/lTRWAAvIzoLH61RwqWkUCfgLV8yAXHg/2p02LFW6B/w+NmlPojiRaKb/XMy0cbGJvMYR072Yzce2q8QPnRNx4vgZ5kaZDVxvkoVIMSvvYbCmVnRh/5KLF8k7C6LEwB5F/hW5pJtvrgCVMXRdvQ4GAw3CiGYqRON5GK9X0NxE/L74NHEvcg5cduTN5T/gv49tJ8orIIQ4Gkp7GnCt6UiSh6GONwK/sv+Gl0zE8vo+Gvii0n8kbgwpZF8Tq7JWdPZv0QKiG+e30H4CODPhMApyHUoGsM8PDmfGwg6cefYdI3mfcZ/J+wNn2FHW1qWgffhPSyPTt4LEN/NclM5ZQFhQiPvCO5PBLSCSNqjPwWnmEgqdSDD7rJ52UtY+ivC3E0fcN/A56bwKyHqgGEduDLgLFK7VKEReLOGsPBJHNf23bhV8NUnHzCpvkBpdQDGPFOXbcTgYAjz2ugGP5CjQe72j6SZ0HW8VjU0Wmzr0PxUW1kdl6s26AAAAAElFTkSuQmCC);
-webkit-mask-size: 24px;
mask-size: 24px
}
.lawvp5m {
width: 30px;
height: 30px;
-webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABGdBTUEAALGPC/xhBQAAC+5JREFUaAXVm2tsVMcVx/furvHaBr9DcUwpSSGiViolUCUxKYVGfVC+VLQFVVGRSqWWqiiU97ME+MAbgfoBVfQLUvIhErRSojZ9SKhBVA1qqqiBpmrj4JS2LuZR2xi/jXe3v//xndu92BivWYN3pPE875nzn/+ZM3Pnrr3IOIXdu3cniouL6xA/e2Bg4OPxeHx6Op2uJE6mrpgYI/ZEo9Fu0rZkMtnked6/Y7HYB9XV1RdWrlzZS33Og5dLiceOHSvv7+//HDLnp1KpOQCIkwqYB5AIYDWeygoxlQGsvAfgGP0jRNUnqf8rz54tLCz87fr161vVKRchJ4CPHDlSh8JLUXQuSklxD2XROSqQBkx1AkgIAVaFgiaGRJii6sez1t8H+TZ1r27btu1dvzzm5L4A792790kU+yaji01RJXlOUQPsGBaoewHWsxn9jHrqMifsAuXjAP8T6ZjCmADv37+/AhP9FgCeJzrGQsyoXgxnAxiwAmFyyNsEOvlinDazHNLflJSUHF6zZs0NPZBNyBowrD7F4C8R5Xj0vCmoVANLUZS0erGVDeDBx8OWIMCSQzDxvjyNI2e3aevWrefUMNqQFeBDhw4tYa2+iPCoNBAwBQ0mxVRmIgKGyPbjoS9iDRfp0kS8UlRU1Ikj6tEzbW1txTw+hX619JtJ1TzyzyInIXnqQ7vJHczamBrbxlM7/Q9t2bLlpPKjCaMCfOLEiYKWlpbvMNBnUYQxzFQNtPIC6hRk0F7y7wDyHcD9GbPrG40irs/JkycTV69efY7yIuQsQn4Zeck3oOQDC1K9IuF1tsCXRzPWPQGzn5bCyA8ROssBdSlKaDBjmroByr+cNGnSG2wjxiDK3Fc4fPhwCTK/jZAVWJYtIYZzPsPA0uYm4AJ9V23fvr1lpEFHBCxmMbstCJoFYyT/Z5K1BEZjWmb8Fm0/w3u2jTTYWNv27dv3COP/gDG/hoxJRJtnpYzrJkAW8B5MvzgS0/GRlGhvb1+BwMeIjJWScI0kpPYYadvt27d/zKw2jiTnftuQL2+8B8Z/DtPHyX+MaF5cyH35YnpeT0/PXsob/bohyaDmQ6ojERzUlxBQryZkpl0XQKaoly03FhQUvLxz585xBevGVbpp06b3YXoZY8sJOqBqsryIQLVl6P49VQ4XhgXMTD4p8xGtPGQRQQJqVaTnmcl969atuzmc0PGsA/R1nOEKxvgFUfprrTmzFmAx/SPOCi8Mp0fmLFn7gQMHynhgD7NVSBpaI+rADP9x8+bNPx1O2IOuQ9ejjLkUxqWnw+JI7MT8F+3YseNapl6uMagD6NcpFIrcQYIHGUamDvSXysrKRr3nBULHKdPb27sdvd6TeAALS2Ys5w1tN3WhEAKMN3yCWZlHDzNdv2dKE0i8yZbzk1WrVt0OSXiIBbbMXg4s3wfsdfQLNHFsA2Ip6/n5oIFMCDDmuoQ6eeEU+SQzNKDOCEhTPv4w1qzGHyn4JvtdgZSa9DWWNQGK1G3NfD4AfPTo0Vk0PKZG35Qt5QGx+/uNGzf+M/PBiZTnPH0BHV9D1QCPn9ckPMtan+/0DTrw4v55gGr7CTyz8rCtm4c33QMTNU0kEkewwh6Ao7K9SzvvLdZfcnob4IMHD06hYo4qZc48JFYtUv4dM9juHpio6dq1a6/B5glipseWukDxvqDTmgoGmE5P+y34rGREkboUaTfhjNryIQBMp7BOol4pddQUPr2iFkDcN4TBmfSnVVCgk16HZNZi+y/yhMrnQ+A1sQP9f02Uy1a0N6zBYuSrwhAFkA7j06lMZkYYTrImdITLq4DevyI6ImWp5rlJn+FlqDg6ZcqUmSAKOmSgG+jq6mrIKOdFtqKi4i0UlVWaOWcoXXDz5s36KBt3LejtkIyt67ycVKTj32G/P+OBvMhyMOrGUs+BIa6I0mJYa1rp3CgYq2kIBSGjwyWleRrOobdbx5YCUOkTcRxTFTEJ0ySBZWs/zvpGcKJMDmQ1EBXiRO3HIlBWO0e0TwaseWc1uDB58uT/uny+pWynH0GezFn4hE3OS+DrVFFAg9ZuCBcv9zm5lwoJfUAFsLSJWTecsAk0oSzO1lMgX+UaXdrc3Jx3DsvpzjG5A1yGUHU+w0pjuh0YNriH8zHdtWuXvcICTKYcigLch73rdBWKNTU1OpDkZYBJkdgsZjPYFfBmueUeMrb3ZqYcOhJ5iRalwaFXpled/gKtgJm/Is/VSQfd7odCX19fJRU5+y4bEv4ACrz07OKVUSPpwk9Mv8IHhV3y0tp+akhDjgsvXaGO+Rj27NkjD53izmsnqWKEJZrGEdvRq4V9S1c4Ol6qTbORxtN9guyYv8OaoIf0B3De+fPn9Z4QIrGuri4VBWgzd1eGVKAVpScMz9Cnloek85iHxVA9/E984cKFkblz53pVVVXe7NmzJS+6bNmydLy0tLSptbVVtxxybTYQ2QinrxifWmZS8aFV5skf35yDPRgMEaLH9bLApaO6doXVJszZAqDNYwNaZ89P5gnOQE0IlFXG+eRqEaAxReqNU3tbwIUPee/Vvkx4/NSpU3mzH6Ovh++ZxGcgb/r06R5fEgOm+YmEXTkbYBb332B5QKwC1CImLcAFDQ0Nnwmmb4JnTp8+ncAzG0iWaVTAUVkYo3hoWezgTYdemgH6D0Cb8wK4nbrUgbqn9GFa+YkcuKyINjU1FbHXeuXl5UYktx9SOQq7SdoH7+kcCBbwu0Q5q7TPrlvLuvV7xvWbqClfFEtgN8aBySJrNsqnIXtjwmsHP7uwmRAIbvyaYPmKWNb6dcB0ZctH70/B8lRXN9FSbZ944mLWb7BmnY5MhNi19au6ALAKrNnzJKI+iOzR+sakG80vT0TTxqnGsMAKzFim7HF+iCmKbUXWccCuMIYA+yx/KFa1jgVcZq4Ay0Xkv8hs6SZhQgR5Zbafylu3bplOYhg9jWXlubXpQ9/Qe30IsFAA9A8w2ivALspd0yTw1bj60OfHh4mcQ0YVABPEGAAtol8EJ6WTojdt2rSuO/UbYvPqwNe2GWBc4lhWnQ9aXyN0Qd/Y2dn5dubaUJ8HFRhXDqmKWOycLEBTvCGJMDNJttrW4X7NY17sTkXPnDnTvnjx4n5A1kqAz7SlsCy2ywFes2DBgv+cPXvWbhfulDFeZS0pwqOATZBG8MAentnDOWmHMQJht2PDhg36aeKQMMSkXQ9+PHIRwME5WqDdPu33qaK8hK9yVe6Z8U71Kz3GmMG4hQKHU4qy70a037q1W1lZ2a1vTHfTZViTdp3lAS9fvvwVgD8iZrVdyYQc4+rHTOtIpmvR93P1Czw3vku17TCu1mtZR0eHDkPSwUwXlrWLpPWSwDru48evV6Wfe/bOdETA6qxZ5Zj2AsKmCjAeXM5Lgyo11lVPuE3awIb/Qa5+B+JPuCa7Cib1+TaN7zDAAuqDMeDcbvTU1tZeX758uau/E6uV7wlYvTTwpUuXniP7uJtZB1jtQkuwgVBEH7KuwEYz8Ua2jk1jNTY2lrIOS2G1lInW56A0gIxJyvr9iSbeWBRwdOrgJxk3RmJWeiqMCvBg10iE9VqH0Ke1T2sgn3Hbs0W3+qGMvtmkAWuTQL9rlFsodwKiGwvodwd5biZielnH6YAnkQBMKSL0awTtgdoN0qxT3cSkeS5Je1CvvNpxVtez+bFNVoClCD+PeJRkPmh0H2bKCCDRGJbJqww7+pohhbQGbAJULyBKhUkKq0zfCCbr+lk9bQFgsSk5AikL03PUJXnPvbJ69Wp98R91uKuXvpsEPOAVmHoTJf+lPr7y1v1u+bvJulc9mIwQHKN+hhHkea6jvr7+o2zBarysGc5UUi8UAK+jTluTMStTFnCiSNCJx5gT26p3DIv14RjmmaBe7ZKrvqpHdjenqGa2zCEnqEy9RsrfF2AnWL+QAdgsylNZj8Z6LgBLvkwbc27nF/lygFmZr9MvM80JYCcQhfTfaLWUpxHLYERvL1kxzDOyCm1BtzCKNv5LrTVX25z0zClgCXTB38oq8dKlmKT+maOIqB+t6r/UbOOm7wDA+qnvZ53KTHt48+ni/rjjXvupGyfb9H8EoZWUgTuYFQAAAABJRU5ErkJggg==);
-webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABGdBTUEAALGPC/xhBQAAC+5JREFUaAXVm2tsVMcVx/furvHaBr9DcUwpSSGiViolUCUxKYVGfVC+VLQFVVGRSqWWqiiU97ME+MAbgfoBVfQLUvIhErRSojZ9SKhBVA1qqqiBpmrj4JS2LuZR2xi/jXe3v//xndu92BivWYN3pPE875nzn/+ZM3Pnrr3IOIXdu3cniouL6xA/e2Bg4OPxeHx6Op2uJE6mrpgYI/ZEo9Fu0rZkMtnked6/Y7HYB9XV1RdWrlzZS33Og5dLiceOHSvv7+//HDLnp1KpOQCIkwqYB5AIYDWeygoxlQGsvAfgGP0jRNUnqf8rz54tLCz87fr161vVKRchJ4CPHDlSh8JLUXQuSklxD2XROSqQBkx1AkgIAVaFgiaGRJii6sez1t8H+TZ1r27btu1dvzzm5L4A792790kU+yaji01RJXlOUQPsGBaoewHWsxn9jHrqMifsAuXjAP8T6ZjCmADv37+/AhP9FgCeJzrGQsyoXgxnAxiwAmFyyNsEOvlinDazHNLflJSUHF6zZs0NPZBNyBowrD7F4C8R5Xj0vCmoVANLUZS0erGVDeDBx8OWIMCSQzDxvjyNI2e3aevWrefUMNqQFeBDhw4tYa2+iPCoNBAwBQ0mxVRmIgKGyPbjoS9iDRfp0kS8UlRU1Ikj6tEzbW1txTw+hX619JtJ1TzyzyInIXnqQ7vJHczamBrbxlM7/Q9t2bLlpPKjCaMCfOLEiYKWlpbvMNBnUYQxzFQNtPIC6hRk0F7y7wDyHcD9GbPrG40irs/JkycTV69efY7yIuQsQn4Zeck3oOQDC1K9IuF1tsCXRzPWPQGzn5bCyA8ROssBdSlKaDBjmroByr+cNGnSG2wjxiDK3Fc4fPhwCTK/jZAVWJYtIYZzPsPA0uYm4AJ9V23fvr1lpEFHBCxmMbstCJoFYyT/Z5K1BEZjWmb8Fm0/w3u2jTTYWNv27dv3COP/gDG/hoxJRJtnpYzrJkAW8B5MvzgS0/GRlGhvb1+BwMeIjJWScI0kpPYYadvt27d/zKw2jiTnftuQL2+8B8Z/DtPHyX+MaF5cyH35YnpeT0/PXsob/bohyaDmQ6ojERzUlxBQryZkpl0XQKaoly03FhQUvLxz585xBevGVbpp06b3YXoZY8sJOqBqsryIQLVl6P49VQ4XhgXMTD4p8xGtPGQRQQJqVaTnmcl969atuzmc0PGsA/R1nOEKxvgFUfprrTmzFmAx/SPOCi8Mp0fmLFn7gQMHynhgD7NVSBpaI+rADP9x8+bNPx1O2IOuQ9ejjLkUxqWnw+JI7MT8F+3YseNapl6uMagD6NcpFIrcQYIHGUamDvSXysrKRr3nBULHKdPb27sdvd6TeAALS2Ys5w1tN3WhEAKMN3yCWZlHDzNdv2dKE0i8yZbzk1WrVt0OSXiIBbbMXg4s3wfsdfQLNHFsA2Ip6/n5oIFMCDDmuoQ6eeEU+SQzNKDOCEhTPv4w1qzGHyn4JvtdgZSa9DWWNQGK1G3NfD4AfPTo0Vk0PKZG35Qt5QGx+/uNGzf+M/PBiZTnPH0BHV9D1QCPn9ckPMtan+/0DTrw4v55gGr7CTyz8rCtm4c33QMTNU0kEkewwh6Ao7K9SzvvLdZfcnob4IMHD06hYo4qZc48JFYtUv4dM9juHpio6dq1a6/B5glipseWukDxvqDTmgoGmE5P+y34rGREkboUaTfhjNryIQBMp7BOol4pddQUPr2iFkDcN4TBmfSnVVCgk16HZNZi+y/yhMrnQ+A1sQP9f02Uy1a0N6zBYuSrwhAFkA7j06lMZkYYTrImdITLq4DevyI6ImWp5rlJn+FlqDg6ZcqUmSAKOmSgG+jq6mrIKOdFtqKi4i0UlVWaOWcoXXDz5s36KBt3LejtkIyt67ycVKTj32G/P+OBvMhyMOrGUs+BIa6I0mJYa1rp3CgYq2kIBSGjwyWleRrOobdbx5YCUOkTcRxTFTEJ0ySBZWs/zvpGcKJMDmQ1EBXiRO3HIlBWO0e0TwaseWc1uDB58uT/uny+pWynH0GezFn4hE3OS+DrVFFAg9ZuCBcv9zm5lwoJfUAFsLSJWTecsAk0oSzO1lMgX+UaXdrc3Jx3DsvpzjG5A1yGUHU+w0pjuh0YNriH8zHdtWuXvcICTKYcigLch73rdBWKNTU1OpDkZYBJkdgsZjPYFfBmueUeMrb3ZqYcOhJ5iRalwaFXpled/gKtgJm/Is/VSQfd7odCX19fJRU5+y4bEv4ACrz07OKVUSPpwk9Mv8IHhV3y0tp+akhDjgsvXaGO+Rj27NkjD53izmsnqWKEJZrGEdvRq4V9S1c4Ol6qTbORxtN9guyYv8OaoIf0B3De+fPn9Z4QIrGuri4VBWgzd1eGVKAVpScMz9Cnloek85iHxVA9/E984cKFkblz53pVVVXe7NmzJS+6bNmydLy0tLSptbVVtxxybTYQ2QinrxifWmZS8aFV5skf35yDPRgMEaLH9bLApaO6doXVJszZAqDNYwNaZ89P5gnOQE0IlFXG+eRqEaAxReqNU3tbwIUPee/Vvkx4/NSpU3mzH6Ovh++ZxGcgb/r06R5fEgOm+YmEXTkbYBb332B5QKwC1CImLcAFDQ0Nnwmmb4JnTp8+ncAzG0iWaVTAUVkYo3hoWezgTYdemgH6D0Cb8wK4nbrUgbqn9GFa+YkcuKyINjU1FbHXeuXl5UYktx9SOQq7SdoH7+kcCBbwu0Q5q7TPrlvLuvV7xvWbqClfFEtgN8aBySJrNsqnIXtjwmsHP7uwmRAIbvyaYPmKWNb6dcB0ZctH70/B8lRXN9FSbZ944mLWb7BmnY5MhNi19au6ALAKrNnzJKI+iOzR+sakG80vT0TTxqnGsMAKzFim7HF+iCmKbUXWccCuMIYA+yx/KFa1jgVcZq4Ay0Xkv8hs6SZhQgR5Zbafylu3bplOYhg9jWXlubXpQ9/Qe30IsFAA9A8w2ivALspd0yTw1bj60OfHh4mcQ0YVABPEGAAtol8EJ6WTojdt2rSuO/UbYvPqwNe2GWBc4lhWnQ9aXyN0Qd/Y2dn5dubaUJ8HFRhXDqmKWOycLEBTvCGJMDNJttrW4X7NY17sTkXPnDnTvnjx4n5A1kqAz7SlsCy2ywFes2DBgv+cPXvWbhfulDFeZS0pwqOATZBG8MAentnDOWmHMQJht2PDhg36aeKQMMSkXQ9+PHIRwME5WqDdPu33qaK8hK9yVe6Z8U71Kz3GmMG4hQKHU4qy70a037q1W1lZ2a1vTHfTZViTdp3lAS9fvvwVgD8iZrVdyYQc4+rHTOtIpmvR93P1Czw3vku17TCu1mtZR0eHDkPSwUwXlrWLpPWSwDru48evV6Wfe/bOdETA6qxZ5Zj2AsKmCjAeXM5Lgyo11lVPuE3awIb/Qa5+B+JPuCa7Cib1+TaN7zDAAuqDMeDcbvTU1tZeX758uau/E6uV7wlYvTTwpUuXniP7uJtZB1jtQkuwgVBEH7KuwEYz8Ua2jk1jNTY2lrIOS2G1lInW56A0gIxJyvr9iSbeWBRwdOrgJxk3RmJWeiqMCvBg10iE9VqH0Ke1T2sgn3Hbs0W3+qGMvtmkAWuTQL9rlFsodwKiGwvodwd5biZielnH6YAnkQBMKSL0awTtgdoN0qxT3cSkeS5Je1CvvNpxVtez+bFNVoClCD+PeJRkPmh0H2bKCCDRGJbJqww7+pohhbQGbAJULyBKhUkKq0zfCCbr+lk9bQFgsSk5AikL03PUJXnPvbJ69Wp98R91uKuXvpsEPOAVmHoTJf+lPr7y1v1u+bvJulc9mIwQHKN+hhHkea6jvr7+o2zBarysGc5UUi8UAK+jTluTMStTFnCiSNCJx5gT26p3DIv14RjmmaBe7ZKrvqpHdjenqGa2zCEnqEy9RsrfF2AnWL+QAdgsylNZj8Z6LgBLvkwbc27nF/lygFmZr9MvM80JYCcQhfTfaLWUpxHLYERvL1kxzDOyCm1BtzCKNv5LrTVX25z0zClgCXTB38oq8dKlmKT+maOIqB+t6r/UbOOm7wDA+qnvZ53KTHt48+ni/rjjXvupGyfb9H8EoZWUgTuYFQAAAABJRU5ErkJggg==);
mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABGdBTUEAALGPC/xhBQAAC+5JREFUaAXVm2tsVMcVx/furvHaBr9DcUwpSSGiViolUCUxKYVGfVC+VLQFVVGRSqWWqiiU97ME+MAbgfoBVfQLUvIhErRSojZ9SKhBVA1qqqiBpmrj4JS2LuZR2xi/jXe3v//xndu92BivWYN3pPE875nzn/+ZM3Pnrr3IOIXdu3cniouL6xA/e2Bg4OPxeHx6Op2uJE6mrpgYI/ZEo9Fu0rZkMtnked6/Y7HYB9XV1RdWrlzZS33Og5dLiceOHSvv7+//HDLnp1KpOQCIkwqYB5AIYDWeygoxlQGsvAfgGP0jRNUnqf8rz54tLCz87fr161vVKRchJ4CPHDlSh8JLUXQuSklxD2XROSqQBkx1AkgIAVaFgiaGRJii6sez1t8H+TZ1r27btu1dvzzm5L4A792790kU+yaji01RJXlOUQPsGBaoewHWsxn9jHrqMifsAuXjAP8T6ZjCmADv37+/AhP9FgCeJzrGQsyoXgxnAxiwAmFyyNsEOvlinDazHNLflJSUHF6zZs0NPZBNyBowrD7F4C8R5Xj0vCmoVANLUZS0erGVDeDBx8OWIMCSQzDxvjyNI2e3aevWrefUMNqQFeBDhw4tYa2+iPCoNBAwBQ0mxVRmIgKGyPbjoS9iDRfp0kS8UlRU1Ikj6tEzbW1txTw+hX619JtJ1TzyzyInIXnqQ7vJHczamBrbxlM7/Q9t2bLlpPKjCaMCfOLEiYKWlpbvMNBnUYQxzFQNtPIC6hRk0F7y7wDyHcD9GbPrG40irs/JkycTV69efY7yIuQsQn4Zeck3oOQDC1K9IuF1tsCXRzPWPQGzn5bCyA8ROssBdSlKaDBjmroByr+cNGnSG2wjxiDK3Fc4fPhwCTK/jZAVWJYtIYZzPsPA0uYm4AJ9V23fvr1lpEFHBCxmMbstCJoFYyT/Z5K1BEZjWmb8Fm0/w3u2jTTYWNv27dv3COP/gDG/hoxJRJtnpYzrJkAW8B5MvzgS0/GRlGhvb1+BwMeIjJWScI0kpPYYadvt27d/zKw2jiTnftuQL2+8B8Z/DtPHyX+MaF5cyH35YnpeT0/PXsob/bohyaDmQ6ojERzUlxBQryZkpl0XQKaoly03FhQUvLxz585xBevGVbpp06b3YXoZY8sJOqBqsryIQLVl6P49VQ4XhgXMTD4p8xGtPGQRQQJqVaTnmcl969atuzmc0PGsA/R1nOEKxvgFUfprrTmzFmAx/SPOCi8Mp0fmLFn7gQMHynhgD7NVSBpaI+rADP9x8+bNPx1O2IOuQ9ejjLkUxqWnw+JI7MT8F+3YseNapl6uMagD6NcpFIrcQYIHGUamDvSXysrKRr3nBULHKdPb27sdvd6TeAALS2Ys5w1tN3WhEAKMN3yCWZlHDzNdv2dKE0i8yZbzk1WrVt0OSXiIBbbMXg4s3wfsdfQLNHFsA2Ip6/n5oIFMCDDmuoQ6eeEU+SQzNKDOCEhTPv4w1qzGHyn4JvtdgZSa9DWWNQGK1G3NfD4AfPTo0Vk0PKZG35Qt5QGx+/uNGzf+M/PBiZTnPH0BHV9D1QCPn9ckPMtan+/0DTrw4v55gGr7CTyz8rCtm4c33QMTNU0kEkewwh6Ao7K9SzvvLdZfcnob4IMHD06hYo4qZc48JFYtUv4dM9juHpio6dq1a6/B5glipseWukDxvqDTmgoGmE5P+y34rGREkboUaTfhjNryIQBMp7BOol4pddQUPr2iFkDcN4TBmfSnVVCgk16HZNZi+y/yhMrnQ+A1sQP9f02Uy1a0N6zBYuSrwhAFkA7j06lMZkYYTrImdITLq4DevyI6ImWp5rlJn+FlqDg6ZcqUmSAKOmSgG+jq6mrIKOdFtqKi4i0UlVWaOWcoXXDz5s36KBt3LejtkIyt67ycVKTj32G/P+OBvMhyMOrGUs+BIa6I0mJYa1rp3CgYq2kIBSGjwyWleRrOobdbx5YCUOkTcRxTFTEJ0ySBZWs/zvpGcKJMDmQ1EBXiRO3HIlBWO0e0TwaseWc1uDB58uT/uny+pWynH0GezFn4hE3OS+DrVFFAg9ZuCBcv9zm5lwoJfUAFsLSJWTecsAk0oSzO1lMgX+UaXdrc3Jx3DsvpzjG5A1yGUHU+w0pjuh0YNriH8zHdtWuXvcICTKYcigLch73rdBWKNTU1OpDkZYBJkdgsZjPYFfBmueUeMrb3ZqYcOhJ5iRalwaFXpled/gKtgJm/Is/VSQfd7odCX19fJRU5+y4bEv4ACrz07OKVUSPpwk9Mv8IHhV3y0tp+akhDjgsvXaGO+Rj27NkjD53izmsnqWKEJZrGEdvRq4V9S1c4Ol6qTbORxtN9guyYv8OaoIf0B3De+fPn9Z4QIrGuri4VBWgzd1eGVKAVpScMz9Cnloek85iHxVA9/E984cKFkblz53pVVVXe7NmzJS+6bNmydLy0tLSptbVVtxxybTYQ2QinrxifWmZS8aFV5skf35yDPRgMEaLH9bLApaO6doXVJszZAqDNYwNaZ89P5gnOQE0IlFXG+eRqEaAxReqNU3tbwIUPee/Vvkx4/NSpU3mzH6Ovh++ZxGcgb/r06R5fEgOm+YmEXTkbYBb332B5QKwC1CImLcAFDQ0Nnwmmb4JnTp8+ncAzG0iWaVTAUVkYo3hoWezgTYdemgH6D0Cb8wK4nbrUgbqn9GFa+YkcuKyINjU1FbHXeuXl5UYktx9SOQq7SdoH7+kcCBbwu0Q5q7TPrlvLuvV7xvWbqClfFEtgN8aBySJrNsqnIXtjwmsHP7uwmRAIbvyaYPmKWNb6dcB0ZctH70/B8lRXN9FSbZ944mLWb7BmnY5MhNi19au6ALAKrNnzJKI+iOzR+sakG80vT0TTxqnGsMAKzFim7HF+iCmKbUXWccCuMIYA+yx/KFa1jgVcZq4Ay0Xkv8hs6SZhQgR5Zbafylu3bplOYhg9jWXlubXpQ9/Qe30IsFAA9A8w2ivALspd0yTw1bj60OfHh4mcQ0YVABPEGAAtol8EJ6WTojdt2rSuO/UbYvPqwNe2GWBc4lhWnQ9aXyN0Qd/Y2dn5dubaUJ8HFRhXDqmKWOycLEBTvCGJMDNJttrW4X7NY17sTkXPnDnTvnjx4n5A1kqAz7SlsCy2ywFes2DBgv+cPXvWbhfulDFeZS0pwqOATZBG8MAentnDOWmHMQJht2PDhg36aeKQMMSkXQ9+PHIRwME5WqDdPu33qaK8hK9yVe6Z8U71Kz3GmMG4hQKHU4qy70a037q1W1lZ2a1vTHfTZViTdp3lAS9fvvwVgD8iZrVdyYQc4+rHTOtIpmvR93P1Czw3vku17TCu1mtZR0eHDkPSwUwXlrWLpPWSwDru48evV6Wfe/bOdETA6qxZ5Zj2AsKmCjAeXM5Lgyo11lVPuE3awIb/Qa5+B+JPuCa7Cib1+TaN7zDAAuqDMeDcbvTU1tZeX758uau/E6uV7wlYvTTwpUuXniP7uJtZB1jtQkuwgVBEH7KuwEYz8Ua2jk1jNTY2lrIOS2G1lInW56A0gIxJyvr9iSbeWBRwdOrgJxk3RmJWeiqMCvBg10iE9VqH0Ke1T2sgn3Hbs0W3+qGMvtmkAWuTQL9rlFsodwKiGwvodwd5biZielnH6YAnkQBMKSL0awTtgdoN0qxT3cSkeS5Je1CvvNpxVtez+bFNVoClCD+PeJRkPmh0H2bKCCDRGJbJqww7+pohhbQGbAJULyBKhUkKq0zfCCbr+lk9bQFgsSk5AikL03PUJXnPvbJ69Wp98R91uKuXvpsEPOAVmHoTJf+lPr7y1v1u+bvJulc9mIwQHKN+hhHkea6jvr7+o2zBarysGc5UUi8UAK+jTluTMStTFnCiSNCJx5gT26p3DIv14RjmmaBe7ZKrvqpHdjenqGa2zCEnqEy9RsrfF2AnWL+QAdgsylNZj8Z6LgBLvkwbc27nF/lygFmZr9MvM80JYCcQhfTfaLWUpxHLYERvL1kxzDOyCm1BtzCKNv5LrTVX25z0zClgCXTB38oq8dKlmKT+maOIqB+t6r/UbOOm7wDA+qnvZ53KTHt48+ni/rjjXvupGyfb9H8EoZWUgTuYFQAAAABJRU5ErkJggg==);
-webkit-mask-size: 30px;
mask-size: 30px
}
.c2vxtcx {
--spinner-translate: -50%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(var(--spinner-translate), var(--spinner-translate));
-moz-transform: translate(var(--spinner-translate), var(--spinner-translate));
-ms-transform: translate(var(--spinner-translate), var(--spinner-translate));
transform: translate(var(--spinner-translate), var(--spinner-translate))
}
.senh330 {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: spin-senh330;
animation-name: spin-senh330;
-webkit-animation-timing-function: linear;
animation-timing-function: linear
}
.b95mmif {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: var(--framer-fresco-inputHeight-dimension, 30px);
height: var(--framer-fresco-inputHeight-dimension, 30px);
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 0;
border: none;
border-radius: 8px;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: transparent;
color: var(--framer-fresco-contextMenuButtonIcon-color, #999999);
cursor: default;
outline: none;
-webkit-transition: background-color ease-in-out, color ease-in-out;
transition: background-color ease-in-out, color ease-in-out
}
.b95mmif:not(:disabled) {
cursor: pointer
}
.b95mmif:focus:not(:disabled),
.b95mmif:hover:not(:disabled) {
background-color: var(--framer-fresco-contextMenuButtonBackgroundHover-color, #f2f2f2);
color: var(--framer-fresco-contextMenuButtonIconHover-color, #333333)
}
.b95mmif svg {
overflow: visible
}
.bdfzg4t {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.cu5b9jh {
padding-right: 2px;
margin-left: -2px
}
.c1h47sd4 {
padding-left: 2px;
margin-right: -2px
}
.f1w8vnq7 {
width: 100%
}
.l33u3v2 {
-webkit-animation: fadeIn-l33u3v2 .2s cubic-bezier(.77, 0, .175, 1) forwards;
animation: fadeIn-l33u3v2 .2s cubic-bezier(.77, 0, .175, 1) forwards;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1)
}
.i1vo679o {
height: var(--framer-fresco-inputHeight-dimension, 30px);
padding: 0 var(--framer-fresco-inputPaddingHorizontal-dimension, 8px) 1px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
-webkit-print-color-scheme: light;
color-scheme: light
}
body[data-framer-theme=dark] .i1vo679o {
-webkit-print-color-scheme: dark;
color-scheme: dark
}
.i1vo679o::-webkit-calendar-picker-indicator {
width: 14px;
height: 14px;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZD0iTTIgNGEyIDIgMCAwIDEgMi0yaDZhMiAyIDAgMCAxIDIgMnYySDJaIiBmaWxsPSIjOTk5IiBvcGFjaXR5PSIuMyIvPjxwYXRoIGQ9Ik0yLjI1IDQuMjVhMiAyIDAgMCAxIDItMmg1LjVhMiAyIDAgMCAxIDIgMnY1LjVhMiAyIDAgMCAxLTIgMmgtNS41YTIgMiAwIDAgMS0yLTJaTTIgNS43NWg5LjUiIGZpbGw9InRyYW5zcGFyZW50IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlPSIjOTk5Ii8+PC9zdmc+) no-repeat;
-webkit-background-position: 5px 2.5px;
background-position: 5px 2.5px
}
.i1vo679o::-webkit-date-and-time-value {
text-align: left
}
.h12d9czd::-webkit-calendar-picker-indicator {
display: none
}
.m17m0t40 {
color: var(--framer-fresco-panelDescription-color, #999999);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500)
}
.wnz2ky8 {
color: var(--framer-fresco-warningText-color, #FF9900)
}
.m1lwtf2u {
color: var(--framer-fresco-panelDescription-color, #999999);
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-base-font-weight, 500)
}
.w17tu8ua {
color: var(--framer-fresco-warningTint-color, #FFBB00)
}
.s17bfdzw {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text
}
.ires2f3 {
height: var(--framer-fresco-inputHeight-dimension, 30px);
padding: 0 calc(var(--framer-fresco-inputPaddingHorizontal-dimension, 8px) - 2px) 1px var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
-webkit-print-color-scheme: light;
color-scheme: light
}
body[data-framer-theme=dark] .ires2f3 {
-webkit-print-color-scheme: dark;
color-scheme: dark
}
.ires2f3::-webkit-calendar-picker-indicator {
width: 14px;
height: 14px;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiPjxnPjxkZWZzPjxwYXRoIGQ9Ik0gMSA3IEMgMSAzLjY4NiAzLjY4NiAxIDcgMSBMIDcgMSBDIDEwLjMxNCAxIDEzIDMuNjg2IDEzIDcgTCAxMyA3IEMgMTMgMTAuMzE0IDEwLjMxNCAxMyA3IDEzIEwgNyAxMyBDIDMuNjg2IDEzIDEgMTAuMzE0IDEgNyBaIiBpZD0iYTEwODB6Ii8+PGNsaXBQYXRoIGlkPSJhMTA4MXoiPjx1c2UgeGxpbms6aHJlZj0iI2ExMDgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjx1c2UgeGxpbms6aHJlZj0iI2ExMDgweiIgZmlsbD0idHJhbnNwYXJlbnQiIGNsaXAtcGF0aD0idXJsKCNhMTA4MXopIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZT0icmdiKDE1MywgMTUzLCAxNTMpIi8+PC9nPjxwYXRoIGQ9Ik0gNyA0LjUgTCA3IDcgTCA5LjUgNyIgZmlsbD0idHJhbnNwYXJlbnQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2U9IiM5OTk5OTkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==) no-repeat;
-webkit-background-position: 5px 2.5px;
background-position: 5px 2.5px
}
.m658pan {
color: var(--framer-fresco-panelDescription-color, #999999);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500)
}
.wqsvn94 {
color: var(--framer-fresco-warningText-color, #FF9900)
}
.d1ldgwf8 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: auto;
height: var(--framer-fresco-panelSectionHeaderHeight-dimension, 48px);
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 var(--framer-fresco-dropdownButtonMarginHorizontal-dimension, 4px);
color: var(--framer-fresco-dropdownText-color, #999999);
cursor: pointer;
line-height: 1em
}
.i1ubxgci .d1ldgwf8 {
height: 100%;
margin: 0 4px
}
.dljtag7 {
opacity: .5;
pointer-events: none
}
.c16kathw {
color: var(--framer-fresco-dropdownChevron-color, #999999)
}
.fpc582v {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.f1thtg1z {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.ct11a1o {
position: fixed;
z-index: 28;
cursor: default;
pointer-events: none
}
.c130fvck {
padding: 10px;
pointer-events: initial
}
.t3o0wes {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.tdqpu47 .t3o0wes {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
transform-origin: center top
}
.l9h205o .t3o0wes {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
transform-origin: left center
}
.b190jn2z .t3o0wes {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
transform-origin: center bottom
}
.rup7n0p .t3o0wes {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
transform-origin: right center
}
.sb1to7c {
--delay: .1s
}
.loyxflu {
--delay: .5s
}
.a1agxw0x {
position: relative;
z-index: 1;
color: var(--framer-fresco-tooltipBackground-color, #999999)
}
.t8sst8s {
padding: 11px 14px;
line-height: 1.5
}
.e1g9jkka {
cursor: pointer
}
.t1ndmzop {
position: fixed;
z-index: 28;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
pointer-events: none
}
.t16iireh {
position: relative
}
.ia0cqa8 {
color: var(--framer-fresco-tooltipIcon-color, #bbbbbb)
}
.ia0cqa8:hover {
color: var(--framer-fresco-tooltipIconHover-color, #999999)
}
.eexcvrc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.e1mc2jrd {
margin-bottom: 15px;
color: var(--framer-fresco-errorStateIconColor-color, #999999);
font-size: 0
}
.et7ofrw {
color: var(--framer-fresco-errorStateDescriptionText-color, #666666);
font-size: 14px;
letter-spacing: 0;
line-height: 1.5;
text-align: center
}
.ezwfz8i {
color: var(--framer-fresco-errorStateTitleText-color, #333333);
font-size: 26px;
font-weight: var(--framer-fresco-headingExtraBold-font-weight, 800);
letter-spacing: 0;
line-height: 1.4;
text-align: center
}
.ezwfz8i+.et7ofrw {
margin-top: 6px
}
.e1p2wo6z {
width: 100%;
max-width: 540px;
max-height: 214px;
padding: 16px;
border-radius: 5px;
margin: 40px 0 0;
background-color: var(--framer-fresco-errorStateCodeBackground-color, #f5f5f5);
color: var(--framer-fresco-errorStateCodeText-color, #666666);
font-size: var(--framer-fresco-base-font-size, 12px);
letter-spacing: 0;
line-height: 1.7;
overflow-y: auto;
white-space: pre-wrap;
word-wrap: break-word
}
.eaw3mqd {
margin-top: 22px
}
.eaw3mqd>.b1rdbf0o {
padding-right: 12px;
padding-left: 12px;
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-heading-font-weight, 600)
}
.e14v1lif .ezwfz8i {
font-size: 14px;
font-weight: var(--framer-fresco-headingBold-font-weight, 700);
letter-spacing: 0;
line-height: 1.4
}
.e14v1lif .et7ofrw {
font-size: var(--framer-fresco-base-font-size, 12px);
letter-spacing: 0;
line-height: 1.4
}
.e14v1lif .eaw3mqd {
margin-top: 15px
}
.c1lhrdt5 {
padding: 2px 4px;
border-radius: 4px;
background: var(--framer-fresco-inputBackground-color, #f3f3f3);
font-family: var(--framer-fresco-monospace-font-family, "Input Mono", Menlo, monospace)
}
.i13dp4v8 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 6px;
color: var(--framer-fresco-inputTextError-color, #ff3366);
font-size: 12px;
letter-spacing: 0;
line-height: 1.7
}
.t1iqtuwi {
color: var(--framer-fresco-largeModalTitle-color, #000000);
font-size: 20px;
font-weight: var(--framer-fresco-headingBold-font-weight, 700);
line-height: 1.4
}
.d1ajsj42 {
color: var(--framer-fresco-confirmationModalDescription-color, #666666);
font-weight: var(--framer-fresco-baseActive-font-weight, 500)
}
.fuecxnk {
color: var(--framer-fresco-modalForm-color, #999999)
}
.b18dixyx * {
font-weight: var(--framer-fresco-heading-font-weight, 600)
}
.s12n1em4 button {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.m1hscir8 {
position: fixed;
z-index: 2500;
top: -100vh;
left: -100vw;
width: 200vw !important;
height: 200vh !important;
opacity: 0;
pointer-events: auto;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translateZ(0)
}
.m1qod7cs {
pointer-events: auto
}
.s1enscsq {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
min-height: 0;
max-height: 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.n3d3rfb {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
min-height: 0;
max-height: 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: .25s -webkit-transform, .25s opacity;
transition: .25s transform, .25s opacity
}
.n1nrp7h4 {
position: relative
}
.t2qearp {
opacity: 0;
pointer-events: none
}
.o1abtuq3 {
-webkit-transform: translate(-30%);
-moz-transform: translate(-30%);
-ms-transform: translate(-30%);
transform: translate(-30%)
}
.ozo04t6 {
-webkit-transform: translate(100%);
-moz-transform: translate(100%);
-ms-transform: translate(100%);
transform: translate(100%)
}
.n117cay8 {
-webkit-animation: enter-n117cay8 .2s;
animation: enter-n117cay8 .2s
}
.n1bfwbcs {
position: relative;
width: 100%;
height: var(--framer-fresco-floatingWindowToolbarHeight-dimension, 50px);
overflow-x: hidden
}
.n1bfwbcs:after {
position: absolute;
right: var(--framer-fresco-panelPadding-dimension, 15px);
bottom: 0;
left: var(--framer-fresco-panelPadding-dimension, 15px);
height: 1px;
background: var(--framer-fresco-panelDivider-color, #eeeeee);
content: "";
opacity: 0;
-webkit-transition: opacity .2s;
transition: opacity .2s
}
.n1lmiiaw:after {
opacity: 1
}
.t1ukogre {
position: absolute;
right: 40px;
left: 40px;
overflow: hidden;
color: var(--framer-fresco-panelTitle-color, #333333);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
text-align: center;
text-overflow: ellipsis;
-webkit-transition: .25s -webkit-transform, .125s opacity;
transition: .25s transform, .125s opacity;
white-space: nowrap
}
.tkp7u3w {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.n171mkxi {
pointer-events: none
}
.frmwyvr {
left: calc(var(--framer-fresco-panelPadding-dimension, 15px) + var(--framer-fresco-popoverTitleIndentation-dimension, 0px));
text-align: left
}
.tnr0r6k {
-webkit-animation: enter-tnr0r6k .2s;
animation: enter-tnr0r6k .2s
}
.n1iqs1nf {
width: 40px;
height: 100%;
color: var(--framer-fresco-floatingWindowToolbarIcon-color, #999999);
opacity: 1;
pointer-events: auto;
-webkit-transition: opacity .2s;
transition: opacity .2s
}
.nhxy8xe {
opacity: 0;
pointer-events: none
}
.n1obifo6 {
font-variant-numeric: tabular-nums
}
.w10jibcp {
position: relative;
overflow: hidden
}
.w16g2mz7:not(:focus-within):after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: block;
width: 16px;
background: linear-gradient(to right, transparent 0%, var(--framer-fresco-inputBackground-color, #f3f3f3) 88%, var(--framer-fresco-inputBackground-color, #f3f3f3) 100%);
content: "";
pointer-events: none
}
.w19925po:after {
display: none
}
.ipnpjml:not(:focus-within) {
padding-right: 0
}
.ibyez08:focus-within {
padding-right: 0
}
.i6l13uv {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: auto;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 6px;
background: linear-gradient(to right, transparent 0%, var(--framer-fresco-inputBackground-color, #f3f3f3) 33%, var(--framer-fresco-inputBackground-color, #f3f3f3) 100%);
color: var(--framer-fresco-inputLabel-color, #999999);
font-size: var(--framer-fresco-labelSmall-font-size, 9px);
line-height: var(--framer-fresco-label-font-size, 10px);
pointer-events: none
}
.i1c70rj2 {
color: var(--framer-fresco-inputLabelDisabled-color, #dddddd)
}
.t1k3kf4t {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
background: linear-gradient(to right, transparent 0%, var(--framer-fresco-inputBackground-color, #f3f3f3) 33%, var(--framer-fresco-inputBackground-color, #f3f3f3) 100%)
}
.n1dddmlm {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 17px;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch
}
.n1dddmlm div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 1px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
border-radius: 0 calc(var(--framer-fresco-inputRadius-dimension, 8px) - 1px) calc(var(--framer-fresco-inputRadius-dimension, 8px) - 1px) 0;
color: var(--framer-fresco-inputIcon-color, #999999);
cursor: pointer;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform .2s ease, color .2s ease;
transition: transform .2s ease, color .2s ease;
will-change: transform
}
.n1dddmlm div:hover,
.n1dddmlm div:active {
color: var(--framer-fresco-inputIconHover-color, #888888)
}
.t12ewooc:active:hover {
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px)
}
.ts5v59s:active:hover {
-webkit-transform: translateY(2px);
-moz-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px)
}
.n9t1k6l {
display: none
}
.b1dxn7q {
border: 1px solid transparent;
border-radius: 6px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background: none;
box-shadow: none
}
.b1dxn7q:focus {
outline-color: transparent;
outline-style: solid
}
.b1dxn7q:focus-visible {
border-color: var(--framer-fresco-inputBorderActive-color, #0099ff)
}
.t61xro3 {
min-width: 0
}
.dyiclh3 {
width: 1px;
height: var(--framer-fresco-inputDividerHeight-dimension, 14px);
border-radius: 2px;
background-color: var(--framer-fresco-segmentedControlDivider-color, #e6e6e6);
-webkit-transition: opacity .2s;
transition: opacity .2s
}
.h1ezhwod {
opacity: 0
}
.s1qqapws {
position: absolute
}
.s1qqapws:after {
position: absolute;
border-radius: 6px;
background-color: var(--framer-fresco-segmentedControlItemBackgroundSelected-color, #ffffff);
box-shadow: var(--framer-fresco-segmentedControlItemSelected-shadow, 0px 0px 0px 1px rgba(0, 0, 0, .02), 0px 1px 0px 0px rgba(0, 0, 0, .05), 0px 2px 4px 0px rgba(0, 0, 0, .1));
content: "";
inset: 1px
}
.slvxlfg:after {
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
inset: 2px
}
.s1tes2cq:after {
background: var(--framer-fresco-segmentedControlBackgroundDisabled-color, #f9f9f9);
box-shadow: none
}
.s8ln65c {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 0 4px;
color: var(--framer-fresco-segmentedControlItemText-color, #999999);
cursor: pointer;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500);
line-height: 22px;
-webkit-transition: color .2s;
transition: color .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.s8ln65c:hover {
color: var(--framer-fresco-segmentedControlItemTextHover-color, #888888)
}
.s8ln65c svg {
will-change: transform
}
.s8ln65c:disabled {
opacity: .2;
pointer-events: none
}
.s56pukx {
color: var(--framer-fresco-segmentedControlItemTextSelected-color, #0099ff);
font-weight: var(--framer-fresco-heading-font-weight, 600)
}
.s56pukx:hover {
color: var(--framer-fresco-segmentedControlItemTextSelectedHover-color, #0088ff)
}
.s12glelh {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: visible;
height: var(--height);
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
border: 1px solid var(--framer-fresco-segmentedControlBorder-color, transparent);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--framer-fresco-segmentedControlBackground-color, #f3f3f3);
cursor: default;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.sv2ybzu {
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px)
}
.v1xikvtl,
.vhkk1lc {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.vhkk1lc .s8ln65c {
width: 100%;
height: 1px;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
padding: 0 var(--framer-fresco-inputPaddingHorizontalLarge-dimension, 10px)
}
.vhkk1lc .s1qqapws {
width: 100%
}
.vhkk1lc .s1yv2vyw {
-webkit-transition: top .2s cubic-bezier(.2, 0, 0, 1);
transition: top .2s cubic-bezier(.2, 0, 0, 1)
}
.slpj8e7 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.slpj8e7:not(.vhkk1lc) {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
.slpj8e7:not(.vhkk1lc) .s8ln65c {
min-width: 0;
height: 100%;
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0
}
.slpj8e7:not(.vhkk1lc) .s1qqapws {
height: 100%
}
.slpj8e7:not(.vhkk1lc) .s1yv2vyw {
-webkit-transition: left .2s cubic-bezier(.2, 0, 0, 1);
transition: left .2s cubic-bezier(.2, 0, 0, 1)
}
.u1aob93t .s56pukx,
.u1aob93t .s56pukx:hover {
color: var(--framer-fresco-segmentedControlItemTextSelectedUnsaturated-color, #222222)
}
.pxp3e82 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: var(--framer-fresco-sitesPanelHeaderHeight-dimension, 60px);
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 0 var(--framer-fresco-panelPadding-dimension, 15px);
background: var(--framer-fresco-panelBackground-color, #ffffff);
cursor: default
}
.pxp3e82:after {
position: absolute;
right: var(--framer-fresco-panelPadding-dimension, 15px);
bottom: -1px;
left: var(--framer-fresco-panelPadding-dimension, 15px);
height: 1px;
background: var(--framer-fresco-panelDivider-color, #eeeeee);
content: ""
}
.t1ksxf2t {
color: var(--framer-fresco-panelTitle-color, #333333);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600)
}
.a112ia7p {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
min-width: 0;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.ph6ilvd {
position: relative;
width: 100%;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--framer-fresco-popupButtonBackground-color, #f3f3f3)
}
.p232rpx {
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px)
}
.p15qcods {
background-color: var(--framer-fresco-popupButtonWarningBackground-color, #FFBB00)
}
.d1qtgf1h {
position: absolute;
top: 0;
right: calc(8px - var(--nudge-dropdown-icon-horizontally, 0px));
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--framer-fresco-popupButtonIcon-color, #999999);
pointer-events: none
}
.d1l3kbul {
color: var(--framer-fresco-popupButtonWarningText-color, #ffffff)
}
.db6d496 {
color: var(--framer-fresco-popupButtonIconDisabled-color, #bbbbbb)
}
.d17fxlhh {
right: calc(11px - var(--nudge-dropdown-icon-horizontally, 0px))
}
.phdad7q {
width: 100%;
height: var(--framer-fresco-inputHeight-dimension, 30px);
padding: 0 20px 1px var(--framer-fresco-inputPaddingHorizontalWithBorder-dimension, 7px);
border: 1px solid var(--framer-fresco-popupButtonBorder-color, transparent);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background: transparent;
color: var(--framer-fresco-popupButtonText-color, #333333);
font-size: var(--framer-fresco-base-font-size, 12px);
font-variant-numeric: tabular-nums;
font-weight: var(--framer-fresco-base-font-weight, 500)
}
.phdad7q:focus {
border-color: var(--framer-fresco-inputBorderActive-color, #0099ff);
outline: none
}
.phdad7q:not(:disabled) {
cursor: pointer
}
.phdad7q optgroup,
.phdad7q option {
color: initial
}
.phdad7q optgroup:disabled,
.phdad7q option:disabled {
color: inherit
}
.p3zon1p {
color: var(--framer-fresco-popupButtonWarningText-color, #ffffff)
}
.p1kz9kc {
height: var(--framer-fresco-inputHeight-dimension, 30px);
padding-right: 24px;
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-baseActive-font-weight, 500)
}
.p17vy09d {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb)
}
.p1deqjxq {
padding: 0 36px 1px var(--framer-fresco-inputPaddingHorizontal-dimension, 8px)
}
.p17ty6mr {
padding-left: calc(var(--framer-fresco-inputPaddingHorizontal-dimension, 8px) + var(--framer-fresco-inputPaddingHorizontalWithBorder-dimension, 7px) + var(--framer-fresco-popoutIconSize-dimension, 18px))
}
.pc99wwd {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.p1xndl0v {
position: absolute;
top: 0;
bottom: 0;
left: 4px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
pointer-events: none
}
.pvwrj3y {
color: var(--framer-fresco-popupButtonWarningText-color, #ffffff)
}
.dnh1qdo {
width: 1px;
height: var(--framer-fresco-inputDividerHeight-dimension, 14px);
border-radius: 2px;
background-color: var(--framer-fresco-segmentedControlDivider-color, #e6e6e6);
-webkit-transition: opacity .2s;
transition: opacity .2s
}
.lq239lh {
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: end;
-ms-flex-direction: end;
flex-direction: end;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 20px;
pointer-events: none
}
.i1kwxb0e {
width: auto;
padding-right: 6px;
color: var(--framer-fresco-inputLabel-color, #999999);
font-size: 9px;
line-height: var(--framer-fresco-label-font-size, 10px);
pointer-events: none
}
.itexwye {
color: var(--framer-fresco-inputLabelDisabled-color, #dddddd)
}
.p1vkaum6 {
position: relative
}
.pzac9yd {
position: absolute;
inset: 1px 16px 1px 1px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 8px;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--framer-fresco-popupButtonBackground-color, #f3f3f3);
color: var(--framer-fresco-popupButtonText-color, #333333);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500);
pointer-events: none
}
.pzac9yd>span {
min-width: 0
}
.piuknlk {
color: var(--framer-fresco-inputLabelDisabled-color, #dddddd)
}
.plyku67 {
width: 100%;
height: 3px;
border: none;
border-radius: 1.5px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: var(--framer-fresco-sliderTrackDisabled-color, #eeeeee)
}
.plyku67::-webkit-progress-bar {
height: 3px;
border-radius: 1.5px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: var(--framer-fresco-sliderTrackDisabled-color, #eeeeee)
}
.plyku67::-webkit-progress-value {
height: 3px;
border-radius: 1.5px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: var(--framer-fresco-tint-color, #0099ff)
}
.plyku67::-moz-progress-bar {
height: 3px;
border-radius: 1.5px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: var(--framer-fresco-tint-color, #0099ff)
}
.h1sx89rv::-webkit-progress-value {
min-width: 3px
}
.wrexw9::-webkit-progress-value {
background-color: var(--framer-fresco-toolbarButtonTextWarning-color, #FFAA00)
}
.wrexw9::-moz-progress-bar {
background-color: var(--framer-fresco-toolbarButtonTextWarning-color, #FFAA00)
}
.p1mwrmnm {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 30px;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 0 10px;
border-radius: 8px;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
-webkit-transition: border-color ease .15s, background-color ease .15s;
transition: border-color ease .15s, background-color ease .15s
}
.p1mwrmnm svg {
-webkit-transition: fill ease .15s, stroke ease .15s, -webkit-transform ease .1s;
transition: fill ease .15s, stroke ease .15s, transform ease .1s
}
.ramuuuh {
padding: 0
}
.dj20bhq {
background-color: var(--framer-fresco-toolbarButtonBackground-color, #f3f3f3);
color: var(--framer-fresco-toolbarSettingsButtonTextSites-color, #333333)
}
.dj20bhq:focus:not(:disabled),
.dj20bhq:hover:not(:disabled),
.dj20bhq:active:focus:not(:disabled),
.dj20bhq:active:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonBackgroundHover-color, #eeeeee)
}
.wnh6zv9 {
background-color: var(--framer-fresco-toolbarButtonBackgroundWarning-color, rgba(255, 170, 0, .2));
color: var(--framer-fresco-toolbarButtonTextWarning-color, #FFAA00)
}
.wnh6zv9:focus:not(:disabled),
.wnh6zv9:hover:not(:disabled),
.wnh6zv9:active:focus:not(:disabled),
.wnh6zv9:active:hover:not(:disabled) {
background-color: var(--framer-fresco-toolbarButtonBackgroundWarningActive-color, rgba(255, 170, 0, .3))
}
.ebq3k5g {
background-color: var(--framer-fresco-toolbarButtonBackgroundError-color, rgba(255, 51, 85, .1));
color: var(--framer-fresco-toolbarButtonTextError-color, #FF3355)
}
.ebq3k5g:focus:not(:disabled),
.ebq3k5g:hover:not(:disabled),
.ebq3k5g:active:focus:not(:disabled),
.ebq3k5g:active:hover:not(:disabled) {
background-color: var(--framer-fresco-toolbarButtonBackgroundErrorActive-color, rgba(255, 51, 85, .2))
}
.ag3kc3x {
background-color: var(--framer-fresco-toolbarButtonBackgroundActive-color, #333333);
box-shadow: none !important;
color: var(--framer-fresco-toolbarButtonTextActive-color, #ffffff)
}
.ag3kc3x:focus:not(:disabled),
.ag3kc3x:hover:not(:disabled),
.ag3kc3x:active:hover:not(:disabled),
.ag3kc3x:active:focus:not(:disabled) {
background-color: var(--framer-fresco-toolbarButtonBackgroundActive-color, #333333);
color: var(--framer-fresco-toolbarButtonTextActive-color, #ffffff)
}
.r1m4lzky {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 0;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: .01em 0 0;
border: 0;
margin: 0
}
.r1m4lzky:not(:-moz-handler-blocked) .r1m4lzky {
display: table-cell
}
.r1m4lzky>legend {
display: table;
padding: 0;
margin-bottom: var(--framer-fresco-inputSpacing-dimension, 10px);
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-heading-font-weight, 600)
}
.r1s36q0d {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 30px;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.r1iwxe39 {
position: relative;
overflow: hidden;
width: var(--framer-fresco-radioButtonSize-dimension, 16px);
height: var(--framer-fresco-radioButtonSize-dimension, 16px);
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 50%;
margin: 3px 2px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: var(--framer-fresco-radioButtonBackground-color, #dddddd);
outline: none;
-webkit-transition: all .2s;
transition: all .2s
}
.r1iwxe39:before {
position: absolute;
z-index: 2;
top: 5px;
left: 5px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #fff;
content: "";
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
transform-origin: center;
-webkit-transition: -webkit-transform .2s cubic-bezier(.68, 0, .26, 1.6) 0s;
transition: transform .2s cubic-bezier(.68, 0, .26, 1.6) 0s;
will-change: transform
}
.r1iwxe39:after {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background: var(--framer-fresco-tint-color, #0099ff);
content: "";
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform .2s ease;
transition: transform .2s ease
}
.r1iwxe39:disabled {
opacity: .3
}
.r1iwxe39:hover:not(:disabled) {
background-color: var(--framer-fresco-radioButtonBackgroundHover-color, #cccccc)
}
.r1iwxe39:checked:before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform .2s cubic-bezier(.68, 0, .26, 1.6) .1s;
transition: transform .2s cubic-bezier(.68, 0, .26, 1.6) .1s
}
.r1iwxe39:checked:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.r1iwxe39:not(:disabled) {
cursor: pointer
}
.r1ki2ttd {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
color: var(--framer-fresco-radioButtonLabel-color, #333333);
cursor: pointer;
font-weight: var(--framer-fresco-base-font-weight, 500)
}
.iybct7k {
max-width: 100%
}
.r157j25a {
color: var(--framer-fresco-radioButtonLabelDisabled-color, #cccccc);
cursor: default
}
.r1le6dfj {
-webkit-align-items: flex-start;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start
}
.r1le6dfj .r1iwxe39 {
margin-top: 0
}
.r1m3gbgj {
font-weight: var(--framer-fresco-heading-font-weight, 600)
}
.r14x0s7d {
color: var(--framer-fresco-radioButtonDescription-color, #999999)
}
.rtlkjk9 {
padding-left: calc(var(--framer-fresco-radioButtonSize-dimension, 16px) + 4px + var(--framer-fresco-inputPaddingHorizontal-dimension, 8px));
margin-top: 15px
}
.iajsitd {
color: #999
}
.v1ea1yrv {
position: relative
}
.v1ea1yrv:hover .iajsitd {
display: block
}
.v1ea1yrv .iajsitd {
display: none
}
.s17ebds8 {
overflow-x: hidden;
overflow-y: auto
}
.sm8b3rh {
overflow-x: auto;
overflow-y: hidden
}
.brsjofy {
position: absolute;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 50px;
-webkit-align-items: end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
background: linear-gradient(to top, var(--gradient-color) -20px, transparent 30px), linear-gradient(to top, var(--gradient-color) -20px, transparent 20px), linear-gradient(to top, var(--gradient-color) -20px, transparent 10px);
pointer-events: none
}
.r1v9naw1 {
position: absolute;
right: 0;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50px;
height: 100%;
-webkit-align-items: end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
background: linear-gradient(to left, var(--gradient-color) -20px, transparent 30px), linear-gradient(to left, var(--gradient-color) -20px, transparent 20px), linear-gradient(to left, var(--gradient-color) -20px, transparent 10px);
pointer-events: none
}
.tfvo4ek {
position: absolute;
top: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 50px;
-webkit-align-items: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
background: linear-gradient(to bottom, var(--gradient-color) 0px, transparent 30px), linear-gradient(to bottom, var(--gradient-color) 0px, transparent 20px), linear-gradient(to bottom, var(--gradient-color) 0px, transparent 10px);
pointer-events: none
}
.l1a44i46 {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50px;
height: 100%;
-webkit-align-items: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
background: linear-gradient(to right, var(--gradient-color) 0px, transparent 30px), linear-gradient(to right, var(--gradient-color) 0px, transparent 20px), linear-gradient(to right, var(--gradient-color) 0px, transparent 10px);
pointer-events: none
}
.i8gs8dn {
padding: 0;
border: none;
margin: 0;
background: none;
color: inherit;
cursor: pointer
}
.i8gs8dn:disabled {
opacity: .5;
pointer-events: none
}
.svpr0nh {
padding-left: calc(var(--framer-fresco-inputSpacing-dimension, 10px) + 1px)
}
.s1px9f5q {
margin-right: 3px
}
.s6iyxf1 {
padding-right: calc(var(--framer-fresco-inputPaddingHorizontal-dimension, 8px) - 1px)
}
.sxrvkbb {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.cpbz6cs {
padding-right: 9px
}
.s1t4ivzv {
padding-right: 4px
}
.co17wjr {
font-size: var(--framer-fresco-heading-font-size, 13px)
}
.s142amrw {
height: var(--framer-fresco-inputHeight-dimension, 30px);
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background-color: transparent
}
.s142amrw::-moz-focus-outer {
border: 0
}
.s142amrw:focus {
outline: none
}
.s142amrw::-webkit-slider-runnable-track {
background: linear-gradient(to right, var(--framer-fresco-sliderTrackActive-color, #0099ff) calc(var(--progress)), var(--framer-fresco-sliderTrack-color, #dddddd) calc(var(--progress)));
border-radius: 2px;
height: 2px;
will-change: transform
}
.s142amrw::-moz-range-track {
background: linear-gradient(to right, var(--framer-fresco-sliderTrackActive-color, #0099ff) calc(var(--progress)), var(--framer-fresco-sliderTrack-color, #dddddd) calc(var(--progress)));
border-radius: 2px;
height: 2px;
will-change: transform
}
.s142amrw:disabled::-webkit-slider-runnable-track {
background: var(--framer-fresco-sliderTrackDisabled-color, #eeeeee)
}
.s142amrw:disabled::-moz-range-track {
background: var(--framer-fresco-sliderTrackDisabled-color, #eeeeee)
}
.s142amrw::-webkit-slider-thumb {
-webkit-appearance: none;
background-color: var(--framer-fresco-sliderKnob-color, #ffffff);
border: none;
border-radius: 50%;
box-shadow: var(--framer-fresco-sliderKnob-shadow, 0px 1px 3px 0px rgba(0, 0, 0, .2), 0px .5px 0px 0px rgba(0, 0, 0, .1));
cursor: pointer;
height: 10px;
margin-top: -4px;
opacity: 1;
width: 10px;
will-change: transform
}
.s142amrw::-moz-range-thumb {
-webkit-appearance: none;
background-color: var(--framer-fresco-sliderKnob-color, #ffffff);
border: none;
border-radius: 50%;
box-shadow: var(--framer-fresco-sliderKnob-shadow, 0px 1px 3px 0px rgba(0, 0, 0, .2), 0px .5px 0px 0px rgba(0, 0, 0, .1));
cursor: pointer;
height: 10px;
margin-top: -4px;
opacity: 1;
width: 10px;
will-change: transform
}
.s142amrw:disabled::-webkit-slider-thumb {
display: none
}
.s142amrw:disabled::-moz-range-thumb {
display: none
}
.lwu5vv0::-webkit-slider-runnable-track {
height: 3px
}
.lwu5vv0::-moz-range-track {
height: 3px
}
.lwu5vv0::-webkit-slider-thumb {
height: 15px;
margin-top: -6px;
width: 15px
}
.lwu5vv0::-moz-range-thumb {
height: 15px;
margin-top: -6px;
width: 15px
}
.dafeksh.dafeksh {
display: contents
}
.hl2u4y9>* {
display: none !important
}
.i1vqy4dg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.hmip4eg {
display: none
}
.tposagq {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: var(--framer-fresco-sitesPanelHeaderHeight-dimension, 60px);
min-height: var(--framer-fresco-panelHeaderHeight-dimension, 48px);
padding: 0 calc(var(--framer-fresco-panelPadding-dimension, 15px) / 2)
}
.t19kc5nv {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 0 calc(var(--framer-fresco-panelPadding-dimension, 15px) / 2);
color: var(--framer-fresco-tabBarText-color, #888888);
cursor: pointer;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.t1rmmg92 {
background: none;
color: var(--framer-fresco-buttonText-color, #333333)
}
.d1ph6hhk {
position: absolute;
right: var(--framer-fresco-panelPadding-dimension, 15px);
bottom: 0;
left: var(--framer-fresco-panelPadding-dimension, 15px);
height: 1px;
background: var(--framer-fresco-panelDivider-color, #eeeeee)
}
.naknbba .t19kc5nv {
cursor: default;
pointer-events: none
}
.bepcoq8 {
height: var(--framer-fresco-inputHeight-dimension, 30px);
border: 1px solid transparent;
border-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background: none;
box-shadow: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.bepcoq8:focus {
outline-color: transparent;
outline-style: solid
}
.bepcoq8:focus-visible {
border-color: var(--framer-fresco-inputBorderActive-color, #0099ff)
}
.t19ggigy {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 0 var(--framer-fresco-agentModalPadding-dimension, 10px);
color: var(--framer-fresco-tabsText-color, #999999);
cursor: pointer;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
gap: 0;
line-height: 1.2;
-webkit-transition: color .1s, background-color .1s;
transition: color .1s, background-color .1s
}
.t19ggigy:after {
display: block;
overflow: hidden;
height: 0;
content: attr(data-text);
font-weight: var(--framer-fresco-heading-font-weight, 600);
visibility: hidden
}
.t19ggigy:disabled {
opacity: .6;
pointer-events: none
}
.toplm5x {
background-color: var(--framer-fresco-tabsBackgroundSelected-color, #f3f3f3);
color: var(--framer-fresco-tabsTextSelected-color, #222222);
font-weight: var(--framer-fresco-heading-font-weight, 600)
}
.ltgq58r {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: visible;
height: var(--framer-fresco-inputHeight-dimension, 30px);
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.l7g1830 {
color: var(--framer-fresco-inputLabel-color, #999999);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
pointer-events: none
}
.l1axatme {
color: var(--framer-fresco-inputLabel-color, #999999);
font-family: var(--framer-fresco-sansSerif-font-family, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, emoji, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
font-size: 8px;
text-transform: uppercase
}
.la3ejma {
cursor: ns-resize
}
.t3iyy5 {
--index: 0;
position: fixed;
z-index: 29;
right: 0;
bottom: 0;
left: 0;
pointer-events: none
}
.exff1tz {
z-index: 31
}
.t17y8opq {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.a1vnoagw {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.av8q8xc {
-webkit-align-items: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start
}
.a1udhovq {
-webkit-align-items: end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end
}
.t1yp07hv {
position: absolute;
z-index: calc(var(--max-toasts) - var(--index));
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: var(--toast-height);
-webkit-flex: 1 200px;
-ms-flex: 1 200px;
flex: 1 200px;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 15px;
border-radius: 15px;
-webkit-animation: .2s ease-out backwards toast-appear-t1yp07hv, .3s ease-in var(--duration) forwards toast-disappear-t1yp07hv;
animation: .2s ease-out backwards toast-appear-t1yp07hv, .3s ease-in var(--duration) forwards toast-disappear-t1yp07hv;
background-color: var(--framer-fresco-panelBackground-color, #ffffff);
box-shadow: 0 4px 8px #0000001a;
color: var(--framer-fresco-toastText-color, #444444);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: var(--framer-fresco-base-font-size, 12px);
pointer-events: auto;
-webkit-transform: translate(0, var(--translate-y));
-moz-transform: translate(0, var(--translate-y));
-ms-transform: translate(0, var(--translate-y));
transform: translateY(var(--translate-y));
-webkit-transition: -webkit-transform .2s;
transition: transform .2s;
white-space: nowrap;
--toast-height: var(--framer-fresco-toastHeight-dimension, 50px);
--translate-y: calc(calc(var(--index) * calc(var(--toast-height) + var(--framer-fresco-toastGap-dimension, 10px))) * -1);
--translate-y-offset: calc(var(--translate-y) + var(--framer-fresco-toastGap-dimension, 10px))
}
.t1yp07hv.has-action {
padding-right: 10px
}
.t1yp07hv.has-icon {
padding-left: 15px
}
.t1yp07hv.paused {
-webkit-animation-play-state: running, paused;
animation-play-state: running, paused
}
.t1yp07hv.reset {
-webkit-animation-iteration-count: 0, 1;
animation-iteration-count: 0, 1
}
.t1yp07hv a {
color: var(--framer-fresco-tint-color, #0099ff);
cursor: pointer;
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
-webkit-text-decoration: none;
text-decoration: none
}
.t1yp07hv code {
display: inline-block;
overflow: hidden;
max-width: 250px;
font-size: 13px;
line-height: 10px;
text-overflow: ellipsis
}
.p5h1uxz {
height: 100%;
pointer-events: none
}
.p5h1uxz .t1yp07hv {
--translate-y: calc(calc(var(--index) * calc(var(--toast-height) + var(--framer-fresco-toastGap-dimension, 10px))));
top: 0;
bottom: initial;
pointer-events: all
}
.i1my5r4k {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 20px;
height: 100%;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin-right: 10px;
color: var(--framer-fresco-toastIconSites-color, #0099ff)
}
.i1my5r4k .warning .background {
fill: #fb0
}
.i1my5r4k .warning .line {
stroke: #fff
}
.i1my5r4k .warning .dot {
fill: #fff
}
.t1wvyz2l img,
.t1wvyz2l .emoji {
width: 1.3em;
height: 1.3em;
margin-right: 10px;
vertical-align: -.3em
}
.twimrfx {
min-width: unset;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0 10px 1px;
border: none;
border-radius: 8px;
margin: 0 0 0 10px;
background-color: var(--framer-fresco-toolbarButtonBackgroundActiveSites-color, #f3f3f3);
color: var(--framer-fresco-buttonText-color, #333333);
font-size: 12px;
font-weight: var(--framer-fresco-heading-font-weight, 600);
text-align: center
}
.twimrfx:focus:not(:disabled),
.twimrfx:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonBackgroundHover-color, #eeeeee)
}
.t1dyj7h0 {
background-color: var(--framer-fresco-toastButtonBackgroundProminent-color, #ffffff);
color: var(--framer-fresco-tint-color, #0099ff)
}
.t1dyj7h0:focus:not(:disabled),
.t1dyj7h0:hover:not(:disabled),
.t1dyj7h0:active:focus:not(:disabled),
.t1dyj7h0:active:hover:not(:disabled) {
background-color: var(--framer-fresco-toastButtonBackgroundProminentHover-color, rgba(255, 255, 255, .9))
}
.t1kbinb5 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--framer-fresco-buttonBackgroundPrimary-color, #0099ff);
color: var(--framer-fresco-toastTextPrimary-color, #ffffff)
}
.t1kbinb5:focus:not(:disabled),
.t1kbinb5:hover:not(:disabled),
.t1kbinb5:active:focus:not(:disabled),
.t1kbinb5:active:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonBackgroundPrimaryHover-color, #0088ff)
}
.t1kbinb5 svg {
margin-right: 8px
}
.dglvr97 svg {
display: block
}
.dglvr97 span {
display: none
}
.e1vim678 {
margin-left: 20px
}
.uevjxrg {
background-color: var(--framer-fresco-warningTint-color, #FFBB00)
}
.uevjxrg .twimrfx {
background-color: var(--framer-fresco-upsellCTAButtonBackground-color, #ffffff);
color: var(--framer-fresco-warningTint-color, #FFBB00)
}
.uevjxrg .twimrfx:focus:not(:disabled),
.uevjxrg .twimrfx:hover:not(:disabled) {
background-color: var(--framer-fresco-upsellCTAButtonBackgroundHover-color, #eeeeee)
}
.uevjxrg .t1wvyz2l {
color: var(--framer-fresco-upsellCTAText-color, #ffffff)
}
.fk2jklq {
background-color: var(--framer-fresco-toastBackgroundPrimary-color, #0099ff);
color: var(--framer-fresco-toastTextPrimary-color, #ffffff)
}
.fk2jklq .i1my5r4k {
color: var(--framer-fresco-toastTextPrimary-color, #ffffff)
}
.fk2jklq .i1my5r4k .warning .background {
fill: var(--framer-fresco-toastTextPrimary-color, #ffffff)
}
.fk2jklq .i1my5r4k .warning .line {
stroke: var(--framer-fresco-toastBackgroundPrimary-color, #0099ff)
}
.fk2jklq .i1my5r4k .warning .dot {
fill: var(--framer-fresco-toastBackgroundPrimary-color, #0099ff)
}
.fk2jklq .twimrfx {
background-color: var(--framer-fresco-toastTextPrimary-color, #ffffff);
color: var(--framer-fresco-toastBackgroundPrimary-color, #0099ff);
font-weight: 600
}
.fk2jklq .twimrfx:hover {
background-color: var(--framer-fresco-toastTextPrimary-color, #ffffff);
color: var(--framer-fresco-toastBackgroundPrimary-color, #0099ff)
}
.fk2jklq .twimrfx:focus:not(:disabled),
.fk2jklq .twimrfx:hover:not(:disabled),
.fk2jklq .twimrfx:active:focus:not(:disabled),
.fk2jklq .twimrfx:active:hover:not(:disabled) {
background-color: var(--framer-fresco-toastTextPrimary-color, #ffffff);
color: var(--framer-fresco-toastBackgroundPrimary-color, #0099ff)
}
.fk2jklq a {
color: var(--framer-fresco-toastTextPrimary-color, #ffffff);
-webkit-text-decoration: underline;
text-decoration: underline
}
.e1brfdum {
background-color: #f24a58;
box-shadow: 0 10px 20px #f24a5833;
color: #fff
}
.e1brfdum .i1my5r4k {
color: #fff
}
.e1brfdum .twimrfx {
background-color: #fff3;
color: #fff
}
.e1brfdum .twimrfx:focus:not(:disabled),
.e1brfdum .twimrfx:hover:not(:disabled) {
background-color: #fff3
}
.w1lswxdi {
background-color: #fb0;
box-shadow: 0 10px 20px #fa03;
color: #fff
}
.w1lswxdi .i1my5r4k {
color: #fff
}
.w1lswxdi .twimrfx {
background-color: #fff3;
color: #fff
}
.w1lswxdi .twimrfx:focus:not(:disabled),
.w1lswxdi .twimrfx:hover:not(:disabled) {
background-color: #fff3
}
.p1ukxca5 {
background-color: var(--framer-fresco-tint-color, #0099ff);
color: var(--framer-fresco-toastTextPrimary-color, #ffffff)
}
.p1ukxca5 .twimrfx:not(.t1dyj7h0) {
background-color: #fff3;
color: #fff
}
.p1ukxca5 .twimrfx:not(.t1dyj7h0):focus:not(:disabled),
.p1ukxca5 .twimrfx:not(.t1dyj7h0):hover:not(:disabled) {
background-color: #fff3
}
.t16h59f3 {
--toggle-tack-size: 24px;
--toggle-padding: 3px;
--toggle-padding-total: calc(var(--toggle-padding) * 2);
--toggle-width: 50px;
--toggle-height: calc(var(--toggle-tack-size) + var(--toggle-padding-total));
position: relative;
display: inline-block;
width: var(--toggle-width);
height: var(--toggle-height);
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: var(--toggle-padding);
border-radius: calc(var(--toggle-height) / 2);
background-color: var(--framer-fresco-toggleBackground-color, #eeeeee);
-webkit-transition: background-color .2s ease;
transition: background-color .2s ease
}
.ts3kncj {
width: var(--toggle-tack-size);
height: var(--toggle-tack-size);
border: 1px solid transparent;
border-radius: 50%;
border-bottom-color: var(--framer-fresco-toggleTackBorder-color, rgba(0, 0, 0, .05));
background: var(--framer-fresco-toggleTack-color, linear-gradient(0deg, #fafafa 0%, #ffffff 100%));
box-shadow: var(--framer-fresco-toggleTack-shadow, 0px 1px 1px 0px rgba(0, 0, 0, .1), 0px 2px 10px 0px rgba(0, 0, 0, .05));
pointer-events: none;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translate(0);
-webkit-transition: -webkit-transform .2s ease;
transition: transform .2s ease
}
.t1vycteo {
background-color: var(--framer-fresco-toggleBackgroundChecked-color, #0099ff)
}
.tjv5xjt {
opacity: .5
}
.t1fyy6v3 {
background-color: var(--framer-fresco-toggleBackgroundDisabled-color, #f3f3f3)
}
.t1fyy6v3 .ts3kncj {
border-bottom-color: var(--framer-fresco-toggleTackBorderDisabled-color, transparent);
background: var(--framer-fresco-toggleTackDisabled-color, #ffffff);
box-shadow: none
}
.i1m48rn5 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid transparent;
border-radius: inherit;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none
}
.i1m48rn5:focus {
outline-color: transparent;
outline-style: solid
}
.i1m48rn5:focus-visible {
border-color: var(--framer-fresco-inputBorderActive-color, #0099ff)
}
.i1m48rn5:not(:disabled) {
cursor: pointer
}
.i1m48rn5:checked+.ts3kncj {
-webkit-transform: translateX(calc(var(--toggle-width) - var(--toggle-padding-total) - var(--toggle-tack-size)));
-moz-transform: translateX(calc(var(--toggle-width) - var(--toggle-padding-total) - var(--toggle-tack-size)));
-ms-transform: translateX(calc(var(--toggle-width) - var(--toggle-padding-total) - var(--toggle-tack-size)));
transform: translate(calc(var(--toggle-width) - var(--toggle-padding-total) - var(--toggle-tack-size)))
}
.tvaq8i1 {
--toggle-tack-size: 16px;
--toggle-padding: 2px;
--toggle-width: 30px
}
.b1xodv2l {
min-width: 67px;
padding-bottom: 0
}
.bj5wdr {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
font-weight: 500;
line-height: 14px
}
.bj5wdr>svg {
margin-right: 6px
}
.s174a0sx {
overflow: clip;
width: 100%;
height: 100%
}
.r1t532rj {
display: -ms-grid;
display: grid;
height: 100%
}
.i1rwgrez {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.s71f2i0 {
position: absolute;
overflow: hidden;
width: 1px;
height: 1px;
padding: 0;
border-width: 0;
margin: -1px;
clip: rect(0, 0, 0, 0);
white-space: nowrap
}
.tpycwo6 {
font-variant-numeric: tabular-nums
}
.ts7fbvw {
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: 1.5;
text-align: center;
white-space: nowrap
}
.t18v0z1l {
line-height: 1.5;
opacity: .6;
text-align: center;
white-space: nowrap
}
.l1l8om57 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.l1l8om57>*:not(:first-child) {
margin-right: -4px
}
.sv36qp8>*:not(:first-child) {
margin-right: -3px
}
.t1aewutb {
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: 1.6;
text-align: center
}
.tfydinf {
line-height: 1.6;
opacity: .6;
text-align: center
}
.a16903hn {
position: relative
}
.a16903hn:not(:last-child) {
overflow: hidden;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat right center/auto 100%;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat right center/auto 100%;
mask: url('data:image/svg+xml;utf8,') no-repeat right center/auto 100%
}
.s1m9oj4r {
--avatar-size: 20px !important;
border-radius: 5px;
font-size: 10px
}
.s1m9oj4r span,
.s1m9oj4r img {
border-radius: 5px
}
.pvu3uy5 {
z-index: 1;
opacity: 0;
-webkit-transform: scale(.96);
-moz-transform: scale(.96);
-ms-transform: scale(.96);
transform: scale(.96);
transform-origin: 50% 0%;
transition-duration: 80ms;
transition-property: opacity, transform;
transition-timing-function: cubic-bezier(.21, .37, .49, 1)
}
.pvu3uy5[data-enter] {
opacity: 1;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1)
}
.pvu3uy5[data-leave] {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
transition-duration: 30ms
}
.pvu3uy5 li .inner {
padding-top: 8px !important;
padding-bottom: 8px !important
}
.pvu3uy5 li.checked .inner:before {
height: 30px !important
}
.pvu3uy5 li.has-badge.checked .inner:before {
height: 34px !important
}
.v1d1iynd {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
body.a1pulxae .monaco-editor * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
body.a1pulxae .arpwu8w {
pointer-events: none;
-webkit-user-select: none
}
.pv9rc06 {
position: absolute;
width: var(--framer-fresco-canvasHandleSize-dimension, 8px);
height: var(--framer-fresco-canvasHandleSize-dimension, 8px);
border-radius: 50%;
background: #fff;
box-shadow: inset 0 0 0 1px var(--framer-fresco-tint-color, #0099ff);
cursor: "default";
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.c1arl1nv:before {
position: absolute;
inset: -5px;
border-radius: 50%;
content: ""
}
.c10dexf1 {
background: var(--framer-fresco-tint-color, #0099ff);
box-shadow: 0 0 0 1px #fff
}
.c1r3347b {
background: var(--framer-fresco-snapLine-color, #FF5AAA);
box-shadow: 0 0 0 1px #fff
}
.mmnb0v9 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 120px;
max-height: 280px;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: var(--framer-fresco-agentModalPadding-dimension, 10px);
cursor: default
}
.m1ati6u7 {
height: unset;
min-height: var(--framer-fresco-agentButtonSize-dimension, 20px);
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-align-items: flex-start;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start
}
.r5pn38b svg {
width: 16px;
height: 16px
}
.m1tbrq95.m1tbrq95 {
color: var(--framer-fresco-inputLabel-color, #999999)
}
.evrnpvs.evrnpvs {
color: var(--framer-fresco-agentError-color, #FF2200)
}
.m164t2zh {
position: relative;
overflow: visible;
padding: var(--framer-fresco-agentModalPadding-dimension, 10px);
border-radius: var(--framer-fresco-modalRadius-dimension, 15px);
background: var(--framer-fresco-modalBackground-color, #ffffff);
box-shadow: var(--framer-fresco-agentModal-shadow, 0px 0px 0px 1px rgba(0, 0, 0, .05), 0px 4px 8px 0px rgba(0, 0, 0, .08));
outline: none
}
.pdcva4n {
width: 260px
}
.m131gtz1 {
position: absolute;
inset: 0
}
.c1ri4zde {
--color: #000;
position: absolute;
top: 0;
left: 0;
-webkit-transition: -webkit-transform 50ms ease-out;
transition: transform 50ms ease-out;
will-change: transform
}
.c1ycq1zn {
width: 14px;
height: 14px;
background-color: var(--color);
-webkit-mask: url("https://app.framerstatic.com/cursor-multiplayer-FBXXEF4X.svg");
-webkit-mask: url("https://app.framerstatic.com/cursor-multiplayer-FBXXEF4X.svg");
mask: url("https://app.framerstatic.com/cursor-multiplayer-FBXXEF4X.svg")
}
.lv62knu {
position: absolute;
top: 14px;
left: 14px;
min-width: 44px;
padding: 6px 9px;
border-radius: 8px;
background: var(--color);
color: #fff;
font-size: 12px;
font-weight: 500;
white-space: nowrap
}
.p1dw9fw {
opacity: .5
}
.fh6lfgu:before {
position: absolute;
z-index: 2;
top: var(--top-flash-inset, 0);
right: var(--right-flash-inset, 0);
bottom: var(--bottom-flash-inset, 0);
left: var(--left-flash-inset, 0);
content: "";
pointer-events: none
}
.d8eehx6:before {
border: 2px solid var(--framer-fresco-tint-color, #0099ff);
border-radius: var(--flash-radius, 8px);
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-name: flash-default-style-d8eehx6;
animation-name: flash-default-style-d8eehx6;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
background-color: var(--framer-fresco-tintDimmed-color, rgba(0, 153, 255, .1))
}
@-webkit-keyframes flash-default-style-d8eehx6 {
0% {
opacity: 0
}
20% {
opacity: 1
}
60% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes flash-default-style-d8eehx6 {
0% {
opacity: 0
}
20% {
opacity: 1
}
60% {
opacity: 1
}
to {
opacity: 0
}
}
.wdvaq7i:before {
border: 2px solid var(--framer-fresco-warningTint-color, #FFBB00);
background-color: var(--framer-fresco-warningTintDimmed-color, rgba(255, 187, 0, .2))
}
.ghqxg7a:before {
border-radius: 2px;
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-name: flash-glow-style-ghqxg7a;
animation-name: flash-glow-style-ghqxg7a;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes flash-glow-style-ghqxg7a {
0% {
background-color: transparent;
box-shadow: unset
}
50% {
background-color: #fbfbfb80;
box-shadow: inset 0 0 0 1px #09f, 0 0 5px #09f
}
to {
background-color: transparent;
box-shadow: unset
}
}
@keyframes flash-glow-style-ghqxg7a {
0% {
background-color: transparent;
box-shadow: unset
}
50% {
background-color: #fbfbfb80;
box-shadow: inset 0 0 0 1px #09f, 0 0 5px #09f
}
to {
background-color: transparent;
box-shadow: unset
}
}
.c70v5i5 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
border-radius: 15px
}
.b1m6d3um {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 40px;
height: 50px;
color: var(--framer-fresco-floatingWindowToolbarIcon-color, #999999);
cursor: pointer;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity .125s;
transition: opacity .125s
}
.ba9eeph {
opacity: 1;
pointer-events: auto;
-webkit-transition: opacity .2s;
transition: opacity .2s;
transition-delay: .2s
}
.pklurhb {
width: 300px;
background-color: var(--framer-fresco-panelBackground-color, #ffffff)
}
.mg8hahu {
-webkit-transition: .25s -webkit-transform, .25s opacity;
transition: .25s transform, .25s opacity
}
.h7ed8wv {
position: absolute;
opacity: 0;
pointer-events: none;
-webkit-transform: translateX(-30%);
-moz-transform: translateX(-30%);
-ms-transform: translateX(-30%);
transform: translate(-30%)
}
.s42o8li {
-webkit-transition: .25s -webkit-transform;
transition: .25s transform
}
.h1agk2wg {
position: absolute;
pointer-events: none;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translate(100%)
}
.b1854po0 {
width: 100%;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
-webkit-transition: none;
transition: none
}
.b1p0yt0i {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.tshjax2 {
width: 254px
}
.h1gzj9e3 {
overflow: hidden;
height: 23px;
min-height: 23px;
-webkit-align-items: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
color: var(--framer-fresco-publishPopoverHostname-color, #444444);
line-height: 1.6
}
.l15kuguu {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
color: var(--framer-fresco-panelTitle-color, #333333);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-baseActive-font-weight, 500)
}
.l15kuguu:focus:not(:disabled),
.l15kuguu:hover:not(:disabled),
.l15kuguu:active:focus:not(:disabled),
.l15kuguu:active:hover:not(:disabled) {
color: var(--framer-fresco-panelTitle-color, #333333)
}
.w1q39ypx {
color: var(--framer-fresco-warningTint-color, #FFBB00)
}
.d1exh9nz {
width: 100%;
height: 1px;
background-color: var(--framer-fresco-panelDivider-color, #eeeeee)
}
.etq4iqk {
color: var(--framer-fresco-errorTint-color, #ff3366)
}
.drnc4ju {
color: var(--framer-fresco-panelDescription-color, #999999)
}
.o16wl99r {
color: var(--framer-fresco-tint-color, #0099ff)
}
.u1kdm6pf {
color: var(--framer-fresco-panelDescription-color, #999999);
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
line-height: 1.5em;
text-align: center;
text-wrap: balance
}
.u104bm00 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 300px;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 15px;
gap: 15px
}
.ug5h9ni {
color: var(--framer-fresco-tint-color, #0099ff);
-webkit-text-decoration: none;
text-decoration: none
}
.w1o2ymf0 {
position: relative;
z-index: 10;
width: 100vw;
height: calc(100vh - var(--framerInternalUI-chromeMarginBottom));
padding-left: var(--framerInternalUI-chromeMarginLeft);
background-color: var(--framer-fresco-canvasBackground-color, #eeeeee)
}
.p1lp8ih5 {
background-color: var(--framer-fresco-panelBackground-color, #ffffff)
}
.s7mibhy {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: calc(100% - var(--framer-fresco-webBarHeight-dimension, 60px));
-webkit-align-items: flex-start;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 60px 0;
margin-top: var(--framer-fresco-webBarHeight-dimension, 60px);
overflow-x: hidden;
overflow-y: auto
}
.s11djkat {
position: fixed;
top: var(--framerInternalUI-chromeToolbarHeight);
bottom: var(--framerInternalUI-chromeMarginBottom);
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: var(--framerInternalUI-chromeMarginLeft);
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-right: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee);
background-color: var(--framer-fresco-panelBackground-color, #ffffff)
}
.ro7whr6 {
padding: 0 var(--framer-fresco-panelPadding-dimension, 15px) var(--framer-fresco-panelPadding-dimension, 15px)
}
.pc9qied {
width: 720px
}
.p2d2j3d {
color: var(--framer-fresco-settingsPlaceholder-color, #bbbbbb)
}
.d5vgume {
margin: 0;
color: var(--framer-fresco-panelDescription-color, #999999);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
letter-spacing: 0;
line-height: 1.6;
text-align: left
}
.h1dux9p9 {
color: var(--framer-fresco-settingsGridContent-color, #666666)
}
.lu5x1d9 {
font-weight: var(--framer-fresco-baseActive-font-weight, 500)
}
.d1px74r9 {
display: -ms-grid;
display: grid;
-webkit-align-items: baseline;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-ms-grid-column-gap: 5px;
grid-column-gap: 5px;
-ms-grid-columns: 100px auto;
grid-template-columns: 100px auto
}
.d528q3h {
color: #999;
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
-ms-grid-column: 1;
grid-column-start: 1
}
.dsv52of {
-webkit-align-self: start;
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start
}
.i1tioh7n {
width: 36px
}
.d1y6q80l {
display: -ms-grid;
display: grid;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
color: var(--framer-fresco-settingsGridContent-color, #666666);
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
-ms-grid-auto-flow: row;
grid-auto-flow: row;
grid-column-gap: 10px;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-columns: auto 30px;
grid-template-columns: auto 30px
}
.d9k09fr {
-ms-grid-columns: auto;
grid-template-columns: auto
}
.d143auyj {
-webkit-align-items: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
margin-bottom: 15px;
line-height: 1.5
}
.d10kxaxh {
margin-top: 5px;
color: var(--framer-fresco-settingsGridDescription-color, #999999)
}
.c1bf5rks {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-height: 15px;
-webkit-box-pack: justify;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between
}
.dytamor {
margin-top: 15px;
-ms-grid-auto-flow: row;
grid-auto-flow: row;
grid-column-gap: unset;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-columns: auto;
grid-template-columns: auto
}
.d1om2cka {
max-width: 100%;
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
-ms-grid-column: 1;
-ms-grid-column-span: 1;
grid-column: 1/2;
justify-self: flex-start;
text-align: left
}
.dub8um7 {
-ms-grid-column: 2;
grid-column: 2
}
.mn9pc25 {
margin-left: auto
}
.co2uwos {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: var(--framer-fresco-baseActive-font-weight, 500)
}
.c1ko75dj {
position: relative;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: calc(var(--framer-fresco-radioButtonSize-dimension, 16px) + var(--framer-fresco-inputPaddingHorizontal-dimension, 8px) + 4px) !important
}
.cdgz59b {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
gap: 10px
}
.c73t2jt {
display: none
}
.i1y7y96a {
font-size: 11px
}
.feud6is {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.f1tn9lpq {
height: 100%;
padding-right: 10px
}
.f7zgaam {
color: var(--framer-fresco-sitesSettingsInputColorDisabled-color, #999999)
}
.f1y28k0i {
cursor: pointer
}
.f1y28k0i .f7zgaam {
color: var(--framer-fresco-buttonText-color, #333333)
}
.drbhjgj {
width: 100%;
height: 1px;
background-color: var(--framer-fresco-panelDivider-color, #eeeeee)
}
.sptxtm4 {
width: 100%;
height: 1px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
background-color: var(--framer-fresco-siteSettingsBorderSectionDivider-color, #eeeeee)
}
.vd6gpy3 {
font-weight: var(--framer-fresco-baseActive-font-weight, 500)
}
.i1sss4ic {
display: inline-block;
-webkit-margin-end: 5px;
margin-inline-end: 5px
}
.intnmx7 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-text-decoration: none;
text-decoration: none;
white-space: nowrap
}
.i1rfg4ck {
position: relative;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: rgba(var(--color), .2)
}
.i1rfg4ck:after {
position: absolute;
top: 5px;
left: 5px;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: rgba(var(--color));
content: ""
}
.i10mfpis {
--color: 0, 221, 102
}
.i1878773 {
--color: 255, 51, 102
}
.i1g174e1 {
--color: 255, 170, 34
}
.i1iiuv7u {
--color: 153, 153, 153
}
.p1mijqm1 {
color: var(--framer-fresco-settingsGridContent-color, #666666);
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
line-height: 1.2
}
.c1moaa5y {
font-weight: var(--framer-fresco-heading-font-weight, 600)
}
.otjtma0 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
gap: 15px;
line-height: 1.5em
}
.p1amk3nc {
margin-left: 25px
}
.w6wbts1 {
width: 100%;
max-width: 880px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 65px
}
.tig1860 {
height: 24px;
margin: 0;
color: var(--framer-fresco-settingsContainerTitle-color, #222222);
font-size: 22px;
font-weight: var(--framer-fresco-headingBold-font-weight, 700);
letter-spacing: -.8px;
line-height: 1.2
}
.n1wvm390 {
max-width: 300px;
margin: 0;
color: var(--framer-fresco-settingsDescription-color, #666666);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
line-height: 1.5;
text-wrap: balance
}
.framerInternalUI-canvasPlaceholder,
.framerInternalUI-componentPlaceholder,
.framerInternalUI-unsupportedPlaceholder,
.framerInternalUI-errorPlaceholder {
border: calc(1px * var(--framerInternalCanvas-canvasPlaceholderContentScaleFactor, 1)) dashed currentColor;
border-radius: calc(6px * var(--framerInternalCanvas-canvasPlaceholderContentScaleFactor, 1));
font-size: calc(12px * var(--framerInternalCanvas-canvasPlaceholderContentScaleFactor, 1))
}
.framerInternalUI-unsupportedPlaceholder {
background-color: #fc03;
border-color: #fc0;
color: #fa0
}
.framerInternalUI-canvasPlaceholder {
border-color: #09f;
background-color: #09f3;
color: #09f
}
.framerInternalUI-componentPlaceholder,
.framerInternalUI-errorPlaceholder {
border-style: solid;
border-color: #95959526;
background-color: #9595951a;
color: #a5a5a5
}
.framerInternalUI-componentPlaceholder .text,
.framerInternalUI-errorPlaceholder .text {
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.framerInternalUI-componentPlaceholder .pending,
.framerInternalUI-errorPlaceholder .pending {
opacity: 0
}
.d197x122 * {
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important
}
.dpj2ndz div {
box-shadow: none !important;
text-shadow: none !important
}
.dpj2ndz .svg-shadow {
display: none !important
}
.dyirmfz {
image-rendering: pixelated
}
.d1tskyf div {
-webkit-filter: none !important;
filter: none !important
}
.groundNodeWrapper.d74qriz * {
will-change: unset !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important
}
.c880hsu {
opacity: .35
}
/* From assets/media/app.framerstatic.com/editorbar.VNOIL5NE.css */
body {
--inter-cv: "cv01" 1, "cv09" 1
}
input[type=number],
input[inputmode=numeric],
input[inputmode=decimal] {
font-variant-numeric: tabular-nums;
font-feature-settings: var(--inter-cv), "tnum" 1
}
body.agent {
--inter-cv: "cv01" 1, "cv05" 1, "cv09" 1, "cv11" 1
}
html,
* {
box-sizing: border-box
}
html {
height: 100%
}
#root {
display: flex
}
*,
*:before,
*:after {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
div {
outline: none
}
.ProseMirror {
word-wrap: break-word;
white-space: pre-wrap;
white-space: break-spaces;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
font-feature-settings: "liga" 0
}
.ProseMirror pre {
white-space: pre-wrap
}
.ProseMirror li {
position: relative
}
.ProseMirror-hideselection *::selection {
background: transparent
}
.ProseMirror-hideselection *::-moz-selection {
background: transparent
}
.ProseMirror-hideselection {
caret-color: transparent
}
.ProseMirror [draggable][contenteditable=false] {
-webkit-user-select: text;
user-select: text
}
.ProseMirror-selectednode {
outline: 2px solid #8cf
}
li.ProseMirror-selectednode {
outline: none
}
li.ProseMirror-selectednode:after {
content: "";
position: absolute;
inset: -2px -2px -2px -32px;
border: 2px solid #8cf;
pointer-events: none
}
img.ProseMirror-separator {
display: inline !important;
border: none !important;
margin: 0 !important
}
@keyframes blink {
49% {
border-color: unset
}
50% {
border-color: transparent
}
99% {
border-color: transparent
}
}
.no-cursor {
caret-color: transparent
}
div:focus .fake-cursor,
span:focus .fake-cursor {
margin-right: -1px;
border-left-width: 1px;
border-left-style: solid;
animation: blink 1s;
animation-iteration-count: infinite;
position: relative;
z-index: 1
}
.ProseMirror-gapcursor {
display: none;
pointer-events: none;
position: absolute
}
.ProseMirror-gapcursor:after {
content: "";
display: block;
position: absolute;
top: -2px;
width: 20px;
border-top: 1px solid black;
animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite
}
.ProseMirror-focused .ProseMirror-gapcursor {
display: block
}
.ProseMirror .tableWrapper {
overflow-x: auto
}
.ProseMirror table {
border-collapse: collapse;
table-layout: fixed;
width: 100%;
overflow: hidden
}
.ProseMirror td,
.ProseMirror th {
vertical-align: top;
box-sizing: border-box;
position: relative
}
.ProseMirror td:not([data-colwidth]):not(.column-resize-dragging),
.ProseMirror th:not([data-colwidth]):not(.column-resize-dragging) {
min-width: var(--default-cell-min-width)
}
.ProseMirror .column-resize-handle {
position: absolute;
right: -2px;
top: 0;
bottom: 0;
width: 4px;
z-index: 20;
background-color: #adf;
pointer-events: none
}
.ProseMirror.resize-cursor {
cursor: ew-resize;
cursor: col-resize
}
.ProseMirror .selectedCell:after {
z-index: 2;
position: absolute;
content: "";
inset: 0;
background: #c8c8ff66;
pointer-events: none
}
.tzsvjdc {
max-width: 200px;
padding: 15px;
box-shadow: var(--framer-fresco-canvasTooltip-shadow, 0px 10px 20px 0px rgba(0, 0, 0, .1));
color: var(--framer-fresco-panelText-color, #666666);
line-height: 1.3em
}
.t1ehb6cn {
color: var(--framer-fresco-panelTitle-color, #333333)
}
.d1r6g833 * {
-webkit-transition: none !important;
transition: none !important
}
.i7d4cn1 {
color: var(--framer-fresco-tooltipIcon-color, #bbbbbb);
cursor: pointer
}
.i7d4cn1:hover {
color: var(--framer-fresco-tint-color, #0099ff)
}
.e1otabne {
--text-color: var(--framer-fresco-educationButtonText-color, #999999);
--background-color: var(--framer-fresco-educationButtonBackground-color, rgba(17, 17, 17, .05))
}
.e1otabne:hover,
.e1otabne[aria-expanded=true] {
--text-color: var(--framer-fresco-tint-color, #0099ff);
--background-color: var(--framer-fresco-tintDimmed-color, rgba(0, 153, 255, .1))
}
.bhul7u3 {
max-width: 200px;
padding: 15px;
box-shadow: var(--framer-fresco-canvasTooltip-shadow, 0px 10px 20px 0px rgba(0, 0, 0, .1));
color: var(--framer-fresco-panelText-color, #666666);
line-height: 1.6em
}
.tl8565r {
min-width: 30px;
max-width: 300px;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: 1.2
}
.bvc2uw9 {
position: fixed;
z-index: 0;
top: var(--framerInternalUI-chromeToolbarHeight);
right: var(--framerInternalUI-propertyPanelWidth);
left: var(--framerInternalUI-chromeMarginLeft);
overflow: visible;
height: var(--framer-fresco-sitesPanelHeaderHeight-dimension, 60px);
background-color: var(--framer-fresco-canvasBackground-color, #eeeeee)
}
.bvc2uw9:after {
position: absolute;
right: calc(var(--framer-fresco-panelPadding-dimension, 15px) - 1px);
bottom: -1px;
left: calc(var(--framer-fresco-panelPadding-dimension, 15px) - 1px);
height: 1px;
background-color: var(--framer-fresco-rulerBorderColor-color, #dddddd);
content: ""
}
.b1k2nl76 {
--text-color: var(--framer-fresco-inputLabel-color, #999999);
position: absolute;
top: 0;
right: 0;
left: 0;
height: 100%;
color: var(--text-color)
}
.b1k2nl76 button~button {
margin-left: 5px
}
.b1i3g548 {
width: 100%;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
height: 100%;
padding: var(--framer-fresco-panelPadding-dimension, 15px) calc(var(--framer-fresco-panelPadding-dimension, 15px) - 1px)
}
.c77pepd {
height: 100%
}
.wnwbz2t {
right: 0;
border-top: none;
background-color: var(--framer-fresco-codeEditorBackground-color, #fdfdfd)
}
.wnwbz2t:after {
background-color: var(--framer-fresco-panelDivider-color, #eeeeee)
}
.w16ew1wl {
right: min(calc(var(--framerInternalUI-previewWidth, 0) + var(--framer-fresco-panelPadding-dimension, 15px)), max(260px, calc(100vw - var(--framerInternalUI-chromeMarginLeft) - var(--framer-fresco-codeEditorMinWidth-dimension, 400px))));
border-right: 1px solid var(--framer-fresco-panelDivider-color, #eeeeee)
}
.r16cr7hr:after {
right: 0;
left: 0
}
.b1lo74ig {
height: 100%
}
.b1119pfk {
--background-color: var(--framer-fresco-breadcrumbItemBackground-color, rgba(0, 0, 0, .05));
height: 100%;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
padding: 0 var(--framer-fresco-breadcrumbSpacing-dimension, 10px);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--background-color);
color: var(--text-color);
cursor: pointer;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600)
}
.b1119pfk>svg {
pointer-events: none
}
.b13iwexl {
cursor: default
}
.p1c7z6za {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.p1c7z6za>svg {
display: block;
margin: 0
}
.b1eca53j {
color: var(--text-color)
}
.i4sri9u {
position: relative;
height: 100%
}
.cs3azl6 {
margin-left: 8px;
font-size: var(--framer-fresco-label-font-size, 10px);
opacity: .7;
white-space: nowrap
}
.a1qeto7i {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%
}
.a1qeto7i button:first-child {
margin-left: var(--framer-fresco-breadcrumbSpacing-dimension, 10px) !important
}
.b8y1dyl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px
}
.b8y1dyl:hover:not(:disabled),
.b8y1dyl:focus:not(:disabled),
.b8y1dyl:active:not(:disabled),
.b8y1dyl:active:focus:not(:disabled) {
background-color: var(--background-color);
color: var(--text-color)
}
.wg2hdtb {
--text-color: var(--framer-fresco-tint-color, #0099ff);
--background-color: var(--framer-fresco-tintDimmed-color, rgba(0, 153, 255, .1))
}
.s1ha7gxb {
background-color: currentColor
}
.pcukmgx {
padding: 6px 10px 6px 6px;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600)
}
.p1sb4uyz {
margin-right: 0
}
.ecrz0ka {
font-size: var(--framer-fresco-base-font-size, 12px)
}
.ib75oye {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
color: var(--framer-fresco-iconPadlock-color, #bbbbbb);
cursor: -webkit-grab;
cursor: grab
}
.ib75oye:after {
position: absolute;
inset: -4px -10px;
content: ""
}
.dnxepni {
opacity: .5;
pointer-events: none
}
.wuk326o {
cursor: -webkit-grab;
cursor: grab
}
.n283lgw {
pointer-events: none
}
.pue1ity {
pointer-events: auto
}
.pvjhuxd {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: var(--framer-fresco-inputHeight-dimension, 30px);
min-height: var(--framer-fresco-inputHeight-dimension, 30px);
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid var(--framer-fresco-inputBorder-color, transparent);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
cursor: pointer;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500)
}
.pvjhuxd:focus {
border: 1px solid var(--framer-fresco-inputBorderActive-color, #0099ff)
}
.pcpv5lz {
pointer-events: none
}
.p1awmd8 {
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px)
}
.pjkind9 {
width: var(--framer-fresco-panelMinWidth-dimension, 260px)
}
.c1l0qpj8 {
overflow: clip;
border-radius: var(--framer-fresco-popoverRadius-dimension, 15px);
will-change: transform
}
.wrgelve {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: clip;
width: var(--framer-fresco-panelMinWidth-dimension, 260px);
max-height: 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-radius: var(--framer-fresco-floatingWindowRadius-dimension, 16px);
background: var(--framer-fresco-panelBackground-color, #ffffff);
box-shadow: var(--framer-fresco-popover-shadow, 0px 10px 30px 0px rgba(0, 0, 0, .1), 0px 1px 4px 0px rgba(0, 0, 0, .02));
will-change: transform
}
.t3p7r61 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: var(--framer-fresco-inputHeight-dimension, 30px);
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: calc(var(--framer-fresco-panelTitleIconSize-dimension, 10px) + var(--framer-fresco-panelTitleIconOffset-dimension, 5px))
}
.t1ih3ztb {
color: var(--framer-fresco-panelRowTitle-color, #666666);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500);
line-height: 16px;
pointer-events: none;
-webkit-transition: color .2s;
transition: color .2s
}
.wkaasce {
cursor: pointer
}
.wkaasce>svg {
position: absolute;
top: calc((var(--framer-fresco-inputHeight-dimension, 30px) - 10px) / 2);
left: 0;
width: var(--framer-fresco-panelTitleIconSize-dimension, 10px);
height: var(--framer-fresco-panelTitleIconSize-dimension, 10px);
color: var(--framer-fresco-iconPadlock-color, #bbbbbb);
pointer-events: none;
-webkit-transition: color .2s;
transition: color .2s
}
.wkaasce:hover>svg {
color: var(--framer-fresco-tint-color, #0099ff)
}
.p1oxlfbn:hover>.wkaasce>svg {
opacity: 1
}
.wkaasce:hover .t1ih3ztb {
color: var(--framer-fresco-tint-color, #0099ff)
}
.p1oxlfbn:focus-within .wkaasce>svg {
opacity: 1
}
.w1vx93q9>svg {
color: var(--framer-fresco-tint-color, #0099ff)
}
.p1oxlfbn>.w1vx93q9>svg {
opacity: 1
}
.w1vx93q9 .t1ih3ztb,
.wof63pb {
color: var(--framer-fresco-tint-color, #0099ff)
}
.p1oxlfbn {
position: relative;
display: -ms-grid;
display: grid;
width: 100%;
padding-top: var(--framer-fresco-panelRowVerticalPadding-dimension, 5px);
padding-bottom: var(--framer-fresco-panelRowVerticalPadding-dimension, 5px);
-webkit-column-gap: var(--framer-fresco-inputSpacing-dimension, 10px);
column-gap: var(--framer-fresco-inputSpacing-dimension, 10px);
-ms-grid-columns: minmax(0, 1.5fr) repeat(2, minmax(62px, 1fr));
grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(62px, 1fr));
-ms-grid-rows: auto;
grid-template-rows: auto
}
.h10l6u5c+.p5inzda>.p1oxlfbn:first-of-type {
padding-top: 0
}
.w1xpzgm5 {
-ms-grid-columns: repeat(var(--reorder-column-count, 1), minmax(0, 1fr)) 8px;
grid-template-columns: repeat(var(--reorder-column-count, 1), minmax(0, 1fr)) 8px
}
.w1chribc {
cursor: pointer
}
.c1p3ac2x {
width: calc(var(--framer-fresco-inputHeight-dimension, 30px) - var(--framer-fresco-inputPaddingHorizontal-dimension, 8px));
height: 100%
}
.c1gxt05z {
opacity: 0
}
.n1sd5akc {
display: contents
}
.avx5y6o {
position: absolute
}
.dxokr4e {
border-radius: 2px;
background-color: #0009;
will-change: transform
}
.mxl2xde {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding-top: 0
}
.h1h7nf4x {
height: 50px;
margin-right: calc(-1 * var(--framer-fresco-panelPadding-dimension, 15px))
}
.t1yarwzw {
color: var(--framer-fresco-modalTitle-color, #333333);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: 1.2
}
.c1dx5mcm {
width: 40px;
height: 100%;
color: var(--framer-fresco-floatingWindowToolbarIcon-color, #999999);
cursor: pointer;
opacity: 1;
-webkit-transition: opacity .2s;
transition: opacity .2s
}
.ihez7jp {
position: relative
}
.b1ulr2hk {
position: absolute;
inset: 0;
overflow: hidden;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: #333
}
.bjj0ucj {
position: absolute;
top: -10px;
left: -10px;
width: calc(100% + 20px);
height: calc(100% + 20px);
-webkit-filter: blur(10px);
filter: blur(10px);
object-fit: fill;
opacity: .35;
pointer-events: none
}
.n1ro70x7 {
pointer-events: none
}
.ackhc08 {
position: absolute;
inset: 0
}
.b6v8klh {
width: 55px
}
.id4tlfa {
width: 66px
}
.i1g2tqxh {
max-width: calc(100vw - 220px);
max-height: calc(100vh - 320px);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: #000
}
.i12g5gy8 {
border-radius: 2px
}
.cpar2f6 {
position: relative;
opacity: 0
}
.fim46by {
-webkit-animation-duration: .25s;
animation-duration: .25s;
-webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-name: fadeIn-fim46by;
animation-name: fadeIn-fim46by;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
opacity: 1
}
.fzc213w {
-webkit-animation-delay: .25s;
animation-delay: .25s;
will-change: opacity
}
.b6zi9ap {
border: 1px solid rgba(255, 255, 255, .5);
will-change: transform
}
.c17eb6o9 {
position: absolute;
width: 25px;
max-width: calc(50% + 8px);
height: 25px;
max-height: calc(50% + 8px);
-webkit-filter: drop-shadow(0 0 2px rgba(0, 0, 0, .4));
filter: drop-shadow(0 0 2px rgba(0, 0, 0, .4))
}
.c17eb6o9:before {
position: absolute;
width: 8px;
max-width: calc(100% - 8px);
height: 2px;
border-radius: 2px;
background-color: #fff;
content: ""
}
.c17eb6o9:after {
position: absolute;
width: 2px;
height: 8px;
max-height: calc(100% - 8px);
border-radius: 2px;
background-color: #fff;
content: ""
}
.ctyr80v {
top: -10px;
left: -10px
}
.ctyr80v:before {
top: 8px;
left: 8px
}
.ctyr80v:after {
top: 8px;
left: 8px
}
.cuhnryn {
top: -10px;
right: -10px
}
.cuhnryn:before {
top: 8px;
right: 8px
}
.cuhnryn:after {
top: 8px;
right: 8px
}
.c138kh66 {
right: -10px;
bottom: -10px
}
.c138kh66:before {
right: 8px;
bottom: 8px
}
.c138kh66:after {
right: 8px;
bottom: 8px
}
.cguxfsw {
bottom: -10px;
left: -10px
}
.cguxfsw:before {
bottom: 8px;
left: 8px
}
.cguxfsw:after {
bottom: 8px;
left: 8px
}
.c1dq5dn4 {
inset: 5px
}
.s9ey2dl {
top: -10px;
right: 15px;
left: 15px;
height: 15px;
max-height: calc(50% + 10px)
}
.srdijy0 {
top: 15px;
right: -10px;
bottom: 15px;
width: 15px;
max-width: calc(50% + 10px)
}
.sx8t5y0 {
right: 15px;
bottom: -10px;
left: 15px;
height: 15px;
max-height: calc(50% + 10px)
}
.sp9wl8h {
top: 15px;
bottom: 15px;
left: -10px;
width: 15px;
max-width: calc(50% + 10px)
}
.i1q3mw0f {
position: absolute;
top: var(--framer-fresco-inputRadius-dimension, 8px);
right: var(--framer-fresco-inputRadius-dimension, 8px);
bottom: var(--framer-fresco-inputRadius-dimension, 8px);
left: var(--framer-fresco-inputRadius-dimension, 8px)
}
.i1j0xljb {
position: absolute;
inset: 0
}
.f1k0zrw9 {
position: absolute;
width: calc(var(--framer-fresco-inputRadius-dimension, 8px) * 2 + 4px);
height: calc(var(--framer-fresco-inputRadius-dimension, 8px) * 2 + 4px);
border: 4px solid white;
border-radius: 50%;
box-shadow: 0 2px 8px #0000004d, inset 0 2px 4px #0003;
cursor: -webkit-grab;
cursor: grab;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.sl4q073 {
max-width: 150px
}
.s1j96idx {
font-size: var(--framer-fresco-heading-font-size, 13px)
}
.s1x6lpc1 {
display: -ms-inline-grid;
display: inline-grid;
width: var(--framer-fresco-collectionInputHeight-dimension, 40px);
height: var(--framer-fresco-collectionInputHeight-dimension, 40px);
padding-bottom: 0;
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
color: var(--framer-fresco-toolbarIcon-color, #888888);
place-items: center
}
.s1puvjlo {
max-width: 200px
}
.c4yyols {
gap: 10px
}
.cd5ztge {
color: var(--framer-fresco-cmsOverlayRowTitle-color, #333333);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: 1.2
}
.o1kosemn {
width: calc(var(--framer-fresco-richTextEditorWithCompactTagSelectorToolbarWidth-dimension, 448px) + var(--framer-fresco-panelPadding-dimension, 15px) * 2);
max-width: calc(100vw - var(--framer-fresco-panelPadding-dimension, 15px) * 2);
padding: 0;
border-radius: 20px
}
.o1tcokht {
position: relative;
height: var(--framer-fresco-sitesPanelHeaderHeight-dimension, 60px);
margin: 0 var(--framer-fresco-panelPadding-dimension, 15px);
font-size: var(--framer-fresco-heading-font-size, 13px)
}
.o11jr4ka {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-height: min(472px, calc(100vh - 160px));
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 var(--framer-fresco-panelPadding-dimension, 15px) var(--framer-fresco-panelPadding-dimension, 15px);
gap: var(--framer-fresco-panelPadding-dimension, 15px)
}
.oaqx903 {
padding: var(--framer-fresco-panelPadding-dimension, 15px) 0;
margin: 0 var(--framer-fresco-panelPadding-dimension, 15px)
}
.oaqx903:before {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 1px;
background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
content: ""
}
.b1gqim6f {
height: 38px;
border-radius: 10px;
font-size: var(--framer-fresco-heading-font-size, 13px)
}
.m1mopcx {
min-width: 150px !important
}
.r162n1n6 {
margin-right: 7px;
color: var(--framer-fresco-popupButtonIcon-color, #999999);
pointer-events: none
}
.c1b5g1hs {
width: calc(var(--framer-fresco-inputHeight-dimension, 30px) - var(--framer-fresco-inputPaddingHorizontal-dimension, 8px));
height: 100%
}
.wje69dc {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.i1rqgchl {
padding-left: 0;
font-size: inherit
}
.ixghur2 {
margin-right: 5px
}
.c1d0unc6 {
min-height: var(--framer-fresco-collectionInputHeight-dimension, 40px);
padding-right: var(--framer-fresco-collectionInputPadding-dimension, 10px);
padding-left: var(--framer-fresco-collectionInputPadding-dimension, 10px);
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
font-size: var(--framer-fresco-heading-font-size, 13px)
}
.c1d0unc6.c1d0unc6::-webkit-calendar-picker-indicator {
-webkit-background-position: 2px 2.5px;
background-position: 2px 2.5px
}
.c1avmyds {
position: relative;
overflow: hidden;
width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
border-radius: 4px;
cursor: pointer
}
.lzm78je {
width: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
height: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px)
}
.caoupms {
position: absolute;
border-radius: 4px;
background-image: url("https://app.framerstatic.com/checkerboard-22-MHUGSN2C.svg");
-webkit-background-position: center;
background-position: center;
background-repeat: repeat;
inset: 0
}
body[data-framer-theme=light] .caoupms {
opacity: .42
}
.i3vlae9 {
position: absolute;
border-radius: 4px;
inset: 0
}
.iyiuvk1 {
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px)
}
.dt2vdl5 {
-ms-grid-column: 2/-1;
grid-column: 2/-1
}
.dc4gvpv {
-ms-grid-column: 1;
-ms-grid-column-span: 2;
grid-column: 1/3
}
.s1dpgfha {
-ms-grid-column: 1/-1;
grid-column: 1/-1
}
.i1ab0gin {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
border-radius: calc(var(--framer-fresco-inputRadius-dimension, 8px) / 2);
margin-left: 3px;
background-color: var(--framer-fresco-swatchBackground-color, #e6e6e6)
}
.l19ygcxe {
width: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
height: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
margin-left: 2px
}
.i1mqt5la {
opacity: .5
}
.t1bkmsxp {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-left: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
color: var(--framer-fresco-buttonText-color, #333333)
}
.t1vpcft3 {
margin-right: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px)
}
.suf63yr {
color: var(--framer-fresco-inputLabel-color, #999999)
}
.c1hu2nje {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: calc(var(--framer-fresco-inputHeight-dimension, 30px) - var(--framer-fresco-inputPaddingHorizontal-dimension, 8px));
height: 100%;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
color: var(--framer-fresco-inputIcon-color, #999999);
cursor: pointer;
pointer-events: auto
}
.leca1mf {
margin-right: 7px
}
.d1ir7ssq {
opacity: .5
}
.sojarwo {
color: var(--framer-fresco-inputLabel-color, #999999)
}
.bwfcdld {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer
}
.b4uva9g {
height: var(--framer-fresco-collectionInputHeight-dimension, 40px)
}
.d1xdslsy {
pointer-events: none
}
.dpa1954 {
cursor: auto
}
.l1louxtg {
font-size: var(--framer-fresco-heading-font-size, 13px)
}
.s1e2z0bv {
position: relative;
overflow: hidden;
width: 100%;
height: 125px;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-image: linear-gradient(#0000, #000), linear-gradient(to left, #fff0, #fff)
}
.rb8k8h9 {
opacity: .5;
pointer-events: none
}
.iihdl0y {
display: -ms-grid;
display: grid;
margin-top: var(--framer-fresco-inputSpacing-dimension, 10px);
gap: var(--framer-fresco-inputSpacing-dimension, 10px);
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr
}
.swsq73a {
display: -ms-grid;
display: grid;
border: none;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
gap: 1px
}
.t1ecuz16 {
gap: var(--framer-fresco-inputSpacing-dimension, 10px);
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr
}
.f10aiog9 {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr
}
.i19bkgmo {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 6px 1px;
letter-spacing: -.03em
}
.hqo5o69 {
letter-spacing: 0
}
.l7n5mtt {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.c1424kp4 {
border-radius: 0
}
.r1k5sn29 {
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.s1hh4y0v {
width: 100%
}
.s1547mmt {
position: absolute;
inset: 1px
}
.siommo3 {
background-color: var(--hue-p3)
}
.ixdcado {
position: absolute;
top: 50%;
width: 14px;
height: 14px;
border-radius: 50%;
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 4px #0000001a, 0 0 0 1px #0000001a;
cursor: pointer;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translate(-50%) translateY(-50%)
}
.csdqxt6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin: var(--framer-fresco-inputSpacing-dimension, 10px) 0
}
.h10f07ai {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.i1y4xa9u {
position: absolute;
top: 0;
right: 4px;
left: 4px;
height: 100%
}
.cawslk {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
border-radius: 10px;
background-image: url("https://app.framerstatic.com/checkerboard-8-776AE4U3.svg");
background-repeat: repeat
}
.o104dadf {
background-image: linear-gradient(to right, var(--slider-p3-alpha-0), var(--slider-p3-alpha-1))
}
.r1u3lu2p {
opacity: .5;
pointer-events: none
}
.hz6ma7m {
background-image: linear-gradient(to right, color(xyz 0.487 0.229 0), color(xyz 0.495 0.242 0.001), color(xyz 0.503 0.255 0.002), color(xyz 0.512 0.269 0.002), color(xyz 0.52 0.284 0.003) 2.12%, color(xyz 0.554 0.347 0.007) 4.25%, color(xyz 0.621 0.499 0.017), color(xyz 0.687 0.688 0.03), color(xyz 0.752 0.921 0.045) 17%, color(xyz 0.606 0.86 0.046), color(xyz 0.477 0.801 0.046) 25%, color(xyz 0.418 0.773 0.046) 27%, color(xyz 0.39 0.759 0.046) 28%, color(xyz 0.377 0.752 0.046), color(xyz 0.364 0.745 0.046), color(xyz 0.351 0.738 0.046), color(xyz 0.338 0.732 0.046) 30%, color(xyz 0.313 0.718 0.046) 31%, color(xyz 0.266 0.692 0.045) 33%, color(xyz 0.273 0.698 0.083) 34.06%, color(xyz 0.277 0.7 0.104), color(xyz 0.281 0.703 0.125), color(xyz 0.286 0.706 0.147), color(xyz 0.29 0.709 0.169) 36.19%, color(xyz 0.3 0.714 0.217) 37.25%, color(xyz 0.343 0.735 0.444) 41.5%, color(xyz 0.464 0.771 1.089), color(xyz 0.287 0.322 1.105) 58.5%, color(xyz 0.234 0.179 1.082) 62.75%, color(xyz 0.214 0.124 1.065) 64.88%, color(xyz 0.206 0.1 1.055) 65.94%, color(xyz 0.202 0.09 1.049), color(xyz 0.198 0.079 1.044) 67%, color(xyz 0.204 0.084 1.045), color(xyz 0.21 0.089 1.047) 68%, color(xyz 0.223 0.1 1.049) 69%, color(xyz 0.256 0.123 1.054) 71%, color(xyz 0.351 0.175 1.057) 75%, color(xyz 0.415 0.204 1.057), color(xyz 0.491 0.236 1.055) 79%, color(xyz 0.534 0.253 1.053), color(xyz 0.581 0.271 1.05) 81%, color(xyz 0.685 0.308 1.044) 83%, color(xyz 0.61 0.292 0.636), color(xyz 0.554 0.273 0.337), color(xyz 0.514 0.251 0.13) 95.75%, color(xyz 0.499 0.24 0.057) 97.88%, color(xyz 0.492 0.235 0.026) 98.94%, color(xyz 0.489 0.232 0.013), color(xyz 0.487 0.229 0))
}
.p1bt5whn {
position: absolute;
inset: 0
}
.p1bt5whn polyline {
fill: none;
stroke: #fff;
stroke-width: 1
}
.iehmvlc {
display: -ms-grid;
display: grid;
margin-top: var(--framer-fresco-inputSpacing-dimension, 10px);
gap: var(--framer-fresco-inputSpacing-dimension, 10px);
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr
}
.p1lr44ru {
min-width: 62px;
max-width: 62px
}
.s1klz3oz {
width: 100%
}
.s10ppfb8 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 30px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.itu3uif {
width: 62px;
margin-left: 10px
}
.c2orl3y {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: var(--framer-fresco-panelMinWidth-dimension, 260px);
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.c1svq14t {
padding-bottom: var(--framer-fresco-panelPadding-dimension, 15px)
}
.c1j2rli7 {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 var(--framer-fresco-panelPadding-dimension, 15px) var(--framer-fresco-panelPadding-dimension, 15px) var(--framer-fresco-panelPadding-dimension, 15px)
}
.s1cbpxcr {
max-height: var(--framer-fresco-contentMaxHeight-dimension, 560px);
margin: 0
}
.sxhu8tk {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.c1yp40qr {
position: relative;
height: 240px;
padding: 0 var(--framer-fresco-panelPadding-dimension, 15px);
-webkit-transition: height .2s;
transition: height .2s
}
.czr60e9 {
height: 255px
}
.c1azw9i {
position: relative;
opacity: 1;
-webkit-transition: opacity .2s;
transition: opacity .2s
}
.twu5bil {
padding-right: calc(var(--framer-fresco-collectionInputPadding-dimension, 10px) - 2px)
}
.lso1duq {
position: relative;
font-size: var(--framer-fresco-heading-font-size, 13px)
}
.l39bf4m {
color: var(--framer-fresco-cmsOverlayRowTitle-color, #333333);
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: 16px
}
.l39bf4m:disabled {
opacity: 1
}
.l7tr0k5 {
color: var(--framer-fresco-cmsOverlayRowTitleReadOnly-color, #999999)
}
.c79v3nf {
height: var(--framer-fresco-collectionInputHeight-dimension, 40px);
padding-right: var(--framer-fresco-collectionInputPadding-dimension, 10px);
padding-left: var(--framer-fresco-collectionInputPadding-dimension, 10px);
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
font-size: var(--framer-fresco-heading-font-size, 13px)
}
.c79v3nf.c79v3nf::-webkit-calendar-picker-indicator {
-webkit-background-position: 2px 2.5px;
background-position: 2px 2.5px
}
.d1l5sssc {
color: var(--framer-fresco-panelDescription-color, #999999);
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-base-font-weight, 500);
line-height: 1.5;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text
}
.l1e4wssz {
color: var(--framer-fresco-panelDescription-color, #999999);
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-base-font-weight, 500)
}
.wzbl35c {
color: var(--framer-fresco-warningTint-color, #FFBB00)
}
.p1xzt8sa {
height: var(--framer-fresco-collectionInputHeight-dimension, 40px);
padding-right: 32px;
padding-left: var(--framer-fresco-collectionInputPadding-dimension, 10px);
font-size: var(--framer-fresco-heading-font-size, 13px)
}
.tqf3amo {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-size: var(--framer-fresco-heading-font-size, 13px);
pointer-events: none;
text-align: start
}
.t1g2w9lq {
color: var(--framer-fresco-inputPlaceholder-color, #999999)
}
.cyvokqq {
width: 14px;
height: calc(var(--framer-fresco-collectionInputHeight-dimension, 40px) - 2px);
padding: 0 4px 0 0;
color: var(--framer-fresco-inputIcon-color, #999999)
}
.cyvokqq:hover:not(:disabled),
.cyvokqq:focus:not(:disabled),
.cyvokqq:active:focus:not(:disabled),
.cyvokqq:active:hover:not(:disabled) {
background-color: inherit
}
.e1cnybc5 {
max-width: 150px;
padding: 0 2px 0 0;
color: var(--framer-fresco-inputIcon-color, #999999);
pointer-events: none
}
.sw4eadl {
width: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
height: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
background: var(--framer-fresco-tint-color, #0099ff);
color: #fff
}
.s1ixnr3p {
background: var(--framer-fresco-swatchBackgroundPlaceholderForFile-color, #cccccc)
}
.c3yypfe {
height: var(--framer-fresco-collectionInputHeight-dimension, 40px);
padding-right: var(--framer-fresco-collectionInputPadding-dimension, 10px);
padding-left: 2px;
border-width: 1px;
border-style: solid;
border-color: var(--framer-fresco-inputBorder-color, transparent);
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
background: var(--framer-fresco-inputBackground-color, #f3f3f3);
color: var(--framer-fresco-inputText-color, #333333);
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-base-font-weight, 500)
}
.ubsgz8e {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 0;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
padding: 0;
background-color: inherit
}
.ubsgz8e:hover:not(:disabled),
.ubsgz8e:focus:not(:disabled),
.ubsgz8e:active:focus:not(:disabled),
.ubsgz8e:active:hover:not(:disabled) {
background-color: inherit
}
.c1utluu {
padding: calc(var(--framer-fresco-cmsInputInnerSpacing-dimension, 3px) - 1px);
border-width: 1px;
border-style: solid;
border-color: var(--framer-fresco-inputBorder-color, transparent);
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px);
background: var(--framer-fresco-inputBackground-color, #f3f3f3);
color: var(--framer-fresco-inputText-color, #333333)
}
.c1qkvp6d {
border-color: var(--framer-fresco-tint-color, #0099ff)
}
.s10zu6cj {
display: -ms-grid;
display: grid;
gap: var(--framer-fresco-cmsInputInnerSpacing-dimension, 3px);
-ms-grid-auto-rows: min-content;
grid-auto-rows: min-content;
-ms-grid-columns: repeat(auto-fill, minmax(var(--framer-fresco-cmsImagePreviewMinWidth-dimension, 100px), 1fr));
grid-template-columns: repeat(auto-fill, minmax(var(--framer-fresco-cmsImagePreviewMinWidth-dimension, 100px), 1fr))
}
.srjmhhy {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr
}
.pctald2 {
width: 100%;
height: auto;
border: none;
background-color: transparent
}
.pctald2:focus {
border: none;
background-color: transparent
}
.a2jrio7 {
width: 100%;
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
aspect-ratio: 1.618/1;
background-color: var(--framer-fresco-cmsImageAddButtonBackground-color, #ffffff);
box-shadow: var(--framer-fresco-multiComboBoxToken-shadow, 0px 2px 4px 0px rgba(0, 0, 0, .15));
color: var(--framer-fresco-cmsImageAddButtonIcon-color, #999999)
}
.a2jrio7:focus:not(:disabled),
.a2jrio7:hover:not(:disabled),
.a2jrio7:active:focus:not(:disabled),
.a2jrio7:active:hover:not(:disabled) {
background-color: var(--framer-fresco-cmsImageAddButtonBackgroundHover-color, #fafafa)
}
.i1oxwf0f {
position: absolute;
inset: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--framer-fresco-inputBackground-color, #f3f3f3)
}
.i1oxwf0f img {
max-width: 100%;
max-height: 100%
}
.i1oxwf0f:after {
position: absolute;
inset: 0;
border-radius: inherit;
content: ""
}
.i1oxwf0f:focus:after {
box-shadow: inset 0 0 0 1px var(--framer-fresco-tint-color, #0099ff)
}
.ivz66j7 {
box-shadow: inset 0 0 0 1px var(--framer-fresco-tint-color, #0099ff)
}
.fjd4qd2 {
width: 100%
}
.f1gixrvj {
position: relative;
padding-top: calc(var(--framer-fresco-panelPadding-dimension, 15px) + 1px);
margin-top: var(--framer-fresco-inputSpacing-dimension, 10px)
}
.f1gixrvj:before {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 1px;
background-color: var(--framer-fresco-panelDivider-color, #eeeeee);
content: ""
}
.ekax85b {
position: absolute;
top: 50%;
right: 0;
left: 0;
color: var(--framer-fresco-inputPlaceholder-color, #999999);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500);
line-height: 1em;
pointer-events: none;
text-align: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.p1oi602g {
position: relative;
width: 100%;
height: 150px;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
cursor: pointer
}
.c17esauc {
position: absolute;
top: 50%;
left: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: var(--framer-fresco-inputHeight-dimension, 30px);
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: #00000080;
color: #fff;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.c17esauc:focus:not(:disabled),
.c17esauc:hover:not(:disabled) {
background-color: #0009
}
.c17esauc:active:focus:not(:disabled),
.c17esauc:active:hover:not(:disabled) {
background-color: #000000b3
}
.wkxdsnf {
width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
border-radius: calc(var(--framer-fresco-inputRadius-dimension, 8px) / 2)
}
.l2ga4t0 {
width: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
height: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px)
}
.i1gq7q6o {
position: relative;
width: 100%;
height: 100%;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
aspect-ratio: 1.618/1;
cursor: pointer
}
.i1p4fgxh {
position: absolute;
width: 100%;
height: 100%;
border-radius: inherit;
inset: 0;
object-fit: cover
}
.c1ry9j8n {
position: absolute;
border-radius: calc(var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px) - 1px);
background-image: url("https://app.framerstatic.com/checkerboard-30-HXGIAXYP.svg");
-webkit-background-position: center;
background-position: center;
background-repeat: repeat;
inset: 1px
}
.i4ap8ph {
position: absolute;
border-radius: inherit;
box-shadow: inset 0 0 0 1px var(--framer-fresco-swatchBorder-color, rgba(0, 0, 0, .1));
inset: 0
}
.c17wswg7 {
position: absolute;
top: 2px;
right: 2px;
width: 13px;
height: 13px;
border-radius: 50%;
background-color: var(--framer-fresco-cmsImageClearButtonBackground-color, rgba(0, 0, 0, .3));
color: var(--framer-fresco-cmsImageClearButtonText-color, #ffffff);
cursor: pointer
}
.c17wswg7:after {
position: absolute;
inset: -2px;
background-color: transparent;
content: ""
}
.c17wswg7>svg {
position: absolute;
top: 50%;
left: 50%;
overflow: visible;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translate(-50%) translateY(-50%)
}
.tlzixh9 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: var(--framer-fresco-panelPadding-dimension, 15px);
padding-left: calc(var(--framer-fresco-panelPadding-dimension, 15px) - var(--framer-fresco-cmsInputInnerSpacing-dimension, 3px));
color: var(--framer-fresco-inputText-color, #333333);
font-weight: var(--framer-fresco-base-font-weight, 500);
-ms-grid-column: 2/-1;
grid-column: 2/-1
}
.p7kkjiv {
color: var(--framer-fresco-inputPlaceholder-color, #999999)
}
.pmf2mrs {
height: auto;
padding: calc(var(--framer-fresco-cmsInputInnerSpacing-dimension, 3px) - 1px)
}
.pv0n0ks {
border-color: var(--framer-fresco-tint-color, #0099ff)
}
.ceuz1mk {
display: -ms-grid;
display: grid;
width: 100%;
height: 100%;
gap: var(--framer-fresco-cmsInputInnerSpacing-dimension, 3px);
-ms-grid-columns: repeat(auto-fill, minmax(var(--framer-fresco-cmsImagePreviewMinWidth-dimension, 100px), 1fr));
grid-template-columns: repeat(auto-fill, minmax(var(--framer-fresco-cmsImagePreviewMinWidth-dimension, 100px), 1fr))
}
.t1vnemam {
position: absolute;
top: 50%;
right: 8px;
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb);
cursor: pointer;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.t1vnemam:hover {
color: var(--framer-fresco-tint-color, #0099ff)
}
.cjpnope {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 26px;
height: 26px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
color: var(--framer-fresco-inlineFormattingMenuIcon-color, #999999)
}
.cjpnope:hover,
.cjpnope:focus {
color: var(--framer-fresco-inlineFormattingMenuIconHover-color, #222222)
}
.b11f2aom {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: var(--framer-fresco-inputHeight-dimension, 30px);
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid transparent;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
cursor: pointer;
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500)
}
.r1ihmrto {
pointer-events: none
}
.t8942cu {
color: var(--framer-fresco-inputLabel-color, #999999)
}
.r1ihmrto .t8942cu {
color: var(--framer-fresco-inputLabelDisabled-color, #dddddd)
}
.a11ph0ck {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
background-color: currentColor;
color: var(--framer-fresco-swatchBackgroundPlaceholderForBorder-color, #cccccc)
}
.by3f1yf {
position: relative;
height: var(--framer-fresco-inputHeight-dimension, 30px);
min-height: var(--framer-fresco-inputHeight-dimension, 30px);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--framer-fresco-tint-color, #0099ff);
cursor: default
}
.b1locfei {
background-color: var(--framer-fresco-warningText-color, #FF9900)
}
.ck79ln6 {
cursor: pointer
}
.ikobvuw {
width: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
height: var(--framer-fresco-sitesPopoutIconSize-dimension, 22px);
border-radius: calc(var(--framer-fresco-inputRadius-dimension, 8px) / 2);
color: var(--framer-fresco-swatchBackgroundForComputedValue-color, rgba(255, 255, 255, .3))
}
.tz41s9a {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
color: #fff;
pointer-events: none
}
.c11k2f3d {
width: calc(var(--framer-fresco-inputHeight-dimension, 30px) - 6px);
height: var(--framer-fresco-inputHeight-dimension, 30px);
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
color: #fff;
cursor: pointer
}
.ia3rrjn {
color: var(--framer-fresco-panelDescription-color, #999999);
cursor: default;
font-size: var(--framer-fresco-base-font-size, 12px);
line-height: 1.6
}
.ia3rrjn p:first-of-type {
margin-top: 0
}
.ia3rrjn p:last-of-type {
margin-bottom: 0
}
.ia3rrjn a {
color: var(--framer-fresco-buttonBackgroundPrimary-color, #0099ff)
}
.ia3rrjn em {
color: var(--framer-fresco-panelRowTitle-color, #666666);
font-style: normal;
font-weight: var(--framer-fresco-baseActive-font-weight, 500)
}
.d1ykgdi6 a {
-webkit-text-decoration: none;
text-decoration: none
}
.w1wgf3m {
margin-bottom: 10px
}
.s9zlj05 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: 13px
}
.t1y0m51v {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 2px;
gap: 3px
}
.tjnx9pp {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 100%;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 7px;
padding-bottom: 1px;
padding-left: 11px;
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-base-font-weight, 500);
text-align: left;
text-overflow: ellipsis;
text-wrap: nowrap
}
.t1bag03y {
opacity: .5
}
.c1rfo2k {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 20px;
height: 20px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 0;
border: none;
border-radius: 50%;
background: transparent;
color: var(--framer-fresco-inputIcon-color, #999999);
pointer-events: auto
}
.c1rfo2k:hover {
background-color: var(--framer-fresco-multiComboBoxTokenBackgroundHover-color, #fafafa)
}
.c1rfo2k:focus {
border: 1px solid var(--framer-fresco-inputBorderActive-color, #0099ff)
}
.t1ksdcfq {
cursor: pointer
}
.t1ksdcfq:has(.tjnx9pp:hover) {
border-color: var(--framer-fresco-multiComboBoxTokenBackgroundHover-color, #fafafa);
background-color: var(--framer-fresco-multiComboBoxTokenBackgroundHover-color, #fafafa)
}
.t1ksdcfq:has(.tjnx9pp:focus) {
border-color: var(--framer-fresco-inputBorderActive-color, #0099ff)
}
.t1ksdcfq .tjnx9pp {
padding-right: 3px
}
.trg4zcp {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 100%;
height: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px);
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 4px;
border: 1px solid var(--framer-fresco-multiComboBoxTokenBackground-color, #ffffff);
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px);
background-color: var(--framer-fresco-multiComboBoxTokenBackground-color, #ffffff);
box-shadow: var(--framer-fresco-multiComboBoxToken-shadow, 0px 2px 4px 0px rgba(0, 0, 0, .15));
color: var(--framer-fresco-buttonText-color, #333333)
}
.t14n18i8 {
cursor: initial
}
.sbl9luz {
cursor: -webkit-grab;
cursor: grab
}
.i8p63xo {
min-width: 30px;
max-width: 100%;
height: var(--framer-fresco-popoutIconSizeLarge-dimension, 34px) !important;
padding: 0 !important;
padding-left: calc(var(--framer-fresco-collectionInputPadding-dimension, 10px) - 3px) !important;
font-size: var(--framer-fresco-heading-font-size, 13px)
}
.sj3cx65 {
width: 100%;
height: 26px;
-webkit-box-pack: justify;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
padding-right: 2px;
border-radius: var(--framer-fresco-inputRadiusSmall-dimension, 5px);
font-size: var(--framer-fresco-base-font-size, 12px)
}
.swc8g7t {
padding-bottom: 0;
padding-left: 8px;
font-size: var(--framer-fresco-base-font-size, 12px)
}
.sakx2m1 {
height: 26px !important;
font-size: var(--framer-fresco-base-font-size, 12px)
}
.s7ell05 {
height: 20px !important
}
.i4uywus {
min-width: 0;
min-height: var(--framer-fresco-collectionInputHeight-dimension, 40px);
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: var(--framer-fresco-inputRadiusLarge-dimension, 10px)
}
.g17bz3ya {
min-width: 0;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%
}
.n11m1ez3 {
padding: 0
}
.i1xp7xfm {
padding-left: 0;
font-size: var(--framer-fresco-heading-font-size, 13px)
}
.e9a5os3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.e9a5os3>div {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.e9a5os3 .framer-image {
display: block;
max-width: 100%;
height: auto
}
.e1v6rduk * {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text
}
.i1guv5zy.l18ynxwu {
--listBorderRadius: var(--framer-fresco-inlineEditingPopoverBorderRadius-dimension, 13px);
min-width: initial;
border: 1px solid var(--framer-fresco-inlineEditingMenuBorder-color, transparent);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-color: var(--framer-fresco-inlineEditingMenuBackground-color, rgba(255, 255, 255, .8));
box-shadow: var(--framer-fresco-inlineEditingMenu-shadow, 0px 0px 0px 1px rgba(0, 0, 0, .03), 0px 10px 20px 0px rgba(0, 0, 0, .1))
}
.i1guv5zy .shmoagt {
background-color: transparent;
color: var(--framer-fresco-inlineFormattingMenuHeading-color, #999999)
}
.i1guv5zy .r10fzppx {
color: var(--framer-fresco-inlineFormattingMenuText-color, #666666)
}
.i1guv5zy .r10fzppx.shmoagt {
background-color: transparent;
color: var(--framer-fresco-inlineFormattingMenuHeading-color, #999999)
}
.i1guv5zy .r10fzppx.h1twq108 {
background-color: var(--framer-fresco-inlineFormattingMenuBackgroundActive-color, rgba(0, 0, 0, .05));
color: var(--framer-fresco-inlineFormattingMenuTextActive-color, #222222)
}
.b1f59oh4 {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: var(--framer-fresco-inlineEditingMenuBackground-color, rgba(255, 255, 255, .8))
}
.izvqkuw {
border: 1px solid var(--framer-fresco-inlineEditingMenuBorder-color, transparent);
border-radius: var(--framer-fresco-inlineEditingPopoverBorderRadius-dimension, 13px);
box-shadow: var(--framer-fresco-inlineEditingMenu-shadow, 0px 0px 0px 1px rgba(0, 0, 0, .03), 0px 10px 20px 0px rgba(0, 0, 0, .1))
}
.mzu732f {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 5px;
font-family: var(--framer-fresco-sansSerif-font-family, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, emoji, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
font-feature-settings: normal;
font-size: var(--framer-fresco-base-font-size, 12px);
font-style: normal;
font-weight: var(--framer-fresco-base-font-weight, 500);
gap: 2px;
letter-spacing: 0;
outline: none
}
.v3dulv0 {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.h1l54qbq {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.mcxywt1 {
position: fixed;
width: 0;
height: 0
}
.m1n1xdw8 {
display: contents;
width: 26px;
height: 26px;
color: var(--framer-fresco-inlineFormattingMenuIcon-color, #999999)
}
.m1n1xdw8 svg * {
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.mmincqg {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--framer-fresco-inlineFormattingMenuText-color, #666666);
cursor: pointer;
-webkit-transition: color .2s ease, background-color .2s ease;
transition: color .2s ease, background-color .2s ease
}
.mmincqg:hover {
color: var(--framer-fresco-inlineFormattingMenuTextHover-color, #222222)
}
.mmincqg:hover .m1n1xdw8 {
color: var(--framer-fresco-inlineFormattingMenuIconHover-color, #222222)
}
.m1vwuag {
border-radius: 8px;
background-color: var(--framer-fresco-inlineFormattingMenuBackgroundActive-color, rgba(0, 0, 0, .05));
color: var(--framer-fresco-inlineFormattingMenuTextActive-color, #222222)
}
.m1vwuag .m1n1xdw8 {
color: var(--framer-fresco-inlineFormattingMenuIconActive-color, #222222)
}
.mjs6qg1 {
cursor: default;
opacity: .5;
pointer-events: none
}
.f1yp6toc {
display: -ms-grid;
display: grid;
height: 30px;
padding: 0 10px 0 5px;
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
gap: 6px;
-ms-grid-columns: max-content minmax(0, 1fr);
grid-template-columns: max-content minmax(0, 1fr);
line-height: 1.2
}
.nq7wyq2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 26px;
height: 26px;
box-sizing: border-box;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
border-radius: 8px
}
.l1j5jsrv {
color: var(--framer-fresco-inlineFormattingMenuIcon-color, #999999)
}
.l1j5jsrv.mzu732f {
padding: 3px 5px
}
.l19u02vq {
width: 100%;
border-width: 0;
background-color: transparent
}
.l19u02vq:focus-within {
border-color: transparent
}
.lnkpte6 {
box-shadow: 0 0 0 1px #f36, 0 10px 20px #0000001a
}
.slzpwww {
border: 1px solid var(--framer-fresco-inlineEditingMenuBorder-color, transparent);
border-radius: var(--framer-fresco-inlineEditingPopoverBorderRadius-dimension, 13px);
box-shadow: var(--framer-fresco-inlineEditingMenu-shadow, 0px 0px 0px 1px rgba(0, 0, 0, .03), 0px 10px 20px 0px rgba(0, 0, 0, .1))
}
.l526otv {
min-width: 175px;
border: 1px solid var(--framer-fresco-inlineEditingMenuBorder-color, transparent);
border-radius: var(--framer-fresco-inlineEditingPopoverBorderRadius-dimension, 13px);
box-shadow: var(--framer-fresco-inlineEditingMenu-shadow, 0px 0px 0px 1px rgba(0, 0, 0, .03), 0px 10px 20px 0px rgba(0, 0, 0, .1))
}
.in8gz28 {
min-width: 260px;
padding-top: var(--framer-fresco-modalPadding-dimension, 15px);
border: 1px solid var(--framer-fresco-inlineEditingMenuBorder-color, transparent);
border-radius: var(--framer-fresco-inlineEditingPopoverBorderRadius-dimension, 13px);
box-shadow: var(--framer-fresco-inlineEditingMenu-shadow, 0px 0px 0px 1px rgba(0, 0, 0, .03), 0px 10px 20px 0px rgba(0, 0, 0, .1))
}
.m1gm2i1x {
position: fixed;
width: 0;
height: 0
}
.m177mjw3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 30px;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 10px 0 5px;
color: var(--framer-fresco-buttonText-color, #333333);
cursor: pointer;
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
gap: 6px;
line-height: 1.2
}
.m1xqe9f5 {
padding-left: 10px
}
.ma77w9 {
display: contents;
width: 26px;
height: 26px;
color: var(--framer-fresco-cmsSlashCommandsMenuIcon-color, #999999)
}
.m1j5dy6n {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--framer-fresco-menuDescription-color, #999999)
}
.mfawtvq {
border-radius: 8px;
background-color: var(--framer-fresco-menuBackgroundActive-color, #0099ff);
color: var(--framer-fresco-menuTextActive-color, #ffffff)
}
.mfawtvq .ma77w9,
.mfawtvq .m1j5dy6n {
color: var(--framer-fresco-menuTextActive-color, #ffffff)
}
.mlb48gz {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.m12uuo9c {
border-radius: 8px;
background-color: var(--framer-fresco-menuItemWithSubmenuBackgroundActive-color, #f3f3f3);
color: var(--framer-fresco-menuText-color, #222222)
}
.m12uuo9c .ma77w9,
.m12uuo9c .m1j5dy6n {
color: var(--framer-fresco-menuText-color, #222222)
}
.m19q2dju {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 30px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 10px;
color: var(--framer-fresco-menuDescription-color, #999999)
}
.m66minz {
height: 11px
}
.m1w3vw2o {
width: 100%;
height: 1px;
background-color: var(--framer-fresco-menuSeparator-color, #eeeeee)
}
.mp0o2z3 {
border-radius: var(--framer-fresco-inlineEditingPopoverBorderRadius-dimension, 13px)
}
.mp0o2z3.cnajjln {
box-shadow: 0 8px 16px #0000001a
}
.m1393aqm {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 180px;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 5px;
border-radius: var(--framer-fresco-inlineEditingPopoverBorderRadius-dimension, 13px);
background-color: var(--framer-fresco-menuBackground-color, #ffffff);
color: var(--framer-fresco-menuText-color, #222222);
font-family: var(--framer-fresco-sansSerif-font-family, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, emoji, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
font-feature-settings: normal;
font-size: var(--framer-fresco-base-font-size, 12px);
font-style: normal;
font-weight: var(--framer-fresco-base-font-weight, 500);
letter-spacing: 0;
outline: none
}
.sdm0csv {
width: 160px
}
.sjks6u1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 0;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.itiggrx {
color: var(--framer-fresco-quickActionsText-color, #666666);
opacity: .5
}
.pfd4ue7 {
position: relative
}
.pfd4ue7:after {
position: absolute;
top: 0;
left: 0;
color: var(--framer-fresco-quickActionsText-color, #666666);
content: attr(data-placeholder);
opacity: .5;
pointer-events: none;
white-space: nowrap
}
.ssfdtv5 {
height: 390px;
padding: 0 var(--framer-fresco-panelPadding-dimension, 15px) var(--framer-fresco-panelPadding-dimension, 15px);
margin: 0
}
.c4uzvtl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: var(--framer-fresco-panelPadding-dimension, 15px)
}
.s1y4e589 {
position: -webkit-sticky;
position: sticky;
z-index: 1;
top: 0
}
.i2o91mt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 1px
}
.demlih4 {
width: 100%;
height: 1px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
background: var(--framer-fresco-panelDivider-color, #eeeeee)
}
.evch5aa {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
color: var(--framer-fresco-emptyStateBodyTextForSites-color, #999999);
font-weight: var(--framer-fresco-base-font-weight, 500);
text-align: center
}
.r1edqvg7 {
width: 100%;
padding: 6px 10px 6px 25px;
color: var(--framer-fresco-panelText-color, #666666);
font-weight: var(--framer-fresco-base-font-weight, 500)
}
.c1h6t8yz {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px
}
.bado22j {
width: 100%;
border: none;
border-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
background-color: transparent;
color: var(--framer-fresco-panelText-color, #666666);
cursor: pointer;
font: inherit;
font-weight: var(--framer-fresco-base-font-weight, 500);
text-align: left
}
.bado22j:hover:not(:disabled) {
background-color: var(--framer-fresco-buttonCellBackgroundHover-color, #eeeeee);
color: var(--framer-fresco-buttonWithDepthText-color, #222222)
}
.bado22j:focus-visible {
outline: 2px solid var(--framer-fresco-tint-color, #0099ff);
outline-offset: 1px
}
.bado22j:disabled {
cursor: default;
opacity: .4
}
.ikwi3cj {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 12px;
height: 12px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.t1bkz7kn {
min-width: 0;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.c8xa1qh {
position: absolute;
left: -22px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 20px;
height: 20px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 0;
border: none;
background: transparent;
color: var(--framer-fresco-panelChevron-color, #999999);
pointer-events: none
}
.cffs9mb {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.c154l84y .cm-activeLine,
.c154l84y .cm-matchingBracket,
.c154l84y .cm-nonmatchingBracket {
background-color: transparent !important
}
.c154l84y .sp-wrapper {
-webkit-print-color-scheme: inherit;
color-scheme: inherit
}
.c154l84y .sp-layout {
border: none;
border-radius: 8px
}
.lhs1e0w {
position: relative;
width: 100%;
min-height: 52px;
background: var(--framer-fresco-sitesSettingsInputBackgroundDisabled-color, #e6e6e6);
font-size: 0
}
.c1ci2tto {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: var(--framer-fresco-inputHeight-dimension, 30px);
min-height: var(--framer-fresco-inputHeight-dimension, 30px);
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 8px;
border: 1px solid var(--framer-fresco-inputBorder-color, transparent);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--framer-fresco-inputBackground-color, #f3f3f3);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-base-font-weight, 500)
}
.t1466szx {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
color: var(--framer-fresco-buttonText-color, #333333)
}
.t1466szx.dtligcd {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb)
}
.c11wi2h0 {
all: unset;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: calc(var(--framer-fresco-inputHeight-dimension, 30px) - 8px);
height: 100%;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
border-radius: 0 var(--framer-fresco-inputRadius-dimension, 8px) var(--framer-fresco-inputRadius-dimension, 8px) 0;
color: var(--framer-fresco-inputIcon-color, #999999);
cursor: pointer
}
.c11wi2h0:focus {
border: 1px solid var(--framer-fresco-tint-color, #0099ff)
}
.c1hdvulg {
overflow: hidden;
width: var(--framer-fresco-panelMinWidth-dimension, 260px);
border-radius: var(--framer-fresco-popoverRadius-dimension, 15px);
will-change: transform
}
.nqz647q {
position: relative;
width: calc(100% - var(--framer-fresco-panelPadding-dimension, 15px) * 2);
height: var(--framer-fresco-floatingWindowToolbarHeight-dimension, 50px);
margin-right: var(--framer-fresco-panelPadding-dimension, 15px);
margin-left: var(--framer-fresco-panelPadding-dimension, 15px)
}
.nxj4hh:after {
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 1px;
background: var(--framer-fresco-panelDivider-color, #eeeeee);
content: "";
-webkit-transition: opacity .2s;
transition: opacity .2s
}
.t1hfi20k {
color: var(--framer-fresco-panelTitle-color, #333333);
font-weight: var(--framer-fresco-heading-font-weight, 600);
pointer-events: none
}
.czsbh7p {
font-size: var(--framer-fresco-labelLarge-font-size, 11px)
}
.c6uczmi {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px)
}
.s6fflhj {
position: relative;
margin-bottom: calc(var(--framer-fresco-inputSpacing-dimension, 10px) / 2);
scrollbar-width: none
}
.s6fflhj::-webkit-scrollbar {
display: none
}
.t8bdre0 {
position: -webkit-sticky;
position: sticky;
z-index: 1;
top: 0;
margin-top: calc(-1 * var(--framer-fresco-inputRadius-dimension, 8px));
background-color: var(--framer-fresco-panelBackground-color, #ffffff)
}
.t8bdre0:after {
position: absolute;
bottom: calc(-1 * var(--framer-fresco-inputRadius-dimension, 8px) * 2);
left: 0;
width: 100%;
height: calc(var(--framer-fresco-inputRadius-dimension, 8px) * 2);
background: #fff0;
border-top-left-radius: var(--framer-fresco-inputRadius-dimension, 8px);
border-top-right-radius: var(--framer-fresco-inputRadius-dimension, 8px);
box-shadow: 0 calc(-1 * var(--framer-fresco-inputRadius-dimension, 8px)) 0 0 var(--framer-fresco-panelBackground-color, #ffffff);
content: ""
}
.t1i7zlf8 {
padding-top: var(--framer-fresco-inputSpacing-dimension, 10px);
padding-bottom: calc(var(--framer-fresco-inputSpacing-dimension, 10px) / 2);
background-color: var(--framer-fresco-panelBackground-color, #ffffff)
}
.t1wmxpp0 {
height: calc(var(--framer-fresco-richTextToolbarButtonGroupHeightCompact-dimension, 30px) + var(--framer-fresco-inputSpacing-dimension, 10px) * 2)
}
.t10rkvjk {
width: auto;
height: var(--framer-fresco-richTextToolbarButtonGroupHeight-dimension, 40px);
border-radius: var(--framer-fresco-richTextToolbarGroupRadius-dimension, 10px);
background-color: var(--framer-fresco-cmsRichTextToolbarGroupBackground-color, #f3f3f3)
}
.t10rkvjk.disabled {
background-color: var(--framer-fresco-cmsRichTextToolbarGroupBackgroundDisabled-color, rgba(243, 243, 243, .5))
}
.tw9hu2f {
width: 60px
}
.tao18v9 {
width: unset;
height: var(--framer-fresco-richTextToolbarButtonGroupHeightCompact-dimension, 30px);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--framer-fresco-inputBackground-color, #f3f3f3)
}
.prxxjmp {
width: 1px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.p9ab7mp {
min-width: 120px;
height: var(--framer-fresco-richTextToolbarButtonGroupHeight-dimension, 40px);
padding-left: 10px;
border-radius: var(--framer-fresco-richTextToolbarGroupRadius-dimension, 10px);
font-size: var(--framer-fresco-heading-font-size, 13px)
}
.phc6ckc {
min-width: 60px
}
.p3klaet {
width: 100%;
height: var(--framer-fresco-richTextToolbarButtonGroupHeightCompact-dimension, 30px);
padding-left: 7px;
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
font-size: var(--framer-fresco-base-font-size, 12px)
}
.trwq0ea {
overflow-x: auto
}
.tt1u60b {
border-radius: 50%;
background-color: var(--framer-fresco-highlightsBorder-color, #0099ff);
box-shadow: 0 3px 6px #0099ff4d
}
.tg363jc {
position: relative;
display: -ms-inline-grid;
display: inline-grid;
padding: 0;
border: none;
background-color: transparent;
color: var(--framer-fresco-buttonTextPrimary-color, #ffffff);
cursor: pointer;
outline: none;
place-content: center
}
.tg363jc .tt1u60b {
z-index: 1
}
.tg363jc:before {
position: absolute;
display: block;
border: 1px solid var(--framer-fresco-highlightsBorder-color, #0099ff);
content: ""
}
.tg363jc>*,
.tg363jc:before {
opacity: 0;
-webkit-transition: opacity .2s ease, visibility .2s ease;
transition: opacity .2s ease, visibility .2s ease;
visibility: hidden
}
.tg363jc:hover>*,
.tg363jc:hover:before {
opacity: 1;
visibility: visible
}
.trpupio:before {
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.t1p0bqn2:before {
top: 0;
left: 50%;
height: 100%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translate(-50%)
}
.t1skhvuz {
position: absolute;
z-index: 3;
top: 50%;
right: 0;
display: -ms-inline-grid;
display: inline-grid;
padding: 0;
border: none;
border-radius: 10px;
background-color: transparent;
color: var(--framer-fresco-cmsRichTextTableCellContextMenuButtonIcon-color, #999999);
cursor: pointer;
outline: none;
place-content: center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.tgg2cvw {
border-width: 1px;
border-style: solid;
border-color: var(--framer-fresco-inputBorder-color, transparent);
border-radius: var(--framer-fresco-richTextToolbarGroupRadius-dimension, 10px);
background-color: var(--framer-fresco-cmsRichTextBackground-color, #f3f3f3)
}
.tgg2cvw>div {
min-height: 300px;
padding: 10px;
color: var(--framer-fresco-cmsRichTextParagraph-color, #555555);
font-weight: var(--framer-fresco-baseActive-font-weight, 500)
}
.tgg2cvw>div h1,
.tgg2cvw>div h2,
.tgg2cvw>div h3,
.tgg2cvw>div h4,
.tgg2cvw>div h5,
.tgg2cvw>div h6 {
color: var(--framer-fresco-cmsRichTextHeading-color, #222222)
}
.tgg2cvw>div th {
color: var(--framer-fresco-cmsRichTextTableHeaderText-color, #333333)
}
.tgg2cvw>div td {
color: var(--framer-fresco-cmsRichTextTableText-color, #333333)
}
.tgg2cvw>div h1,
.tgg2cvw>div h2,
.tgg2cvw>div h3,
.tgg2cvw>div h4,
.tgg2cvw>div h5,
.tgg2cvw>div h6,
.tgg2cvw>div p {
margin: 0
}
.tgg2cvw>div>*:not(:last-child) {
margin-bottom: 16px
}
.tgg2cvw>div>.tableWrapper:not(:last-child) {
margin-bottom: 16px
}
.tgg2cvw h1,
.tgg2cvw li:has(>h1:first-child) {
font-size: 28px;
font-weight: var(--framer-fresco-heading-font-weight, 600);
letter-spacing: -.03em;
line-height: 1.2em
}
.tgg2cvw h2,
.tgg2cvw li:has(>h2:first-child) {
font-size: 24px;
font-weight: var(--framer-fresco-heading-font-weight, 600);
letter-spacing: -.02em;
line-height: 1.4em
}
.tgg2cvw h3,
.tgg2cvw li:has(>h3:first-child) {
font-size: 22px;
font-weight: var(--framer-fresco-heading-font-weight, 600);
letter-spacing: -.01em;
line-height: 1.4em
}
.tgg2cvw h4,
.tgg2cvw li:has(>h4:first-child) {
font-size: 20px;
font-weight: var(--framer-fresco-heading-font-weight, 600);
letter-spacing: -.01em;
line-height: 1.4em
}
.tgg2cvw h5,
.tgg2cvw li:has(>h5:first-child) {
font-size: 16px;
font-weight: var(--framer-fresco-heading-font-weight, 600);
letter-spacing: -.01em;
line-height: 1.4em
}
.tgg2cvw h6,
.tgg2cvw li:has(>h6:first-child) {
font-size: 13px;
font-weight: var(--framer-fresco-heading-font-weight, 600);
line-height: 1.4em
}
.tgg2cvw p,
.tgg2cvw li:has(>p:first-child) {
font-size: 13px;
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
line-height: 1.6em
}
.tgg2cvw a {
color: #09f
}
.tgg2cvw ul,
.tgg2cvw ol {
position: relative;
margin: 0;
-webkit-padding-start: 0;
padding-inline-start: 0
}
.tgg2cvw ol {
--list-style-type: decimal
}
.tgg2cvw li {
position: unset;
counter-increment: list-item;
list-style: none;
-webkit-padding-start: 2ch;
padding-inline-start: 2ch
}
.tgg2cvw ol>li:before {
position: absolute;
content: counter(list-item, var(--list-style-type)) ".";
font-variant-numeric: tabular-nums;
inset-inline-start: 0
}
.tgg2cvw ol>li:nth-last-child(n+10),
.tgg2cvw ol>li:nth-last-child(n+10)~li {
-webkit-padding-start: 3ch;
padding-inline-start: 3ch
}
.tgg2cvw ol>li:nth-last-child(n+100),
.tgg2cvw ol>li:nth-last-child(n+100)~li {
-webkit-padding-start: 4ch;
padding-inline-start: 4ch
}
.tgg2cvw ol>li:nth-last-child(n+1000),
.tgg2cvw ol>li:nth-last-child(n+1000)~li {
-webkit-padding-start: 5ch;
padding-inline-start: 5ch
}
.tgg2cvw ol>li:nth-last-child(n+10000),
.tgg2cvw ol>li:nth-last-child(n+10000)~li {
-webkit-padding-start: 6ch;
padding-inline-start: 6ch
}
.tgg2cvw ol>li:nth-last-child(n+100000),
.tgg2cvw ol>li:nth-last-child(n+100000)~li {
-webkit-padding-start: 7ch;
padding-inline-start: 7ch
}
.tgg2cvw ol>li:nth-last-child(n+1000000),
.tgg2cvw ol>li:nth-last-child(n+1000000)~li {
-webkit-padding-start: 8ch;
padding-inline-start: 8ch
}
.tgg2cvw ul>li:before {
position: absolute;
content: "\2022";
inset-inline-start: 0
}
.tgg2cvw strong {
font-weight: bolder
}
.tgg2cvw code {
padding: 2px 4px;
border-radius: 4px;
background-color: var(--framer-fresco-cmsCodeInTextBackground-color, rgba(51, 51, 51, .08));
font-family: var(--framer-fresco-monospace-font-family, "Input Mono", Menlo, monospace);
font-weight: 400
}
.tgg2cvw .selection {
background: transparent;
color: inherit
}
.tgg2cvw div.ProseMirror:not(.ProseMirror-focused) .selection {
background: #80808054
}
.tgg2cvw .ProseMirror-selectednode {
outline: var(--framer-fresco-richTextSelectionOutline-dimension, 2px) solid var(--framer-fresco-tint-color, #0099ff)
}
.tgg2cvw .framer-text-component.ProseMirror-selectednode {
outline: var(--framer-fresco-richTextSelectionOutline-dimension, 2px) solid var(--framer-fresco-componentTint-color, #8855ff)
}
.tgg2cvw .ProseMirror:not([contenteditable=true]) .framer-image,
.tgg2cvw .ProseMirror:not([contenteditable=true]) .sp-wrapper {
opacity: .5
}
.tgg2cvw blockquote {
padding-left: 12px;
border-left: 2px solid var(--framer-fresco-textAreaScrollbar-color, #cccccc);
margin-right: 0;
margin-left: 0
}
.tgg2cvw blockquote>*:not(:last-child) {
margin-bottom: 16px
}
.tgg2cvw .tableWrapper {
position: relative;
overflow: visible
}
.tgg2cvw .ProseMirror .selectedCell:after {
background-color: #0099ff1a
}
.tgg2cvw .tg363jc {
position: absolute
}
.tgg2cvw .trpupio {
bottom: 0;
left: 0;
width: 100%;
height: 17px;
-webkit-transform: translateY(calc(50% - .5px));
-moz-transform: translateY(calc(50% - .5px));
-ms-transform: translateY(calc(50% - .5px));
transform: translateY(calc(50% - .5px))
}
.tgg2cvw .t1p0bqn2 {
top: 0;
right: 0;
width: 17px;
height: 100%;
-webkit-transform: translateX(calc(50% - .5px));
-moz-transform: translateX(calc(50% - .5px));
-ms-transform: translateX(calc(50% - .5px));
transform: translate(calc(50% - .5px))
}
.tgg2cvw table {
overflow: visible
}
.tgg2cvw th,
.tgg2cvw td {
padding: 8px 13px 8px 8px;
border: 1px solid var(--framer-fresco-cmsRichTextTableBorder-color, #cccccc);
text-align: left
}
.tgg2cvw th {
background-color: var(--framer-fresco-cmsRichTextTableHeaderBackground-color, #ebebeb)
}
.t1cr9asn {
background-color: var(--framer-fresco-inputBackground-color, #f3f3f3)
}
.t1cr9asn>div {
min-height: 150px;
padding: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px)
}
.t1c938y9>div {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb)
}
.t1c938y9>div th,
.t1c938y9>div td,
.t1c938y9>div h1,
.t1c938y9>div h2,
.t1c938y9>div h3,
.t1c938y9>div h4,
.t1c938y9>div h5,
.t1c938y9>div h6 {
color: var(--framer-fresco-inputTextDisabled-color, #bbbbbb)
}
.t3wuiaw {
max-height: 50vh;
overflow-y: auto
}
.e168klhm {
display: none
}
.f1vnz3fa {
-webkit-animation: fadeIn-f1vnz3fa .2s ease forwards;
animation: fadeIn-f1vnz3fa .2s ease forwards
}
.i17ayjrk {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 40px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: var(--framer-fresco-inputPaddingHorizontal-dimension, 8px);
padding-left: 4px;
border: 1px solid var(--framer-fresco-inputBorder-color, transparent);
border-radius: var(--framer-fresco-inputRadius-dimension, 8px);
background-color: var(--framer-fresco-buttonBackground-color, #f3f3f3);
color: var(--framer-fresco-moreInfoText-color, #333333);
cursor: pointer;
font-size: var(--framer-fresco-base-font-size, 12px)px;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.i17ayjrk:hover {
border-color: var(--framer-fresco-buttonBackgroundHover-color, #eeeeee);
background-color: var(--framer-fresco-buttonBackgroundHover-color, #eeeeee)
}
.i17ayjrk:active {
background-color: var(--framer-fresco-buttonBackgroundActive-color, #dddddd)
}
.i1pc865e {
cursor: not-allowed;
opacity: .5
}
.i1pc865e:hover {
border-color: var(--framer-fresco-buttonBackgroundDestructiveHover-color, #ee2255);
background-color: var(--framer-fresco-buttonBackground-color, #f3f3f3)
}
.i17nyv2n {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 22px;
height: 22px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.iq7xiri {
font-weight: var(--framer-fresco-base-font-weight, 500)
}
.b1k4esu7 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: var(--framer-fresco-richTextToolbarButtonWidth-dimension, 30px);
height: var(--framer-fresco-richTextToolbarButtonHeight-dimension, 30px);
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 0;
border: 0;
border-radius: var(--framer-fresco-inputRadiusSmall-dimension, 5px);
margin: 0;
background: transparent;
color: var(--framer-fresco-cmsRichTextToolbarItemText-color, #888888);
cursor: pointer;
-webkit-transition: color .12s ease;
transition: color .12s ease
}
.b1k4esu7:focus {
outline: none
}
.b1k4esu7:disabled {
cursor: default;
opacity: .65
}
.bh8j1ab {
width: var(--framer-fresco-richTextToolbarButtonHeightCompact-dimension, 20px);
height: var(--framer-fresco-richTextToolbarButtonHeightCompact-dimension, 20px)
}
.b11u853b {
background-color: var(--framer-fresco-cmsRichTextToolbarItemBackground-color, #dddddd);
color: var(--framer-fresco-cmsRichTextToolbarItemActiveText-color, #333333)
}
.b2i4942 {
overflow: hidden;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 100%
}
.b1vfm2p {
-webkit-filter: blur(20px);
filter: blur(20px)
}
.p5inzda {
min-height: 0
}
.ptswoqr {
position: relative;
width: 100%;
padding-top: calc(var(--framer-fresco-inputSpacing-dimension, 10px) - var(--framer-fresco-panelRowVerticalPadding-dimension, 5px));
padding-bottom: calc(var(--framer-fresco-panelPadding-dimension, 15px) - var(--framer-fresco-panelRowVerticalPadding-dimension, 5px))
}
.ptswoqr:has(>.p5inzda:empty),
.ptswoqr:has(>.p5inzda>div:only-child:empty) {
padding-bottom: 0
}
.p14s1oge {
padding-top: 0
}
.c1mg1z6z {
width: 100%;
height: 100%;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.hj4htfi {
display: none
}
.efx4tx1 {
width: 100%;
height: 100%;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.i1hpwtf0 div:not(.efx4tx1) {
display: contents
}
.iblik7k {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0
}
.i118z2f1 {
position: relative;
width: 100%;
height: 100%
}
.i118z2f1 .iblik7k {
display: block
}
.i1a8t54c {
width: 100%;
height: 100%;
border: 0;
background: transparent
}
.l1ngcbb2 {
opacity: .5
}
.bm6dco {
pointer-events: none
}
.s93imxl:disabled {
opacity: 1
}
.toqpzs7 {
padding-right: var(--framer-fresco-collectionInputPadding-dimension, 10px);
padding-left: var(--framer-fresco-collectionInputPadding-dimension, 10px);
font-size: var(--framer-fresco-heading-font-size, 13px);
line-height: 1.6em
}
.r57r6u2 {
padding-right: var(--framer-fresco-inputSpacing-dimension, 10px);
padding-left: var(--framer-fresco-inputSpacing-dimension, 10px)
}
.e1zu74n {
width: 100%;
min-height: 200px;
padding: var(--framer-fresco-panelPadding-dimension, 15px);
border: 1px solid var(--framer-fresco-inputBorder-color, transparent);
border-radius: var(--framer-fresco-richTextToolbarGroupRadius-dimension, 10px);
background-color: var(--framer-fresco-cmsRichTextBackground-color, #f3f3f3);
color: var(--framer-fresco-cmsRichTextParagraph-color, #555555);
font-weight: var(--framer-fresco-baseActive-font-weight, 500)
}
.e1zu74n * {
all: unset !important
}
.e1zu74n strong,
.e1zu74n b {
font-weight: 700 !important
}
.e1zu74n em,
.e1zu74n i {
font-style: italic !important
}
.m168h77v {
width: 90vw;
max-width: 600px
}
.m1cvfiap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: calc(var(--framer-fresco-richTextEditorToolbarWidth-dimension, 508px) + var(--framer-fresco-panelPadding-dimension, 15px) * 2);
height: calc(var(--framer-fresco-richTextEditorToolbarWidth-dimension, 508px) + var(--framer-fresco-panelPadding-dimension, 15px) * 2);
max-height: calc(100vh - 160px)
}
.f1nz04q2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%
}
.syo0l7n {
width: var(--framer-fresco-richTextEditorToolbarWidth-dimension, 508px);
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-bottom: var(--framer-fresco-panelPadding-dimension, 15px)
}
.w9541mz {
width: 100%
}
.e73gufq {
min-height: 100%
}
.t49i6vy {
position: fixed;
z-index: 20;
bottom: 15px;
left: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: calc(100% - 30px);
max-width: 1400px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 10px;
border-radius: 18px;
-webkit-animation: fadeIn-t49i6vy .2s ease-in;
animation: fadeIn-t49i6vy .2s ease-in;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: var(--framer-fresco-onPageToolbarBackground-color, rgba(34, 34, 34, .8));
box-shadow: var(--framer-fresco-onPageToolbarShadow-color, rgba(0, 0, 0, .1) 0px 2px 4px 0px, rgba(0, 0, 0, .05) 0px 1px 0px 0px, rgba(255, 255, 255, .15) 0px 0px 0px 1px);
color: var(--framer-fresco-onPageToolbarText-color, #ffffff);
gap: 10px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translate(-50%)
}
.bjwo6qr {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 30px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
gap: 8px
}
.b1qwl3y9 {
background-color: var(--framer-fresco-onPageToolbarButtonBackground-color, rgba(255, 255, 255, .25));
color: var(--framer-fresco-onPageToolbarButtonText-color, #ffffff);
font-weight: var(--framer-fresco-base-font-weight, 500)
}
.b1qwl3y9:focus:not(:disabled),
.b1qwl3y9:hover:not(:disabled) {
background-color: var(--framer-fresco-onPageToolbarButtonBackgroundHover-color, rgba(255, 255, 255, .23))
}
.b1qwl3y9:active:focus:not(:disabled),
.b1qwl3y9:active:hover:not(:disabled) {
background-color: var(--framer-fresco-onPageToolbarButtonBackgroundActive-color, rgba(255, 255, 255, .21))
}
.m1wta5up {
position: absolute;
top: 50%;
left: 50%;
width: inherit;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.m69kutt {
position: absolute;
top: 50%;
left: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
max-width: 100%;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-base-font-weight, 500);
gap: 5px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap
}
.sdjdrec {
color: var(--framer-fresco-onPageToolbarSecondaryText-color, rgba(255, 255, 255, .6))
}
.l9efojb {
margin-top: 1px
}
.ci35ri5 {
position: absolute;
left: 0;
overflow: clip;
width: 100vw;
pointer-events: none
}
.suurpvn {
-webkit-mask-image: radial-gradient(circle at var(--x) var(--y), transparent calc(var(--radius) - var(--gradient-size)), rgba(0, 0, 0, .2) calc(var(--radius) - (var(--gradient-size) * .66)), rgba(0, 0, 0, .6) calc(var(--radius) - (var(--gradient-size) * .33)), black calc(var(--radius) - (var(--gradient-size) * .15)), black calc(var(--radius) + (var(--gradient-size) * .15)), rgba(0, 0, 0, .6) calc(var(--radius) + (var(--gradient-size) * .33)), rgba(0, 0, 0, .2) calc(var(--radius) + (var(--gradient-size) * .66)), transparent calc(var(--radius) + var(--gradient-size)));
mask-image: radial-gradient(circle at var(--x) var(--y), transparent calc(var(--radius) - var(--gradient-size)), rgba(0, 0, 0, .2) calc(var(--radius) - (var(--gradient-size) * .66)), rgba(0, 0, 0, .6) calc(var(--radius) - (var(--gradient-size) * .33)), black calc(var(--radius) - (var(--gradient-size) * .15)), black calc(var(--radius) + (var(--gradient-size) * .15)), rgba(0, 0, 0, .6) calc(var(--radius) + (var(--gradient-size) * .33)), rgba(0, 0, 0, .2) calc(var(--radius) + (var(--gradient-size) * .66)), transparent calc(var(--radius) + var(--gradient-size)));
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%
}
.s1xlu29h {
position: absolute;
border-radius: 2px;
background-color: var(--framer-fresco-onPageHighlightBackground-color, rgba(0, 153, 255, .2));
outline: 1px solid var(--framer-fresco-onPageHighlightBorder-color, rgba(0, 153, 255, .8))
}
.h1czcor4 {
position: relative;
overflow: hidden
}
.o1qh2fnu {
cursor: pointer;
outline: 1px solid var(--framer-fresco-textEditorOutline-color, #cccccc)
}
.ppwf5z3 {
overflow: visible;
min-width: calc(var(--framer-fresco-panelMinWidth-dimension, 260px) - var(--framer-fresco-panelPadding-dimension, 15px) * 2);
border: 1px solid var(--framer-fresco-inlineEditingMenuBorder-color, transparent);
border-radius: var(--framer-fresco-inlineEditingPopoverBorderRadius-dimension, 13px);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: var(--framer-fresco-inlineEditingMenuBackground-color, rgba(255, 255, 255, .8));
box-shadow: var(--framer-fresco-inlineEditingMenu-shadow, 0px 0px 0px 1px rgba(0, 0, 0, .03), 0px 10px 20px 0px rgba(0, 0, 0, .1))
}
.ppwf5z3:focus-within {
border: 1px solid var(--framer-fresco-inlineEditingMenuBorder-color, transparent)
}
.i1fmzghq {
height: auto;
padding: 4px;
border: none;
background: transparent;
cursor: pointer
}
.e1pmgt77>div {
min-height: -webkit-min-content;
min-height: -moz-min-content;
min-height: min-content
}
.e1pmgt77 p,
.e1pmgt77 h1,
.e1pmgt77 h2,
.e1pmgt77 h3,
.e1pmgt77 h4,
.e1pmgt77 h5,
.e1pmgt77 h6,
.e1pmgt77 li,
.e1pmgt77 ol,
.e1pmgt77 ul {
font-family: var(--framer-blockquote-font-family, var(--framer-font-family, Inter, Inter Placeholder, sans-serif));
font-style: var(--framer-blockquote-font-style, var(--framer-font-style, normal));
font-weight: var(--framer-blockquote-font-weight, var(--framer-font-weight, 400));
color: var(--framer-blockquote-text-color, var(--framer-text-color, #000));
background-color: var(--framer-blockquote-text-background-color, var(--framer-text-background-color, initial));
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));
text-decoration-line: var(--framer-blockquote-text-decoration, var(--framer-text-decoration, initial));
text-decoration-style: var(--framer-blockquote-text-decoration-style, var(--framer-text-decoration-style, 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, normal);
text-wrap: var(--framer-text-wrap-override, var(--framer-text-wrap))
}
.e1pmgt77 mark,
.e1pmgt77 p,
.e1pmgt77 h1,
.e1pmgt77 h2,
.e1pmgt77 h3,
.e1pmgt77 h4,
.e1pmgt77 h5,
.e1pmgt77 h6,
.e1pmgt77 li,
.e1pmgt77 ol,
.e1pmgt77 ul {
background-color: var(--framer-text-background-color, initial)
}
.e1pmgt77 p,
.e1pmgt77 h1,
.e1pmgt77 h2,
.e1pmgt77 h3,
.e1pmgt77 h4,
.e1pmgt77 h5,
.e1pmgt77 h6 {
margin: 0;
padding: 0
}
.e1pmgt77 .tg363jc {
position: absolute;
display: none
}
.e1pmgt77 .trpupio {
bottom: 0;
left: 0;
width: 100%;
height: 17px;
-webkit-transform: translateY(calc(50% - .5px));
-moz-transform: translateY(calc(50% - .5px));
-ms-transform: translateY(calc(50% - .5px));
transform: translateY(calc(50% - .5px))
}
.e1pmgt77 .t1p0bqn2 {
top: 0;
right: 0;
width: 17px;
height: 100%;
-webkit-transform: translateX(calc(50% - .5px));
-moz-transform: translateX(calc(50% - .5px));
-ms-transform: translateX(calc(50% - .5px));
transform: translate(calc(50% - .5px))
}
.e1pmgt77 .trwq0ea {
padding: 0
}
.e1pmgt77 p:not(:first-child),
.e1pmgt77 div[contenteditable=false]:not(:first-child),
.e1pmgt77 h1:not(:first-child),
.e1pmgt77 h2:not(:first-child),
.e1pmgt77 h3:not(:first-child),
.e1pmgt77 h4:not(:first-child),
.e1pmgt77 h5:not(:first-child),
.e1pmgt77 h6:not(:first-child),
.e1pmgt77 ol:not(:first-child),
.e1pmgt77 ul:not(:first-child),
.e1pmgt77 blockquote:not(:first-child),
.e1pmgt77 div.tableWrapper:not(:first-child),
.e1pmgt77 .framer-image:not(:first-child) {
margin-top: var(--framer-blockquote-paragraph-spacing, var(--framer-paragraph-spacing, 0))
}
.e1pmgt77 li>ul:nth-child(2),
.e1pmgt77 li>ol:nth-child(2) {
margin-top: 0
}
.e1pmgt77 strong {
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))
}
.e1pmgt77 em {
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))
}
.e1pmgt77 em>strong {
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))
}
.e1pmgt77 code {
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))
}
.e1pmgt77 a {
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-blockquote-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)));
font-weight: var(--framer-blockquote-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)));
color: var(--framer-blockquote-text-color, var(--framer-link-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));
text-transform: var(--framer-blockquote-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)));
text-decoration-line: var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, initial)));
text-decoration-style: var(--framer-blockquote-text-decoration-style, var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, 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, var(--framer-text-background-color, initial));
border-radius: var(--framer-link-text-background-radius, var(--framer-text-background-radius, initial));
corner-shape: var(--framer-link-text-background-corner-shape, var(--framer-text-background-corner-shape, initial));
padding: var(--framer-link-text-background-padding, var(--framer-text-background-padding, initial))
}
.e1pmgt77 code a {
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-link-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))
}
.e1pmgt77 ul,
.e1pmgt77 ol {
-webkit-padding-start: 0;
padding-inline-start: 0;
margin: 0;
position: relative
}
.e1pmgt77 ol {
--list-style-type: decimal
}
.e1pmgt77 li {
position: unset;
counter-increment: list-item;
list-style: none;
-webkit-padding-start: 2ch;
padding-inline-start: 2ch
}
.e1pmgt77 ol>li:before {
position: absolute;
inset-inline-start: 0;
content: counter(list-item, var(--list-style-type)) ".";
font-variant-numeric: tabular-nums
}
.e1pmgt77 ol>li:nth-last-child(n+10),
.e1pmgt77 ol>li:nth-last-child(n+10)~li {
-webkit-padding-start: 3ch;
padding-inline-start: 3ch
}
.e1pmgt77 ol>li:nth-last-child(n+100),
.e1pmgt77 ol>li:nth-last-child(n+100)~li {
-webkit-padding-start: 4ch;
padding-inline-start: 4ch
}
.e1pmgt77 ol>li:nth-last-child(n+1000),
.e1pmgt77 ol>li:nth-last-child(n+1000)~li {
-webkit-padding-start: 5ch;
padding-inline-start: 5ch
}
.e1pmgt77 ol>li:nth-last-child(n+10000),
.e1pmgt77 ol>li:nth-last-child(n+10000)~li {
-webkit-padding-start: 6ch;
padding-inline-start: 6ch
}
.e1pmgt77 ol>li:nth-last-child(n+100000),
.e1pmgt77 ol>li:nth-last-child(n+100000)~li {
-webkit-padding-start: 7ch;
padding-inline-start: 7ch
}
.e1pmgt77 ol>li:nth-last-child(n+1000000),
.e1pmgt77 ol>li:nth-last-child(n+1000000)~li {
-webkit-padding-start: 8ch;
padding-inline-start: 8ch
}
.e1pmgt77 ul>li:before {
position: absolute;
inset-inline-start: 0;
content: "\2022"
}
.e1pmgt77 .selection {
color: inherit;
background: transparent
}
.e1pmgt77 div.ProseMirror:not(.ProseMirror-focused) .selection {
background: #80808054
}
.e1pmgt77 div.ProseMirror {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: var(--vertical-alignment);
-ms-flex-pack: var(--vertical-alignment);
-webkit-justify-content: var(--vertical-alignment);
justify-content: var(--vertical-alignment);
width: 100%;
font-variant-ligatures: unset;
font-feature-settings: unset;
white-space: inherit
}
.e1pmgt77 .tableWrapper {
position: relative;
overflow: hidden
}
.e1pmgt77 .ProseMirror .selectedCell:after {
background-color: #0099ff1a
}
.e1pmgt77 .tableWrapper tbody {
border-spacing: 0
}
.e1pmgt77 .tableWrapper th,
.e1pmgt77 .tableWrapper td {
font-family: sans-serif;
font-size: 12px
}
.e1pmgt77 .tableWrapper table {
border-collapse: separate;
border-spacing: 0;
table-layout: auto;
word-break: normal;
width: 100%
}
.e1pmgt77 blockquote {
margin-block: initial;
margin-inline: initial;
unicode-bidi: initial
}
.e1pmgt77 .ProseMirror-selectednode {
outline: var(--framer-fresco-richTextSelectionOutline-dimension, 2px) solid var(--framer-fresco-tint-color, #0099ff)
}
.e1pmgt77 .framer-text-component.ProseMirror-selectednode {
outline: var(--framer-fresco-richTextSelectionOutline-dimension, 2px) solid var(--framer-fresco-componentTint-color, #8855ff)
}
.v1r7rm12 {
position: absolute;
top: -5px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 16px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 3px 5px 3px 3px;
border-radius: 5px;
background-color: var(--framer-fresco-onPageValidationWarningBadgeBackground-color, #FF7700);
color: var(--framer-fresco-onPageValidationWarningBadgeText-color, #ffffff);
font-size: var(--framer-fresco-label-font-size, 10px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
gap: 5px;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.c1459fj1 {
width: calc(var(--framer-fresco-inputHeight-dimension, 30px) - var(--framer-fresco-inputPaddingHorizontal-dimension, 8px));
height: 100%
}
.d5btmj8 {
padding-right: 0
}
.c1cd77tn {
position: absolute;
top: -9px;
right: -9px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 18px;
height: 18px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
border-radius: 50%;
background-color: var(--framer-fresco-settingsImageClearButtonBackground-color, #ffffff);
box-shadow: var(--framer-fresco-settingsImageClearButton-shadow, 0px 1px 3px 0px rgba(0, 0, 0, .2), 0px .5px 0px 0px rgba(0, 0, 0, .1));
color: var(--framer-fresco-settingsImageClearButtonForeground-color, #999999);
cursor: pointer
}
.c1cd77tn>svg {
position: absolute;
top: 50%;
left: 50%;
overflow: visible;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translate(-50%) translateY(-50%)
}
.b1rdbouv {
position: absolute;
overflow: visible;
border-radius: 4px;
cursor: pointer;
inset: 4px
}
.b1me0317 {
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px)
}
.fxf7oz7 {
position: absolute;
border-radius: 4px;
box-shadow: inset 0 0 0 1px var(--framer-fresco-swatchBorder-color, rgba(0, 0, 0, .1));
inset: 0
}
.f158k4nv {
border-radius: var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px)
}
.de5dxw6 {
opacity: .5
}
.nnn1paw {
inset: 0
}
.cs5h0q {
position: absolute;
border-radius: 4px;
background-image: url("https://app.framerstatic.com/checkerboard-18-PJWIPCVW.svg");
-webkit-background-position: center;
background-position: center;
background-repeat: repeat;
inset: 1px
}
.c18f05v6 {
border-radius: calc(var(--framer-fresco-popoutIconRadiusLarge-dimension, 8px) - 1px)
}
.m1gv7el0 {
-webkit-mask: conic-gradient(from 0deg at 50% 50%, rgba(0, 0, 0, 0) 0deg, rgba(0, 0, 0, 1) 342deg) add;
mask: conic-gradient(from 0deg at 50% 50%, rgba(0, 0, 0, 0) 0deg, rgba(0, 0, 0, 1) 342deg) add
}
.s1xugoyy {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: spin-s1xugoyy;
animation-name: spin-s1xugoyy;
-webkit-animation-timing-function: linear;
animation-timing-function: linear
}
.p1225h4e {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: var(--framer-fresco-panelPadding-dimension, 15px);
padding-top: calc(var(--framer-fresco-panelPadding-dimension, 15px) - 5px);
padding-bottom: 0
}
.v15qkom2 {
padding-bottom: var(--framer-fresco-panelPadding-dimension, 15px);
scroll-padding: var(--framer-fresco-panelPadding-dimension, 15px)
}
.gfybuk4 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
border: none;
border-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background: var(--framer-fresco-insertPanelGridItem-color, #f3f3f3);
cursor: pointer;
outline: none
}
.gfybuk4:before {
position: absolute;
border: 1px solid transparent;
border-radius: var(--framer-fresco-contentItemRadius-dimension, 8px);
content: "";
inset: 0;
pointer-events: none
}
.g1u4xdpk {
cursor: unset;
opacity: .5;
pointer-events: none
}
.g103spug:before {
border-color: var(--framer-fresco-tint-color, #0099ff)
}
.g10j0sj1 {
width: 32px
}
.l1ougy67 {
font-size: var(--framer-fresco-heading-font-size, 13px)
}
.p5lfh5y {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 16px;
height: 16px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.p5lfh5y>svg {
width: 100%;
max-width: 100%;
max-height: 100%
}
.l1k48x6g {
width: 24px;
height: 24px
}
.ir4zan2 {
padding: 0;
margin-bottom: calc(var(--framer-fresco-panelPadding-dimension, 15px) - 5px);
background-color: transparent
}
.ir4zan2:focus-within {
border-color: transparent
}
.s1v5vadi {
background-color: transparent
}
.dx3n6ms {
height: 1px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
background-color: var(--framer-fresco-panelDivider-color, #eeeeee)
}
.nx5i0gj {
overflow: hidden;
height: 100%
}
.p6dts5z {
width: var(--framer-fresco-panelMinWidth-dimension, 260px);
max-width: var(--framer-fresco-panelMinWidth-dimension, 260px)
}
.pcmqzkm {
visibility: hidden
}
.nbqylm8 {
border-radius: var(--framer-fresco-onPageSelectionOutlineRadius-dimension, 2px);
background-color: var(--framer-fresco-onPageHighlightBackground-color, rgba(0, 153, 255, .2));
outline: 1px solid var(--framer-fresco-onPageHighlightBorder-color, rgba(0, 153, 255, .8))
}
.v1pcr3uc {
opacity: 0
}
.p1mivvux {
cursor: pointer
}
.t42x8tu {
cursor: text
}
.g1atul0u {
cursor: -webkit-grab;
cursor: grab
}
.n1i0g06w {
cursor: not-allowed
}
.b1t4nog5 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.r1wgs7ug {
position: absolute;
border-radius: 2px;
background-color: var(--framer-fresco-onPageHighlightBorder-color, rgba(0, 153, 255, .8))
}
.rsrrcv7 {
top: -9px;
width: 100%
}
.rckttk2 {
bottom: -9px;
width: 100%
}
.r12nxotj {
left: -9px;
height: 100%
}
.r460cpk {
right: -9px;
height: 100%
}
.rrb252f {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 0;
border: 0;
background-color: transparent;
cursor: pointer;
pointer-events: auto
}
.rrb252f.rsrrcv7 .r1wgs7ug,
.rrb252f.rckttk2 .r1wgs7ug {
top: 8px;
left: 0;
width: 100%;
height: 2px
}
.rrb252f.r12nxotj .r1wgs7ug,
.rrb252f.r460cpk .r1wgs7ug {
top: 0;
bottom: 0;
left: 8px;
width: 2px;
height: 100%
}
.rrb252f svg {
width: 18px;
height: 18px;
-webkit-transform: translate(.5px, .5px);
-moz-transform: translate(.5px, .5px);
-ms-transform: translate(.5px, .5px);
transform: translate(.5px, .5px)
}
.rxpkzma {
z-index: 1;
width: 18px;
height: 18px;
border: none;
border-radius: 50%;
background-color: var(--framer-fresco-highlightsBorder-color, #0099ff);
box-shadow: 0 3px 6px #0099ff4d;
color: #fff
}
.c1ct4jl9 {
pointer-events: none
}
.t1exmcej {
font-feature-settings: var(--inter-cv), "tnum" 1;
font-variant-numeric: tabular-nums
}
.p1lr6xzx {
border-radius: 15px
}
.clr68rj {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 15px 15px;
font-family: var(--framer-fresco-sansSerif-font-family, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, emoji, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol");
gap: var(--framer-fresco-inputSpacing-dimension, 10px)
}
.clr68rj header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 50px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
border-bottom: 1px solid var(--framer-fresco-calendarBorder-color, #eeeeee);
color: var(--framer-fresco-calendarTextHeader-color, #333333)
}
.clr68rj header .calendarHeading {
position: relative;
overflow: visible;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: var(--framer-fresco-base-font-size, 12px);
font-style: normal;
font-weight: var(--framer-fresco-heading-font-weight, 600);
letter-spacing: 0em;
line-height: 1.2;
text-align: center;
white-space: pre
}
.clr68rj footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: var(--framer-fresco-inputSpacing-dimension, 10px)
}
.clr68rj footer button {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.clr68rj .calendarButton {
width: 2rem;
height: 2rem;
padding: 0;
border: none;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background: none;
color: var(--framer-fresco-calendarIcon-color, #888888);
cursor: pointer;
font: inherit;
outline: none
}
.clr68rj .calendarCell {
width: 2rem;
border-radius: 6px;
margin: 0;
color: var(--framer-fresco-calendarTextMedium-color, #888888);
cursor: pointer;
font-size: var(--framer-fresco-base-font-size, 12px);
font-style: normal;
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
forced-color-adjust: none;
letter-spacing: 0em;
line-height: 2rem;
outline: none;
text-align: center;
white-space: pre
}
.clr68rj .calendarGrid {
border-collapse: collapse;
border-spacing: 0
}
.clr68rj .calendarGridBody td {
width: 32px;
height: 32px;
padding: 0;
margin: 0
}
.clr68rj .headerCell {
position: relative;
overflow: visible;
width: 32px;
height: 32px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
color: var(--framer-fresco-calendarTextHeader-color, #333333);
font-size: var(--framer-fresco-base-font-size, 12px);
font-style: normal;
font-weight: var(--framer-fresco-heading-font-weight, 600);
letter-spacing: 0em;
line-height: 1.2;
text-align: center;
white-space: pre
}
.clr68rj .calendarCell[data-selected] {
border-radius: 8px;
background: var(--framer-fresco-calendarPrimary-color, #0099ff);
color: var(--framer-fresco-calendarText-color, #ffffff)
}
.clr68rj .calendarCell[data-outside-month] {
display: none
}
.clr68rj .calendarCell[data-hovered]:not([data-selected]) {
background: none;
color: var(--framer-fresco-calendarTextHover-color, #222222)
}
.clr68rj .calendarCell[data-focus-visible] {
outline: 2px solid var(--framer-fresco-calendarPrimary-color, #0099ff);
outline-offset: 2px
}
.clr68rj .calendar-picker>.calendarButton {
margin: 0 4px 8px
}
.clr68rj .week {
display: -ms-grid;
display: grid;
gap: 8px;
grid-template-areas: "heading heading heading" "previous grid next";
place-items: center
}
.clr68rj .week .calendarHeading {
margin: 0;
font-size: var(--framer-fresco-textLarge-font-size, 14px);
grid-area: heading
}
.clr68rj .week .calendarCell[data-outside-month] {
display: block
}
.iuj0i9m {
height: auto;
padding: 4px;
border: none;
background: transparent;
cursor: pointer
}
.ddr6pxi {
margin-right: 7px;
color: var(--framer-fresco-popupButtonIcon-color, #999999);
pointer-events: none
}
.p4b05eq {
display: -ms-grid;
display: grid;
-ms-grid-column-gap: 5px;
grid-column-gap: 5px;
-ms-grid-row-gap: 5px;
grid-row-gap: 5px;
-ms-grid-columns: repeat(4, auto);
grid-template-columns: repeat(4, auto)
}
.prqiyvj {
width: 20px;
height: 20px;
border-radius: var(--framer-fresco-tiledImagePresetRadius-dimension, 2px);
box-shadow: #00000026 0 1px 2px;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.p1c81r2w {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 30px;
height: 30px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
border: none;
border-radius: var(--framer-fresco-tiledImagePresetContainerRadius-dimension, 8px);
background-color: var(--framer-fresco-fillPanelPresetBackground-color, #f3f3f3);
outline: none
}
.p1c81r2w:hover {
cursor: pointer
}
.p1ln12j8 {
border: 1px solid var(--framer-fresco-tint-color, #0099ff)
}
.dl1ddfs {
opacity: .5
}
.pqnmppj {
max-width: var(--framer-fresco-panelMinWidth-dimension, 260px)
}
.n1hp61cu {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: -webkit-grabbing;
cursor: grabbing
}
.g189l9ii {
cursor: -webkit-grabbing;
cursor: grabbing
}
.m1va6tk8 {
outline: 2px solid var(--framer-fresco-onPageHighlightBorder-color, rgba(0, 153, 255, .8))
}
.rc3ak3a p,
.rc3ak3a h1,
.rc3ak3a h2,
.rc3ak3a h3,
.rc3ak3a h4,
.rc3ak3a h5,
.rc3ak3a h6,
.rc3ak3a li,
.rc3ak3a ol,
.rc3ak3a ul,
.rc3ak3a mark,
.rc3ak3a 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: calc(var(--framer-font-size, 16px) * var(--framer-font-size-scale, 1));
text-transform: var(--framer-text-transform, none);
text-decoration-line: var(--framer-text-decoration, initial);
text-decoration-style: var(--framer-text-decoration-style, initial);
text-decoration-color: var(--framer-text-decoration-color, initial);
text-decoration-thickness: var(--framer-text-decoration-thickness, initial);
text-decoration-skip-ink: var(--framer-text-decoration-skip-ink, initial);
text-underline-offset: var(--framer-text-decoration-offset, initial);
letter-spacing: var(--framer-letter-spacing, 0);
line-height: var(--framer-line-height, 1.2em);
text-align: 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, initial)
}
.rc3ak3a p,
.rc3ak3a div,
.rc3ak3a h1,
.rc3ak3a h2,
.rc3ak3a h3,
.rc3ak3a h4,
.rc3ak3a h5,
.rc3ak3a h6 {
margin: 0;
padding: 0
}
.rc3ak3a mark:not(.selection),
.rc3ak3a p,
.rc3ak3a h1,
.rc3ak3a h2,
.rc3ak3a h3,
.rc3ak3a h4,
.rc3ak3a h5,
.rc3ak3a h6,
.rc3ak3a li,
.rc3ak3a ol,
.rc3ak3a ul {
background-color: var(--framer-text-background-color, initial);
border-radius: var(--framer-text-background-radius, initial);
corner-shape: var(--framer-text-background-corner-shape, initial);
padding: var(--framer-text-background-padding, 0)
}
.rc3ak3a p:not(:first-child),
.rc3ak3a div:not(:first-child),
.rc3ak3a h1:not(:first-child),
.rc3ak3a h2:not(:first-child),
.rc3ak3a h3:not(:first-child),
.rc3ak3a h4:not(:first-child),
.rc3ak3a h5:not(:first-child),
.rc3ak3a h6:not(:first-child),
.rc3ak3a ol:not(:first-child),
.rc3ak3a ul:not(:first-child),
.rc3ak3a .framer-image:not(:first-child) {
margin-top: var(--framer-paragraph-spacing, 0)
}
.rc3ak3a li>ul:nth-child(2),
.rc3ak3a li>ol:nth-child(2) {
margin-top: 0
}
.rc3ak3a em {
font-style: var(--framer-font-style-italic, italic);
font-weight: var(--framer-font-weight-italic);
font-family: var(--framer-font-family-italic);
font-variation-settings: var(--framer-font-variation-axes-italic)
}
.rc3ak3a em>strong {
font-weight: var(--framer-font-weight-bold-italic, bolder);
font-family: var(--framer-font-family-bold-italic);
font-style: var(--framer-font-style-bold-italic, italic);
font-variation-settings: var(--framer-font-variation-axes-bold-italic)
}
.rc3ak3a strong {
font-weight: var(--framer-font-weight-bold, bolder);
font-family: var(--framer-font-family-bold);
font-style: var(--framer-font-style-bold);
font-variation-settings: var(--framer-font-variation-axes-bold)
}
.rc3ak3a span[data-text-fill] {
display: inline-block;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding: max(0em, calc(calc(1.3em - var(--framer-line-height, 1.3em)) / 2));
margin: min(0em, calc(calc(1.3em - var(--framer-line-height, 1.3em)) / -2))
}
.rc3ak3a code,
.rc3ak3a code span: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: var(--framer-code-text-color, var(--framer-text-color, #000));
font-size: calc(var(--framer-font-size, 16px) * var(--framer-font-size-scale, 1));
letter-spacing: var(--framer-letter-spacing, 0);
line-height: var(--framer-line-height, 1.2em)
}
.rc3ak3a a,
.rc3ak3a 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: calc(var(--framer-font-size, 16px) * var(--framer-font-size-scale, 1));
text-transform: var(--framer-link-text-transform, var(--framer-text-transform, none));
text-decoration-line: var(--framer-link-text-decoration, var(--framer-text-decoration, initial));
text-decoration-style: var(--framer-link-text-decoration-style, var(--framer-text-decoration-style, initial));
text-decoration-color: var(--framer-link-text-decoration-color, var(--framer-text-decoration-color, initial));
text-decoration-thickness: var(--framer-link-text-decoration-thickness, var(--framer-text-decoration-thickness, initial));
text-decoration-skip-ink: var(--framer-link-text-decoration-skip-ink, var(--framer-text-decoration-skip-ink, initial));
text-underline-offset: var(--framer-link-text-decoration-offset, var(--framer-text-decoration-offset, initial))
}
.rc3ak3a a {
background-color: var(--framer-link-text-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)
}
.rc3ak3a code a,
.rc3ak3a code a span: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: var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)));
font-size: calc(var(--framer-link-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1))
}
.rc3ak3a ul,
.rc3ak3a ol {
-webkit-padding-start: 0;
padding-inline-start: 0;
margin: 0;
position: relative
}
.rc3ak3a ol {
--list-style-type: decimal
}
.rc3ak3a li {
position: unset;
counter-increment: list-item;
list-style: none;
-webkit-padding-start: 2ch;
padding-inline-start: 2ch
}
.rc3ak3a ol>li:before {
position: absolute;
inset-inline-start: 0;
content: counter(list-item, var(--list-style-type)) ".";
font-variant-numeric: tabular-nums
}
.rc3ak3a ol>li:nth-last-child(n+10),
.rc3ak3a ol>li:nth-last-child(n+10)~li {
-webkit-padding-start: 3ch;
padding-inline-start: 3ch
}
.rc3ak3a ol>li:nth-last-child(n+100),
.rc3ak3a ol>li:nth-last-child(n+100)~li {
-webkit-padding-start: 4ch;
padding-inline-start: 4ch
}
.rc3ak3a ol>li:nth-last-child(n+1000),
.rc3ak3a ol>li:nth-last-child(n+1000)~li {
-webkit-padding-start: 5ch;
padding-inline-start: 5ch
}
.rc3ak3a ol>li:nth-last-child(n+10000),
.rc3ak3a ol>li:nth-last-child(n+10000)~li {
-webkit-padding-start: 6ch;
padding-inline-start: 6ch
}
.rc3ak3a ol>li:nth-last-child(n+100000),
.rc3ak3a ol>li:nth-last-child(n+100000)~li {
-webkit-padding-start: 7ch;
padding-inline-start: 7ch
}
.rc3ak3a ol>li:nth-last-child(n+1000000),
.rc3ak3a ol>li:nth-last-child(n+1000000)~li {
-webkit-padding-start: 8ch;
padding-inline-start: 8ch
}
.rc3ak3a ul>li:before {
position: absolute;
inset-inline-start: 0;
content: "\2022"
}
.ej8focl .selection {
color: inherit;
background: transparent
}
.ej8focl div.ProseMirror:not(.ProseMirror-focused) .selection {
background: #80808054
}
.ej8focl div.ProseMirror {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: var(--vertical-alignment);
-ms-flex-pack: var(--vertical-alignment);
-webkit-justify-content: var(--vertical-alignment);
justify-content: var(--vertical-alignment);
width: 100%;
font-variant-ligatures: unset;
font-feature-settings: unset;
white-space: inherit
}
.ej8focl div.ProseMirror ::selection {
background-color: Highlight;
color: currentColor
}
.ej8focl .ProseMirror-selectednode {
outline: var(--framer-fresco-richTextSelectionOutline-dimension, 2px) solid var(--framer-fresco-tint-color, #0099ff)
}
.ej8focl .framer-text-component.ProseMirror-selectednode {
outline: var(--framer-fresco-richTextSelectionOutline-dimension, 2px) solid var(--framer-fresco-componentTint-color, #8855ff)
}
.w1uyyr5z {
display: -ms-inline-grid;
display: inline-grid;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--framer-fresco-canvasTooltipBackground-color, #0099ff);
gap: 4px;
-ms-grid-columns: 8px max-content;
grid-template-columns: 8px max-content;
pointer-events: auto;
text-transform: none
}
.w1z0oe1i {
width: 8px;
height: 8px
}
.w1v62ead {
position: absolute;
z-index: 1;
bottom: calc(100% + var(--framer-fresco-inputSpacing-dimension, 10px));
left: 0;
pointer-events: none
}
.emh45nx {
outline: none
}
.c1amlb55 {
z-index: 2147483647;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 220px;
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 10px;
border-radius: 18px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: var(--framer-fresco-editorBarSubtleBackground-color, rgba(17, 17, 17, .9));
box-shadow: 0 0 0 1px #ffffff1a, 0 10px 20px #0003;
will-change: transform, opacity
}
.t1noknjc {
padding: 10px
}
.t14vtnbc {
color: var(--framer-fresco-editorBarSubtleTitle-color, #ffffff);
font-feature-settings: normal;
font-size: 13px;
font-weight: var(--framer-fresco-heading-font-weight, 600);
letter-spacing: 0em;
line-height: 1.2;
text-align: center;
white-space: pre
}
.swpufyq {
margin: 0;
color: var(--framer-fresco-editorBarSubtleSubtitle-color, #999999);
font-feature-settings: normal;
font-size: 13px;
font-weight: 400;
line-height: 1.4;
text-align: center;
text-wrap: balance
}
.swpufyq a {
color: var(--framer-fresco-editorBarSubtleSubtitleLink-color, #f7f7f7);
-webkit-text-decoration: none;
text-decoration: none
}
.b9jl8lf {
width: 100%;
height: 30px;
border-radius: 8px;
background: var(--framer-fresco-editorBarButtonBackground-color, rgba(255, 255, 255, .15));
color: var(--framer-fresco-editorBarButtonSecondaryText-color, #ffffff);
font-size: 13px;
font-weight: var(--framer-fresco-heading-font-weight, 600)
}
.b9jl8lf:focus:not(:disabled),
.b9jl8lf:hover:not(:disabled),
.b9jl8lf:active:focus:not(:disabled),
.b9jl8lf:active:hover:not(:disabled) {
background-color: var(--framer-fresco-editorBarButtonBackground-color, rgba(255, 255, 255, .15))
}
.eptse9g {
background: #fff;
color: #222
}
.eptse9g:focus:not(:disabled),
.eptse9g:hover:not(:disabled),
.eptse9g:active:focus:not(:disabled),
.eptse9g:active:hover:not(:disabled) {
background-color: #fff
}
.i187n6fv {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 30px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 3px;
border: none;
border-radius: 8px;
background: none;
color: var(--framer-fresco-editorBarMenuItemColor-color, #cccccc);
cursor: pointer;
font-size: 13px;
font-weight: 500;
line-height: 1.1;
text-align: left
}
.i187n6fv:hover {
background: var(--framer-fresco-editorBarSubtleIconSquareBackground-color, rgba(255, 255, 255, .15));
color: var(--framer-fresco-editorBarText-color, #ffffff)
}
.mirdjeq {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 11px
}
.djjgtbz {
width: 100%;
height: 1px;
border: none;
margin: 0;
background: var(--framer-fresco-editorBarDividerBackground-color, #ffffff);
opacity: .1
}
.ixgjdid {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 24px;
height: 24px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
border-radius: 5px;
background: var(--framer-fresco-editorBarSubtleIconSquareBackground-color, rgba(255, 255, 255, .15))
}
.i187n6fv:hover .ixgjdid {
background: var(--framer-fresco-editorBarSubtleIconSquareBackgroundHover-color, rgba(255, 255, 255, .2))
}
.b1qnbldr {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px
}
.bzafg2a {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
background-color: var(--framer-fresco-modalBackdrop-color, rgba(0, 0, 0, .4))
}
.cnhgigm {
z-index: 2147483647;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 220px;
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 10px;
border-radius: 18px;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background: var(--framer-fresco-editorBarSubtleBackground-color, rgba(17, 17, 17, .9));
box-shadow: 0 0 0 1px #ffffff1a, 0 10px 20px #0003;
will-change: transform, opacity
}
.t1ookr3o {
padding: 10px
}
.tyol4w7 {
color: var(--framer-fresco-editorBarSubtleTitle-color, #ffffff);
font-feature-settings: normal;
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: var(--framer-fresco-heading-font-weight, 600);
letter-spacing: 0em;
line-height: 1.2;
text-align: center;
white-space: pre
}
.s7fryoi {
margin: 0;
color: var(--framer-fresco-editorBarSubtleSubtitle-color, #999999);
font-feature-settings: normal;
font-size: var(--framer-fresco-heading-font-size, 13px);
font-weight: 400;
line-height: 1.4;
text-align: center;
text-wrap: balance
}
.s7fryoi a {
color: var(--framer-fresco-editorBarSubtleSubtitleLink-color, #f7f7f7);
-webkit-text-decoration: none;
text-decoration: none
}
.by9jupw {
width: 100%;
height: 30px;
border-radius: 8px;
background: var(--framer-fresco-editorBarButtonBackground-color, rgba(255, 255, 255, .15));
color: var(--framer-fresco-editorBarButtonSecondaryText-color, #ffffff);
font-size: 13px;
font-weight: var(--framer-fresco-heading-font-weight, 600)
}
.by9jupw:focus:not(:disabled),
.by9jupw:hover:not(:disabled),
.by9jupw:active:focus:not(:disabled),
.by9jupw:active:hover:not(:disabled) {
background-color: var(--framer-fresco-editorBarButtonBackground-color, rgba(255, 255, 255, .15))
}
.b18g1n4a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
gap: 10px
}
.c1gc3a0q {
position: absolute;
top: 0;
right: 0;
padding: var(--framer-fresco-panelPadding-dimension, 15px);
color: var(--framer-fresco-editorBarSubtleSubtitle-color, #999999);
cursor: pointer
}
.c1gc3a0q:hover {
color: var(--framer-fresco-editorBarText-color, #ffffff)
}
.lbz3y5l {
position: relative;
width: 100%;
height: 100%
}
.l4nhz4u {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.mu6ry6k {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 0 5px
}
.aqwxsfx {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.ay9bzvl {
font-family: var(--framer-fresco-sansSerifWithoutEmoji-font-family, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif)
}
.ahvwyj9 {
min-width: 12px;
text-align: center
}
.d1aq9ud6 {
text-align: center
}
.b1r3i2ed {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 2px 5px;
border-radius: 10px;
margin-right: 3px;
margin-left: 6px;
background-color: var(--menu-badge-background, var(--framer-fresco-menuBadgeBackground-color, rgba(136, 136, 136, .15)));
color: var(--menu-badge-color, var(--framer-fresco-menuBadgeColor-color, #888888));
font-size: var(--framer-fresco-label-font-size, 10px);
font-weight: var(--framer-fresco-headingBold-font-weight, 700);
line-height: 1.1;
text-align: center;
text-transform: uppercase
}
.ddwpnn1 {
display: block;
color: var(--framer-fresco-menuDescription-color, #999999);
font-size: var(--framer-fresco-label-font-size, 10px)
}
.mk05by6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
height: 30px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
padding-right: 5px;
padding-left: 10px;
border-radius: 8px;
color: var(--framer-fresco-menuText-color, #222222);
cursor: default;
gap: 8px;
scroll-snap-margin: .5rem;
scroll-margin: .5rem;
white-space: pre
}
.mk05by6:focus-visible {
outline: transparent
}
.mk05by6 .aqwxsfx,
.mk05by6 .b1irwbe6,
.mk05by6:where([aria-disabled=true]) {
opacity: .4
}
.mk05by6:where([data-active-item]):not(:has([data-active-item])),
.mk05by6:where([data-active-item][aria-expanded=false]),
.mk05by6:where([data-active-item][aria-selected]) {
background-color: var(--menu-item-background-active, var(--framer-fresco-menuBackgroundActive-color, #0099ff));
color: var(--menu-text-active, var(--framer-fresco-menuTextActive-color, #ffffff))
}
.mk05by6:where([data-active-item]):not(:has([data-active-item])) .aqwxsfx,
.mk05by6:where([data-active-item][aria-expanded=false]) .aqwxsfx,
.mk05by6:where([data-active-item][aria-selected]) .aqwxsfx,
.mk05by6:where([data-active-item]):not(:has([data-active-item])) .b1irwbe6,
.mk05by6:where([data-active-item][aria-expanded=false]) .b1irwbe6,
.mk05by6:where([data-active-item][aria-selected]) .b1irwbe6 {
opacity: 1
}
.mk05by6:where([data-active-item]):not(:has([data-active-item])) .b1r3i2ed,
.mk05by6:where([data-active-item][aria-expanded=false]) .b1r3i2ed,
.mk05by6:where([data-active-item][aria-selected]) .b1r3i2ed {
background-color: var(--framer-fresco-menuBadgeBackgroundActive-color, rgba(255, 255, 255, .3));
color: var(--framer-fresco-menuTextActive-color, #ffffff)
}
.mk05by6:where([data-active-item]):not(:has([data-active-item])) .ddwpnn1,
.mk05by6:where([data-active-item][aria-expanded=false]) .ddwpnn1,
.mk05by6:where([data-active-item][aria-selected]) .ddwpnn1 {
color: var(--framer-fresco-menuDescriptionActive-color, rgba(255, 255, 255, .8))
}
.mk05by6:where([data-active-item=true][aria-expanded=true]):not(:hover) {
background-color: var(--framer-fresco-menuItemWithSubmenuBackgroundActive-color, #f3f3f3);
color: var(--framer-fresco-menuText-color, #222222)
}
.mk05by6:where([data-active-item=true][aria-expanded=true]):not(:hover) .aqwxsfx,
.mk05by6:where([data-active-item=true][aria-expanded=true]):not(:hover) .b1irwbe6 {
opacity: .4
}
.m1ide4av {
height: 40px
}
.mqsdyuc {
padding-left: 30px
}
.m10bnj1v {
height: calc(var(--framer-fresco-avatarSize-dimension, 30px) + 4px * 2);
padding-left: 4px;
border-radius: 11px
}
.l1lrhh4u {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
gap: 8px
}
.c1fc9sk1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-align-items: flex-start;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
gap: 8px
}
.cfbiwg1 {
height: 14px
}
.l154ipfz {
padding-right: 8px
}
.s1e3rcy1 {
width: 100%;
height: 1px;
padding: 0;
border: none;
margin: 5px 0;
background-color: var(--framer-fresco-menuSeparator-color, #eeeeee)
}
.mxzzb2k {
position: relative;
z-index: 32;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
min-width: 90px;
max-width: 500px;
max-height: min(800px, 90vh) !important;
box-sizing: border-box;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 5px 0;
border-radius: 13px;
margin: 0;
background-color: var(--framer-fresco-menuBackground-color, #ffffff);
box-shadow: 0 10px 20px var(--framer-fresco-menuShadow-color, rgba(0, 0, 0, .1));
font-size: var(--framer-fresco-base-font-size, 12px);
line-height: 1.2;
overflow-y: auto
}
.mxzzb2k:focus-visible {
outline: transparent
}
.m8c9l16 {
--menu-item-background-active: var(--framer-fresco-menuBackgroundActiveUnsaturated-color, #f2f2f2);
--menu-text-active: var(--framer-fresco-menuTextActiveUnsaturated-color, #222222)
}
.m1t22t6v {
max-height: -webkit-fit-content;
max-height: -moz-fit-content;
max-height: fit-content
}
.we5hedy {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 0;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.ssnmoi2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 36px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 15px;
border-bottom: 1px solid var(--framer-fresco-menuSeparator-color, #eeeeee);
gap: 10px
}
.s19qrosd {
width: 100%;
height: 100%;
padding: 0;
border: 0;
background-color: var(--framer-fresco-menuBackground-color, #ffffff);
color: var(--framer-fresco-menuText-color, #222222);
font-size: var(--framer-fresco-base-font-size, 12px);
font-weight: var(--framer-fresco-baseActive-font-weight, 500);
line-height: 1.2;
outline: none
}
.s19qrosd::-webkit-input-placeholder {
color: #999
}
.s19qrosd::-moz-placeholder {
color: #999
}
.s19qrosd:-ms-input-placeholder {
color: #999
}
.s19qrosd::placeholder {
color: #999
}
.s1vev1e1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 12px;
height: 12px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
color: #999
}
.msbtwy1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin-right: 8
}
.e1d3tuh7 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 30px;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 7px;
padding-left: 15px;
color: #999;
font-weight: var(--framer-fresco-base-font-weight, 500)
}
.a1nw69yk {
overflow: hidden
}
.cq2i6r2 {
position: relative
}
.o199fue7 {
position: absolute;
top: 16px;
left: 18px;
box-shadow: 0 2px 3px #0003
}
.o16gpm6 {
color: var(--framer-fresco-tint-color, #0099ff);
font-size: 11px
}
.c2v15of {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
overflow-y: auto
}
.c1tr39qo {
padding-top: 5px
}
.a103jkx3 {
bottom: 0
}
.auzolsl {
top: 0
}
.o179w3e7 {
position: absolute;
z-index: 1;
right: 0;
left: 0;
width: 100%;
height: 60px;
pointer-events: none
}
.o1h5p0we {
width: 100%;
height: 50%
}
.u1hfkq3i {
background: linear-gradient(var(--framer-fresco-menuBackground-color, #ffffff), transparent)
}
.dh1045z {
background: linear-gradient(transparent, var(--framer-fresco-menuBackground-color, #ffffff))
}
.o1sgpxwn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 50%;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
border: none;
background-color: var(--framer-fresco-menuBackground-color, #ffffff);
color: var(--framer-fresco-menuBackground-color, #ffffff);
cursor: default;
pointer-events: all
}
.o1sgpxwn svg {
color: var(--framer-fresco-menuText-color, #222222);
opacity: .4
}
.swuysmr {
position: relative;
width: 100%;
height: 100%
}
.b3o367f {
position: absolute;
right: 0;
left: 0;
width: 100%;
height: 30px;
pointer-events: none
}
.icxp2h1 {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
border: none;
opacity: 1;
pointer-events: none;
-webkit-transition: opacity .3s;
transition: opacity .3s
}
.icxp2h1[aria-hidden=true] {
opacity: 0
}
body:has(.icxp2h1[aria-hidden=true]) {
overflow: hidden
}
/* From assets/media/store.akamai.steamstatic.com/public/css/styles_linux.css */
/* CSS Document */
#agegate_box select {
color: #000 !important;
background-color: #fff !important;
}
/* From assets/media/store.akamai.steamstatic.com/public/css/styles_widget.css */
/* NOTE: body {} block removed — it set background:transparent globally, causing FOUC */
a,
a:hover {
text-decoration: none;
}
#widget {
display: flex;
flex-direction: column;
border-radius: 4px;
border-top: 1px solid #424c5c;
border-left: 1px solid #424c5c;
background: linear-gradient(130deg, #3b4351, #282e39);
box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4);
height: 146px;
padding: 10px 15px;
position: relative;
margin: 0 auto
}
#widget:after {
position: absolute;
display: block;
right: 5px;
top: 5px;
content: ' ';
width: 40px;
height: 40px;
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
background-repeat: no-repeat;
}
#widget .game_purchase_action {
position: absolute;
bottom: -20px;
right: 10px
}
#widget h1 {
font-size: 21px;
font-weight: normal;
vertical-align: top;
display: inline-block;
line-height: 28px
}
#widget h1.main_text {
color: #fefefe;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 425px;
}
#widget h1 em {
font-weight: normal;
font-style: normal;
color: #9e9e9e;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
}
#widget .capsule {
height: 69px;
width: 184px;
float: left;
margin: 2px 10px 10px 0
}
#widget .desc {
margin: 10px 10px 0 0;
font-size: 13px;
color: #c9c9c9;
line-height: 16px;
max-height: 96px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical
}
#widget p.package_contents {
color: #9e9e9e
}
#widget p.package_contents b {
font-weight: normal;
color: #8bc53f
}
#widget p.package_contents a {
color: #b0aeac
}
#widget .game_area_purchase_platform {
position: absolute;
bottom: 13px;
left: 15px
}
#widget .game_purchase_action_bg.coming_soon {
padding: 5px 5px 5px 10px;
color: #b8dc89;
border: 1px solid #232a0e;
background: -webkit-linear-gradient(30deg, #395021 5%, #283e18 95%);
background: linear-gradient(60deg, #395021 5%, #283e18 95%);
height: auto
}
#widget .game_purchase_action_bg.coming_soon h1 {
font-size: 20px;
line-height: 34px
}
body #widget .capsule {
width: 40%;
height: auto;
display: block;
margin-bottom: 4px
}
#widget .coming_soon_date {
float: left
}
#widget .coming_soon .btn_addtocart {
margin-left: 10px
}
#widget .btn_addtocart .btn_addtocart_content {
display: inline-block;
height: 100%;
font-size: 14px;
color: #d2efa9;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
text-align: center;
padding: 0px 11px;
line-height: 32px;
border-radius: 2px;
text-transform: unset;
background: #75b022;
background: -webkit-linear-gradient(top, #6fa720 5%, #588a1b 95%);
background: linear-gradient(to bottom, #6fa720 5%, #588a1b 95%);
background: linear-gradient(to right, #6fa720 5%, #588a1b 95%);
cursor: pointer
}
#widget .btn_addtocart .btn_addtocart_content:hover {
color: #fff;
background: #6aa621;
background: -webkit-linear-gradient(top, #8ed629 5%, #6aa621 95%);
background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%);
background: linear-gradient(to right, #8ed629 5%, #6aa621 95%)
}
#widget .game_purchase_action .game_purchase_price,
#widget .game_purchase_action .game_purchase_discount,
#widget .game_purchase_action .btn_addtocart,
#widget .game_purchase_action .btn_packageinfo,
#widget .game_purchase_action .game_purchase_action_bg .game_purchase_action .game_purchase_action_qty {
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5)
}
#widget .game_purchase_action_bg {
position: relative;
display: block
}
#wishlistwidget {
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
background-color: #ffffff;
/*width: 614px;
*/
min-height: 50px;
height: 100vh;
max-height: 146px;
position: relative;
margin: 0 auto
}
#wishlistwidget .AppName {
display: none
}
#wishlistwidget .btn_ctn {
height: 100%;
width: 100%;
display: block
}
#wishlistwidget .btn {
font-size: 18px;
color: #000000;
padding-left: 10px;
box-sizing: border-box;
min-height: 50px;
display: flex;
flex-direction: row;
align-items: center;
height: 100%;
width: 100%
}
#wishlistwidget .btn .logo {
opacity: 0.7;
height: 80%;
width: auto;
align-self: center;
margin-right: 11px
}
#wishlistwidget .btn:hover .logo {
opacity: 1
}
#wishlistwidget .btn:hover .BtnText {
display: none
}
#wishlistwidget .btn:hover .AppName {
display: block
}
/* From assets/media/store */
.application_top_info_message {
color: #fff;
background: #852929;
display: block;
padding: 5px;
text-align: center
}
.application_top_info_message a {
text-decoration: underline
}
.game_icon {
position: relative;
float: left;
height: 32px;
width: 32px;
margin-top: 4px;
margin-right: 6px
}
.game_icon .game_icon_overlay {
position: absolute;
left: 0px;
top: 0px;
width: 32px;
height: 32px;
background: url(/public/images/v5/game_ico_overlay.png );
background-repeat: no-repeat
}
.game_name {
position: relative;
font-size: 26px;
color: white;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
margin-bottom: 16px;
overflow: hidden
}
.game_name .blockbg {
height: 40px;
line-height: 40px
}
.game_name img {
vertical-align: text-bottom;
height: 32px;
width: 32px
}
.game_name .blockbg.dlc_title {
height: 54px;
font-family: "Motiva Sans", Sans-serif;
font-weight: 200;
/* thin */
font-size: 15px;
text-transform: uppercase;
letter-spacing: 1px;
margin-top: 20px;
line-height: 23px
}
.game_name .blockbg.dlc_title .dlc_name {
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
font-weight: 400;
font-size: 28px;
letter-spacing: 0px;
text-transform: none
}
#game_highlights {
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
/* IE10+ */
background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.4) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=1);
/* IE6-9 */
padding-bottom: 12px
}
.game_background_glow {
/*background: url( '/public/images/v6/app/game_page_background_shadow.png?v=2' );
*/
background-position: bottom;
padding-bottom: 1px;
background-repeat: no-repeat;
margin: 0px auto;
background: radial-gradient(800px 120px at 50% bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.queue_and_playtime {
position: relative
}
.game_background_lighten {
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
height: 200px;
width: 100%;
background: radial-gradient(1000px 153px at 50% top, hsl(212 35% 24% / 1), rgba(0, 0, 0, 0))
}
.game_background_lighten .game_background_lighten_border {
height: 1px;
width: 100%;
max-width: 1800px;
margin: 0 auto;
background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.05) 20%, rgba(255, 255, 255, 0.05) 80%, transparent 100%)
}
:where(#game_highlights) a {
color: #67c1f5
}
:where(#game_highlights) a:hover {
color: #ffffff
}
#game_highlights .rightcol {
width: 324px;
margin-left: 0px
}
#highlight_player_area {
background-color: #000000;
overflow: hidden;
position: relative;
aspect-ratio: 600 / 338
}
.highlight_player_area_spacer img {
width: 100%;
display: block
}
.gamehighlight_desktopskeleton_itemview {
background-color: rgba(0, 0, 0, 0.2);
overflow: hidden;
position: relative;
aspect-ratio: 600 / 338
}
.gamehighlight_desktopskeleton_stripitems {
background-color: rgba(0, 0, 0, 0.2);
height: 65px;
margin: 6px 0px
}
.gamehighlight_desktopskeleton_stripscrollbar {
background-color: rgba(0, 0, 0, 0.2);
height: 18px
}
.gamehighlight_gamepadskeleton {
position: relative;
overflow: hidden;
box-sizing: border-box;
max-height: unset;
width: calc(100% + var(--gpSpace-Gutter) + 8px);
margin-left: calc(var(--gpSpace-Gutter)* -1);
padding: 10px 0px 8px 0px
}
.gamehighlight_gamepadskeleton_inner {
position: relative;
display: flex;
flex-direction: row;
gap: 12px;
overflow-x: scroll;
overflow-y: hidden;
scroll-snap-type: x mandatory;
padding-left: var(--gpSpace-Gutter);
margin-right: 8px
}
.gamehighlight_gamepadskeleton_item {
width: 94%;
min-width: 94%;
scroll-snap-align: center;
aspect-ratio: 16 / 9;
background-color: rgba(0, 0, 0, 0.2)
}
.highlight_player_item {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center
}
.screenshot_holder {
display: flex;
height: 100%;
flex-direction: column;
justify-content: center
}
.highlight_player_item img {
width: 100%;
display: block
}
.highlight_player_item.tall img {
width: auto;
height: 100%;
display: inline-block
}
.highlight_overflow {
overflow: hidden;
margin-right: 16px;
position: relative
}
#highlight_strip {
margin-top: 4px;
position: relative;
height: 69px;
margin-bottom: 4px;
z-index: 40
}
#highlight_strip_scroll {
position: absolute
}
.highlight_strip_item {
float: left;
height: 65px;
width: 116px;
cursor: pointer;
text-align: center;
margin: 2px;
background-color: #000000;
position: relative
}
.highlight_strip_item img.movie_thumb {
width: 116px;
height: 65px
}
.highlight_movie_marker {
position: absolute;
top: 16px;
left: 42px;
width: 32px;
height: 32px;
background-image: url(/public/images/v5/ico_game_highlight_video.png )
}
.highlight_strip_item.focus {
margin: 0px;
border: 3px solid #d6d7d8
}
.highlight_flash_player_notice {
padding: 120px 40px 0px 40px;
font-size: 16px;
color: #B0AEAC
}
.highlight_flash_player_notice a {
color: #ffffff;
text-decoration: underline
}
.glance_ctn {
padding: 0px 0px 0px 0px
}
.glance_ctn .release_date .date,
.glance_ctn .responsive_reviewdesc {
color: #8f98a0
}
.glance_ctn .release_date .date {
max-height: 30px;
overflow: hidden
}
.glance_ctn .release_date {
padding-top: 9px;
padding-bottom: 13px
}
.glance_ctn .user_reviews {
font-size: 12px;
color: var(--summary-title-text-color);
margin-top: 10px
}
.glance_ctn .dev_row .subtitle,
.glance_ctn .release_date .subtitle,
.glance_ctn .user_reviews .title {
color: var(--summary-title-text-color)
}
.glance_ctn .more_btn {
padding: 0px 4px;
color: #67c1f5;
border-radius: 2px;
background-color: rgba(103, 193, 245, 0.2);
cursor: pointer;
margin: 0 8px 0 3px;
height: 15px
}
.glance_ctn .more_btn:hover {
background: -webkit-linear-gradient(150deg, #67c1f5 5%, #417a9b 95%);
background: linear-gradient(-60deg, #67c1f5 5%, #417a9b 95%)
}
.glance_ctn .user_reviews_summary_row,
.glance_ctn .dev_row,
.glance_ctn .release_date {
display: flex;
line-height: 16px;
color: inherit
}
.glance_ctn .user_reviews_summary_row .column,
.glance_ctn .dev_row .column,
.glance_ctn .release_date .column {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.glance_ctn .user_reviews .subtitle,
.glance_ctn .subtitle {
text-transform: uppercase;
font-size: 10px;
padding-right: 10px;
min-width: 94px
}
.game_header_image_ctn {
margin-bottom: 7px
}
img.game_header_image {
width: 292px;
height: 136px
}
img.game_header_image_full {
width: 324px;
height: 151px
}
.game_description_snippet {
overflow: hidden;
font-size: 13px;
line-height: 18px;
padding-right: 16px;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical
}
.item .item_description_snippet {
margin-bottom: 20px;
font-size: 15px;
overflow: hidden
}
.glance_details p {
line-height: 20px;
padding-right: 12px
}
.glance_details img {
border: 1px solid rgba(0, 0, 0, 0)
}
.glance_details img:hover {
border: 1px solid rgba(103, 193, 245, 0.5)
}
.game_area_bubble {
margin-bottom: 2px;
font-size: 13px;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
}
.game_area_bubble .content {
overflow: hidden;
padding: 8px 16px 12px 16px
}
.game_area_bubble h1 {
font-size: 24px;
font-weight: normal;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
}
.game_area_comingsoon {
color: #d5d6d8;
margin-bottom: 28px;
background: -moz-linear-gradient(-60deg, rgba(64, 120, 152, 0.4) 10%, rgba(102, 192, 244, 0.4) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(10%, rgba(64, 120, 152, 0.4)), color-stop(100%, rgba(102, 192, 244, 0.4)));
background: -webkit-linear-gradient(-60deg, rgba(64, 120, 152, 0.4) 10%, rgba(102, 192, 244, 0.4) 100%);
background: -o-linear-gradient(-60deg, rgba(64, 120, 152, 0.4) 10%, rgba(102, 192, 244, 0.4) 100%);
background: -ms-linear-gradient(-60deg, rgba(64, 120, 152, 0.4) 10%, rgba(102, 192, 244, 0.4) 100%);
background: linear-gradient(135deg, rgba(64, 120, 152, 0.4) 10%, rgba(102, 192, 244, 0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66407898', endColorstr='#6667c1f5', GradientType=1);
box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4);
border-radius: 4px
}
.game_area_comingsoon p {
color: #67c1f5
}
.game_area_dlc_bubble {
color: #d5d6d8;
background: -moz-linear-gradient(-60deg, rgba(72, 23, 70, 0.8) 10%, rgba(165, 84, 177, 0.8) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(10%, rgba(72, 23, 70, 0.8)), color-stop(100%, rgba(165, 84, 177, 0.8)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-60deg, rgba(72, 23, 70, 0.8) 10%, rgba(165, 84, 177, 0.8) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-60deg, rgba(72, 23, 70, 0.8) 10%, rgba(165, 84, 177, 0.8) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-60deg, rgba(72, 23, 70, 0.8) 10%, rgba(165, 84, 177, 0.8) 100%);
/* IE10+ */
background: linear-gradient(135deg, rgba(72, 23, 70, 0.8) 10%, rgba(165, 84, 177, 0.8) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc481746', endColorstr='#cca554b1', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.game_area_dlc_bubble ul {
margin-left: 16px
}
.dlc_dependency_items_ctn {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-top: 22px;
margin-bottom: 8px
}
.dlc_dependency_items_ctn .store_capsule {
width: 100%
}
.dlc_dependency_item {
position: relative;
width: 100%;
max-width: 160px
}
.dlc_dependency_position {
position: absolute;
z-index: 1;
top: -16px;
width: 100%;
display: flex;
flex-direction: row;
justify-content: center
}
.dlc_dependency_callout {
position: relative;
color: white;
font-size: 11px;
background: #A655B2;
border-radius: 2px;
padding: 2px 6px;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4)
}
.dlc_dependency_separator {
font-size: 22px;
font-weight: 500;
color: white;
margin: 0 10px
}
.game_area_soundtrack_bubble {
background: -webkit-linear-gradient(30deg, #9d2f52 5%, #ce7e94 95%);
background: linear-gradient(60deg, #9d2f52 5%, #ce7e94 95%)
}
.game_area_soundtrack_bubble h1 {
color: #f6e0e0;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25)
}
.game_area_soundtrack_bubble p {
color: #eec4c4;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25)
}
.game_area_soundtrack_bubble p a {
color: #eec4c4;
text-decoration: underline
}
.game_area_soundtrack_bubble p a:hover {
color: white
}
.game_area_mod_bubble {
color: #d5d6d8;
background: -moz-linear-gradient(-45deg, rgba(190, 150, 25, 0.6) 10%, rgba(224, 177, 29, 0.8) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(10%, rgba(190, 150, 25, 0.6)), color-stop(100%, rgba(224, 177, 29, 0.8)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(190, 150, 25, 0.6) 10%, rgba(224, 177, 29, 0.8) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(190, 150, 25, 0.6) 10%, rgba(224, 177, 29, 0.8) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(190, 150, 25, 0.6) 10%, rgba(224, 177, 29, 0.8) 100%);
/* IE10+ */
background: linear-gradient(135deg, rgba(190, 150, 25, 0.6) 10%, rgba(224, 177, 29, 0.8) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99be9619', endColorstr='#cce0b11d', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.game_area_dlc_bubble a {
color: #c3c1c0;
text-decoration: underline
}
.game_area_mod_bubble a {
color: #d5d6d8;
text-decoration: underline
}
.game_area_comingsoon .content {
overflow: visible;
padding-left: 16px;
padding-top: 12px;
min-height: 38px;
position: relative
}
.game_area_comingsoon .wishlist_add_reminder {
min-height: 32px;
padding: 16px;
color: #90a0ad;
display: flex;
flex-direction: row;
justify-content: space-between;
background: -moz-linear-gradient(-60deg, rgba(15, 28, 36, 0.4) 10%, rgba(0, 0, 0, 0.4) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(10%, rgba(15, 28, 36, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.4)));
background: -webkit-linear-gradient(-60deg, rgba(15, 28, 36, 0.4) 10%, rgba(0, 0, 0, 0.4) 100%);
background: -o-linear-gradient(-60deg, rgba(15, 28, 36, 0.4) 10%, rgba(0, 0, 0, 0.4) 100%);
background: -ms-linear-gradient(-60deg, rgba(15, 28, 36, 0.4) 10%, rgba(0, 0, 0, 0.4) 100%);
background: linear-gradient(135deg, rgba(15, 28, 36, 0.4) 10%, rgba(0, 0, 0, 0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f1c2466', endColorstr='#00000066', GradientType=1)
}
.wishlist_add_reminder a>span {
white-space: nowrap
}
.wishlist_note {
line-height: 15px
}
.game_area_comingsoon h1 {
font-size: 24px;
font-weight: normal;
color: #d5d6d8;
line-height: 28px;
max-height: 54px;
overflow: hidden
}
.game_area_comingsoon .not_yet {
color: #90aabb
}
.notice_box_content {
border: 1px solid #a25024;
border-radius: 3px;
width: 584px;
color: #acb2b8;
font-size: 14px;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
padding: 15px 15px;
margin-bottom: 15px
}
.widestore .notice_box_content {
width: auto
}
.notice_box_content b {
font-weight: normal;
color: #f47b20
}
.notice_box_content strong {
font-weight: normal;
font-family: "Motiva Sans", Sans-serif;
font-weight: 500;
/* medium */
}
.notice_box_content_blue_box {
color: #67c1f5;
font-size: 14px;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
padding: 15px 15px;
margin-bottom: 15px;
background: -moz-linear-gradient(-60deg, rgba(39, 67, 88, 1) 0%, rgba(54, 95, 125, 0.3) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(39, 67, 88, 0.8)), color-stop(100%, rgba(54, 95, 125, 0.3)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-60deg, rgba(39, 67, 88, 1) 0%, rgba(54, 95, 125, 0.3) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-60deg, rgba(39, 67, 88, 1) 0%, rgba(54, 95, 125, 0.3) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-60deg, rgba(39, 67, 88, 1) 0%, rgba(54, 95, 125, 0.3) 100%);
/* IE10+ */
background: linear-gradient(135deg, rgba(39, 67, 88, 1) 0%, rgba(54, 95, 125, 0.3) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#274358ff', endColorstr='#365f7dff', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.notice_box_content_blue_box b {
font-size: 18px;
font-weight: normal;
color: #f47b20
}
.notice_box_content_blue_box strong {
font-size: 18px;
font-weight: normal;
color: #ffffff;
font-family: "Motiva Sans", Sans-serif;
font-weight: 500;
/* medium */
}
.franchise_notice {
display: block;
position: relative;
height: 54px;
color: #ffffff;
font-size: 16px;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
margin-bottom: 15px;
border-radius: 6px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
overflow: hidden
}
.franchise_notice>div {
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute
}
.franchise_notice .background_image {
z-index: -1
}
.franchise_notice:hover .background_image {
transform: scale(1.1)
}
.franchise_notice .franchise_name {
position: unset;
padding: 12px
}
.franchise_notice:hover .franchise_name {
color: #ffffff
}
.franchise_notice .franchise_highlight {
height: 54px;
transition: box-shadow 0.5s ease, transform 0.5s ease;
box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.2)
}
.franchise_notice:hover .franchise_highlight {
box-shadow: inset 0 0 10px rgba(255, 255, 255, 1)
}
.notice_box_warning_text {
color: #ffcc6a;
padding-top: 10px;
font-size: 12px
}
.subscription_page_region_restriction {
margin-top: 15px
}
.game_area_purchase_game,
.game_area_offsite_purchase {
position: relative;
background: -webkit-linear-gradient(150deg, rgba(226, 244, 255, 0.3) 5%, rgba(84, 107, 115, 0.3) 95%);
background: linear-gradient(-60deg, rgba(226, 244, 255, 0.3) 5%, rgba(84, 107, 115, 0.3) 95%);
border-radius: 4px;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
font-size: 13px;
color: #c6d4df;
padding: 16px;
padding-bottom: 26px;
margin-bottom: 28px
}
.game_area_purchase_game.pt_active {
background: -webkit-linear-gradient(30deg, rgba(117, 176, 34, 0.7) 5%, rgba(88, 138, 27, 0.6) 95%);
background: linear-gradient(60deg, rgba(117, 176, 34, 0.7) 5%, rgba(88, 138, 27, 0.6) 95%);
color: #d0e3ba
}
.game_area_purchase_game.game_area_purchase_game_dropdown_subscription {
position: relative
}
.game_area_purchase_game_dropdown_banner {
position: absolute;
top: -15px;
left: 0
}
.game_area_purchase_game.free_weekend {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#acdbf5+0,ffffff+100&0.5+0,0.5+100 */
background: -moz-linear-gradient(-45deg, rgba(172, 219, 245, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(172, 219, 245, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(172, 219, 245, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80acdbf5', endColorstr='#80ffffff', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
color: #eeeeee;
margin-bottom: 50px;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5)
}
.game_area_purchase_game.demo_above_purchase {
margin-bottom: 50px;
background: -webkit-linear-gradient(30deg, rgba(117, 176, 34, 0.7) 5%, rgba(88, 138, 27, 0.6) 95%);
background: linear-gradient(60deg, rgba(117, 176, 34, 0.7) 5%, rgba(88, 138, 27, 0.6) 95%);
box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4);
border-radius: 4px
}
.game_area_purchase_game_wrapper.bundle_hidden_by_preferences {
margin-bottom: 10px
}
.bundle_hidden_by_preferences .game_area_purchase_game {
padding: 10px
}
.bundle_hidden_by_preferences a {
color: #b0aeac
}
.game_area_purchase_game_dropdown_description {
padding-top: 5px
}
.game_area_purchase_game_dropdown_description a {
text-decoration: underline
}
.game_area_purchase_game_dropdown_left_panel {
height: 40px;
position: absolute;
bottom: -17px;
left: 16px
}
.game_area_purchase_game_dropdown_left_panel div.discount_pct {
float: left;
position: relative;
height: 32px;
min-width: 69px;
text-align: center;
line-height: 34px;
font-size: 18px;
margin-left: 3px;
padding-left: 10px;
padding-right: 10px
}
.game_area_purchase_game_dropdown_right_panel {
height: 40px;
position: absolute;
bottom: -17px;
right: 16px
}
.game_area_purchase_game_dropdown_panel {
float: left;
margin-left: 3px
}
.game_area_purchase_game_dropdown_selection {
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
cursor: pointer;
float: left;
position: relative;
height: 34px;
text-align: left;
line-height: 34px;
padding-left: 10px;
padding-right: 10px;
background-color: #000000;
color: #ffffff
}
.game_area_purchase_game_dropdown_menu_container {
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
z-index: 100;
top: 0px;
position: absolute;
background-color: #546270;
border-radius: 3px;
margin-top: 0px;
margin-left: 0px;
padding: 3px;
box-shadow: 0 0 10px #000;
box-sizing: border-box
}
.game_area_purchase_game_dropdown_menu_items_container {
width: 100%
}
.game_area_purchase_game_dropdown_menu_items_container_background {
background-position: right;
background-repeat: repeat-y;
background-image: url('/public/images//v5/subscription_savings_bg.png')
}
.game_area_purchase_game_dropdown_menu_item_no_discount {
background-color: #546270
}
.game_area_purchase_game_dropdown_menu_items_container tr {
cursor: pointer;
height: 35px;
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
padding-bottom: 3px;
color: #ffffff
}
.game_area_purchase_game_dropdown_menu_items_container tr:hover {
background-color: #8894a0
}
.game_area_purchase_game_dropdown_menu_item_text {
border-top: 1px solid rgb(38, 38, 38);
border-bottom: 1px solid rgb(38, 38, 38);
border-left: 2px solid rgb(38, 38, 38);
padding-left: 10px;
padding-right: 10px
}
.game_area_purchase_game_dropdown_menu_items_container tr:first-child td {
border-top: 2px solid rgb(38, 38, 38) !important
}
.game_area_purchase_game_dropdown_menu_items_container tr:last-child td {
border-bottom: 2px solid rgb(38, 38, 38) !important
}
.game_area_purchase_game_dropdown_menu_item_savings {
border-top: 1px solid rgb(38, 38, 38);
border-bottom: 1px solid rgb(38, 38, 38);
border-right: 2px solid rgb(38, 38, 38);
min-width: 50px;
color: #a3ce08;
font-weight: 600;
font-size: 14px;
padding-right: 8px
}
.game_area_purchase_game_dropdown_right_panel .btn_addtocart {
float: right
}
/* if the wrapper is used instead, let the wrapper set margin-bottom instead of the game_area_purchase_game */
.game_area_purchase_game_wrapper {
margin-bottom: 28px;
position: relative
}
.game_area_purchase_game_wrapper .game_area_purchase_game {
margin-bottom: 0px
}
.game_area_purchase_game_wrapper .game_area_purchase_game p:last-of-type {
margin-bottom: 8px
}
.game_area_purchase_game_wrapper.bundle .bundleTag,
.game_area_purchase_game.bundle .bundleTag {
color: #a4d7f5;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
font-size: 15px;
margin-left: 3px
}
.game_area_purchase_game_wrapper.bundle .bundleTag .bundleHelper,
.game_area_purchase_game.bundle .bundleTag .bundleHelper {
color: #838383;
font-size: 12px;
cursor: pointer
}
.game_area_purchase_game_wrapper .purchase_type_header_wrapper {
display: flex;
position: relative;
margin-left: 16px;
z-index: 2;
margin-bottom: -12px
}
.game_area_purchase_game_wrapper .purchase_type_header_wrapper .advanced_access_header {
background: #E5CC8B;
color: #1B2838;
font-family: "Motiva Sans", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.6px;
padding: 1px 7px 1px 4px;
text-transform: uppercase
}
.game_area_purchase_game_wrapper .purchase_type_header_wrapper .advanced_access_header_start {
background: #7A7058;
color: #E5CC8B;
font-family: "Motiva Sans", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.6px;
padding: 1px 7px 1px 6px
}
.game_area_purchase_game_wrapper .advanced_access_start_desc {
color: #E5CC8B;
font-family: "Motiva Sans", sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 16px
}
.game_area_purchase_game_wrapper .advanced_access_start_desc a {
text-decoration: underline;
color: #E5CC8B
}
.game_area_purchase_game_wrapper .advanced_access_start_desc a:hover {
text-decoration: underline;
color: white
}
.game_area_purchase_game_wrapper .purchase_type_header_wrapper .limited_launch_header {
background: #BFBFBF;
color: #1B2838;
box-shadow: 1px 1px 2px #000000;
font-family: "Motiva Sans", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.6px;
padding: 1px 7px 1px 4px;
text-transform: uppercase
}
.game_area_purchase_game_wrapper .purchase_type_header_wrapper .limited_launch_header_start {
background: #7D7D7D;
color: #D7D7D7;
box-shadow: 1px 1px 2px #000000;
font-family: "Motiva Sans", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.6px;
padding: 1px 7px 1px 6px
}
.game_area_purchase_game_wrapper.bundle .game_area_purchase_game b {
color: #a4d7f5
}
.game_area_purchase_game .game_area_purchase_platform {
float: right;
display: flex;
flex-direction: row;
gap: 6px
}
.game_area_purchase_game h1,
.game_area_offsite_purchase h1,
.game_area_purchase_game h2.title.title {
font-size: 21px;
line-height: 23px;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
color: #ffffff;
font-weight: normal;
text-transform: unset;
letter-spacing: inherit;
margin: 0;
padding: 0;
background-image: unset
}
.game_area_purchase_game b,
.game_area_offsite_purchase b {
font-weight: normal;
color: #8bc53f
}
.game_area_purchase_game p.package_contents,
.game_area_offsite_purchase p.package_contents {
color: #8f98a0
}
.game_area_purchase_game div.package_contents_capsules_ctn {
background: rgba(0, 0, 0, 0.5);
padding: 6px;
display: block;
margin-left: -6px;
line-height: 0;
position: relative
}
.game_area_purchase_game div.package_contents_capsules {
overflow-x: clip;
white-space: nowrap
}
div.package_contents_capsule:hover {
z-index: 100 !important;
box-shadow: -5px 0 10px 1px black, 5px 0 10px 1px black !important;
overflow: show
}
div.package_contents_capsule a {
display: inline-block;
height: 45px;
width: 120px;
overflow: hidden;
background: black
}
.game_area_purchase_game div.package_contents_capsule {
position: relative;
display: inline-block
}
.game_area_purchase_game div.package_contents_capsules.package_contents_collapsed::after {
z-index: 30;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background: linear-gradient(to right, rgba(0, 0, 0, 0) 90%, #000 100%)
}
.game_area_purchase_game div.package_contents_collapsed.package_contents_capsules div.package_contents_capsule:not(:first-child) {
margin-left: -34px
}
.game_area_purchase_game div.package_contents_collapsed.package_contents_capsules div.package_contents_capsule {
box-shadow: 2px 0 5px 0px #000000
}
.game_area_purchase_game p.package_contents a,
.game_area_offsite_purchase p.package_contents a {
color: #b0aeac
}
a.package_contents_show_more_link,
a.package_contents_show_less {
cursor: pointer
}
.package_contents.package_contents_collapsed .package_contents_overflow {
display: none
}
.package_contents.package_contents_collapsed .package_contents_show_more {
display: inline
}
.package_contents:not(.package_contents_collapsed) .package_contents_overflow {
display: inline
}
.game_area_purchase_game p.package_contents a.package_contents_show_less {
color: #ffffff;
padding-left: 8px
}
.game_area_purchase_game p.package_contents .package_contents_show_more a {
color: #ffffff
}
.package_contents:not(.package_contents_collapsed) .package_contents_show_more {
display: none
}
.game_purchase_action {
/* height: 40px;
*/
}
.game_area_purchase_game .game_purchase_action,
.game_area_comingsoon .game_purchase_action,
.game_area_offsite_purchase .game_purchase_action {
position: absolute;
right: 16px;
bottom: -17px;
left: 16px;
/* overflow-x: auto;
*/
white-space: nowrap;
text-align: right
}
.gameDlcBlocks #dlc_purchase_action {
float: right
}
.game_purchase_action_bg {
height: 32px;
vertical-align: bottom;
display: inline-block;
/* background-color: rgba(0,0,0,0.5);
*/
background-color: #000000;
padding: 2px 2px 2px 0px;
border-radius: 2px;
-moz-border-radius: 2px;
white-space: nowrap;
font-size: 0
}
.game_purchase_action_bg>* {
font-size: 12px;
display: inline-block;
margin-left: 2px;
vertical-align: middle
}
.game_purchase_action_bg>.discount_pct {
display: inline-block;
height: 32px;
line-height: 32px;
font-size: 25px;
text-align: center;
overflow: hidden;
padding: 0 6px
}
.game_purchase_action_bg>.discount_prices {
margin: 0 8px
}
.game_purchase_action_qty {
height: 32px;
display: inline-block;
background-color: #000000;
padding: 2px 2px 2px 0px;
border-radius: 2px;
-moz-border-radius: 2px;
white-space: nowrap;
font-size: 0
}
.game_purchase_action_qty>* {
font-size: 12px;
display: inline-block;
margin-left: 2px;
vertical-align: middle
}
.game_purchase_qty_val {
position: relative;
display: inline-block;
padding-right: 12px
}
.game_purchase_action_qty .quantity {
font-size: 12px;
width: 45px;
background-color: #3c3d3e;
border-color: #000000;
border: none;
color: #b0aeac
}
.game_purchase_action_qty .btn_quantity_update {
font-size: 12px;
width: 45px;
background-color: #3c3d3e;
border-color: #000000;
border: none;
border-radius: 2px;
color: #D2E885;
cursor: pointer;
background: linear-gradient(to bottom, rgba(121, 153, 5, 1) 5%, rgba(83, 105, 4, 1) 95%);
padding: 1px;
display: none;
position: absolute;
bottom: -22px;
left: 0px
}
.game_purchase_action .game_purchase_price {
background-color: #000000;
font-size: 13px;
padding-top: 8px;
padding-left: 12px;
padding-right: 12px;
height: 24px
}
#widget .game_purchase_action .game_purchase_price {
color: #c6d4df
}
.game_purchase_price {
position: relative
}
.game_purchase_action .game_purchase_qty {
background-color: #000000;
font-size: 13px;
padding-top: 8px;
padding-left: 12px;
padding-right: 12px;
height: 24px
}
.game_purchase_discount_countdown {
margin-bottom: 0px
}
.game_purchase_discount_countdown_pricehistorygrid {
display: flex;
flex-direction: column-reverse;
justify-content: start;
margin-top: 1px
}
.game_purchase_price_history {
border-spacing: 1px 1px;
margin-right: 6px;
border-radius: 6px;
overflow: hidden
}
.game_purchase_price_history tr span {
vertical-align: text-top
}
.game_purchase_price_history tr span img {
display: inline-block
}
.game_purchase_price_history td {
padding-left: 6px;
padding-right: 20px;
background-color: #67788980
}
.game_purchase_price_history td.normal_price {
color: #ffffff
}
.game_purchase_price_history thead {
color: #b4bdc9;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.5px
}
.game_purchase_price_history tbody {
color: rgb(161, 204, 8)
}
.game_purchase_discount_quantity {
color: #7cb8e4
}
.game_purchase_masterdiscount_description {
color: #8f98a0
}
.game_purchase_masterdiscount_description b {
font-weight: normal;
color: #8bc53f
}
.game_purchase_masterdiscount_description a {
text-decoration: underline;
font-weight: normal;
color: #acb5be
}
.game_area_purchase_not_refundable,
.game_area_purchase_custom_cart_credit {
height: 26px;
padding: 25px 16px 0px 0px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #acb5be;
text-align: right;
background: -webkit-linear-gradient(-60deg, rgba(226, 244, 255, 0.2) 0%, rgba(97, 100, 101, 0.2) 100%);
background: linear-gradient(-60deg, rgba(226, 244, 255, 0.2) 0%, rgba(97, 100, 101, 0.2) 100%)
}
.game_area_purchase_custom_cart_credit {
height: 40px;
text-align: center
}
.game_area_purchase_custom_cart_credit,
.game_area_purchase_asterisk {
color: #ffcc6a
}
.game_area_purchase_not_refundable a {
font-size: 12px;
color: #acb5be;
text-decoration: underline
}
.btn_addtocart {
position: relative
}
.btn_addtocart .btn_addtocart_left,
.btn_addtocart .btn_addtocart_right {
position: absolute;
width: 2px;
height: 34px;
top: 0px;
background-image: url(/public/images/v5/btn_addtocart_corners.gif )
}
.btn_addtocart.btn_packageinfo .btn_addtocart_left,
.btn_addtocart.btn_packageinfo .btn_addtocart_right {
background-image: url(/public/images/v5/btn_packageinfo_corners.gif )
}
.btn_addtocart.btn_addtocart_blue .btn_addtocart_left,
.btn_addtocart.btn_addtocart_blue .btn_addtocart_right {
background-image: url(/public/images/v5/btn_addtocart_blue_corners.jpg )
}
.btn_addtocart.btn_clickfordetails .btn_addtocart_left,
.btn_addtocart.btn_clickfordetails .btn_addtocart_right {
background-image: url(/public/images/v5/btn_clickfordetails_corners.gif )
}
.btn_addtocart .btn_addtocart_left {
background-position: left;
left: 0px
}
.btn_addtocart .btn_addtocart_right {
background-position: right;
right: 0px
}
.btn_addtocart a.btn_addtocart_content,
.btn_addtocart span.btn_addtocart_content {
display: inline-block;
height: 34px;
font-size: 11px;
color: #ffffff;
text-align: center;
padding: 0px 11px;
line-height: 34px;
background-image: url(/public/images/v5/btn_addtocart_repeat.gif );
background-repeat: repeat-x;
text-transform: uppercase;
min-width: 80px
}
.btn_addtocart span.btn_addtocart_content {
cursor: pointer
}
.btn_addtocart.btn_packageinfo a.btn_addtocart_content,
.btn_addtocart.btn_packageinfo span.btn_addtocart_content {
background-image: url(/public/images/v5/btn_packageinfo_repeat.gif )
}
.btn_addtocart.btn_addtocart_blue a.btn_addtocart_content {
background-image: url(/public/images/v5/btn_addtocart_blue_repeat.jpg )
}
.btn_addtocart.btn_clickfordetails a.btn_addtocart_content {
background-image: url(/public/images/v5/btn_clickfordetails_repeat.gif )
}
.btn_addtocart a.btn_addtocart_content:hover {
text-decoration: none
}
.game_purchase_discount {
height: 32px;
overflow: hidden
}
.game_purchase_discount .discount_pct,
.game_purchase_discount .bundle_base_discount {
display: inline-block;
height: 32px;
line-height: 32px;
font-size: 25px;
text-align: center;
overflow: hidden;
padding: 0 6px
}
.game_purchase_discount:not(.no_discount) .bundle_base_discount {
font-size: 16px
}
.game_purchase_discount .discount_prices {
display: inline-block;
position: relative;
vertical-align: top;
height: 32px
}
.game_purchase_discount .discount_original_price {
position: absolute;
left: 76px;
top: 2px;
font-size: 11px
}
/* this is not absolutely positioned, so the div sizes to this */
.game_purchase_discount .discount_final_price {
padding-left: 8px;
padding-top: 13px;
padding-right: 6px;
font-size: 14px
}
.game_purchase_discount .generic_discount .discount_final_price {
padding-top: 9px
}
.discount_icon img {
display: block
}
.game_purchase_discount.suppress_discount_pct .discount_original_price,
.game_purchase_discount.suppress_discount_pct .discount_final_price {
margin-left: 4px
}
.game_purchase_discount.small {
height: 28px
}
.game_purchase_discount.small .discount_pct {
position: absolute;
left: 0px;
width: 58px;
height: 28px;
line-height: 34px;
font-size: 20px;
text-align: center
}
.game_purchase_discount.small .discount_original_price {
position: absolute;
left: 68px;
top: 2px;
font-size: 9px
}
.game_purchase_discount.small .discount_final_price {
padding-left: 68px;
padding-top: 13px;
padding-right: 6px;
font-size: 11px
}
.game_description_column h2,
.recommendation_bodytext h2 {
line-height: 26px;
font-weight: bold;
font-size: 14px;
color: #FFFFFF;
background-image: url(/public/images/v6/maincol_gradient_rule.png );
background-repeat: no-repeat;
background-position: bottom left;
margin-bottom: 1px
}
body.v6 .game_description_column .game_page_autocollapse.sys_req h2 {
margin-bottom: 0px
}
.game_description_column h2.no_margin {
margin-bottom: 0px
}
body.v6 .game_description_column h2.gradientbg {
margin-bottom: 1px
}
.game_description_column h2.package_group {
padding-top: 20px
}
.purchase_area_spacer {
height: 2px
}
.game_description_column {
font-size: 14px;
color: #acb2b8;
margin-top: 16px
}
.game_description_column .block {
margin-top: 40px;
margin-bottom: 16px
}
.game_description_column .block .right {
margin-right: 3px
}
.game_description_column .block .block_header h4 {
padding-bottom: 3px;
background-image: url('/public/images/v6/maincol_gradient_rule.png');
background-repeat: no-repeat;
background-position: bottom left
}
.game_description_column .block .block_header h4 .subh4 {
color: #8f98a0;
font-size: 15px
}
.game_description_column .block .block_header .right a {
float: right;
background-color: rgba(103, 193, 245, 0.2);
border-radius: 1px;
color: #67c1f5;
font-size: 11px;
padding: 2px 4px
}
.game_description_column .block .block_header .right a:hover {
text-decoration: none;
color: #ffffff;
background: #67c1f5;
/* Old browsers */
background: -moz-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #67c1f5), color-stop(100%, #417a9b));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* IE10+ */
background: linear-gradient(135deg, #67c1f5 0%, #417a9b 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67c1f5', endColorstr='#417a9b', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.game_description_column .block .block_content a {
background-color: rgba(0, 0, 0, 0.2);
float: left;
padding: 15px;
height: 100px;
margin-right: 2px;
border: 1px solid rgba(0, 0, 0, 0)
}
.game_description_column .block .discount_block .discount_prices {
display: flex;
flex-direction: row
}
.game_description_column .block .block_content a:hover {
text-decoration: none;
border: 1px solid rgba(103, 193, 245, 0.5)
}
.game_description_column .block .block_content .small_cap_img {
width: 171px
}
.game_description_column .block .block_content a h4 {
font-size: 13px;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
font-weight: normal;
color: #8f98a0;
width: 171px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin-bottom: 0px
}
.game_area_description_bodylabel {
color: #8f98a0;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
font-size: 13px;
line-height: 18px;
margin-bottom: 4px
}
.game_area_description {
line-height: 1.5em;
font-size: 14px;
margin-top: 30px;
overflow: hidden;
width: 616px;
max-width: 100%;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
}
.game_area_description.overflow_allowed {
overflow: visible
}
.game_area_description p {
margin-bottom: 8px
}
.game_area_description p strong,
.game_area_description strong {
font-family: "Motiva Sans", Sans-serif;
font-weight: bold;
/* bold */
}
.game_area_description p.bb_paragraph {
min-height: .15em;
line-height: 1.5em;
margin: 0.5em 0
}
.game_area_description h2 {
margin-bottom: 6px
}
.game_area_description .bb_img_ctn {
position: relative;
display: inline-block
}
.game_area_description .bb_img {
max-width: 100%
}
.bb_img {
height: auto
}
.game_area_description .bb_img_icons {
position: absolute;
display: flex;
flex-direction: row;
top: 8px;
right: 8px;
align-items: center;
justify-content: center;
gap: 8px
}
.game_area_description .bb_img_play_pause {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background: rgba(0, 0, 0, 0.5);
color: white;
border-radius: 50%;
user-select: none;
opacity: 0;
transition: opacity 0.2s ease;
img {
transition: margin-left 0.2s ease
}
.game_area_description .bb_img_play_pause.paused {
opacity: 1;
img {
margin-left: 3px;
}
}
.game_area_description .bb_img_ctn:hover .bb_img_play_pause.playing,
.game_area_description .bb_img_ctn .bb_img_play_pause.playing.gpfocus {
opacity: 1
}
.game_area_description .bb_img_play_pause[data-tooltip][data-tooltip-visible="true"]:hover::after {
content: attr(data-tooltip);
position: absolute;
bottom: 120%;
right: 0;
background: rgba(0, 0, 0, 0.8);
color: white;
padding: 4px 8px;
font-size: 12px;
border-radius: 4px;
white-space: nowrap;
max-width: 600px;
min-width: 300px;
white-space: normal;
word-wrap: break-word;
z-index: 10
}
/* default hidden play icon */
.game_area_description .bb_img_expand {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
line-height: 1;
font-size: 18px;
font-weight: bold;
background: rgba(0, 0, 0, 0.5);
color: white;
border-radius: 50%;
user-select: none;
opacity: 0;
transition: opacity 0.2s ease;
cursor: pointer
}
.game_area_description .bb_img_ctn:hover .bb_img_expand,
.game_area_description .bb_img_ctn .bb_img_expand.gpfocus {
opacity: 1;
pointer-events: auto
}
body.v6 .game_area_description h2.bb_tag {
margin-top: 18px;
margin-bottom: 0px;
background-image: none;
font-size: 15px;
color: #2f89bc;
text-transform: none;
letter-spacing: 0px
}
body.v6 .game_area_description h2.bb_tag strong {
font-family: "Motiva Sans", Sans-serif;
font-weight: 500;
/* medium */
}
#game_area_reviews {
font-size: 12px;
margin-top: 30px
}
#game_area_reviews i,
#game_area_reviews blockquote {
display: block;
color: #ffffff;
font-size: 14px;
text-transform: none
}
#game_area_reviews i i,
#game_area_reviews blockquote i {
display: inline;
font-style: normal
}
#game_area_reviews em {
text-transform: uppercase;
font-style: normal;
font-weight: normal
}
#game_area_reviews p {
margin-bottom: 12px
}
.sys_req {
margin-top: 30px
}
#game_area_legal {
color: #566168;
font-size: 11px;
margin-bottom: 10px;
margin-top: 20px
}
.game_area_dlc_excluded_by_preferences {
color: #a8b2ba;
font-size: 12px;
position: relative;
padding: 4px;
margin-bottom: 5px
}
.game_area_dlc_excluded_by_preferences>a {
text-decoration: underline;
color: #a8b2ba
}
.game_area_dlc_section {
margin-bottom: 11px;
margin-top: 60px
}
.game_area_dlc_row {
display: block;
color: #a8b2ba;
font-size: 12px;
position: relative;
padding: 4px 14px;
margin-bottom: 1px
}
.game_area_dlc_row.even {
background-color: #1a1a1a;
background: -moz-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(97, 100, 101, 0.3)), color-stop(100%, rgba(226, 244, 255, 0.3)));
background: -webkit-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
background: -o-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
background: -ms-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
background: linear-gradient(135deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d616465', endColorstr='#4de2f4ff', GradientType=1)
}
.game_area_dlc_row.odd {
background-color: #1a1a1a;
background: -moz-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(97, 100, 101, 0.3)), color-stop(100%, rgba(226, 244, 255, 0.3)));
background: -webkit-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
background: -o-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
background: -ms-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
background: linear-gradient(135deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d616465', endColorstr='#4de2f4ff', GradientType=1)
}
.game_area_dlc_row.ds_flagged .ds_flag {
top: 0;
left: 0;
height: 22px;
line-height: 22px;
background-position: -14px 6px
}
.game_area_dlc_row.ds_flagged:hover .ds_flag {
box-shadow: 0 0 2px 0 #000000
}
.game_area_dlc_price {
text-align: right;
padding-right: 5px;
position: unset;
flex-shrink: 0
}
.game_area_dlc_row.even:hover,
.game_area_dlc_row.odd:hover {
background-color: #417a9b;
text-decoration: none;
color: #ffffff
}
.game_area_dlc_row .capsule_container {
width: 184px;
height: auto
}
.game_area_dlc_row .capsule_container img {
display: block;
width: 100%
}
#dlc_footer {
margin-top: 1px;
color: #3c6180;
font-size: 10px;
text-transform: uppercase
}
#dlc_footer div.dlc_footer_element {
float: right;
padding: 5px 8px
}
.game_area_dlc_list {
margin-bottom: 11px
}
#dlc_footer #dlc_show_all_link {
color: #c5c3c2;
background: rgba(103, 193, 245, 0.1);
margin-left: 1px;
cursor: pointer;
border-radius: 1px
}
#dlc_footer #dlc_show_all_link:hover {
border-radius: 1px;
color: #ffffff;
background: #67c1f5;
/* Old browsers */
background: -moz-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #67c1f5), color-stop(100%, #417a9b));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* IE10+ */
background: linear-gradient(135deg, #67c1f5 0%, #417a9b 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67c1f5', endColorstr='#417a9b', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
/* to spec from Metacritic, please don't change - SeanJ */
#game_area_metascore .score {
width: 50px;
height: 50px;
line-height: 50px;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 25px;
text-align: center;
float: left
}
#game_area_metascore .score.high {
background-color: #66CC33
}
#game_area_metascore .score.medium {
background-color: #FFCC33
}
#game_area_metascore .score.low {
background-color: #FF0000
}
#game_area_metascore .logo {
background-image: url(/public/images/v6/mc_logo_no_text.png);
background-repeat: no-repeat;
height: 35px;
width: 35px;
margin-left: 10px;
margin-top: 10px;
float: left
}
#game_area_metascore .wordmark {
float: left;
width: 180px
}
#game_area_metascore .metacritic {
font-family: "Motiva Sans", Sans-serif;
font-weight: bold;
/* bold */
color: #FFFFFF;
margin-left: 2px;
font-size: 26px;
line-height: 26px;
margin-top: 4px;
float: left
}
#game_area_metalink {
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
padding: 0px;
position: relative;
left: 2px;
clear: left
}
.game_rating_area {
background-color: rgba(0, 0, 0, 0.3);
color: #b0aeac;
font-size: 11px;
line-height: 1.25em;
padding: 8px
}
.details_block a {
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
color: #67c1f5
}
.details_block a:hover {
color: #ffffff
}
.game_area_play_stats .details_block a {
margin-right: 8px;
font-size: 11px
}
.details_block.vrsupport {
margin-top: 10px;
margin-bottom: 4px;
color: #61686d
}
.hours_played {
color: #8f98a0;
font-size: 12px;
margin-bottom: 1px;
margin-top: 3px
}
.block.communitylink .block_content .rule {
border-color: #000000
}
.block.communitylink .block_content_inner {
padding: 8px 16px
}
.block .block_content_inner #AwardsDefault {
padding: 5px 0px
}
.block .block_content_inner #AwardsDefault img {
max-width: 276px
}
.block .block_content_inner #AwardsDefault video {
max-width: 276px
}
.block .block_content_inner p {
font-size: 12px;
color: #8f98a0;
margin-bottom: 6px
}
.communitylink .block_content {
color: #626366;
padding: 8px 0px
}
.communitylink a {
color: #b0aeac
}
.communitylink a:not(.persona):hover {
color: #ffffff
}
.communitylink p {
line-height: 20px
}
.communitylink_achievement_images {
padding: 4px 0;
display: flex;
gap: 4px;
justify-content: space-between;
overflow: hidden;
margin-bottom: 5px
}
div.communitylink_achievement,
a.communitylink_achievement {
width: calc(20% - 4px);
aspect-ratio: 1/1
}
img.communitylink_achievement {
aspect-ratio: 1/1;
width: 100%
}
a.communitylink_achievement.communitylink_achivement_plusmore,
a.communitylink_points_shop_item.communitylink_achivement_plusmore {
background-color: rgba(103, 193, 245, 0.2);
border-radius: 1px;
font-size: 13px;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
color: #67c1f5;
text-align: center;
margin-right: 0px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
line-height: 14px
}
a.communitylink_achievement.communitylink_achivement_plusmore:hover,
a.communitylink_points_shop_item.communitylink_achivement_plusmore:hover {
color: #ffffff;
text-decoration: none;
background: #67c1f5;
/* Old browsers */
background: -moz-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #67c1f5), color-stop(100%, #417a9b));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* IE10+ */
background: linear-gradient(135deg, #67c1f5 0%, #417a9b 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67c1f5', endColorstr='#417a9b', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.communitylink_points_shop_images {
padding: 4px 0;
display: flex;
gap: 4px;
justify-content: space-between;
overflow: hidden;
margin-bottom: 5px
}
.communitylink_points_shop_item {
display: flex;
width: calc(20% - 4px);
aspect-ratio: 1/1;
background-color: #000
}
.communitylink_points_shop_item img {
width: 100%;
aspect-ratio: 1/1
}
.communitylink_points_shop_item img.profile_background {
padding-top: 12px
}
.friend_blocks_twoxtwo .friend_block_holder {
float: left;
display: block;
position: relative;
width: 90px;
height: 40px;
overflow: hidden;
padding-left: 42px;
margin-bottom: 2px;
margin-right: 4px
}
.friend_block_holder.creator img,
.friend_block_holder.curator img {
width: 36px;
height: 36px
}
.friend_blocks_twoxtwo .friend_block_holder:hover {
text-decoration: none;
background: rgba(103, 193, 245, 0.1)
}
.friend_blocks_twoxtwo .friend_block_avatar,
.friend_blocks_twoxtwo .playerAvatar {
position: absolute;
top: 0;
left: 0
}
.friend_blocks_twoxtwo .friend_name {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size: 11px;
font-weight: bold;
margin-left: 2px
}
.friend_blocks_twoxtwo .friend_info {
font-size: 11px;
font-weight: normal;
margin-left: 2px
}
.friend_blocks_grid {
height: 40px;
margin-bottom: 12px;
overflow: hidden
}
.friend_blocks_grid .friend_block_holder {
float: left;
display: block;
position: relative;
width: 40px;
height: 40px;
overflow: hidden;
margin-bottom: 2px;
margin-right: 4px
}
a.friend_block_holder:hover {
text-decoration: none;
color: inherit
}
#agegate_box,
#macbeta_box {
background-color: rgba(0, 0, 0, 0.2);
text-align: center;
padding: 35px 4%
}
#macbeta_box .question {
font-weight: bold;
font-size: 12px
}
#macbeta_box {
text-align: left;
padding: 35px 40px 35px 40px;
line-height: 18px;
color: #bbbbbb
}
.indent30 {
padding-left: 30px
}
#agegate_box h2 {
font-size: 14px;
margin: 35px 0px 20px 0px
}
#agegate_disclaim {
font-size: 11px;
color: #8F98A0;
text-align: center;
margin-top: 6px
}
#agegate_box select {
padding: 2px 3px;
height: 22px;
color: #67c1f5;
background-color: rgba(103, 193, 245, 0.2);
border-radius: 2px;
border: none;
vertical-align: top
}
#agegate_box select option {
background-color: #417a9b;
color: #e5e4dc
}
#agegate_box input[type=submit] {
border: solid #82807c 1px;
padding: 2px 8px 2px 8px;
height: 24px;
background-image: url(/public/images/save_button_bg.gif);
background-color: #4f6f23;
background-repeat: repeat-x;
color: #ffffff
}
.got_steam_ctn {
background: -webkit-linear-gradient(top, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
background: linear-gradient(to bottom, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
padding: 3px;
width: 650px
}
.got_steam_box {
width: 650px;
background-color: #1a2635;
padding-top: 20px
}
.got_steam_low_block {
border-top: 1px solid rgba(0, 0, 0, 0.5);
padding: 18px 20px 0px 20px;
height: 49px;
color: #8F98A0;
font-size: 13px
}
.got_steam_box h1 {
padding-left: 20px;
font-weight: normal;
font-size: 36px;
color: #ffffff
}
.got_steam_box p {
padding-left: 20px;
color: #8F98A0;
font-size: 15px;
font-weight: normal
}
.gotsteam_buttons {
padding: 26px 20px 26px 20px
}
.gotsteam_buttons a.btn_blue h3,
.gotsteam_buttons a.btn_blue h5 {
color: #66C0F4
}
.gotsteam_buttons a.btn_blue:hover h3,
.gotsteam_buttons a.btn_blue:hover h5 {
color: #ffffff
}
.gotsteam_buttons a.btn_blue {
float: left;
background: -webkit-linear-gradient(top, rgba(102, 192, 244, 0.2) 5%, rgba(47, 137, 188, 0.2) 95%);
background: linear-gradient(to bottom, rgba(102, 192, 244, 0.2) 5%, rgba(47, 137, 188, 0.2) 95%);
width: 271px;
padding: 12px 12px 15px 12px;
border-radius: 2px
}
.gotsteam_buttons a.btn_blue:hover {
background: -webkit-linear-gradient(top, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
background: linear-gradient(to bottom, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%)
}
.gotsteam_buttons a.btn_blue.leftbtn {
margin-right: 16px
}
.gotsteam_buttons h3 {
font-size: 23px;
font-weight: normal
}
.gotsteam_buttons h5 {
font-size: 13px;
font-weight: normal
}
.gotsteam_buttons .btn_no {
float: right
}
.gotsteam_steam_ico {
float: left;
padding-right: 18px;
margin-top: -4px
}
.gotsteamModal {
width: 650px;
height: 301px;
position: absolute;
z-index: 1000;
background-color: #000000;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
}
.rightcol.game_meta_data {
margin-top: 16px;
overflow: hidden
}
.rightcol.game_meta_data .block {
background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0.65) 95%);
background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0.65) 95%);
backdrop-filter: blur(7px);
padding: 16px;
margin-bottom: 8px;
margin-top: 0
}
.rightcol.game_meta_data .action_btn {
display: inline-block;
font-size: 14px;
line-height: 34px;
padding: 0 16px;
border-radius: 1px;
color: #67c1f5;
background: #354759;
background: rgba(103, 193, 245, 0.2);
margin-right: 1px
}
.rightcol.game_meta_data .action_btn:hover {
text-decoration: none;
color: #ffffff;
background: #67c1f5;
/* Old browsers */
background: -moz-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #67c1f5), color-stop(100%, #417a9b));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* IE10+ */
background: linear-gradient(135deg, #67c1f5 0%, #417a9b 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67c1f5', endColorstr='#417a9b', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.block_responsive_horizontal_scroll.block_content {
white-space: nowrap;
width: auto
}
.block_responsive_horizontal_scroll.block_content a.small_cap {
float: none;
display: inline-block;
vertical-align: top
}
html.responsive #responsive_apppage_details_left_ctn {
float: left;
width: calc(50% - 8px);
margin-right: 8px
}
html.responsive #responsive_apppage_details_right_ctn {
overflow: hidden
}
html.responsive img.package_header {
height: auto
}
html.responsive .notice_box_content {
width: auto
}
html.responsive .item_def_icon {
max-width: 100%;
height: auto
}
html.responsive .rightcol.game_meta_data .block.recommendation_reasons {
padding-left: 30px
}
html.responsive .referring_curator {
flex-direction: column
}
html.responsive .referring_curator .curator_detail_right_ctn {
margin-top: 12px
}
html.responsive div.communitylink_achievement,
html.responsive .communitylink_points_shop_item {
width: calc(20% - 4px)
}
html.responsive .bundle .tab_item_content {
white-space: inherit
}
html.responsive .bundle .tab_item_discount {
margin-right: 10px
}
html.responsive .bundle .tab_item_discount.no_discount {
margin-top: 45px
}
html.responsive .game_area_comingsoon .wishlist_add_reminder {
display: block;
height: auto
}
html.responsive .game_area_comingsoon .wishlist_add_reminder #add_to_wishlist_area2 {
margin-top: 10px
}
html.responsive .game_area_comingsoon h1 span {
display: block
}
.DRM_notice {
color: #e1c48a;
padding: 4px 8px;
line-height: 17px;
border-radius: 1px;
margin-top: 12px;
background: -moz-linear-gradient(-45deg, rgba(130, 114, 81, 0.5) 0%, rgba(226, 197, 139, 0.5) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(130, 114, 81, 0.5)), color-stop(100%, rgba(226, 197, 139, 0.5)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(130, 114, 81, 0.5) 0%, rgba(226, 197, 139, 0.5) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(130, 114, 81, 0.5) 0%, rgba(226, 197, 139, 0.5) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(130, 114, 81, 0.5) 0%, rgba(226, 197, 139, 0.5) 100%);
/* IE10+ */
background: linear-gradient(135deg, rgba(130, 114, 81, 0.5) 0%, rgba(226, 197, 139, 0.5) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80827251', endColorstr='#80e2c58b', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.anticheat_nonkernel_notice {
color: #66c0f4;
padding: 4px 8px;
line-height: 17px;
border-radius: 1px;
margin-top: 12px;
background: rgba(103, 193, 245, 0.1)
}
.anticheat_name {
color: white
}
.anticheat_section:has(> .anticheat_name:nth-of-type(2)) .anticheat_name {
margin-top: 4px
}
.anticheat_uninstalls {
color: lightgrey
}
.VR_warning {
color: #e1c48a;
padding: 4px 8px;
line-height: 17px;
border-radius: 1px;
margin-top: 12px;
background: -moz-linear-gradient(-45deg, rgba(130, 114, 81, 0.5) 0%, rgba(226, 197, 139, 0.5) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(130, 114, 81, 0.5)), color-stop(100%, rgba(226, 197, 139, 0.5)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(130, 114, 81, 0.5) 0%, rgba(226, 197, 139, 0.5) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(130, 114, 81, 0.5) 0%, rgba(226, 197, 139, 0.5) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(130, 114, 81, 0.5) 0%, rgba(226, 197, 139, 0.5) 100%);
/* IE10+ */
background: linear-gradient(135deg, rgba(130, 114, 81, 0.5) 0%, rgba(226, 197, 139, 0.5) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80827251', endColorstr='#80e2c58b', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
#demo_block.block_content_inner {
padding-bottom: 1px
}
/* wishlist */
#add_to_wishlist_area,
#add_to_wishlist_area_success,
#add_to_wishlist_area_fail {
width: fit-content;
display: flex;
flex-direction: row;
align-items: stretch;
gap: 1px
}
#add_to_wishlist_area a,
#add_to_wishlist_area_success a,
#add_to_wishlist_area_fail a {
width: 100%;
text-align: center
}
#add_to_wishlist_area_success .wishlist_added_temp_notice {
position: absolute;
top: 40px;
left: 0px;
background: #bbc9d3;
z-index: 2;
padding: 16px;
width: 200px;
box-shadow: 2px 2px 10px #000;
color: #222;
font-size: 14px;
border-radius: 2px
}
#add_to_wishlist_area_success .wishlist_added_temp_notice:after {
bottom: 100%;
left: 40px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #bbc9d3;
border-width: 11px;
margin-left: -11px
}
.game_area_demo_btn,
.game_area_wishlist_btn {
display: inline-block;
font-size: 14px;
line-height: 34px;
padding: 0 16px;
border-radius: 1px;
color: #67c1f5;
background: #354759;
background: rgba(103, 193, 245, 0.2)
}
.game_area_demo_btn,
.btnv6_blue_hoverfade.right {
float: right
}
.game_area_demo_btn:hover,
.game_area_wishlist_btn:hover {
text-decoration: none;
color: #ffffff;
background: #67c1f5;
/* Old browsers */
background: -moz-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #67c1f5), color-stop(100%, #417a9b));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* IE10+ */
background: linear-gradient(135deg, #67c1f5 0%, #417a9b 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67c1f5', endColorstr='#417a9b', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
#demo_block a.game_area_demo_btn,
#demo_block a.game_area_wishlist_btn {
text-decoration: none;
color: #ffffff
}
a.game_area_demo_btn:hover,
a.game_area_wishlist_btn:hover {
text-decoration: none
}
.game_area_wishlist_btn.disabled,
.btnv6_blue_hoverfade.queue_btn_active {
background-color: rgba(103, 193, 245, 0.6);
color: #ffffff
}
.game_area_wishlist_btn.disabled {
cursor: default
}
.game_area_wishlist_btn img,
.btnv6_blue_hoverfade.queue_btn_active img {
vertical-align: middle;
margin-left: -6px;
margin-top: -2px;
margin-right: 3px
}
.game_area_wishlist_btn.right img {
vertical-align: middle;
margin-left: 4px;
margin-top: -1px;
margin-right: -6px
}
.wishlist_area_success_text {
color: #8bb9e0
}
/* queue flyout menu */
#view_wishlist_btn.btnv6_blue_hoverfade,
.queue_btn_ignore>.btnv6_blue_hoverfade {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px
}
.queue_btn_menu .btn_medium>span {
padding: 0px
}
.queue_btn_menu:hover {
border-top-right-radius: 2px;
border-bottom-right-radius: 0px
}
.queue_btn_menu>.queue_menu_arrow {
height: 100%;
box-sizing: border-box;
display: flex;
align-items: center;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border: none;
padding: 1px;
cursor: pointer;
text-decoration: none !important;
color: #67c1f5 !important;
background: rgba(103, 193, 245, 0.2)
}
#ignoreBtn {
flex-direction: row;
gap: 1px
}
#shareBtn img {
vertical-align: middle;
width: 16px;
height: 16px;
padding-bottom: 3px
}
.queue_btn_menu>.queue_menu_arrow.queue_btn_active {
background: rgba(103, 193, 245, 0.2);
background-color: rgba(103, 193, 245, 0.6)
}
.queue_btn_menu:hover>.queue_menu_arrow,
.queue_btn_menu>.queue_menu_arrow:hover {
border-top-right-radius: 2px;
border-bottom-right-radius: 0px;
background-color: #2e323a
}
.queue_menu_flyout {
position: absolute;
display: none;
width: 300px;
padding: 0px;
color: #556772;
line-height: 18px;
z-index: 10;
left: 0px;
margin-top: -4px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75)
}
.queue_btn_menu:hover .queue_menu_flyout,
.queue_menu_flyout:hover,
[aria-expanded=true]~.queue_menu_flyout {
display: block;
background: radial-gradient(circle at top left, rgba(74, 81, 92, 0.4) 0%, rgba(75, 81, 92, 0) 60%), #25282e
}
.queue_menu_flyout_content {
position: relative
}
.queue_menu_option {
background: unset;
text-align: inherit;
border: none;
font-size: 12px;
display: flex;
cursor: pointer;
padding: 12px
}
.queue_menu_option:hover {
background: #3b404a
}
.queue_menu_option_label {
margin-left: 5px
}
.queue_menu_option_label>.option_title {
color: #fff;
font-size: 14px;
line-height: 17px;
padding-bottom: 4px
}
.queue_menu_option_label>.option_subtitle {
line-height: 14px;
color: #687882
}
.queue_menu_option:hover .queue_menu_option_label>.option_subtitle {
color: #85949d
}
.queue_btn_menu .btnv6_blue_hoverfade img {
vertical-align: middle;
margin: 0px
}
.queue_ignore_menu_option_image.selected {
display: none
}
.queue_btn_menu.not_interested #queue_ignore_menu_option_not_interested .queue_ignore_menu_option_image.selected {
display: inline-block
}
.queue_btn_menu.not_interested #queue_ignore_menu_option_not_interested .queue_ignore_menu_option_image.unselected {
display: none
}
.queue_btn_menu.owned_elsewhere #queue_ignore_menu_option_owned_elsewhere .queue_ignore_menu_option_image.selected {
display: inline-block
}
.queue_btn_menu.owned_elsewhere #queue_ignore_menu_option_owned_elsewhere .queue_ignore_menu_option_image.unselected {
display: none
}
/* DLC list page */
.dlc_header .breadcrumbs .blockbg {
background-color: #262626
}
.dlc_header .page_title .blockbg {
background-color: #000000;
color: #D6D7D8
}
#dlc_purchaseAll {
float: right;
margin-top: 32px
}
.dlc_page_purchase_dlc {
margin-bottom: 5px;
padding: 15px;
position: relative;
height: 136px;
background: #202d39;
background: rgba(0, 0, 0, 0.2);
border: 1px solid transparent
}
.dlc_page_purchase_dlc .game_header_image {
width: 292px;
height: 136px
}
.dlc_page_purchase_dlc.ds_flagged .ds_flag {
left: 15px
}
.dlc_page_purchase_dlc.ds_flagged:not(.ds_wishlist) img.game_header_image {
opacity: 0.3
}
.dlc_page_purchase_description {
margin-top: 10px;
font-size: 14px
}
.dlc_page_purchase_header {
position: absolute;
left: 15px;
top: 15px
}
.dlc_page_purchase_text_container {
padding-left: 309px
}
.dlc_page_purchase_price {
position: absolute;
right: 15px;
font-size: 14px;
color: #ffffff
}
.dlc_page_purchase_area {
position: absolute;
right: 15px;
bottom: 15px
}
.dlc_page_name_link {
font-size: 16px;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
}
.dlc_page_release_date {
color: #7092a5
}
/* package page */
.bundle_package_item.complete_the_set .tab_item.ds_owned .discount_final_price {
text-decoration: line-through;
color: #626366
}
img.package_header {
width: 100%;
height: auto
}
.package_info_block {
background-color: #262626;
padding-bottom: 15px
}
.package_info_block_content {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px;
margin-bottom: 20px;
line-height: 23px;
color: #626366;
background-color: #262626
}
.package_info_block_content img.package_header {
margin-top: 15px
}
.package_totals_area {
margin-left: auto;
color: #9099a1;
font-size: 14px;
line-height: 18px;
padding-top: 15px;
background: #202d39;
background: rgba(0, 0, 0, 0.2)
}
.package_totals_row {
position: relative;
padding-right: 124px;
text-align: right;
margin-bottom: 6px
}
.package_totals_row.highlight,
.package_totals_row.highlight .price {
color: #67c1f5
}
.package_totals_area .price {
position: absolute;
right: 0;
bottom: 0;
text-align: right;
color: #9099a1;
font-size: 13px;
font-family: Tahoma, Arial, Helvetica, sans-serif
}
.package_totals_rule {
margin: 2px 0px;
border-top: 1px solid #b0aeac
}
.package_totals_row.total .price {
font-size: 13px
}
.package_totals_row.savings,
.package_totals_row.savings .price {
color: #8bc53f
}
.package_totals_row.savings .price {
font-size: 12px
}
.package_totals_area .price.bundle_discount {
color: #8bc53f
}
#package_savings_bar {
background-color: #000000;
border-radius: 3px;
color: #A3CF06;
margin: 20px 0 5px 0;
min-height: 34px
}
#package_savings_bar>.savings {
text-align: right;
width: 140px;
position: relative;
float: right;
font-size: 14px;
padding: 8px;
background: url('/public/images/v6/package_arrow.png') top left no-repeat;
max-width: 30%
}
#package_savings_bar>.message {
padding: 8px;
font-size: 12px
}
.bundleNew {
color: #A68C62
}
.queue_ctn {
position: relative;
width: 940px;
background: rgba(0, 0, 0, 0.2);
margin: 0px auto;
margin-bottom: 16px
}
.queue_ctn .queue_actions_ctn {
padding: 16px;
width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 6px
}
.queue_ctn .queue_actions_ctn .expand_to_fill {
flex-grow: 1
}
.queue_ctn.in_queue .queue_actions_ctn {
padding-top: 8px;
padding-bottom: 12px;
position: relative
}
.next_in_queue_area {
position: relative;
width: 155px;
height: 32px
}
.btn_next_in_queue {
position: relative;
width: 157px;
height: 50px;
padding: 1px 0 1px 1px;
box-sizing: border-box;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center;
background: #90763F
}
.btn_next_in_queue:after {
left: 100%;
top: 0;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #90763F;
border-width: 25px;
margin-top: 0
}
.btn_next_in_queue:hover:after {
border-left-color: #EFC266
}
.next_in_queue_content {
width: 100%;
height: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
font-size: 13px;
text-align: left;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
padding-left: 10px;
background: linear-gradient(to right, #746542, #90763F)
}
.btn_next_in_queue:hover .next_in_queue_content {
background: linear-gradient(to right, #A38855, #EFC266)
}
.mature_content_notice {
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
max-width: 908px;
background: -webkit-linear-gradient(20deg, rgba(152, 128, 60, 0.3) 5%, rgba(226, 244, 255, 0.3) 95%);
background: linear-gradient(70deg, rgba(152, 128, 60, 0.3) 5%, rgba(226, 244, 255, 0.3) 95%);
color: #fff;
padding: 16px;
margin: 0px auto 16px auto;
font-size: 14px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px
}
.mature_content_notice>a {
flex: 0;
align-self: center;
white-space: nowrap
}
.agegate_btn_ctn {
display: flex;
flex-direction: row;
gap: 12px;
align-items: flex-start;
justify-content: center
}
.agegate_btn_ctn.in_queue {
justify-content: space-between
}
.agegate_btn_ctn .button_spacer {
display: none
}
.agegate_btn_ctn.in_queue .button_spacer {
display: block;
width: 150px
}
html.responsive .agegate_btn_ctn .button_spacer {
display: none
}
.agegate_text_container .btn_next_in_queue {
height: 32px
}
.agegate_text_container .btn_next_in_queue:after {
border-width: 16px
}
.agegate_text_container .note {
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
font-size: 11px;
margin-bottom: 20px;
color: #9db2be
}
html.responsive .queue_ctn {
width: auto
}
html.responsive .queue_controls_description {
min-height: 38px;
width: 59vw;
padding: 6px
}
.btn_next_in_queue:hover {
background-position: bottom
}
.btn_next_in_queue span {
font-size: 15px;
line-height: 13px;
color: #ffcc6a;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
}
.btn_next_in_queue:hover span,
.btn_next_in_queue:hover span .queue_sub_text {
color: #ffffff
}
.btn_next_in_queue span .queue_sub_text {
font-size: 10px;
line-height: 2;
color: #bc974e;
text-transform: uppercase;
white-space: nowrap
}
.btn_next_in_queue span.finish_queue_text {
line-height: 27px
}
.agegate_text_container .btn_next_in_queue span.finish_queue_text {
line-height: 13px
}
.queue_ctn .queue_reason_description_row {
width: 100%;
padding: 6px 16px 0 16px;
box-sizing: border-box;
display: flex;
flex-direction: row;
justify-content: space-between
}
.queue_ctn .queue_reason_description {
color: #61696d;
font-size: 13px
}
.queue_ctn .queue_reason_description a {
text-decoration: none;
color: #8f98a0
}
.queue_ctn .queue_reason_description a:hover {
text-decoration: none;
color: #67c1f5
}
.queue_controls_description {
color: #ffcc6a;
font-size: 12px;
padding: 6px 225px 6px 16px;
background: -webkit-linear-gradient(left, rgba(196, 158, 82, 0.6) 0%, rgba(196, 158, 82, 0.0) 60%);
background: linear-gradient(to right, rgba(196, 158, 82, 0.6) 0%, rgba(196, 158, 82, 0.0) 60%)
}
.queue_ctn .queue_settings_link_ctn.queue_reason_description {
text-align: right;
font-size: 12px;
margin-bottom: 0;
line-height: 15px
}
body.v6 .game_area_already_owned.page_content {
height: 40px;
padding: 0px 15px 0px 0px;
position: relative;
background: -moz-linear-gradient(left, rgba(163, 207, 6, 0.6) 0%, rgba(75, 106, 33, 0.6) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(163, 207, 6, 0.6)), color-stop(100%, rgba(75, 106, 33, 0.6)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(163, 207, 6, 0.6) 0%, rgba(75, 106, 33, 0.6) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(163, 207, 6, 0.6) 0%, rgba(75, 106, 33, 0.6) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(163, 207, 6, 0.6) 0%, rgba(75, 106, 33, 0.6) 100%);
/* IE10+ */
background: linear-gradient(to right, rgba(163, 207, 6, 0.6) 0%, rgba(75, 106, 33, 0.6) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99a3cf06', endColorstr='#994b6a21', GradientType=1);
/* IE6-9 */
font-size: 18px;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
line-height: 40px;
color: #a3cf06;
margin-bottom: 1px;
width: 925px
}
body.v6 .game_area_already_owned.master_sub {
background: rgb(56, 112, 150);
color: white;
height: 40px;
padding: 0px 15px 0px 0px;
position: relative;
font-size: 18px;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
line-height: 40px;
margin-bottom: 1px
}
.game_area_already_owned .ds_flag {
position: relative;
float: left;
top: 10px;
left: -8px;
box-shadow: 1px 1px 2px #000000;
background: url('data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUNDNzBFNTUyMUM0MTFFNDk1REVFODRBNUU5RjA2MUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUNDNzBFNTYyMUM0MTFFNDk1REVFODRBNUU5RjA2MUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5Q0M3MEU1MzIxQzQxMUU0OTVERUU4NEE1RTlGMDYxRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5Q0M3MEU1NDIxQzQxMUU0OTVERUU4NEE1RTlGMDYxRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv3vUKAAAAAlSURBVHjaYvz//z8DsYARpFhISAivjnfv3jGSp3jUGeQ4AyDAADZHNe2nyOBrAAAAAElFTkSuQmCC') no-repeat 4px 4px #a3cf06
}
.game_area_already_owned .ds_flag.master_sub_generic {
background-color: rgb(90, 139, 172)
}
.game_area_already_owned .master_sub {
background-color: rgb(90, 139, 172);
display: flex;
justify-content: center;
align-items: center;
padding: 2px 22px 2px 6px;
margin-right: 8px;
position: relative;
float: left;
top: 7px;
left: -8px;
box-shadow: 1px 1px 2px #000000;
font-size: 10px;
color: #111111;
height: 22px;
white-space: nowrap;
z-index: 5
}
.game_area_already_owned .master_sub>img {
height: 18px
}
.already_in_library_master_sub {
display: flex
}
.game_purchase_sub_dropdown .already_in_library_master_sub {
justify-content: flex-end
}
.master_sub_trial_header_row {
display: flex;
justify-content: flex-end;
align-items: center
}
.master_sub_trial_header_row h1 {
flex: 1
}
.master_sub_trial_header_row img {
vertical-align: middle
}
.master_sub_trial p a {
text-decoration: underline
}
.already_in_library_master_sub .already_in_library {
flex: 1
}
.already_in_library_master_sub .already_in_library_browse {
flex-shrink: 0;
font-size: 12px;
text-decoration: underline
}
.game_area_already_owned .already_in_library {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.already_owned_actions {
padding-top: 16px
}
.already_owned_description {
padding-top: 12px;
line-height: 18px;
font-size: 13px;
font-family: "Motiva Sans", sans-serif
}
.game_area_play_stats {
background: -moz-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(97, 100, 101, 0.3)), color-stop(100%, rgba(226, 244, 255, 0.3)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
/* IE10+ */
background: linear-gradient(135deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d616465', endColorstr='#4de2f4ff', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
padding: 0px 16px 16px 16px;
margin: 0px auto;
margin-bottom: 40px;
max-width: 908px
}
.game_area_already_owned_btn {
float: left;
position: relative;
margin-right: 12px
}
.game_area_already_owned_btn .btn_border_2px {
border: 2px solid #2f4459
}
.game_area_already_owned_btn .btn_blue_white_innerfade {
background: rgb(229, 244, 253);
/* Old browsers */
background: -moz-linear-gradient(top, rgba(229, 244, 253, 1) 0%, rgba(148, 183, 202, 1) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229, 244, 253, 1)), color-stop(100%, rgba(148, 183, 202, 1)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(229, 244, 253, 1) 0%, rgba(148, 183, 202, 1) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(229, 244, 253, 1) 0%, rgba(148, 183, 202, 1) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(229, 244, 253, 1) 0%, rgba(148, 183, 202, 1) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(229, 244, 253, 1) 0%, rgba(148, 183, 202, 1) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5f4fd', endColorstr='#94b7ca', GradientType=0);
/* IE6-9 */
}
.game_area_already_owned_btn .btn_blue_white_innerfade>span {
color: #3a6e8b;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
font-size: 16px;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.1);
background: rgb(193, 228, 249);
/* Old browsers */
background: -moz-linear-gradient(top, rgba(193, 228, 249, 1) 0%, rgba(148, 183, 202, 1) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(193, 228, 249, 1)), color-stop(100%, rgba(148, 183, 202, 1)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(193, 228, 249, 1) 0%, rgba(148, 183, 202, 1) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(193, 228, 249, 1) 0%, rgba(148, 183, 202, 1) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(193, 228, 249, 1) 0%, rgba(148, 183, 202, 1) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(193, 228, 249, 1) 0%, rgba(148, 183, 202, 1) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1e4f9', endColorstr='#94b7ca', GradientType=0);
/* IE6-9 */
}
.game_area_already_owned_time_remaining {
line-height: 36px;
color: white;
font-size: 20px
}
.game_purchase_area_friends_want {
height: 61px;
padding-left: 46px;
position: relative;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.2);
font-size: 12px;
color: #8d9096;
z-index: 0
}
.game_purchase_area_friends_want .gift_icon {
position: absolute;
filter: brightness(1.5);
left: 17px;
top: 23px
}
.game_purchase_area_friends_want .gift_instructions {
padding-top: 16px
}
.game_purchase_area_friends_want a {
color: #bfc1c4
}
.game_purchase_area_owned_by_family {
height: 40px;
padding-left: 46px;
position: relative;
border-radius: 4px;
background-color: rgba(0, 0, 0, 0.2);
font-size: 12px;
color: #acb2b8;
z-index: 0
}
.game_purchase_area_owned_by_family .family_icon {
position: absolute;
left: 12px;
top: 11px
}
.game_purchase_area_owned_by_family .family_icon img {
height: 16px;
filter: brightness(0.75)
}
.game_purchase_area_owned_by_family .family_info {
padding-top: 12px
}
.myactivity_block .block_content {
color: #626366
}
.myactivity_block p {
margin-bottom: 5px
}
.myactivity_achievements_progress {
border: 1px solid #626366;
padding: 2px;
margin-bottom: 5px
}
.myactivity_achievements_progressbar {
height: 10px;
background-color: #626366
}
.myactivity_achievements_row {
padding: 4px 0px 4px 4px;
margin-bottom: 5px;
overflow: hidden
}
.myactivity_achievement_img {
float: left;
width: 32px;
height: 32px;
margin-right: 3px
}
.myactivity_achievement_img img {
width: 32px;
height: 32px
}
div.myactivity_achievement_img.myactivity_achievement_plusmore {
background-color: #4f5051;
font-size: 14px;
font-weight: bold;
color: #000000;
text-align: center;
line-height: 32px;
height: 32px;
cursor: default;
width: auto;
min-width: 32px;
padding: 0px 2px
}
img.agegate_img_app {
width: 460px;
height: 215px
}
img.agegate_img_package {
width: 710px;
height: 233px
}
.page_content_ctn.agegate_content {
min-height: 100vh
}
html.responsive body.agecheck .responsive_page_template_content {
padding-bottom: 0
}
html.responsive .agegate_wizard:after {
left: 37px
}
html.responsive .agegate_wizard_preference_option .top_block {
display: block
}
html.responsive .agegate_wizard_preference_option_controls {
text-align: left;
margin-bottom: 10px;
margin-top: 5px
}
.forbiddenbyfamily_container {
text-align: center;
max-width: 550px;
margin-left: auto;
margin-right: auto;
padding: 20px
}
h2.forbiddenbyfamily_header {
font-size: 28px
}
.forbiddenbyfamily_capsule_img {
width: 50%;
background-color: rgba(255, 255, 255, 0.1);
box-shadow: 0 0 5px 0 #000000;
padding: 12px;
margin-left: auto;
margin-right: auto;
margin-top: 12px;
margin-bottom: 12px
}
.forbiddenbyfamily_capsule_img>img {
max-width: 100%
}
.forbiddenbyfamily_text {
text-align: left;
font-size: 14px;
max-width: 400px;
margin-left: auto;
margin-right: auto
}
.content_descriptor {
border-bottom: 1px dotted
}
.prepurchase_rewards_title {
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
font-size: 20pt;
color: #ffffff;
margin-left: 50px;
margin-top: -45px
}
.prepurchase_rewards_details {
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
font-size: 14px;
color: #acb2b8;
margin-left: 50px;
margin-top: -5px
}
span.prepurchase_bar {
position: absolute;
overflow: hidden;
top: 3px
}
span.prepurchase_text_achieved {
color: #ffffff;
font-weight: bold;
font-size: 12px;
float: right
}
span.prepurchase_text_normal {
color: #acb2b8;
font-size: 12px;
float: right
}
.tiers_ctn {
height: 80px;
position: relative
}
.tiers_row {
position: absolute;
margin-top: 13px
}
.tier_names {
position: relative;
left: 2px;
top: 48px
}
.reward_ribbon {
left: 585px;
top: -5px;
position: absolute;
float: right
}
.rewards_section_rule {
padding-bottom: 10px;
display: block
}
div.early_access_banner {
height: 49px;
position: relative;
background: rgb(68, 75, 84);
/* Old browsers */
background: -moz-linear-gradient(-60deg, rgba(68, 75, 84, 1) 0%, rgba(91, 98, 108, 1) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(68, 75, 84, 1)), color-stop(100%, rgba(91, 98, 108, 1)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-60deg, rgba(68, 75, 84, 1) 0%, rgba(91, 98, 108, 1) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-60deg, rgba(68, 75, 84, 1) 0%, rgba(91, 98, 108, 1) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-60deg, rgba(68, 75, 84, 1) 0%, rgba(91, 98, 108, 1) 100%);
/* IE10+ */
background: linear-gradient(135deg, rgba(68, 75, 84, 1) 0%, rgba(91, 98, 108, 1) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444b54', endColorstr='#5b626c', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
padding: 12px 15px 0 55px;
margin: 15px 0 40px 0;
border-radius: 2px
}
div.early_access_banner p {
display: block;
color: #fff;
font-size: 15px;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
margin: 0;
padding: 0;
position: relative;
width: 350px
}
div.early_access_banner>.img {
position: absolute;
background-image: url(/public/images/v5/earlyaccess_bug.png);
width: 63px;
height: 61px;
left: 0px;
top: 0px
}
div.early_access_banner>.btn_medium {
float: right;
display: block;
background-color: #174661;
border: 2px solid #000000
}
div.early_access_header {
border: 1px solid #4e81ae;
margin: 0 0 20px 0;
border-radius: 4px;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.25)
}
div.early_access_header .inset {
text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.2)
}
div.early_access_header .heading {
padding: 10px 10px;
color: #b8e0fd;
font-size: 13px;
background: radial-gradient(62.67% 62.67% at 62.67% 100%, rgba(87, 164, 208, 1) 0%, rgba(87, 164, 208, 0.6) 100%);
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
div.early_access_header .heading h2 {
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
font-size: 30px;
font-weight: normal;
font-style: normal;
color: #fff;
text-transform: unset;
margin: 0;
padding: 0;
letter-spacing: inherit;
line-height: inherit;
background-image: none
}
div.early_access_header .heading p.subtitle {
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
font-size: 15px;
line-height: 18px;
font-style: normal;
background-image: none;
height: auto;
margin-bottom: 6px;
color: #fff;
letter-spacing: 0px;
padding-top: 0px;
text-transform: none
}
div.early_access_header .heading a {
color: inherit;
text-decoration: underline
}
div.early_access_header .heading p span {
color: #f9be3e
}
div.early_access_header .devnotes {
padding: 0px 10px 10px 10px;
position: relative
}
div.early_access_header .devnotes>.devs_say {
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
font-size: 11px;
color: #61686d;
margin: 10px 0 0 0;
text-transform: uppercase;
font-style: normal
}
div.early_access_header .devnotes>.likely_stale {
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
font-size: 14px;
color: #F4D4A0;
margin: 10px 0 0 0;
font-style: normal
}
div.early_access_header .leaving_early_access {
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
font-size: 14px;
color: #F4D4A0;
padding: 10px;
font-style: normal;
background: linear-gradient(to right, #27475d, #4e81ae);
border-bottom: 1px solid #4e81ae
}
div.early_access_header .devnotes>div {
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
font-style: italic;
font-size: 14px;
color: #8f98a0;
line-height: 21px;
max-height: 113px;
overflow: hidden
}
/* Skipping italics for certain languages since it is either unnecessary or degrades legibility */
:lang(zh-cn) div.early_access_header .devnotes>div,
:lang(zh-tw) div.early_access_header .devnotes>div,
:lang(ko) div.early_access_header .devnotes>div,
:lang(pt-br) div.early_access_header .devnotes>div,
:lang(sv) div.early_access_header .devnotes>div,
:lang(ro) div.early_access_header .devnotes>div {
font-style: normal
}
div.early_access_header .devnotes>div i,
div.early_access_header .devnotes>div p i {
font-style: normal
}
div.early_access_header .devnotes>div b,
div.early_access_header .devnotes>div p b,
div.early_access_header .devnotes>div strong,
div.early_access_header .devnotes>div p strong {
font-family: "Motiva Sans", Sans-serif;
font-weight: bold;
/* bold */
font-style: italic
}
div.early_access_header .devnotes>div h2.bb_tag {
margin-top: 18px;
margin-bottom: 0px;
background-image: none;
font-size: 15px;
color: #2f89bc
}
div.early_access_header .devnotes ul,
div.early_access_header .devnotes ol {
padding-left: 17px
}
div.early_access_header .devnotes h3 {
font-family: "Motiva Sans", Sans-serif;
font-weight: 500;
/* medium */
font-weight: normal;
font-size: 14px;
color: #fff;
text-transform: unset;
margin: 0;
padding: 0;
margin-top: 10px;
letter-spacing: inherit;
line-height: inherit;
background-image: none
}
div.early_access_header .devnotes .morebutton {
position: absolute;
display: block;
right: 0px;
padding-right: 15px;
padding-top: 3px;
height: 15px;
bottom: 10px;
background: #182130;
padding-left: 30px;
background: -moz-linear-gradient(left, rgba(27, 40, 56, 0) 0%, rgba(27, 40, 56, 1) 15%, rgba(27, 40, 56, 1) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(27, 40, 56, 0)), color-stop(15%, rgba(27, 40, 56, 1)), color-stop(100%, rgba(27, 40, 56, 1)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(27, 40, 56, 0) 0%, rgba(27, 40, 56, 1) 15%, rgba(27, 40, 56, 1) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(27, 40, 56, 0) 0%, rgba(27, 40, 56, 1) 15%, rgba(27, 40, 56, 1) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(27, 40, 56, 0) 0%, rgba(27, 40, 56, 1) 15%, rgba(27, 40, 56, 1) 100%);
/* IE10+ */
background: linear-gradient(to right, rgba(27, 40, 56, 0) 0%, rgba(27, 40, 56, 1) 15%, rgba(27, 40, 56, 1) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#18213000', endColorstr='#182130', GradientType=1);
/* IE6-9 */
text-transform: uppercase;
color: #67c1f5;
font-size: 11px
}
div.early_access_header .devnotes .morebutton:hover {
color: #ffffff;
text-decoration: none
}
h2 span.note {
float: right;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 2px;
color: #ffffff;
font-size: 11px;
padding: 2px 15px;
line-height: normal
}
h2 span.note:hover {
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 1)
}
h2 span.note a,
h2 span.note a:hover,
h2 span.note a:visited {
color: inherit;
text-decoration: none;
text-transform: none;
letter-spacing: 0
}
h2 .note em {
color: #ffffff;
font-weight: normal;
font-style: normal
}
div.early_access_announcements {
margin: 30px 0 0px 0
}
div.early_access_announcement a {
color: inherit;
text-decoration: none
}
div.early_access_announcements .post,
div.early_access_announcements .divider {
vertical-align: top
}
div.early_access_announcements .appeditor {
margin: 50px 40px;
text-align: center
}
div.early_access_announcements .appeditor p {
margin: 20px 0 0 0;
line-height: 20px
}
div.early_access_announcements .post {
width: auto;
display: block
}
div.early_access_announcements .post.wide {
width: auto;
display: block
}
div.early_access_announcements .post h1 {
color: #ffffff;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
font-size: 24px;
line-height: 29px;
font-weight: normal
}
div.early_access_announcements .post h1 a,
div.early_access_announcements .post .more a {
color: inherit;
text-decoration: none
}
div.early_access_announcements .post a {
color: inherit;
text-decoration: underline
}
div.early_access_announcements .post h2 {
color: #56707F;
font-size: 11px;
font-weight: normal;
font-style: normal;
height: auto;
margin: 5px 0 0 0;
background: transparent;
line-height: 14px
}
div.early_access_announcements .post,
div.early_access_announcements .post p,
div.early_access_announcements .post ul,
div.early_access_announcements .post .bb_h1,
div.early_access_announcements .post .bb_h2,
div.early_access_announcements .post .bb_h3 {
color: #8f98a0;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
font-size: 13px;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis
}
div.early_access_announcements .post b {
font-family: "Motiva Sans", Sans-serif;
font-weight: 500;
/* medium */
}
div.early_access_announcements .post .container {
height: 195px;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word
}
div.early_access_announcements .post img {
max-width: 100%
}
div.early_access_announcements .post p a {
text-decoration: underline
}
div.early_access_announcements .post .hr {
background-color: #2f4459;
height: 1px;
margin: 5px 0
}
div.early_access_announcements .post .more {
color: #67c1f5;
text-transform: uppercase;
font-size: 11px
}
div.early_access_announcements .post .more:hover {
color: #ffffff
}
div.early_access_announcements .post .comments {
color: #56707F;
font-size: 11px;
float: right;
display: block
}
div.early_access_announcements .divider {
display: inline-block;
margin: 20px 0 0 0;
width: 4%;
height: 190px
}
.highlight_movie {
width: 100%;
height: 100%;
background-color: #000
}
.highlight_movie.container {
height: 529px
}
.html5_video_titlebar_ctn {
position: absolute;
top: -35px;
left: 0;
text-align: left;
background-color: rgba(0, 0, 0, 0.8);
color: #ffffff;
padding: 5px;
font-size: 13px;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
}
.html5_video_titlebar_ctn .video_category {
font-family: "Motiva Sans", Sans-serif;
font-weight: bold;
/* bold */
}
.html5_video_overlay {
position: absolute;
bottom: 0;
height: 35px;
background-color: rgba(0, 0, 0, 0.8);
width: 100%;
text-align: left
}
.html5_video_overlay .play_button {
width: 19px;
height: 19px;
margin: 1px;
float: left
}
.html5_video_overlay .play_button.play {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FAQExNPQD1HQAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAHhJREFUOMtjjIyMZCALsPz7928k6GT6hw3I+ZX/IwSw62RgYFAIqCSg8y82AHGPUlD1X9yA6T82APeMamjdfxwAn50QoBZWj1UNC7INWMG1ZbXYYwXNBjRweXEVzvjEY+elRZX4UgIuO8/PL8PvC0YbG5vRvIIPAADvxSAevqB/CQAAAABJRU5ErkJggg==)
}
.html5_video_overlay .play_button.pause {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARUVHVx2phIAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAElJREFUOMtjjIyMZCALsPz7928k6lQIqIQwHmxox+QSZSeaOKYylr9//2LViSaOqYzl////WHWiiWMqG7WTkJ2MNjY2o3kFHwAABHVqN1R2w8sAAAAASUVORK5CYII=)
}
.html5_video_overlay .control_container {
background-color: #2c2b28;
margin: 1px;
height: 19px;
margin-left: 21px
}
.html5_video_overlay .volume_icon {
width: 19px;
height: 19px;
margin-left: 3px;
display: inline-block;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FAQEyM0FKEhQAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAaBJREFUOMtj1NHWYCALMDGQC4jV6ezixsbGRpROR0cnNXV1CJuXl09UVDQ+IZmXl4+AzszM7EmTp/LB1Onp669bu/rz508uLm44dfLw8EyYODkrOwcuwsnJGRAQFBuXcPjQQRlZWWERERSdPDw8Jiamjo5O8xcscnZ2QTaLmZl57pxZtrZ2TMxMr1+/0tLUhoizQCgNDc35CxZhOpuHh2fN2g0hwQE3rl+3sba9eu2qlpY2UWH75cuXz58/+QcE7ty5XV5e4e2bN6KiYsTGyr69e01Nzb5//05yfKpraHz+/JmTk5M0nTw8PM7OLhs3rDcyNnn48IG0tMzr169QdH76/On0qVNPnz7F9GdiQtyXL19sbe3Onz8nLS3z+vVrFJ23bt5MSooPCQ7YsGE9muarV6/k5hWcPXvm9ZvXMrKy9+7eweLaL1++1NZUdXS0IQt+//793Lmzc2bPdHV1f/L48f3793D6c+mSxYkJcZ8+fYKLzJ0zy8ralpeXb8+eXXBBFqwBc+bM6ZDgQDiXjY1NWlpm3brVnz8jjGMcgJwNAO7wmMDjuhRMAAAAAElFTkSuQmCC)
}
.html5_video_overlay .volume_icon.muted {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARYTD/vTzoUAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAQpJREFUOMtj1NHWYCALMDGQC2ig09HJWV1dg2SdmZnZkyZN4eXjxaOTBY3Pw8PT0tru7OxC0LUscA0aGpq8vLxZ2TkaGprE+BOqU0NDc/6CRVhVcHFxMTAwfPv2jYuLy83NY8OGdcSGrYiISF5eoYaGZlNTq4iICAmx8ujRoyNHDlVUVh85cnjOnFkk6OTi4goICNq1c4eGhibE5cTqjIqKuXHj+rJlS5YtW2xjY4seQp8+fzp96pSUtLS0tDSaTrgLHz169OjRI3Q7b928mZQUHxIcsGHDenJS35cvX2prqjo62shMt0uXLE5MiPv06RN+nYy48qeUlBQDA8OzZ8+ITbdwgEcPpfkTADH3UjunQa9YAAAAAElFTkSuQmCC)
}
.html5_video_overlay .autoplay_checkbox {
width: 11px;
height: 11px;
margin: 4px;
display: inline-block;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARYUBCNAgcoAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAB1JREFUGNNjjIyMZMALWP78+UNAxd+/f0fNIMUMAAaZHswb2V9sAAAAAElFTkSuQmCC);
margin-left: 15px
}
.html5_video_overlay .autoplay_checkbox:hover {
border: 1px solid #cccccc;
margin: 3px;
margin-left: 14px
}
.html5_video_overlay .autoplay_checkbox.checked {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAIAAAAmzuBxAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARYUIB9DZRsAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAARNJREFUGNN9UDFrwlAYTF6iGJQmRIM1UhDJIl10ibo7+AdEXf1Vzl0cuhb3gpN/wCKUQmtAioLBJs+8fvfSwVY6eePdcXecOh6PlatgRARFYze3UDT6w3+GAci5jVJnWGwPpKoDkKpebA9KnWHObQBgRPQVvECcsmbZ6Y6UbN7pjrJmGeIUf74RkeZ5HgSPt6+Fu/tM3jI9X88VIE7B80Ny2KZpys7F8T4IFrPLumAxi/fBWWIAAKQs4zT7F4fT7Kcsc5YYEUlVr/Umhl2B4O+LRwhu2JVabyJV/TfDqrcM26WEr+fT3Xq5nk8p4YbtWvUWAK1arYoohOCb5VO020gpRRSGm9U3Px4+VkkUqr7vX//0B11/rvgloxulAAAAAElFTkSuQmCC)
}
.html5_video_overlay .autoplay_label {
font-size: 10px;
line-height: 19px;
display: inline-block;
vertical-align: top
}
.html5_video_overlay .volume_slider {
width: 80px;
height: 19px;
display: inline-block;
margin-left: 5px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAATCAYAAAAH3YpvAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARUcHhS9TOEAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAFBJREFUWMPt18EJwCAQRcEYUowQb/+WQPrvyvSgBxHmlTDsLmxpd+2HhjsRAAQIEKAAAtyz63k/CiZwTUkATq9wEgoTFb+wGwgQIEABBLhnPwULBQqEx95FAAAAAElFTkSuQmCC);
position: relative
}
.html5_video_overlay .volume_slider .volume_handle {
position: absolute;
width: 4px;
height: 19px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAATCAIAAAA4QDsKAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARUcO1+5mKYAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAACBJREFUCNdj1NHWYIABJgYkgMJhPHPmDBHKBhmHEafnAIRzA4YgO29NAAAAAElFTkSuQmCC)
}
.html5_video_overlay .time {
color: #9d9d9d;
font-size: 10px;
line-height: 19px;
margin-right: 5px;
float: right
}
.html5_video_overlay .fullscreen_button {
height: 19px;
width: 19px;
margin-right: 3px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARYVIXFfZMwAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAGBJREFUOMtj1NHWYCALMDGQC1jk5GThnEePHuNXjayYhRgNmEbLyclS4FqsLiHGWhZkp27bvhu/Ni9PV7h+8l07qpOY1AePGHigEwRycrIsxCda6rkWOd2RlFcYByBnAwBu7B+wiL65mQAAAABJRU5ErkJggg==);
float: right
}
.html5_video_overlay .fullscreen_button:hover {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAIAAAD9MqGbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB90FARYVO4w9nbYAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAF1JREFUOMtj1NHWYCALMDGQCxjPnDkD5yTEx+BXvWDhEhSdBDVgNYJ817JgdQkeAHcgC7JTTUxM8GuDB0pCfAz5rh3VSTA+FyxcAo8Y5JRIMA2xEJ9oB0NeGYCcDQDE+yHuiZG0UAAAAABJRU5ErkJggg==)
}
.html5_video_overlay .progress_bar_wrapper {
position: absolute;
bottom: 0px;
top: 21px;
left: 0px;
right: 0px;
background-color: #2c2b28
}
.html5_video_overlay .progress_bar_background {
position: absolute;
top: 0px;
left: 0px;
width: 0px;
bottom: 0px;
background-color: #595959
}
.html5_video_overlay .progress_bar_container {
position: absolute;
top: 2px;
left: 2px;
right: 2px;
bottom: 1px
}
.html5_video_overlay .progress_bar {
position: absolute;
top: 0px;
left: 0px;
width: 0px;
bottom: 0px;
background-color: #6f9fc8
}
#EmbedModal textarea {
width: 100%;
height: 80px;
font-size: 13px;
line-height: 15px;
margin: 0 0 15px 0;
background-color: transparent;
border: none;
color: #8f98a0
}
#EmbedModal p {
margin: 0 0 15px 0;
font-size: 14px
}
#EmbedModal p.small {
margin: 0 0 3px 0;
font-size: 14px
}
#widget_finished,
#widget_create {
max-width: 646px
}
#widget_container {
margin-bottom: 15px
}
#EmbedModal .w_option {
padding: 12px 12px;
margin: 3px 0 0 0;
background-color: rgba(59, 63, 72, 0.5);
border-radius: 3px;
color: #dfe3e6
}
#EmbedModal .w_options {
margin-bottom: 15px
}
#EmbedModal .buttoncontainer {
text-align: right
}
.share>a {
display: inline-block;
margin-right: 6px
}
.share>a:hover {
cursor: pointer
}
.dropcontainer ul#ReviewLanguage_droplist,
.dropcontainer ul#ReviewVisibility_droplist {
right: 0;
left: auto
}
.glance_tags_ctn {
margin: 10px 0px 0px 0px;
font-size: 11px
}
.glance_tags_label {
line-height: 19px;
font-size: 12px;
color: #556772
}
.glance_tags {
white-space: nowrap;
height: 22px
}
.app_tag {
display: inline-block;
line-height: 19px;
padding: 0 7px;
color: #67c1f5;
background-color: rgba(103, 193, 245, 0.2);
box-shadow: none;
margin-right: 2px;
border-radius: 2px;
cursor: pointer;
margin-bottom: 3px;
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.app_tag.user_defined {
background-color: rgba(103, 193, 245, 0.4)
}
.app_tag:hover {
text-decoration: none;
color: #ffffff;
background: #67c1f5;
/* Old browsers */
background: -moz-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #67c1f5), color-stop(100%, #417a9b));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* IE10+ */
background: linear-gradient(135deg, #67c1f5 0%, #417a9b 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67c1f5', endColorstr='#417a9b', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.app_tag.add_your_own,
.app_tag.previous_tag {
background-color: rgba(103, 193, 245, 0.2)
}
.app_tag.add_your_own:hover,
.app_tag.previous_tag:hover {
color: #ffffff;
background-color: #67c1f5;
/* Old browsers */
}
.app_tag.previous_tag {
background-image: url('/public/images/v6/tag_yours_addbg.png');
background-position: left center;
background-repeat: no-repeat;
padding-left: 19px
}
.app_tag.previous_tag:hover {
background-image: url('/public/images/v6/tag_yours_addbg_hover.png');
background-position: left center;
background-repeat: no-repeat;
padding-left: 19px
}
.app_tag_control {
height: 19px;
line-height: 19px;
color: #626366;
padding: 2px;
background-color: #222225;
margin-bottom: 2px
}
.app_tag_control.no_tags_yet {
padding-left: 8px
}
.app_tag_checkbox,
.app_tag_adjust,
.app_tag_report,
.app_tag_ban {
float: right;
width: 13px;
height: 19px;
cursor: pointer
}
.app_tag_ban_prompt {
margin-bottom: 12px;
line-height: 20px
}
.app_tag_ban_checkbox {
margin-top: 2px;
float: left
}
.app_tag_ban_label {
margin-left: 20px;
margin-bottom: 10px
}
.app_tag_ban_note {
margin-left: 20px;
margin-bottom: 20px;
max-width: 600px;
font-style: italic
}
.app_tag_count {
float: right;
margin-right: 4px
}
.app_tag_adjust {
font-weight: bold;
text-align: center;
color: #384959;
margin-right: 4px
}
.app_tag_adjust:hover {
cursor: pointer;
color: #779abd
}
.app_tag_advanced {
display: none
}
#app_tagging_modal.advanced_enabled .app_tag_advanced {
display: block
}
#app_tagging_modal.advanced_enabled .app_tag {
max-width: 140px
}
.app_tag_checkbox {
background: url('/public/images/v6/tag_check.png') bottom center no-repeat;
margin-left: 4px
}
.app_tag_report {
background: none
}
.app_tag_control:hover .app_tag_report {
background: url('/public/images/v6/tag_report.png') bottom center no-repeat
}
.app_tag_control .app_tag_report.reported {
background: url('/public/images/v6/tag_report.png') top center no-repeat
}
.app_tag_control:hover .app_tag_ban {
background: url('/public/images/v6/tag_report.png') bottom center no-repeat
}
.glance_content_descriptors_ctn {
margin: 10px 0px 0px 0px;
font-size: 11px
}
.glance_content_descriptors_label {
line-height: 19px;
font-size: 12px;
color: #556772
}
.app_report_dialog {
font-size: 14px;
max-width: 600px;
width: 100%
}
.app_report_dialog_intro {
margin-bottom: 20px
}
.app_report_dialog_option {
margin-bottom: 16px;
line-height: 20px
}
.app_report_dialog_option .sub {
font-size: 12px;
color: #777777
}
.app_report_dialog_option_input {
margin-top: 4px;
float: left
}
.app_report_dialog_option_text {
margin-left: 25px
}
.app_report_dialog_reason,
.app_embed_dialog_description {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 3px;
border: 1px solid #000;
box-shadow: 1px 1px 0 0 rgba(91, 132, 181, 0.2);
color: #C6D4DF;
margin-bottom: 6px;
outline: none;
padding: 4px 6px;
display: block;
width: calc(100% - 12px);
height: 100px
}
.app_report_dialog_dmca {
padding-top: 10px;
padding-bottom: 10px;
font-size: 13px
}
.tag_control_flash {
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-name: anim_tag_control_flash;
-webkit-animation-name: anim_tag_control_flash
}
.app_tag_checkbox.checked {
background-position: top
}
.app_tag_modal_tooltip {
font-size: 11px;
color: #626366;
cursor: default;
margin-left: 8px
}
.app_tags.your_tags {
margin-bottom: 36px
}
.app_tag_modal.nologin .app_tag_checkbox {
display: none
}
.app_tag_modal_left,
.app_tag_modal_right {
width: 256px
}
.app_tag_modal_left {
padding-right: 16px;
float: left
}
.app_tag_modal_content {
position: relative;
margin-bottom: 64px
}
.app_tag_modal_seperator {
position: absolute;
top: 0;
bottom: 0;
left: 272px;
width: 1px;
background-color: #3c3d3e
}
.app_tag_modal_right {
float: right;
width: 256px;
padding-left: 16px
}
.app_tag_modal {
width: 546px
}
body.v6 .app_tag_modal h2 {
color: #969696;
font-size: 14px;
font-weight: normal;
line-height: 20px;
margin-bottom: 6px;
text-transform: none;
letter-spacing: 0px;
padding: 0;
margin: 0
}
.app_tag_modal p {
line-height: 17px;
margin-bottom: 8px
}
.app_tag_modal p.small {
line-height: 14px;
margin-bottom: 8px;
font-size: 12px;
color: #626467
}
.app_tag_form_ctn button {
float: right;
margin-left: 12px
}
.app_tag_form_ctn .gray_bevel.for_text_input {
height: 27px;
overflow: hidden
}
.app_tag_form_ctn .gray_bevel.for_text_input input {
margin-top: 2px;
height: 25px;
line-height: 25px
}
.app_tag_lang_note {
font-size: 11px;
color: #626366;
line-height: 20px
}
form#app_tag_form {
margin-bottom: 18px
}
.app_tag_modal_beta_callout {
position: absolute;
left: 16px;
bottom: 19px;
line-height: 20px;
font-size: 13px;
color: #ad8241
}
.app_tag_modal_beta_callout img {
vertical-align: text-bottom;
margin-right: 4px
}
.app_tag_modal_beta_callout a {
color: #e6ac56;
text-decoration: underline
}
.app_tag_modal_beta_callout a:hover {
color: #f7cb89
}
/* Discovery queue settings dialog */
.dq_settings_content {
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
font-size: 16px;
color: #969696
}
.queue_options_ctn {
display: flex;
flex-direction: row;
padding-bottom: 32px;
border-bottom: 1px solid #000000
}
.dq_settings_section {
margin: 12px 32px 0px 0px
}
.dq_settings_content .dq_settings_section_title {
font-family: "Motiva Sans", Sans-serif;
font-weight: 200;
/* thin */
color: #969696;
padding: 10px 0px 3px 0px;
font-size: 13px;
text-transform: uppercase
}
.dq_settings_checkrow {
max-width: 300px;
background-color: #3d4450;
line-height: 21px;
font-size: 14px;
padding: 2px 6px;
border-radius: 3px;
margin-bottom: 1px;
cursor: pointer
}
.dq_settings_checkrow input[type=checkbox] {
float: left;
height: 21px;
vertical-align: middle;
margin-right: 8px
}
.dq_settings_checkrow label {
display: block;
overflow: hidden
}
.dq_settings_tags {
width: 256px
}
.dq_excluded_tags {
margin-bottom: 12px
}
.dq_customize_new {
display: inline-block;
font-size: 10px;
line-height: 14px;
padding: 0 4px;
background: #99cc00;
color: #000000;
vertical-align: text-top;
margin-right: 2px
}
/* new input styles */
input.gray_bevel:-moz-placeholder,
textarea.gray_bevel:-moz-placeholder,
.gray_bevel textarea:-moz-placeholder,
.gray_bevel input:-moz-placeholder {
font-style: italic;
color: #7c7c7c
}
input.gray_bevel::-webkit-input-placeholder,
textarea.gray_bevel::-webkit-input-placeholder,
.gray_bevel textarea::-webkit-input-placeholder,
.gray_bevel input::-webkit-input-placeholder {
font-style: italic;
color: #7c7c7c
}
input.gray_bevel,
textarea.gray_bevel,
.gray_bevel,
.commentthread_comment_edit_textarea_ctn {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 3px;
border: 1px solid #262627;
box-shadow: 1px 1px 0px #39393a;
color: #BFBFBF;
margin-bottom: 6px;
outline: none;
padding: 4px 6px
}
.gray_bevel.for_text_input {
display: inline-block;
padding-top: 1px;
padding-bottom: 1px;
height: 23px
}
.gray_bevel input {
line-height: 21px;
height: 21px
}
.gray_bevel input,
.gray_bevel textarea {
border: none;
outline: none;
background-color: rgba(0, 0, 0, 0.2);
border: 1px solid #000;
box-shadow: 1px 1px 0 0 rgba(91, 132, 181, 0.2);
font-size: 13px;
color: #BFBFBF
}
.gray_bevel.fullwidth {
display: block
}
.gray_bevel.fullwidth.for_text_input input,
.gray_bevel.fullwidth textarea {
/* narrow a bit to account for padding in the text area */
width: calc(100% - 8px)
}
input.gray_bevel {
height: 20px
}
textarea.gray_bevel,
.gray_bevel textarea {
resize: none
}
select.gray_bevel {
background-color: #565658;
border-radius: 3px;
border: 1px solid #262627;
box-shadow: 1px 1px 0px #39393a;
color: #BFBFBF;
margin-bottom: 6px;
outline: none;
padding: 0px;
line-height: 27px;
height: 27px;
font-size: 14px
}
.apphub_HomeHeaderContent .apphub_HeaderStandardTop {
background-image: none;
padding-top: 0px
}
.apphub_HomeHeaderContent .apphub_AppIcon {
display: none
}
.apphub_HomeHeaderContent .apphub_AppName {
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
padding-left: 0px
}
/* Subs */
#package_header_container {
background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.3) 5%, rgba(0, 0, 0, 0.6) 95%);
background: linear-gradient(90deg, rgba(0, 0, 0, 0.3) 5%, rgba(0, 0, 0, 0.6) 95%);
backdrop-filter: blur(7px);
text-align: center;
padding: 15px;
margin-bottom: 20px
}
/* Steam curators */
.game_description_column
.no_curators_followed {
padding: 20px;
background: rgba(0, 0, 0, 0.2)
}
.release_notice {
background-color: #3d4136;
border: 1px solid #ff9900;
font-size: 15px;
color: #ff7b00;
padding: 13px
}
.release_notice a {
font-size: 15px;
color: #ff7b00;
text-decoration: underline
}
.release_notice a:hover {
text-decoration: none
}
.release_notice .title {
color: #b3977c;
font-size: 12px;
margin-bottom: 5px
}
.small_cap {
position: relative
}
.small_cap.ds_flagged:not(.ds_wishlist) img {
opacity: 0.3
}
.screenshot_popup_modal {
position: absolute
}
.screenshot_popup_modal_content {
position: relative;
padding: 10px;
border-radius: 3px;
background: -webkit-linear-gradient(315deg, #356480 5%, #1a303d 95%);
background: linear-gradient(135deg, #356480 5%, #1a303d 95%)
}
.screenshot_popup_modal_title {
height: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #222d3d
}
.screenshot_popup_modal_content .screenshot_img_ctn img {
cursor: pointer
}
.screenshot_popup_modal_footer {
position: relative;
height: 28px;
line-height: 28px;
margin-top: 10px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.screenshot_popup_modal_footer .btnv6_blue_hoverfade span {
line-height: 26px
}
.screenshot_popup_modal_footer .previous {
position: absolute;
left: 0;
top: 0
}
.screenshot_popup_modal_footer .next {
position: absolute;
right: 0;
top: 0
}
.game_area_purchase_game_wrapper.playtest {
background: -moz-linear-gradient(-15deg, rgba(152, 128, 60, 0.3) 0%, rgba(226, 244, 255, 0.3) 70%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(152, 128, 60, 0.3)), color-stop(70%, rgba(226, 244, 255, 0.3)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-15deg, rgba(152, 128, 60, 0.3) 0%, rgba(226, 244, 255, 0.3) 70%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-15deg, rgba(152, 128, 60, 0.3) 0%, rgba(226, 244, 255, 0.3) 70%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-15deg, rgba(152, 128, 60, 0.3) 0%, rgba(226, 244, 255, 0.3) 70%);
/* IE10+ */
background: linear-gradient(165deg, rgba(152, 128, 60, 0.3) 0%, rgba(226, 244, 255, 0.3) 70%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#41433a', endColorstr='#4de2f4ff', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.game_area_purchase_game_wrapper.playtest .game_area_purchase_game {
background: none;
border-top: 2px solid #1b2838
}
.game_pt_note {
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
margin: 2px 0 12px 0
}
#pt_block,
#pt_active,
#pt_join {
display: none
}
.castandcrewtitle {
font-family: "Motiva Sans", Sans-serif;
font-weight: bold;
/* bold */
width: 150px;
float: left
}
.castandcrewlist {
margin-left: 150px
}
/* item store items */
.item_store_items_game_page_container {
margin-top: 2px;
position: relative;
padding: 10px;
display: flex;
justify-content: space-between;
background: -moz-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(97, 100, 101, 0.3)), color-stop(100%, rgba(226, 244, 255, 0.3)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
/* IE10+ */
background: linear-gradient(135deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d616465', endColorstr='#4de2f4ff', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.item_store_overlay_link {
opacity: 0;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
text-align: center
}
.item_store_overlay_link:hover {
opacity: 1;
background-color: rgba(0, 0, 0, 0.5);
border: 2px solid #67c1f5
}
.item_store_overlay_link a {
padding-top: 60px;
width: 100%;
height: 99px;
display: block
}
.item_store_items_game_page_container>.item_def_grid_item {
margin-right: 4px
}
.item_def_icon {
width: 114px;
height: 114px;
border: 1px solid rgba(0, 0, 0, 0);
display: block
}
.item_def_grid_item .item_def_price {
line-height: 20px;
float: right;
font-size: 12px
}
.item_def_icon_container {
position: relative;
background: #111111
}
/* responsive */
html.responsive .game_page_background_ctn {
width: 96vw;
overflow: hidden;
min-width: unset
}
html.responsive #game_highlights,
html.responsive #game_highlights .rightcol {
width: auto;
height: auto
}
html.responsive .discoveryqueue_appwidget {
height: 50px;
margin-bottom: 10px
}
html.responsive.gamepad .game_description_snippet {
overflow: hidden;
padding-right: 0
}
html.responsive.gamepad .game_page_background_ctn {
width: 96vw;
overflow: hidden;
min-width: unset
}
html.responsive.gamepad #game_highlights,
html.responsive.gamepad #game_highlights .rightcol {
width: auto;
height: auto
}
html.responsive.gamepad .discoveryqueue_appwidget {
height: 50px;
margin-bottom: 10px
}
html.responsive .highlight_overflow {
margin-right: 0
}
html.responsive .glance_ctn {
padding: 4px 2%
}
html.responsive .game_header_image_ctn {
float: left;
width: 50%;
margin-right: 8px
}
html.responsive .game_header_image_ctn img.game_header_image_full {
width: 100%;
height: auto
}
html.responsive .glance_ctn_responsive_left {
overflow: hidden
}
html.responsive .glance_ctn_responsive_right {
clear: none;
overflow: hidden;
padding-top: 0
}
html.responsive .glance_tags_ctn {
margin-top: 10px
}
html.responsive .glance_ctn_responsive_right .glance_tags_ctn:first-child {
float: left;
width: 50%;
margin-right: 8px
}
html.responsive #package_header_container {
padding: 2%
}
html.responsive .early_access_banner {
height: 80px
}
html.responsive .early_access_banner p {
width: auto
}
html.responsive .glance_ctn_responsive_right .glance_tags_ctn,
html.responsive .glance_ctn_responsive_right .glance_tags_ctn:first-child {
float: none;
width: auto;
margin-right: 0
}
html.responsive .glance_tags_ctn.your_tags_ctn {
display: none
}
html.responsive
html.responsive
html.responsive .game_purchase_action_bg .btn_medium>span {
padding: 0 10px;
font-size: 13px
}
.dynamic_bundle_description {
position: relative
}
.ds_flag.ds_completetheset {
background: #4F95BD;
top: -4px;
left: 18px;
padding: 0 8px
}
.bundle_contents_preview {
padding: 6px;
margin: 8px -6px 0 -6px;
background: rgba(0, 0, 0, 0.5)
}
.sale_page_purchase_content .bundle_contents_preview {
margin-top: 3px
}
.bundle_contents_preview_position {
position: relative;
height: 45px;
overflow: hidden;
white-space: nowrap
}
.bundle_contents_preview a.bundle_contents_preview_item:first-child {
position: relative;
z-index: 30
}
.bundle_contents_preview a.bundle_contents_preview_item {
display: inline-block
}
a.bundle_contents_preview_item .ds_flag {
top: 20px
}
.bundle_contents_preview.collapsed a.bundle_contents_preview_item {
box-shadow: 2px 0 5px 0px #000000
}
.bundle_contents_preview a.bundle_contents_preview_item.floated {
position: absolute
}
.bundle_contents_preview img {
display: block
}
.bundle_label {
cursor: default;
display: inline-block;
color: #A4D7F5;
font-size: 18px;
font-family: "Motiva Sans", Sans-serif;
font-weight: 200;
/* thin */
}
.bundle_label .bundle_label_tooltip {
color: #8f98a0;
font-size: 12px;
vertical-align: baseline
}
.game_area_description.bundle_description {
margin-bottom: 16px
}
.agegate_content_descriptors {
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
font-size: 18px;
color: #ffffff
}
.agegate_content_descriptors>span.content_descriptor {
border-bottom: 1px dotted #67c1f5;
line-height: 17px;
display: inline-block
}
.agegate_content_descriptors_notes {
margin-top: 20px;
color: #9db2be
}
.agegate_content_descriptors_notes p {
font-size: 14px;
color: #dee6ed
}
.agegate_tags {
text-align: center;
width: 350px;
margin: 0 auto 7vh auto
}
.agegate_tags .glance_tags_ctn {
margin: 7px 0px 0px 0px
}
.agegate_tags .app_tag {
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
font-size: 18px;
color: #ffffff;
background-color: transparent;
border-bottom: 1px dotted #67c1f5;
padding: 0;
margin-right: 10px;
line-height: 17px;
display: inline-block;
border-radius: 0;
overflow: visible
}
.agegate_text_container {
text-align: center;
max-width: 550px;
margin-left: auto;
margin-right: auto
}
.agegate_text_container .img_ctn {
margin: -45px 0 15px 0;
padding: 0px
}
.main_content_ctn {
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 5px
}
.agegate_text_container img {
margin: 0px;
padding: 0px;
width: 50%;
height: 50%;
background-color: rgba(255, 255, 255, 0.1);
box-shadow: 0 0 5px 0 #000000
}
.agegate_text_container>p {
margin: 35px 0 0 0;
color: #9db2be;
line-height: 25px
}
div.agegate_text_container>h2 {
color: #fff;
font-weight: 200
}
.agegate_text_container.btns {
margin-top: 6vh;
max-width: calc(100% - 50px);
padding-bottom: 30px
}
.agegate_text_container.checkbox {
margin-top: 2%
}
.agegate_text_container .agegate_ao_txt {
margin-bottom: 4px
}
#app_agegate {
font-family: "Motiva Sans", Sans-serif;
font-weight: 200;
/* thin */
margin-top: 8%;
margin-bottom: 150px
}
#app_agegate .preferences {
margin-top: 20px;
font-size: 14px;
padding-top: 20px;
color: #9db2be
}
#app_agegate .preferences a {
text-decoration: underline
}
#app_agegate .agegate_selector {
display: inline-block
}
#app_agegate .agegate_selector>a {
border-radius: 2px;
border: none;
vertical-align: top;
font-size: 14px;
padding: 5px 30px 5px 15px
}
#app_agegate select {
padding: 2px 3px;
height: 22px;
color: #67c1f5;
background-color: rgba(103, 193, 245, 0.2);
border-radius: 2px;
border: none;
vertical-align: top
}
#ageYear_droplist a,
#ageDay_droplist a,
#ageMonth_droplist a {
font-size: 14px
}
#ageYear_droplist,
#ageDay_droplist,
#ageMonth_droplist {
overflow-y: auto;
max-height: 30vh
}
#app_agegate select option {
background-color: #417a9b;
color: #e5e4dc
}
.agegate_birthday_selector {
background: rgba(255, 255, 255, 0.1);
border-radius: 5px;
text-align: center;
max-width: 550px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
padding: 12px
}
.agegate_birthday_desc {
font-size: 14px;
padding-bottom: 10px
}
.agegate_wizard {
margin-top: 15px;
background: #435363;
padding: 10px 16px 16px 16px;
margin-bottom: 10px;
text-align: left;
position: relative;
border-radius: 4px;
max-width: 80%;
margin-left: auto;
margin-right: auto
}
.agegate_wizard:after {
bottom: 100%;
left: 4%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #435363;
border-width: 20px;
margin-left: -20px
}
body.v6 .agegate_wizard h2 {
font-family: "Motiva Sans", Sans-serif;
font-weight: 200;
/* thin */
color: #ffffff
}
body.v6 .agegate_wizard .subtitle {
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
font-size: 14px;
color: #c6d4df
}
body.v6 .agegate_wizard .subtitle a {
text-decoration: underline
}
.sign_in_ctn {
margin-top: 6px
}
.sign_in_ctn .btn {
top: 5px;
position: relative;
float: left;
margin-right: 14px
}
.agegate_wizard_preference_option {
font-family: "Motiva Sans", Sans-serif;
font-weight: 200;
/* thin */
color: #ffffff;
font-size: 15px;
padding: 10px 15px;
margin-top: 10px;
background-color: rgba(255, 255, 255, 0.2);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 4px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5)
}
.agegate_wizard_preference_option .question span {
color: #d5ff3d
}
.agegate_wizard_preference_option .top_block {
display: flex;
justify-content: space-between
}
.agegate_wizard_preference_option_controls {
text-align: right;
min-width: 150px
}
#agegate_wizard_done {
display: none;
padding: 10px 15px;
margin-top: 10px;
background-color: rgba(163, 207, 6, 0.8)
}
#agegate_wizard_done h2 {
font-size: 16px
}
.agegate_wizard_preference_option .question span.descriptor {
font-weight: bold;
display: inline;
color: #ffffff
}
.agegate_wizard_preference_option .examples {
font-size: 12px
}
.agegate_wizard_preference_option .examples a {
text-decoration: underline
}
/* Series, Seasons, Episodes */
.series_seasons .season_selector {
padding: 0px 0px;
box-shadow: 0 5px 2px -2px rgba(0, 0, 0, 0.5);
margin: 5px 0px;
position: relative;
white-space: nowrap;
overflow: hidden
}
.series_seasons .season_selector .store_horizontal_minislider {
overflow: hidden
}
.series_seasons .season_episode_list_wrapper {
margin-top: 10px
}
.series_seasons.extra_content_spacer {
margin-top: 30px
}
.season_video_extras_summary {
float: right;
position: relative;
top: -27px;
text-transform: uppercase;
font-size: 12px;
color: #c6d4df;
display: inline-block;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
}
.season_video_extras_note {
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
position: relative;
display: block;
top: -5px;
clear: both
}
.series_episode {
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=1);
/* IE6-9 */
min-height: 110px;
overflow: auto;
height: auto !important;
width: 100%;
position: relative;
/* for ds_flag display */
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
}
.series_episode .ds_flag {
top: 6px
}
.series_episode .episode_image_col {
float: left;
height: 110px;
overflow: hidden
}
.series_episode .episode_image {
width: 236px;
height: 110px
}
.series_episode .episode_details_col {
padding: 6px 6px 2px 12px;
float: left;
width: 360px
}
.series_episode .episode_name {
color: #fff
}
.series_episode .episode_date {
display: inline;
color: #8f98a0;
font-size: 11px;
margin-right: 20px
}
.series_episode .episode_runtime {
display: inline;
color: #8f98a0;
font-size: 11px
}
.series_episode .episode_description {
font-size: 12px;
margin-top: 4px;
margin-bottom: 24px;
color: #acb2b8
}
.series_episode.nosub .episode_description {
margin-bottom: 10px
}
.series_episode.active {
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(103, 193, 245, 0.4) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(103, 193, 245, 0.4) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(103, 193, 245, 0.4) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#6667c1f5', GradientType=1);
/* IE6-9 */
}
.series_seasons .episode_action_col {
position: relative;
right: 16px;
float: right;
margin-bottom: -10px;
top: -19px;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
}
.series_seasons .season_name {
display: inline-block;
background: rgba(42, 63, 90, 0.6);
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 13px;
color: #2f89bc;
line-height: 24px;
cursor: pointer;
vertical-align: top;
margin-top: 3px;
box-shadow: inset 0 -2px 3px 0 rgba(0, 0, 0, 0.25);
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Chrome/Safari/Opera */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none
}
.series_seasons .season_name:hover {
color: #ffffff
}
.series_seasons .season_name .tab_content {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
font-size: 13px;
color: #4f94bc;
line-height: 24px;
padding: 0 10px;
cursor: pointer;
vertical-align: top;
box-shadow: inset 0 -2px 3px 0 rgba(0, 0, 0, 0.25)
}
.series_seasons .season_name .tab_content:hover {
color: #ffffff;
background: #67c1f5;
/* Old browsers */
background: -moz-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #67c1f5), color-stop(100%, #417a9b));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* IE10+ */
background: linear-gradient(135deg, #67c1f5 0%, #417a9b 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67c1f5', endColorstr='#417a9b', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.series_seasons .season_name.active {
background: -moz-linear-gradient(top, rgba(103, 193, 245, 1) 0%, rgba(103, 193, 245, 0) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(103, 193, 245, 1)), color-stop(100%, rgba(103, 193, 245, 0)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(103, 193, 245, 1) 0%, rgba(103, 193, 245, 0) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(103, 193, 245, 1) 0%, rgba(103, 193, 245, 0) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(103, 193, 245, 1) 0%, rgba(103, 193, 245, 0) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(103, 193, 245, 1) 0%, rgba(103, 193, 245, 0) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67c1f5', endColorstr='#0067c1f5', GradientType=0);
/* IE6-9 */
margin-top: 0;
box-shadow: none;
padding: 1px
}
.series_seasons .season_name.active .tab_content {
line-height: 29px;
font-size: 14px;
color: #ffffff;
background: #1a2737;
text-shadow: -1px -1px rgba(0, 0, 0, 0.25);
cursor: default;
margin-top: 0;
box-shadow: none
}
.season_episode_list_wrapper .season_episode_list {
display: none
}
.season_episode_list_wrapper .season_episode_list.active {
display: block
}
.series_episode.nosub {
margin-bottom: 10px
}
.season_bundle_description {
color: #b0aeac;
font-size: 12px
}
html.responsive .series_episode .episode_image {
height: auto
}
html.responsive .series_episode .episode_details_col {
width: 65%;
padding: 5px 5px 5px 8px
}
html.responsive .series_episode.nosub .episode_action_col {
display: none
}
html.responsive .series_episode .episode_image_col {
padding-top: 8px
}
.bundle_simulator_form .bundle_simulator_row {
line-height: 24px;
font-size: 16px;
padding: 4px 8px;
white-space: nowrap
}
.bundle_simulator_secondary {
margin: 6px 0
}
.bundle_simulator_form .bundle_simulator_row:nth-child(2n) {
/* background: rgba( 0, 0, 0, 0.4 );
*/
}
.bundle_simulator_form .bundle_simulator_row:hover {
background: rgba(255, 255, 255, 0.1)
}
.bundle_simulator_form .bundle_simulator_row input {
display: block;
float: left;
vertical-align: middle;
margin-right: 8px;
height: 24px
}
.bundle_simulator_form .bundle_simulator_row label {
display: block;
overflow: hidden
}
.age_queue_btn_ctn {
margin-left: 16px
}
.rightcol.game_meta_data .block.recommendation_reasons {
padding-left: 28px
}
.rightcol.game_meta_data .block.recommendation_noinfo {
color: #acb2b8;
font-size: 14px;
line-height: 22px
}
.rightcol.game_meta_data .block.recommendation_noinfo a {
margin-bottom: 4px
}
.rightcol.game_meta_data .block.recommendation_noinfo p:not(:first-child) {
margin-top: 16px
}
.rightcol.game_meta_data .block.heading {
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.2);
color: #fff;
font-size: 16px;
padding: 10px 18px
}
.block.recommendation_reasons,
.block.recommendation_reasons p {
color: #969696;
font-size: 14px
}
.block.recommendation_reasons a {
color: #67c1f5
}
.block.recommendation_reasons hr {
height: 1px;
margin: 10px 0;
border: none;
background-color: #273747
}
.block.recommendation_reasons hr:last-child {
display: none
}
.similar_recent_apps_container {
display: flex;
margin-top: 3px
}
.block.recommendation_reasons .similar_recent_apps_container>a {
display: block;
color: #626a6e;
font-size: 12px
}
.similar_recent_apps_container>a>img {
width: 130px;
margin-right: 1px
}
p.reason {
line-height: 16px;
vertical-align: top;
margin-bottom: 3px
}
p.reason.for:before {
content: ' ';
margin-left: -20px;
position: absolute;
display: inline-block;
vertical-align: top;
width: 16px;
height: 16px;
background-image: url('https://cdn.akamai.steamstatic.com/store/icons/icon_check.svg');
background-size: 16px 16px
}
p.reason.against:before {
content: ' ';
margin-left: -20px;
position: absolute;
display: inline-block;
vertical-align: top;
width: 16px;
height: 16px;
background-image: url('https://cdn.akamai.steamstatic.com/store/icons/icon_close.svg');
background-size: 16px 16px
}
p.reason.info:before {
content: ' ';
margin-left: -20px;
position: absolute;
display: inline-block;
vertical-align: top;
width: 16px;
height: 16px;
background-image: url('https://cdn.akamai.steamstatic.com/store/icons/icon_information.svg');
background-size: 16px 16px;
svg {
fill: #ffd43a;
}
}
.recommended_more_info_modal {
width: 500px
}
.recommended_more_info_modal p.intro {
font-size: 16px;
line-height: 22px
}
.recommended_more_info_modal p {
font-size: 14px;
line-height: 20px
}
.recommended_more_info_modal h2 {
margin: 20px 0 3px 0;
color: #fff;
font-size: 16px
}
.referring_curator_ctn {
margin-top: 20px;
margin-bottom: 30px
}
.referring_curator {
background: -webkit-linear-gradient(30deg, #576674 5%, #313b46 95%);
background: linear-gradient(60deg, #576674 5%, #313b46 95%);
padding: 16px;
margin: 0px 0px 8px 0px;
display: flex;
box-shadow: 0 0 5px #000
}
body.v6 .page_content.notes {
margin-bottom: 20px
}
.referring_curator_note {
color: #93b0bb;
margin-top: 3px;
font-size: 11px;
text-shadow: none
}
.referring_curator .video {
margin-right: 14px;
width: 320px;
height: 180px;
flex-shrink: 0
}
.referring_curator .video iframe {
width: 100%;
height: 100%
}
.referring_curator .avatar,
.referring_curator .avatar img {
width: 50px;
height: 50px;
border-radius: 4px;
display: inline-block;
position: relative
}
.referring_curator .curator_info_ctn {
display: inline-block;
position: absolute;
padding-left: 8px;
margin-top: 8px
}
.referring_curator .blurb {
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
color: #fff;
font-size: 16px;
display: flex;
line-height: 25px;
flex-direction: column;
justify-content: space-between
}
.referring_curator .curator_detail_right_ctn.no_video .blurb {
width: 100%
}
.referring_curator .blurb .review_title {
text-transform: uppercase;
font-size: 17px;
margin-top: -4px;
display: block;
letter-spacing: 1.5px;
font-weight: 500;
font-style: normal
}
.referring_curator .blurb p {
text-indent: -4px;
padding-bottom: 8px;
padding-top: 6px;
font-style: italic
}
.referring_curator .blurb .notes {
float: right
}
.curator_received {
width: 16px
}
.referring_curator .curator_detail_right_ctn {
display: flex
}
.referring_curator .curator_detail_right_ctn.no_video {
width: 100%
}
.referringSteamCurator {
font-size: 11px;
line-height: 9px;
padding-bottom: 8px;
color: #93b0bb
}
.referringSteamCurator a {
text-decoration: underline;
color: #93b0bb
}
.referringSteamCurator .curator_review_date {
margin-left: 5px;
color: #93b0bb
}
.discussion_button_ctn,
.readmore_button_ctn {
display: inline-block
}
.discussion_button_ctn>span,
.readmore_button_ctn>span {
background: #1b2838;
display: inline-flex;
border-radius: 2px
}
.review_ctn {
border-top: 1px solid #000
}
.color_recommended {
color: #66c0f4
}
.color_not_recommended {
color: #f49866
}
.color_informational {
color: #f5df67
}
.music_album_track_listing_table {
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
display: flex;
flex-direction: column;
font-size: 14px;
color: #d0d4d7
}
.music_album_track_ctn {
display: flex;
justify-content: space-between;
background: #213649;
padding: 4px 6px
}
.music_album_track_ctn:nth-child(2n) {
background: #1e2e40
}
.music_album_track_number {
width: 30px
}
.music_album_track_name_ctn {
flex-grow: 1
}
.music_album_track_name,
.music_album_track_name_other_language {
display: inline
}
.music_album_track_name_other_language {
color: #9aa8b7
}
/* Have DLC list use a flex row to support responsive UX */
.game_area_dlc_row {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 4px;
align-items: center
}
.game_area_dlc_capsule_and_name_ctn {
display: flex;
flex-direction: row;
justify-content: left;
align-items: center
}
.game_area_dlc_name {
padding-right: 5px;
padding-left: 8px
}
.game_area_dlc_row.dlc_highlight {
display: grid;
grid-template-columns: 1fr 2fr auto;
grid-template-rows: auto;
grid-template-areas:
"capsule text price"
}
.game_area_dlc_row.dlc_highlight .capsule_container {
grid-area: capsule
}
.game_area_dlc_row.dlc_highlight .game_area_dlc_name {
grid-area: text
}
.game_area_dlc_row.dlc_highlight .game_area_dlc_price {
grid-area: price
}
.dlc_highlight_reason_container {
display: flex
}
.dlc_highlight_reason {
background-color: #417a9b;
color: white;
padding: 2px 4px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 4px;
border-radius: 3px
}
/* Share dialog styles */
.share.share_dialog .share_dialog_content {
margin-top: 20px;
margin-right: 12px
}
.share.share_dialog .share_dialog_value {
font-family: "Motiva Sans", Sans-serif;
font-size: 16px;
width: 100%;
background-color: unset;
color: white;
padding: 4px;
border: 1px solid #333333;
box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.4);
outline: none;
resize: none
}
.share.share_dialog .share_dialog_result {
margin-top: 10px;
text-align: center;
min-height: 24px
}
.share.share_dialog>a>img {
height: 48px;
width: 48px
}
.responsive_release_date_text,
.responsive_reviewdesc_short,
.responsive_add_to_wishlist,
.responsive_purchase_options_ctn,
.newux_optin_banner,
.responsive_review_menu_ctn,
.responsive_purchase_source,
.responsive_voting_image,
.responsive_review_settings_img,
.responsive_block_header {
display: none
}
html.responsive .newux_optin_banner.optin {
background: linear-gradient(90deg, #06BFFF 0%, #2D73FF 100%)
}
html.responsive .newux_optin_banner span {
font-size: 14px;
flex-grow: 1;
text-align: right
}
html.responsive .newux_optin_banner img {
display: block;
margin: auto 0px;
height: 16px;
width: 16px;
padding-left: 5px;
padding-right: 10px
}
html.responsive .dlc_highlight .capsule_container {
display: flex;
max-width: 120px;
padding-right: 10px
}
html.responsive .dlc_highlight .capsule {
object-fit: scale-down
}
html.responsive .dlc_highlight.game_area_dlc_row {
display: flex
}
.saleEventBannerStyle {
object-fit: contain;
display: block;
position: absolute;
width: 100%;
top: 0;
max-width: 100%;
cursor: pointer;
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
z-index: 100;
transform: scale(1.00);
box-shadow: 0 0 10px rgba(255, 255, 255, 0);
transition: box-shadow .21s ease-in-out
}
.saleEventBannerStyle:hover {
box-shadow: 0 0 10px rgba(255, 255, 255, 1)
}
.saleEventBannerMobile {
display: none
}
.saleEventBannerBig {
width: 1053px
}
.widestore .saleEventBannerBig {
width: 1200px
}
.saleEventBannerLink {
display: block;
margin-bottom: 16px;
background: rgba(0, 0, 0, 0.4);
padding: 12px
}
.saleEventBannerLink .event_context {
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
background: #d0d5d9;
letter-spacing: 1px;
border-radius: 2px;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
color: black;
display: block;
width: fit-content;
position: relative;
z-index: 101;
padding: 2px 6px;
margin: -9px auto -9px auto;
opacity: 0;
transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out
}
.saleEventBannerLink:hover .event_context {
opacity: 1;
transform: translateY(-8px)
}
html.responsive .saleEventBannerMobile {
display: block;
margin-bottom: 10px;
z-index: 100
}
.open_in_steam_container {
position: relative;
display: flex;
flex-direction: column;
padding: 5px;
color: #b8e0fd;
font-size: 13px;
justify-content: center;
background: rgb(87, 164, 208);
/* Old browsers */
background: -moz-linear-gradient(-60deg, #7C8B9D 0%, #576C84 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #7C8B9D), color-stop(100%, #576C84));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-60deg, #7C8B9D 0%, #576C84 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-60deg, #7C8B9D 0%, #576C84 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-60deg, #7C8B9D 0%, #576C84 100%);
/* IE10+ */
background: linear-gradient(135deg, #7C8B9D 0%, #576C84 100%);
/* W3C */
}
.open_in_steam_text {
display: flex;
flex-direction: column;
padding-right: 8px
}
.open_in_steam_text .title {
font-weight: 600
}
.open_in_steam_valve_only {
position: absolute;
top: -3px;
right: 0;
font-size: 10px;
padding: 1px 3px;
background: #bf5609;
color: #111111
}
.open_in_steam_body {
display: flex;
flex-direction: row;
align-items: center;
padding: 5px;
margin: 10px;
border-radius: 5px;
background-color: #d9d9d933;
box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.3);
color: #eeeeee
}
a.open_in_steam_body:hover {
color: #eeeeee
}
.open_in_steam_img {
height: 31px;
margin-right: 10px;
padding: 2px;
background: #ffffff;
border-radius: 4px
}
.get_the_app_container {
margin-left: 10px;
margin-bottom: 5px;
text-transform: uppercase;
font-weight: 600
}
.banner_open_in_steam {
min-height: 50px
}
.related_items_ctn {
background: radial-gradient(62.67% 62.67% at 62.67% 100%, rgba(255, 255, 255, 0.15) 0%, rgba(116, 133, 140, 0.15) 100%);
padding-top: 40px;
padding-bottom: 20px;
margin-top: 20px
}
.game_purchase_options_editions_header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 4px;
margin-top: 8px;
background-image: url(/public/images/v6/maincol_gradient_rule.png);
background-repeat: no-repeat;
background-position: bottom left;
padding-bottom: 4px
}
.game_purchase_options_editions_header_title {
text-transform: uppercase;
font-size: 14px;
color: #fff;
letter-spacing: 0.03em;
flex-basis: 0;
flex-grow: 1
}
.game_purchase_options_editions_header_compare_button_ctn {
flex-grow: 0
}
.game_purchase_options_editions_header_compare_button {
background: transparent;
color: #ffffff;
padding: 2px 15px;
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: 2px;
font-size: 11px;
cursor: pointer;
width: fit-content
}
.game_purchase_options_editions_image_ctn {
text-align: center
}
.game_purchase_options_editions_image {
width: auto;
height: 80vh
}
.download_demo_buttons_ctn {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 4px
}
.package_in_library_flag {
font-size: 10px;
box-shadow: 1px 1px 2px #000000;
display: inline-block;
position: absolute;
top: -8px;
left: -6px;
height: 18px;
line-height: 19px;
padding: 0 6px 0 4px;
white-space: nowrap;
z-index: 5;
text-transform: uppercase;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
gap: 3px
}
.package_in_library_flag.in_own_library {
color: #111111;
background: #a3cf06
}
.package_in_library_flag.in_family_library {
background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%);
background: linear-gradient(to right, #47bfff 5%, #1a44c2 60%);
color: #eeeeee
}
.package_in_library_flag>img.icon {
height: 10px
}
.mask_images .game_area_description .bb_img {
filter: blur(30px);
clip-path: inset(0)
}
/* 2025 Game Page Widening */
.widestore #game_highlights {
display: flex;
flex-direction: row-reverse;
backdrop-filter: blur(7px)
}
.widestore #game_highlights .rightcol {
width: 375px;
margin-left: 0px;
float: unset;
flex-grow: 0;
flex-shrink: 0
}
.widestore #game_highlights .leftcol {
max-width: 824px;
min-width: 0;
width: auto;
float: unset;
flex-grow: 1;
flex-shrink: 1
}
.widestore .glance_ctn {
padding: 0px 0px 0px 0px;
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between
}
.widestore .glance_ctn .release_date {
padding-top: 9px;
padding-bottom: 13px;
font-size: 13px
}
.widestore .glance_ctn .user_reviews {
font-size: 13px;
color: var(--summary-title-text-color);
margin-top: 0px
}
.widestore .glance_ctn .user_reviews_summary_row,
.widestore .glance_ctn .dev_row,
.widestore .glance_ctn .release_date {
display: flex;
line-height: 18px;
font-size: 13px
}
.widestore .glance_ctn .user_reviews .subtitle,
.widestore .glance_ctn .subtitle {
text-transform: uppercase;
font-size: 11px;
padding-right: 10px;
min-width: 35%
}
.widestore .glance_ctn .summary.column {
min-width: 50%
}
.widestore .game_header_image_ctn {
margin-bottom: 0px
}
.widestore .game_header_ctn {
display: flex;
flex-direction: column;
gap: 12px
}
.widestore .glance_mid_ctn {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-around
}
.widestore img.game_header_image_full {
width: 375px;
height: unset
}
.widestore .game_description_snippet {
overflow: hidden;
font-size: 14px;
line-height: 19px;
padding-right: 16px;
display: -webkit-box;
line-clamp: 6;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical
}
.widestore .game_area_description {
line-height: 1.5em;
font-size: 14px;
margin-top: 30px;
overflow: hidden;
width: auto;
max-width: 100%;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
}
.widestore .block .block_content_inner #AwardsDefault img {
max-width: 344px
}
.widestore .queue_ctn {
max-width: 1200px;
width: 100%;
background: rgba(0, 0, 0, 0.2);
margin: 0px auto;
margin-bottom: 16px
}
body.v6.widestore .game_area_already_owned.page_content {
height: 40px;
padding: 0px;
position: relative;
background: -moz-linear-gradient(left, rgba(163, 207, 6, 0.6) 0%, rgba(75, 106, 33, 0.6) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(163, 207, 6, 0.6)), color-stop(100%, rgba(75, 106, 33, 0.6)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(163, 207, 6, 0.6) 0%, rgba(75, 106, 33, 0.6) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(163, 207, 6, 0.6) 0%, rgba(75, 106, 33, 0.6) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(163, 207, 6, 0.6) 0%, rgba(75, 106, 33, 0.6) 100%);
/* IE10+ */
background: linear-gradient(to right, rgba(163, 207, 6, 0.6) 0%, rgba(75, 106, 33, 0.6) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99a3cf06', endColorstr='#994b6a21', GradientType=1);
/* IE6-9 */
font-size: 18px;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
line-height: 40px;
color: #a3cf06;
margin-bottom: 1px;
max-width: 1200px;
width: 100%
}
body.v6.widestore .game_area_already_owned.master_sub {
background: rgb(56, 112, 150);
color: white
}
.widestore .game_area_play_stats {
background: -moz-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(97, 100, 101, 0.3)), color-stop(100%, rgba(226, 244, 255, 0.3)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-60deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
/* IE10+ */
background: linear-gradient(135deg, rgba(97, 100, 101, 0.3) 0%, rgba(226, 244, 255, 0.3) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d616465', endColorstr='#4de2f4ff', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
padding: 0px 16px 16px 16px;
margin: 0px auto;
margin-bottom: 40px;
max-width: calc(1200px - 32px)
}
.widestore
.widestore .game_area_dlc_row.dlc_highlight {
display: grid;
grid-template-columns: 1fr 3fr auto;
grid-template-rows: auto;
grid-template-areas:
"capsule text price"
}
.widestore .mature_content_notice {
max-width: 1168px
}
.agegate_age_validation {
background-color: #4D5460;
margin: 20px 20px 0px 20px;
padding: 10px 20px 10px 20px;
border-left: solid #04AEDB 3px
}
.agegate_age_validation p {
margin-top: 10px;
text-align: center
}
html.responsive .widestore #game_highlights,
html.responsive .widestore #game_highlights .rightcol {
width: auto;
height: auto;
flex-direction: column
}
html.responsive .widestore #game_highlights .leftcol {
width: auto
}
html.responsive .widestore .discoveryqueue_appwidget {
height: 50px;
margin-bottom: 10px
}
html.responsive.gamepad .widestore .game_description_snippet {
overflow: hidden;
padding-right: 0;
margin-bottom: 10px
}
html.responsive.gamepad .widestore #game_highlights,
html.responsive.gamepad .widestore #game_highlights .rightcol {
width: auto;
height: auto;
flex-direction: column
}
html.responsive.gamepad .widestore #game_highlights .leftcol {
width: auto
}
html.responsive.gamepad .widestore .discoveryqueue_appwidget {
height: 50px;
margin-bottom: 10px
}
/* From assets/media/store
a {
text-decoration: none;
color: #ffffff
}
.a:focus {
outline: 0px none
}
a:hover {
color: inherit;
text-decoration: underline
}
a.nohover:hover {
text-decoration: none
}
body.v6 {
--store-page-width: 940px
}
body.v6.in_client {
background-position: center top
}
body.v6.game_bg {
background: #1b2838
}
body.v6>div#global_header {
border-bottom-color: #171a21
}
.v6_bg {
/* background: url( '/public/images/v6/tag_browse_header_bg.png' ) no-repeat center top;
*/
}
body.blue .v6_bg {
background:
url('/public/images/v6/blue_top_center.png') center top no-repeat,
url('/public/images/v6/blue_top_repeat.png') center top repeat-x;
min-height: 370px
}
body.v6 div#store_header {
background-color: transparent
}
.page_background {
background-position: center top;
background-repeat: no-repeat
}
body.v6 #footer {
font-family: Arial, Helvetica, sans-serif;
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 16px 0 60px 0;
margin: 0;
text-size-adjust: none;
-webkit-text-size-adjust: none;
background: #171a21
}
body.v6.movescrolltocontent #footer {
position: relative
}
body.v6.infinite_scrolling #footer.small_footer {
position: relative;
top: auto;
bottom: auto
}
body.v6.infinite_scrolling #footer_spacer.small_footer {
height: 50px
}
body.v6 #footer .footer_content {
width: 940px;
margin: 0px auto;
padding-top: 16px
}
body.v6 #footer #footer_logo {
float: left;
padding-top: 2px
}
body.v6 #footer #footer_logo img {
height: 25px;
width: auto
}
body.v6 #footer #footer_logo_steam {
float: right;
padding-top: 2px
}
body.v6 #footer #footer_text {
float: left;
margin-left: 12px;
color: #8F98A0;
font-size: 12px;
line-height: 16px
}
body.v6 #footer #footer_text a {
color: #C6D4DF
}
body.v6 #footer #footer_text a:hover {
color: #ffffff
}
body.v6 #footer .rule {
height: 8px;
border-top: 1px solid #363c44
}
body.v6 #footer .valve_links {
margin-top: 8px;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
font-size: 13px;
color: #61686D;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: center;
flex-direction: row
}
body.v6 #footer .valve_links a {
color: #C6D4DF;
display: flex;
align-items: center
}
body.v6 #footer .valve_links a:hover {
color: #ffffff
}
body.v6 #footer .valve_links img {
margin-right: 4px
}
body.v6 #footer_nav .pulldown {
color: #969eab !important;
background: rgba(150, 158, 171, 0.3)
}
body.v6 #footer .extra_space {
height: 60px
}
body.v6.sale_page_n_section #footer {
z-index: 2
}
body #footer .responsive_optin_link {
display: none
}
body.v6.blue #footer {
background: #000000
}
body.v6 #footer_spacer {
height: 290px
}
html.force_desktop body.v6 #footer_spacer {
height: 345px
}
body.v6>.perf_timing_area .perf_timing_link {
position: absolute;
left: 15px;
bottom: 15px
}
.perf_timing_data {
position: relative;
background-color: #000000;
margin: 0px auto 48px auto;
padding: 8px;
text-align: left;
width: 936px;
font-size: 14px;
z-index: 5
}
body.v6 h2:not(.BB_Header2) {
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
font-size: 14px;
color: #fff;
margin: 0 0 10px;
font-weight: normal;
padding-top: 2px
}
body.v6 h2 a {
color: #67c1f5;
text-decoration: none
}
body.v6 h2 a:hover {
color: #ffffff;
text-decoration: none
}
body.v6 .home_rightcol .tab_title {
padding-top: 2px;
margin-bottom: 7px;
margin-top: 0px;
display: block
}
body.v6 .home_rightcol.recommended .tab_title,
body.v6 .home_leftcol h2 {
margin-top: 30px;
margin-bottom: 7px
}
body.v6 .responsive_home_spotlight_recommended .home_leftcol .spotlight_content .spotlight_title {
margin-bottom: 2px;
margin-top: 1px
}
body.v6 .discovery_queue_ctn h2,
body.v6
body.v6 .upcoming_queue_ctn h2,
body.v6
body.v6 h2 .header_inline {
color: #9099a1;
font-size: 17px
}
body.v6 h2 .header_inline a {
color: #c6d4df;
cursor: pointer
}
body.v6 h2 .header_inline a:hover {
color: #67c1f5
}
body.v6 h2.pageheader {
color: #ffffff;
font-size: 34px;
font-weight: 700;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4)
}
body.v6 h3 {
color: #ffffff;
font-size: 22px;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
font-weight: normal
}
.ellipsis {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.page_header_ctn {
background: url('/public/images//v6/temp/cluster_bg.png') bottom center no-repeat;
padding-bottom: 64px;
margin-bottom: -30px
}
.page_header_ctn.tabs {
padding-bottom: 100px;
margin-bottom: -78px
}
.page_header_ctn.tabs.capsules {
margin-bottom: -76px
}
.discovery_queue_content_ctn {
overflow: hidden;
margin-top: 26px
}
body.v6.explore .page_header_ctn {
padding-bottom: 30px;
margin-bottom: -20px
}
.breadcrumbs {
color: #56707f;
font-size: 12px;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
padding-top: 10px
}
.breadcrumbs a {
color: #8f98a0
}
.breadcrumbs a:hover {
color: #ffffff;
text-decoration: none
}
.v7menu .breadcrumbs {
padding-top: 20px
}
div.leftcol {
width: 65%;
float: left
}
div.leftcol.large {
width: 73%
}
div.leftcol.small {
width: 458px
}
div.rightcol {
width: 308px;
margin-left: 14px;
float: right
}
div.rightcol.small {
min-width: 220px;
width: calc(27% - 14px)
}
div.rightcol.large {
width: 466px
}
.store_tooltip {
background: #c2c2c2;
color: #3d3d3f;
font-size: 11px;
border-radius: 3px;
padding: 5px;
max-width: 275px;
white-space: normal;
box-shadow: 0 0 3px #000000;
word-wrap: break-word
}
.store_tooltip ul {
padding-left: 15px
}
body.v6.sale_page_n_section #global_header {
position: relative
}
body.v6 #store_header {
padding-left: 0;
padding-right: 0
}
/*
* STORE-SPECIFIC HEADER
*/
div#store_header {
background-color: #3b3938;
min-width: 940px;
margin-bottom: 16px
}
div#store_header .content {
position: relative;
width: 940px;
margin: 0 auto;
z-index: 300
}
div#store_header,
div#store_header .content {
height: 66px
}
div#store_header.dlc,
div#store_header.dlc .content {
height: 29px
}
div#store_controls {
top: 8px
}
div.store_header_btn {
box-shadow: 0 0 3px #000
}
a.store_header_btn_content {
display: inline-block;
padding: 0 25px;
margin: 0 1px;
line-height: 20px;
text-align: center;
font-size: 11px
}
a.store_header_btn_content:hover {
text-decoration: none
}
.store_header_btn_gray {
background-image: url('/public/images/v6/storemenu/background_wishlist.jpg');
background-color: rgba(255, 255, 255, 0.4);
background-position: -34px 20px;
border-radius: 1px
}
.store_header_btn_gray a {
color: #ffffff
}
.store_header_btn_gray a:hover {
color: #111111;
border-radius: 1px;
background: #ffffff;
/* Old browsers */
background: -moz-linear-gradient(-60deg, #ffffff 0%, #919aa3 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #919aa3));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-60deg, #ffffff 0%, #919aa3 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-60deg, #ffffff 0%, #919aa3 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-60deg, #ffffff 0%, #919aa3 100%);
/* IE10+ */
background: linear-gradient(135deg, #ffffff 0%, #919aa3 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#919aa3', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.cart_status_flex {
display: flex
}
.store_header_btn_green {
background-image: url('/public/images/v6/storemenu/background_cart.jpg');
background-color: rgba(164, 208, 7, 0.4);
background-position: -34px 20px
}
.store_header_btn_green a {
color: #a4d007
}
.store_header_btn_green a:hover {
color: #111111;
background-color: rgba(164, 208, 7, 0.50)
}
div#store_search {
float: none;
padding: 3px 4px 2px;
height: 30px
}
a#store_search_link {
position: absolute;
right: 2px;
top: 0
}
a#store_search_link img {
width: 25px;
height: 25px;
position: absolute;
top: 1px;
right: -1px;
background-image: url('/public/images/v6/search_icon_btn.png')
}
.searchbox {
background-image: none;
background-color: #316282;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2);
color: #fff;
margin-bottom: 0px;
outline: none;
height: 27px;
padding: 0px 6px
}
.searchbox:hover {
background-image: none;
border: 1px solid #4c9acc;
box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.0)
}
.searchbox input {
border: none;
background-color: transparent;
color: #eeeeee;
margin-top: 2px;
margin-left: 8px;
width: calc(100% - 25px - 8px);
outline: none;
line-height: 26px
}
.searchbox input.default {
color: #0e1c25;
font-size: 14px;
margin-top: 1px;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.1);
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
}
.searchbox input:focus::placeholder {
color: transparent
}
#store_nav_area {
position: absolute;
left: 0;
right: 0;
top: 24px;
height: 49px
}
#store_nav_area .store_nav_bg {
height: 35px;
margin: 7px 0;
background: rgba(103, 193, 245, 0.4)
}
.store_nav {
height: 35px;
display: flex
}
.store_nav .tab {
padding: 1px;
display: inline-block;
text-decoration: none;
cursor: pointer
}
.store_nav .search_flex_spacer {
flex: 1;
width: 20px
}
.store_nav .search_area {
flex-grow: 1;
flex-shrink: 0;
max-width: 210px
}
.tab.active.tab_filler {
height: 26px;
margin-bottom: -1px
}
.tab_page_link_holder {
position: relative;
text-align: center;
height: 24px;
line-height: 24px;
margin-top: 1px;
background-color: #262626;
color: #626366;
font-size: 10px
}
.tab_page_link_prev a,
.tab_page_link_next a {
position: absolute;
height: 24px;
padding: 0px 16px;
color: #67c1f5
}
.tab_page_link_prev a img,
.tab_page_link_next a img {
top: 2px
}
.tab_page_link_prev a:hover,
.tab_page_link_next a:hover {
position: absolute;
height: 24px;
padding: 0px 16px;
text-decoration: none;
color: #ffffff;
background: #67c1f5;
/* Old browsers */
background: -moz-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #67c1f5), color-stop(100%, #417a9b));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* IE10+ */
background: linear-gradient(135deg, #67c1f5 0%, #417a9b 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67c1f5', endColorstr='#417a9b', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.tab_page_link_next a {
right: 0px
}
.tab_page_link_prev a {
left: 0px
}
.store_nav .tab.focus {
background-color: #67c1f5
}
#genre_flyout {
top: 0
}
#genre_flyout .popup_body {
padding-top: 0;
padding-bottom: 20px;
width: 930px
}
#genre_flyout .popup_body .popup_body_wide {
width: 930px
}
#genre_flyout .popup_body.popup_body_notfull {
width: auto
}
html.responsive.rn_mobile_app #genre_flyout .popup_body,
html.responsive.rn_mobile_app #genre_flyout .popup_body .popup_body_wide {
width: auto;
flex-direction: column;
padding-top: 8px;
padding-bottom: 8px
}
.store_nav .tab>span {
color: #e5e5e5;
font-size: 13px;
line-height: 34px;
text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3)
}
.store_nav .tab.lesspadding>span {
padding: 0 12px
}
.store_nav .tab:hover>span,
.store_nav .tab:hover,
.store_nav .tab.focus>span,
.store_nav .tab.focus {
background: linear-gradient(90deg, rgba(33, 162, 255, 0.25) 0%, rgba(33, 162, 255, 0.15) 50%, rgba(50, 50, 51, 0) 100%);
text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
height: 33px
}
.store_nav .tab.focus>span,
.store_nav .tab.focus {
color: #d9d9dd
}
.store_nav .tab.active {
color: #d9dadd
}
.store_nav .tab.active:hover {
color: #fff
}
.store_nav .tab.active>span,
.store_nav .tab.active:hover>span {
color: #fff
}
.store_nav .tab>span.pulldown {
padding-right: 10px;
margin-right: 0px;
background: none
}
.store_nav .tab>span.pulldown>span {
background-image: none
}
.store_nav .tab:hover>span.pulldown>span {
background-image: none
}
.store_nav .tab img.foryou_avatar {
margin-left: -5px
}
/*
* SEARCH SUGGESTIONS
*/
.search_suggest {
text-align: left;
width: 430px;
font-family: "Motiva Sans", Sans-serif;
top: 39px;
right: 4px
}
.search_suggest .match {
display: block;
position: relative;
height: 44px;
overflow: hidden;
border-top: 1px solid #13242e;
margin-left: 3px;
margin-right: 3px
}
/* ===== New pop-up search results styles ======== */
body.v6 .store_nav .popup_block_new .popup_body.search_v2 {
background: linear-gradient(90deg, rgba(33, 162, 255, 0.1) 1.89%, rgba(50, 50, 51, 0) 50%), linear-gradient(180deg, #575860 11.6%, #3A4852 54.73%, #2C2D34 100%)
}
.popup_body.search_v2 .match.match_v2 {
border-top: unset;
color: #DCDEDF;
margin: 0;
padding: 4px 8px 4px 8px;
box-sizing: border-box;
display: grid;
grid-template-columns: 45px 75px auto 1fr;
grid-template-rows: auto;
grid-template-areas:
"img img name name"
"img img price price";
height: unset;
transition: background 0.2s ease-in-out
}
.popup_body.search_v2 .match.match_v2 .match_name {
grid-area: name;
display: flex;
flex-direction: row;
align-items: flex-end;
position: relative;
left: unset;
top: unset;
width: 100%;
font-weight: 500;
padding: 0 0 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #f5f5f5;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
transition: color 0.2s ease-in-out
}
.popup_body.search_v2 .match.match_tag.match_v2 .match_name>div {
min-width: 40px
}
.popup_body.search_v2 .match.match_v2 .match_name span {
background: rgba(255, 255, 255, 0.3);
padding: 1px 8px;
border-radius: 3px;
font-weight: 400;
font-size: 13px;
margin-left: 4px
}
.popup_body.search_v2 .match.match_v2 .match_img {
grid-area: img;
position: relative
}
.popup_body.search_v2 .match.match_v2 .match_img img {
position: relative;
left: unset;
top: unset;
display: block
}
.popup_body.search_v2 .match.match_v2 .match_subtitle {
grid-area: price;
position: relative;
left: unset;
top: unset;
width: 100%;
padding: 0 0 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #f5f5f5;
font-size: 13px;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
transition: color 0.2s ease-in-out
}
.popup_body.search_v2 .match.match_v2 .match_subtitle .includes_games {
padding-left: 8px;
color: grey;
font-size: 11px
}
.popup_body.search_v2 .match.match_v2.hover,
.popup_body.search_v2 .match.match_v2.focus {
background-color: #DCDEDF;
color: #151515
}
/* make sure to target both .hover and .focus to cover keyboard input */
.popup_body.search_v2 .match.match_v2.hover .match_name,
.popup_body.search_v2 .match.match_v2.hover .match_subtitle,
.popup_body.search_v2 .match.match_v2.focus .match_name,
.popup_body.search_v2 .match.match_v2.focus .match_subtitle {
color: #151515;
text-shadow: unset
}
body.v6 .store_nav .popup_block_new .popup_body.search_v2 {
padding: 1px;
box-sizing: border-box;
background: #3D4450
}
.search_suggest .match_category_top {
margin-top: 6px
}
.popup_body.search_v2 .match.match_tag.match_v2 {
display: grid;
grid-template-areas:
"name name name price"
"name name name price";
height: 53px
}
.popup_body.search_v2 .match.match_creator.match_v2 {
display: grid;
grid-template-areas:
"img name name price"
"img name name price";
height: unset
}
.popup_body.search_v2 .match.match_tag.match_v2 .match_name,
.popup_body.search_v2 .match.match_creator.match_v2 .match_name {
display: flex;
align-items: center
}
.popup_body.search_v2 .match.match_tag.match_v2 .match_subtitle,
.popup_body.search_v2 .match.match_creator.match_v2 .match_subtitle {
display: flex;
align-items: center;
justify-content: flex-end;
justify-self: end
}
.popup_body.search_v2 .match.match_tag.match_v2 .match_img {
display: none
}
.popup_body.search_v2 .match.match_creator.match_v2 .match_img {
background: black;
border-radius: 3px;
overflow: hidden;
height: 45px;
width: 45px
}
.match_background_image {
position: absolute;
top: 4px;
bottom: 4px;
left: 8px;
right: 4px;
overflow: hidden;
border-radius: 3px;
background: linear-gradient(90deg, #2c556a29 0%, #28414e30 15%, #2e5e76c2 85%);
transition: background 0.3s ease-in-out
}
.match_v2:nth-child(odd) .match_background_image {
background: linear-gradient(90deg, #1d344029 0%, #16262e30 15%, #2b4d5ec2 85%)
}
.popup_body.search_v2 .match.match_v2.hover .match_background_image,
.popup_body.search_v2 .match.match_v2.focus .match_background_image {
background: transparent
}
.match_background_image img {
filter: saturate(0.1) contrast(0.7);
-webkit-mask-image: linear-gradient(90deg, transparent 7%, #00000033 39%, #0000008c 85%, transparent 100%);
mask-image: linear-gradient(90deg, transparent 7%, #00000033 39%, #0000008c 85%, transparent 100%)
}
.search_suggest .match.hover,
.search_suggest .match.focus,
.search_suggest .match:focus-visible {
text-decoration: none;
background-color: #212d3d
}
.search_suggest .match_app .match_img img {
position: absolute;
left: 4px;
top: 4px;
width: 120px;
height: 45px
}
.search_suggest .match_creator .match_img img {
position: absolute;
left: 0px;
top: 0px;
width: 45px;
height: 45px
}
.search_suggest .match_tag .match_img img {
position: absolute;
left: 4px;
top: 4px;
width: 45px;
height: 45px
}
.search_suggest .match .match_name {
position: absolute;
top: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
color: #ffffff
}
.search_suggest .match_app .match_name {
left: 128px;
width: 258px
}
.search_suggest .match_creator .match_name {
left: 53px;
width: 333px
}
.search_suggest .match_tag .match_name {
left: 53px;
width: 333px
}
.search_suggest .match .debug_spell_corrected {
color: #34eb6e !important
}
.search_suggest .match .match_subtitle {
position: absolute;
left: 134px;
top: 30px
}
.search_suggest .match .match_subtitle .includes_games {
padding-left: 8px;
color: grey;
font-size: 11px
}
.search_suggest .match .debug_spell_correct_info {
position: absolute;
left: 200px;
top: 30px;
width: 186px;
text-align: right
}
.search_suggest .match .ds_flag {
top: 18px;
left: 4px
}
.slider_ctn {
position: relative;
height: 18px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.slider_ctn.spotlight {
width: 308px
}
.slider_ctn.store_autoslider {
background: #122333
}
.slider_ctn.store_autoslider .handle {
background-color: rgba(0, 0, 0, 0.5)
}
.slider {
position: absolute;
left: 39px;
right: 39px;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 3px
}
.slider.slider_text {
opacity: 0.2;
text-align: center;
line-height: 13px;
font-size: 10px;
color: #ffffff
}
.slider_ctn .handle {
position: absolute;
top: 0;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 3px;
height: 18px;
width: 60px;
cursor: pointer
}
.slider_ctn .slider_left,
.slider_ctn .slider_right {
position: absolute;
width: 38px;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 3px;
cursor: pointer
}
.highlight_ctn .slider_ctn .slider_left,
.highlight_ctn .slider_ctn .slider_right,
.highlight_ctn .slider .handle {
background-color: rgba(35, 60, 81, 0.4)
}
.slider_ctn .slider_left:hover,
.slider_ctn .slider_right:hover,
.slider .handle:hover {
background: #3d6c8d;
/* Old browsers */
background: -moz-linear-gradient(-45deg, #3d6c8d 0%, #2e5470 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #3d6c8d), color-stop(100%, #2e5470));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #3d6c8d 0%, #2e5470 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #3d6c8d 0%, #2e5470 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #3d6c8d 0%, #2e5470 100%);
/* IE10+ */
background: linear-gradient(135deg, #3d6c8d 0%, #2e5470 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d6c8d', endColorstr='#2e5470', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.slider_left {
left: 0
}
.slider_right {
right: 0
}
.slider_right span {
margin-left: 18px;
margin-top: 9px
}
.slider_left span {
margin-left: 15px;
margin-top: 9px
}
.slider_right:hover span {
background-position: -9px -7px
}
.slider_left:hover span {
background-position: -18px -7px
}
.slider_left.disabled,
.slider_right.disabled {
opacity: 0.4;
cursor: default
}
.store_horizontal_autoslider_ctn {
overflow: hidden;
margin-bottom: 2px;
/* DO NOT set padding on this element! It will bork the horizontal scrollbar calculations. Use margin instead. */
}
.store_horizontal_minislider_ctn {
position: relative;
overflow: hidden
}
.store_horizontal_minislider {
overflow-x: auto
}
.store_horizontal_minislider_ctn .slider_left,
.store_horizontal_minislider_ctn .slider_right {
position: absolute;
top: 0;
bottom: 0;
background: #1b2e40;
cursor: pointer;
border-radius: 3px;
padding: 5px 8px
}
.store_horizontal_minislider_ctn .slider_left {
box-shadow: 1px 0 4px 0 rgba(0, 0, 0, 0.75)
}
.store_horizontal_minislider_ctn .slider_right {
box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.75)
}
.store_horizontal_minislider_ctn .slider_left>span,
.store_horizontal_minislider_ctn .slider_right>span {
margin: 0
}
.discount_block.no_discount .discount_prices {
background: none
}
.discount_block.no_discount.main_cap_discount {
background: #000000
}
.discount_block {
position: relative;
display: flex
}
.discount_block .discount_prices {
display: flex;
background: #344654;
display: flex;
flex-direction: column;
align-items: end;
justify-content: center;
padding-left: 4px
}
.discount_block .discount_pct,
.discount_pct {
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
font-weight: 500;
color: #BEEE11;
background: #4c6b22;
display: inline-block
}
/* Discount Block Generic Icon Styles */
.discount_icon {
color: #BEEE11;
background: #4c6b22;
display: inline-block;
padding: 5px
}
.discount_block_inline .discount_icon {
padding: 1px
}
.discount_block_inline .discount_icon img {
height: 15px
}
/* ============================== */
.discount_block .bundle_base_discount {
display: inline-block;
text-decoration: line-through;
color: #626366
}
.discount_block.discount_block_spotlight .bundle_base_discount {
color: #2a2b2c;
background: rgba(0, 0, 0, 0.1)
}
.discount_block.no_discount.daily_deal_discount .bundle_base_discount {
color: #2a2b2c;
background: rgba(0, 0, 0, 0.1)
}
.discount_block.no_discount .bundle_base_discount {
text-decoration: none;
color: #b0aeac;
border-right: 1px solid #626366;
display: inline-block;
height: 32px;
line-height: 32px;
font-size: 25px;
text-align: center;
overflow: hidden;
padding: 0 6px
}
.home_tabs_content .discount_block .discount_prices,
.tab_content_ctn .discount_block .discount_prices {
background: transparent
}
.home_tabs_content .tab_item_discount.no_discount {
margin-top: 24px
}
.home_tabs_content .tab_item_discount {
margin-top: 17px
}
.discount_original_price {
position: relative;
width: fit-content;
color: #738895;
font-size: 11px;
line-height: 12px;
white-space: nowrap
}
.discount_original_price:before {
content: '';
left: 0px;
right: 0px;
position: absolute;
top: 43%;
border-bottom: 1.5px solid #738895;
transform: skewY(-8deg);
box-shadow: 0 0 2px black
}
.discount_final_price {
color: #BEEE11;
line-height: 16px;
font-size: 15px
}
.discount_block_large .discount_pct,
.discount_block_large .bundle_base_discount {
line-height: 34px;
padding: 0 5px;
font-size: 26px
}
.discount_block_large .discount_prices {
line-height: 13px;
padding: 0 8px 0 8px;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center
}
.discount_block_inline {
line-height: 15px
}
.discount_block_inline .discount_final_price {
padding-left: 4px;
font-size: 11px;
line-height: 12px;
white-space: nowrap
}
.discount_block_inline .discount_pct,
.discount_block_inline .bundle_base_discount {
padding: 0 3px
}
.discount_block_inline .discount_prices {
padding: 0 5px;
display: flex;
align-items: center;
flex-direction: row;
flex-shrink: 1;
overflow: hidden;
justify-content: end
}
.discount_block_inline.no_discount .discount_prices {
padding: 0
}
.discount_block.no_discount .discount_original_price {
display: none
}
.discount_block.game_purchase_discount.no_discount .discount_final_price.your_price {
line-height: normal
}
.discount_block.game_purchase_discount.no_discount .discount_final_price.your_price .your_price_label {
font-size: 10px
}
.special_discount .discount_block_inline {
display: flex;
justify-content: end
}
.discount_block_collapsable {
position: relative;
max-width: 120px
}
.discount_block_collapsable .discount_collapse_final_price {
background: #000000;
padding-left: 4px;
padding-right: 5px;
position: absolute;
right: 0;
top: 0
}
.discount_block.suppress_discount_pct .discount_pct,
.discount_block.no_discount .discount_pct {
display: none
}
.discount_block.game_purchase_discount.no_discount .discount_final_price {
padding-top: 0;
padding-bottom: 0;
line-height: 32px
}
/* lunar sale 2019 */
.additional_cart_discount {
position: absolute;
top: 0;
right: 0;
text-align: right;
pointer-events: none;
user-select: none;
font-family: "Motiva Sans", Sans-serif;
background-image: url('/public/images/v6/events/lunarsale_2020/redenvelope_blank.png?v=1');
background-size: 100% 100%;
color: rgb(255, 212, 26);
background-color: rgb(168, 28, 28);
padding: 4px 8px;
box-shadow: 1px 4px 16px 0 #000000;
transform: rotateZ(20deg);
z-index: 300;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-fill-mode: both
}
.additional_cart_discount.NowFree {
background-image: url('/public/images/v6/events/lunarsale_2020/redenvelope_free.png?v=1');
box-shadow: 0px 0px 16px 0 #ff9c1b
}
.special_discount .discount_block.discount_block_inline.additional_cart_discount_container .additional_cart_discount {
/* transform: rotateZ(0deg);
top: 0;
right: 0;
*/
}
.dailydeal_ctn:hover .additional_cart_discount,
.main:hover .additional_cart_discount,
.tab_item:hover .additional_cart_discount,
.store_capsule.daily_deal:hover .additional_cart_discount,
.home_area_spotlight:hover .additional_cart_discount,
.store_main_capsule.broadcast_capsule:hover .additional_cart_discount,
.tab_item:hover .additional_cart_discount,
.info:hover .additional_cart_discount {
animation-name: animatePrice20deg
}
.search_result_row:hover .additional_cart_discount,
.gamelink:hover .additional_cart_discount,
.store_capsule:hover .additional_cart_discount,
.home_marketing_message:hover .additional_cart_discount,
.store_capsule.broadcast_capsule:hover c {
animation-name: animatePrice11deg
}
.small_cap:hover .additional_cart_discount,
.home_content_item:hover .discount_block.discount_block_inline.additional_cart_discount_container .additional_cart_discount {
animation-name: animatePrice8deg
}
.small_cap .discount_block {
margin: 0;
text-align: right;
padding: 3px 0;
line-height: 17px;
min-height: 17px;
font-size: 12px
}
.small_cap .discount_block>.discount_prices {
display: inline-block;
padding: 0 3px;
background-color: rgba(20, 31, 44, 0.4);
border-radius: 1px
}
.game_area_purchase_game_wrapper:hover .additional_cart_discount {
animation-name: animatePrice-6deg
}
@keyframes animatePrice-6deg {
0% {
transform: rotateZ(-6deg);
}
50% {
transform: rotateZ(10deg);
}
100% {
transform: rotateZ(-6deg);
}
}
@keyframes animatePrice20deg {
0% {
transform: rotateZ(20deg);
}
50% {
transform: rotateZ(-10deg);
}
100% {
transform: rotateZ(20deg);
}
}
@keyframes animatePrice11deg {
0% {
transform: rotateZ(11deg);
}
50% {
transform: rotateZ(-10deg);
}
100% {
transform: rotateZ(11deg);
}
}
@keyframes animatePrice8deg {
0% {
transform: rotateZ(8deg);
}
50% {
transform: rotateZ(-8deg);
}
100% {
transform: rotateZ(8deg);
}
}
.additional_cart_discount_final {
font-size: 16px;
color: rgb(255, 212, 26);
white-space: nowrap
}
.additional_cart_discount_amount {
font-size: 11px;
color: rgb(210, 140, 25);
margin-bottom: -3px;
margin-top: -2px
}
.basePriceStrikeout {
position: absolute;
height: 22px;
top: 22%;
left: -10px;
width: calc(100% + 46px);
opacity: .875;
background-image: url('/public/images/v6/events/lunarsale_2020/brushstrikeout.png?v=1');
background-size: 100% 100%;
pointer-events: none;
user-select: none
}
.main .appTitle .additional_cart_discount {
top: -38px;
right: 0px
}
.discount_block.tab_item_discount.additional_cart_discount_container .discount_prices {
float: left;
margin-left: 4px
}
.discount_block.tab_item_discount.no_discount.additional_cart_discount_container .discount_prices {
margin-right: 36px
}
.discount_block.tab_item_discount.additional_cart_discount_container .additional_cart_discount {
top: -8px;
right: -21px
}
.carousel_container.maincap .discount_block.no_discount.discount_block_inline.additional_cart_discount_container .additional_cart_discount {
top: -20px;
right: -58px;
transform: rotateZ(11deg)
}
.discount_block.discount_block_spotlight.discount_block_large.additional_cart_discount_container {
width: fit-content
}
.discount_block.discount_block_spotlight.discount_block_large.additional_cart_discount_container .additional_cart_discount {
right: -46px;
top: -3px
}
.discount_block.daily_deal_discount.discount_block_large.additional_cart_discount_container .additional_cart_discount {
right: -19px;
top: -8px
}
.dailydeal_ctn .discount_block.daily_deal_discount.discount_block_large.additional_cart_discount_container .additional_cart_discount {
top: -16px
}
.discount_block.discount_block_inline.additional_cart_discount_container {
width: fit-content;
margin-right: 0;
margin-left: auto
}
.home_content_item .discount_block.discount_block_inline.additional_cart_discount_container .additional_cart_discount {
top: -32px
}
.discount_block.discount_block_inline.additional_cart_discount_container .additional_cart_discount {
transform: rotateZ(8deg);
top: -28px;
right: -8px
}
.contenthub_featured_item_spotlight .discount_block.discount_block_inline.additional_cart_discount_container .additional_cart_discount {
transform: rotateZ(8deg);
top: -1px;
right: -6px
}
.discount_block.discount_block_inline.additional_cart_discount_container .basePriceStrikeout {
height: 10px;
top: 32%;
left: -2px;
opacity: .8;
width: 100%
}
.contenthub_featured_item_spotlight .discount_block.discount_block_inline.additional_cart_discount_container .basePriceStrikeout {
top: 66%;
left: 28px
}
.tab_item .basePriceStrikeout {
height: 10px;
opacity: 0.7;
top: 43%;
width: calc(100% + 26px)
}
.search_result_row .col.additional_cart_discount_container {
position: relative
}
.search_result_row .col.additional_cart_discount_container .additional_cart_discount {
right: -33px;
top: 4px;
transform: rotateZ(11deg)
}
.search_result_row .col.additional_cart_discount_container .col.search_price {
width: fit-content;
margin-top: -2px;
margin-left: 34px
}
.search_result_row .col.additional_cart_discount_container .additional_cart_discount_amount {
font-size: 10px
}
.search_result_row .col.additional_cart_discount_container .additional_cart_discount_final {
font-size: 12px
}
.search_result_row .col.additional_cart_discount_container .basePriceStrikeout {
top: 41%;
opacity: .8;
height: 12px
}
.game_purchase_discount.additional_cart_discount_container .additional_cart_discount,
.game_purchase_price.price.additional_cart_discount_container .additional_cart_discount {
top: -8px;
transform: rotateZ(-6deg);
right: auto;
left: -56px
}
.game_purchase_discount.additional_cart_discount_container .additional_cart_discount {
left: 17px
}
.game_purchase_discount.additional_cart_discount_container .basePriceStrikeout,
.game_purchase_price.price.additional_cart_discount_container .basePriceStrikeout {
height: 9px;
top: 36%
}
.game_purchase_discount.additional_cart_discount_container .basePriceStrikeout {
transform: rotateZ(12deg)
}
.game_purchase_discount.additional_cart_discount_container {
overflow: visible
}
.winterSale2019_giftActiveBar {
width: 100%;
height: 44px;
z-index: 400;
position: sticky;
top: 0;
background-image: url('/public/images/v6/events/wintersale_2019/discount_active_background.png?v=1')
}
.winterSale2019_contentContainer {
max-width: 940px;
height: 100%;
display: flex;
flex-direction: row;
margin-left: auto;
margin-right: auto;
position: relative;
justify-content: space-between
}
.winterSale2019_title {
font-family: giza-three, serif;
font-size: 24px;
font-weight: 100;
color: rgb(255, 255, 255);
height: 36px;
position: absolute;
top: 8px;
left: 50px;
pointer-events: none;
user-select: none;
margin-left: 32px;
text-shadow: 2px 2px 5px #000000
}
.winterSale2019_title div {
font-family: giza-three, serif;
letter-spacing: .1em
}
.winterSale2019_title .subtitle {
font-size: 10px;
padding-top: 2px;
padding-left: 0px
}
.winterSale2019_rightContent .winterSale2019_savings_expiration {
color: #ffffff;
font-size: 11px;
font-weight: 100;
padding: 3px 0 0 0
}
.winterSale2019_savings {
font-size: 11px;
text-align: right;
font-weight: 600;
padding-top: 4px;
color: rgb(256, 256, 256);
text-shadow: 2px 2px 5px #000000;
width: 250px;
pointer-events: none;
user-select: none
}
.winterSale2019_icon01 {
width: 150px;
height: 58px;
position: absolute;
left: -70px;
background-image: url('/public/images/v6/events/wintersale_2019/coin_discount.png?v=2');
background-size: contain;
background-repeat: no-repeat;
pointer-events: none;
user-select: none
}
.winterSale2019_snow {
width: 5px;
height: 5px;
position: absolute;
border-radius: 50%;
background: -moz-radial-gradient(rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 70%);
/* FF3.6-15 */
background: -webkit-radial-gradient(rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 70%);
/* Chrome10-25,Safari5.1-6 */
background: radial-gradient(rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 70%);
pointer-events: none;
user-select: none;
animation-name: let_it_snow;
animation-duration: 2s;
animation-timing-function: ease-in;
animation-iteration-count: infinite;
animation-fill-mode: both
}
@keyframes let_it_snow {
from {
opacity: 0;
transform: translateY(0) translateX(0) scale(1);
}
25% {
opacity: 1;
}
to {
opacity: 0;
transform: translateY(20em) translateX(4em) scale(0);
}
}
.summerSale2019_giftActiveBar {
width: 100%;
height: 45px;
z-index: 400;
position: sticky;
top: 0;
background: rgb(71, 116, 145)
}
.summerSale2019_contentContainer {
max-width: 940px;
height: 100%;
display: flex;
flex-direction: row;
margin-left: auto;
margin-right: auto;
position: relative;
justify-content: space-between;
background: -moz-linear-gradient(left, rgb(207, 58, 34) 0%, rgb(207, 58, 34) 70%, rgb(71, 116, 145) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left rgb(207, 58, 34) 0%, rgb(207, 58, 34) 70%, rgb(71, 116, 145) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgb(207, 58, 34) 0%, rgb(207, 58, 34), 70%, rgb(71, 116, 145) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#181C24', endColorstr='#597390', GradientType=1);
/* IE6-9 */
}
.summerSale2019_title {
font-family: politica-expanded, sans-serif;
font-size: 16px;
font-weight: 900;
font-style: italic;
text-transform: uppercase;
color: rgb(24, 28, 36);
height: 36px;
position: absolute;
top: 4px;
left: -14px;
pointer-events: none;
user-select: none;
margin-left: 32px
}
.summerSale2019_title .subtitle {
font-size: 10px;
padding-top: 2px;
padding-left: 0px
}
.summerSale2019_rightContent .summerSale2019_savings_expiration {
color: #d0d3cf;
font-size: 12px;
padding: 3px 0 0 0
}
.summerSale2019_savings {
font-size: 10px;
text-align: right;
padding-right: 25px;
font-family: politica-expanded, sans-serif;
font-weight: 900;
font-style: italic;
padding-top: 10px;
text-transform: uppercase;
color: rgb(24, 28, 36);
width: 250px;
pointer-events: none;
user-select: none
}
.summerSale2019_icon01 {
width: 76px;
height: 45px;
position: absolute;
left: -70px;
background-image: url('/public/images/v6/events/summersale_2019/flaming_discount.png?v=1');
background-size: contain;
background-repeat: no-repeat;
pointer-events: none;
user-select: none
}
.summerSale2019_ember {
width: 5px;
height: 5px;
position: absolute;
border-radius: 50%;
background: -moz-radial-gradient(rgb(255, 80, 0) 20%, rgba(255, 80, 0, 0) 70%);
/* FF3.6-15 */
background: -webkit-radial-gradient(rgb(255, 80, 0) 20%, rgba(255, 80, 0, 0) 70%);
/* Chrome10-25,Safari5.1-6 */
background: radial-gradient(rgb(255, 80, 0) 20%, rgba(255, 80, 0, 0) 70%);
pointer-events: none;
user-select: none;
animation-name: fan_the_flames;
animation-duration: 1s;
animation-timing-function: ease-in;
animation-iteration-count: infinite;
animation-fill-mode: both
}
.summerSale2019_icon02 {
width: 91px;
height: 70px;
position: absolute;
top: 0px;
left: 97%;
background-image: url('/public/images/v6/events/summersale_2019/coin_discount.png?v=1');
background-size: contain;
background-repeat: no-repeat;
pointer-events: none;
user-select: none
}
.placeHolder_lunarSale2019_giftActiveBar {
background-color: rgb(146, 31, 30);
width: 100%;
height: 42px;
z-index: 400;
position: sticky;
top: 0;
background: rgb(148, 24, 24);
/* Old browsers */
background: -moz-linear-gradient(left, rgb(100, 13, 12) 0%, rgb(208, 5, 1) 45%, rgb(208, 5, 1) 55%, rgb(100, 13, 12) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, rgb(100, 13, 12) 0%, rgb(208, 5, 1) 45%, rgb(208, 5, 1) 55%, rgb(100, 13, 12) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgb(100, 13, 12) 0%, rgb(208, 5, 1) 45%, rgb(208, 5, 1) 55%, rgb(100, 13, 12) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#640D0C', endColorstr='#640D0C', GradientType=1);
/* IE6-9 */
background-image: url(/public/images/v6/events/lunarsale_2020/discount_active_background.png?v=2);
background-repeat-y: no-repeat
}
.lunarSale2019_contentContainer {
max-width: 940px;
height: 100%;
display: flex;
flex-direction: row;
margin-left: auto;
margin-right: auto;
position: relative;
justify-content: center
}
.lunar_sale_spacer {
flex: 1
}
.lunar_sale_spacer.lunar_leftspacer {
min-width: 225px
}
.lunar_sale_spacer.lunar_rightspacer {
position: relative
}
.lunar_sale_title {
width: 205px;
height: 36px;
position: absolute;
top: 4px;
left: -14px;
pointer-events: none;
user-select: none;
margin-left: 32px;
display: none
}
.lunar_sale_title img {
width: 100%;
height: 100%;
pointer-events: none;
user-select: none;
color: #FFB321;
font-size: 14px
}
.lunar_sale_title object {
width: 100%;
height: 100%;
pointer-events: none;
user-select: none;
color: #FFB321;
font-size: 14px
}
.lunar_sale_poinks01 {
width: 128px;
height: 128px;
position: absolute;
top: -28px;
left: -98px;
background-image: url('/public/images/v6/events/lunarsale_2020/ratcoins_01.png?v=1');
background-size: contain;
background-repeat: no-repeat;
pointer-events: none;
user-select: none
}
.lunar_sale_poinks02 {
width: 141px;
height: 64px;
position: absolute;
top: -13px;
left: 73%;
background-image: url('/public/images/v6/events/lunarsale_2020/ratcoins_02.png?v=1');
background-size: contain;
background-repeat: no-repeat;
pointer-events: none;
user-select: none
}
.lunar_sale_supersavings_label {
width: fit-content;
min-width: fit-content;
font-family: "Motiva Sans", Sans-serif;
font-weight: bold;
/* bold */
text-transform: uppercase;
font-size: 15px;
padding-top: 0px
}
.lunar_sale_supersavings_label .highlight {
font-family: "Motiva Sans", Sans-serif;
font-weight: bold;
/* bold */
text-transform: uppercase;
color: #FFB321;
font-weight: bold;
text-align: center
}
.lunar_sale_supersavings_label .subtitle {
color: #ddd;
font-weight: 100;
font-size: 14px;
line-height: 14px;
text-align: center
}
.lunar_sale_sparkle {
position: relative
}
.sparkleStar {
width: 64px;
height: 64px;
position: absolute;
background-image: url('/public/images/v6/events/lunarsale_2020/poink_sparkle_01.png?v=1');
background-size: contain;
background-repeat: no-repeat;
pointer-events: none;
user-select: none;
animation-name: sparkle01;
animation-duration: 6s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-fill-mode: both
}
.sparkle01 .sparkleStar.star1 {
left: 10px;
top: -2px;
animation-delay: 1.35s
}
.sparkle01 .sparkleStar.star2 {
left: 58px;
top: 38px;
animation-delay: 0.17s
}
.sparkle01 .sparkleStar.star3 {
left: 15px;
top: 17px;
animation-delay: 4.07s
}
.sparkle02 .sparkleStar.star1 {
left: 10px;
top: -5px;
animation-delay: 0.35s
}
.sparkle02 .sparkleStar.star2 {
left: 15px;
top: 10px;
animation-delay: 2.97s
}
.sparkle02 .sparkleStar.star3 {
left: 38px;
top: 19px;
animation-delay: 3.86s
}
@keyframes sparkle01 {
0% {
opacity: 0;
transform: rotateZ(0deg) scale(.3);
}
20% {
opacity: 1;
transform: rotateZ(360deg) scale(1);
}
40% {
opacity: 0;
transform: rotateZ(720deg) scale(.3);
}
100% {
opacity: 0;
transform: rotateZ(720deg) scale(.3);
}
}
.sale_page_n_section_block.lunar2019 .promo_item_list .item {
overflow: visible
}
.sale_page_n_section_block.lunar2019 .promo_item_list .item .additional_cart_discount_container .basePriceStrikeout {
left: -63px;
top: 8px;
height: 11px
}
.sale_page_n_section_block.lunar2019 .promo_item_list .item .additional_cart_discount {
top: -15px;
min-height: 24px
}
.sale_page_n_section_block.lunar2019 .promo_item_list .item .additional_cart_discount .additional_cart_discount_amount {
font-size: 12px;
margin-top: 0px
}
.sale_page_n_section_block.lunar2019 .promo_item_list .item .additional_cart_discount .additional_cart_discount_final {
font-size: 14px;
margin-top: 4px
}
/* spotlight styles */
.spotlight_img {
width: 306px;
height: 100%;
overflow: hidden;
padding-left: 1px;
padding-top: 1px
}
.spotlight_img:has(:focus-visible) {
outline: auto Highlight;
outline: auto -webkit-focus-ring-color
}
.spotlight_img a {
display: block;
height: 100%
}
.home_area_spotlight {
position: relative;
height: 395px
}
.spotlight_scroll_ctn {
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2) 5%, rgba(0, 0, 0, 0.4) 95%);
background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 5%, rgba(0, 0, 0, 0.4) 95%);
margin-bottom: 4px;
height: 395px
}
.spotlight_content {
padding: 8px 16px 12px 16px;
color: #9099a1;
font-size: 12px;
position: absolute;
bottom: 0;
width: 274px;
margin: 1px;
background: url('/public/images/v6/spotlight_background.jpg?v=1') bottom center no-repeat;
pointer-events: none
}
.spotlight_content .discount_block.no_discount .discount_prices {
padding-left: 0
}
.spotlight_content .discount_block.no_discount .discount_final_price {
background: #344654;
line-height: 13px;
padding: 12px 8px 12px 8px
}
.spotlight_weeklong_ctn {
background: url('/public/images/v6/temp/spotlight_weeklong_deals.jpg?v=2') top center no-repeat;
width: 304px;
height: 350px;
text-align: center;
margin: 0px;
border: 1px solid rgba(0, 0, 0, 0);
position: relative;
z-index: 1
}
.spotlight_weeklong_ctn:hover {
border: 1px solid rgba(171, 218, 244, 0.6)
}
.spotlight_weeklong_ctn .spotlight_text_overlay {
position: absolute;
top: 0;
left: 0;
width: 304px;
height: 350px;
z-index: 2
}
.spotlight_count {
font-family: "Motiva Sans", Sans-serif;
font-weight: bold;
/* bold */
color: #ffffff;
font-size: 40px;
display: block;
position: relative;
z-index: 3;
margin-top: 224px
}
.spotlight_weeklong_subtitle {
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
font-size: 13px;
color: #8f98a0;
text-align: center;
margin-top: 20px
}
.login .spotlight_content {
background: #15212e
}
.spotlight_body.spotlight_price {
margin-top: 10px
}
.spotlight_block .spotlight_content>.spotlight_title {
color: #c7d5e0;
font-size: 21px;
font-weight: normal;
margin: 0
}
.spotlight_content .spotlight_title {
display: block;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
font-size: 14px;
text-transform: uppercase;
color: #fff;
margin: 0 0 10px;
letter-spacing: 0.03em;
font-weight: normal;
padding-top: 2px
}
/*
* TABS
*/
.tab_item {
position: relative;
display: block;
background: #202d39;
background: rgba(0, 0, 0, 0.2);
height: 69px;
margin-bottom: 5px;
padding-left: 198px;
text-size-adjust: none;
-webkit-text-size-adjust: none
}
.tab_item.episode {
padding-left: 158px
}
.large .tab_item {
position: relative;
background: #202d39;
background: rgba(0, 0, 0, 0.2);
height: 87px;
margin-bottom: 4px;
padding-left: 244px
}
.large .tab_item .ds_options {
right: auto;
left: 210px;
z-index: 4
}
.tab_item:hover,
.large .tab_item:hover {
background: rgba(0, 0, 0, 0.4)
}
.tab_item_overlay {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10
}
.tab_item_overlay_hover {
position: absolute;
display: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2
}
.tab_item:hover .tab_item_overlay_hover {
display: block
}
.tab_item_overlay img {
display: block;
width: calc(100% - 2px);
height: 67px;
border: 1px solid rgba(139, 185, 224, 0)
}
.large .tab_item_overlay img {
height: 85px
}
.tab_item_overlay img:hover,
.large .tab_item_overlay img:hover {
border: 1px solid rgba(139, 185, 224, 0.2)
}
.tab_item_cap {
position: absolute;
left: 0;
top: 0;
z-index: 3;
line-height: 69px;
height: 69px;
transition: opacity 0.25s
}
.sub .tab_item_cap {
width: 184px
}
.large .tab_item_cap {
width: 231px;
height: 87px;
line-height: 87px
}
.large .tab_item_cap img {
width: 231px;
height: 87px
}
.tab_item_discount {
display: flex;
justify-content: space-between;
float: right;
margin-right: 16px;
background: none;
margin-top: 23px;
width: 133px;
text-align: right
}
.tab_item_discount.no_discount {
margin-top: 32px;
width: auto
}
.tab_item_discount .bundle_base_discount {
display: none
}
.tab_item_discount .discount_pct {
display: flex;
align-items: center;
font-size: 14px;
line-height: 18px;
padding: 0 4px;
border-radius: 1px
}
.tab_item_discount.no_discount .bundle_base_discount {
display: none
}
.home_tabs_content {
min-height: 775px
}
.tab_item_content {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-top: 6px;
font-size: 12px
}
.large .tab_item_content {
padding-top: 16px
}
.home_tabs_content .tab_item_content {
padding-top: 7px
}
.tab_item_name {
color: #c7d5e0;
font-size: 1.25em;
line-height: 18px;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
overflow: hidden;
transition: color 0.25s
}
.tab_item_details {
color: #384959;
line-height: 20px
}
.tab_item_details span.platform_img {
vertical-align: bottom;
opacity: 0.5;
width: 16px;
height: 16px
}
.tab_item.ds_flagged:not(.ds_wishlist):not(:hover) .tab_item_cap {
opacity: 0.3
}
.tab_item.ds_flagged:not(.ds_wishlist):not(:hover) .tab_item_content .tab_item_name {
color: #62696e
}
.tab_item_top_tags {
height: 20px;
white-space: normal;
overflow: hidden
}
.tab_item_top_tags .top_tag {
white-space: nowrap
}
.tab_item .release_date {
width: 85px;
color: #4c6c8c;
text-align: right;
font-size: 11px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
position: absolute;
bottom: 3px;
right: 16px
}
.tab_item.focus .release_date {
right: 30px
}
/* Blurring for various filtered items */
.tab_item.ds_flagged:not(.ds_wishlist):not(:hover):not(.ds_owned) .tab_item_cap img {
filter: blur(4px)
}
.bundle_contents_preview_item.ds_excluded_by_preferences img {
filter: blur(4px);
opacity: 0.3
}
.dailydeal_ctn {
padding: 16px;
background: -webkit-linear-gradient(top, #ffffff 5%, #abdaf4 95%);
background: linear-gradient(to bottom, #ffffff 5%, #abdaf4 95%);
position: relative;
margin-bottom: 2px
}
.dailydeal_cap {
position: relative;
margin-bottom: 3px
}
.dailydeal_cap,
.dailydeal_cap img {
width: 276px;
height: 129px
}
.dailydeal_desc {
text-align: right;
color: #283846;
font-size: 14px
}
.dailydeal_countdown {
display: inline-block;
color: #282d33;
font-size: 10px;
background: #ff7b00;
line-height: 13px;
padding: 0 4px;
margin-top: 4px
}
img.category_icon {
width: 26px;
height: 16px;
vertical-align: top
}
/*
* FRIEND BLOCKS
*/
.friend_activity {
position: relative
}
.friend_game_block {
position: relative
}
.home_friend_game_block {
padding-left: 132px;
padding-bottom: 18px
}
.friend_game_block .friend_activity {
display: block;
width: 150px;
height: 40px
}
.friend_game_block .friend_activity:hover {
text-decoration: none;
background: rgba(103, 193, 245, 0.1)
}
.friend_game_block .game_capsule {
position: absolute;
top: 0px;
right: 0px;
width: 120px;
height: 45px
}
.home_friend_game_block .game_capsule {
right: auto;
left: 0
}
.home_friend_game_block .game_capsule a {
position: relative;
display: block;
width: 120px;
height: 45px
}
.home_friend_game_block .game_capsule a.ds_flagged .ds_flag {
top: 18px
}
.home_friend_game_block .game_capsule a.ds_flagged:not(.ds_wishlist) img {
opacity: 0.3
}
.friend_activity .friend_block_text {
display: block;
position: absolute;
width: 96px;
top: 6px;
left: 48px;
font-size: 10px
}
.ds_flag.ds_wishlist_flag {
background: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.31189 0.0504065L6.54671 3.85081H10.5427L7.30988 6.19959L8.5447 10L5.31189 7.65122L2.07907 10L3.31389 6.19959L0.0810761 3.85081H4.07706L5.31189 0.0504065Z' fill='%23111111'/%3E%3C/svg%3E%0A") no-repeat 4px 4px #d3deea
}
/*
* platforms
*/
span.platform_img {
display: inline-block;
width: 20px;
height: 20px;
background-repeat: no-repeat;
fill: #FFFFFF
}
span.platform_img
span.platform_img.win {
background-image: url('https://cdn.akamai.steamstatic.com/store/icons/icon_platform_win.svg')
}
span.platform_img.mac {
background-image: url('https://cdn.akamai.steamstatic.com/store/icons/icon_platform_mac.svg')
}
span.platform_img.linux {
background-image: url('https://cdn.akamai.steamstatic.com/store/icons/icon_platform_steamos.svg?v=2')
}
span.platform_img.streamingvideo {
background-image: url('/public/images/v6/icon_streamingvideo_v6.png')
}
span.platform_img.streamingvideoseries {
background-image: url('/public/images/v6/icon_streamingvideoseries_v6.png')
}
span.platform_img.streaming360video {
background-image: url('/public/images/v6/icon_streaming360video_v6.png')
}
span.platform_img.htcvive {
background-image: url('/public/images/v6/icon_platform_htcvive.png')
}
span.platform_img.oculusrift {
background-image: url('/public/images/v6/icon_platform_oculusrift.png')
}
span.platform_img.windowsmr {
background-image: url('/public/images/v6/icon_platform_windowsmr.png')
}
span.platform_img.valveindex {
background-image: url('/public/images/v6/icon_platform_valveindex.png');
width: 26px
}
span.platform_img.music {
background-image: url('/public/images/v6/icon_platform_music.png')
}
span.vr_supported,
span.vr_required {
vertical-align: top;
line-height: 21px;
font-size: 11px;
color: white
}
.hover_release span.platform_img.valveindex {
background-image: url('/public/images/v6/icon_platform_valveindex_dark.png');
width: 26px;
height: 19px
}
.hover_release span.platform_img.htcvive {
background-image: url('/public/images/v6/icon_platform_htcvive_dark.png')
}
.hover_release span.platform_img.oculusrift {
background-image: url('/public/images/v6/icon_platform_oculusrift_dark.png')
}
.hover_release span.platform_img.windowsmr {
background-image: url('/public/images/v6/icon_platform_windowsmr_dark.png')
}
span.platform_img.group_separator {
border-right: 1px solid #CCC;
width: 1px;
margin: 0px 4px
}
.promo_item_list .item .info .OS span.platform_img.streamingvideo {
background-position: 0px 1px
}
/* GLOBAL TAG STYLES */
.app_tag {
display: inline-block;
line-height: 19px;
padding: 0 7px;
color: #b0aeac;
background-color: #384959;
margin-right: 2px;
border-radius: 3px;
box-shadow: 1px 1px 0 0 #000000;
cursor: pointer;
margin-bottom: 3px;
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.app_tag.not_browseable {
opacity: 0.6;
cursor: default
}
/* HOVER */
div.game_hover {
position: absolute;
z-index: 1526;
top: 40px;
left: 400px;
padding: 5px 12px 0 12px
}
.game_hover_iframe {
overflow: hidden;
width: fit-content;
height: fit-content
}
.game_hover_box {
background: rgb(227, 234, 239);
/* Old browsers */
background: -moz-linear-gradient(top, rgba(227, 234, 239, 1) 0%, rgba(199, 213, 224, 1) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(227, 234, 239, 1)), color-stop(100%, rgba(199, 213, 224, 1)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(227, 234, 239, 1) 0%, rgba(199, 213, 224, 1) 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(227, 234, 239, 1) 0%, rgba(199, 213, 224, 1) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(227, 234, 239, 1) 0%, rgba(199, 213, 224, 1) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(227, 234, 239, 1) 0%, rgba(199, 213, 224, 1) 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3eaef', endColorstr='#c7d5e0', GradientType=0);
/* IE6-9 */
width: 306px;
color: #30455a;
font-size: 12px;
overflow: hidden;
box-shadow: 0 0 12px #000000
}
.game_hover_iframe .game_hover_box {
margin: 0
}
.game_hover_box .content {
padding: 16px
}
.game_hover_box .hover_top_area {
margin-bottom: 8px;
font-size: 10px;
color: #82807C
}
.hover_screenshots {
position: relative;
width: 274px;
height: 153px;
margin: 5px 0
}
.hover_screenshots .screenshot {
position: absolute;
width: 100%;
/* Redundant ?? */
height: 100%;
background-size: cover;
background-position: center center;
opacity: 0;
transition: opacity 300ms;
animation: screenshot_hover_fadein 4s linear;
animation-iteration-count: infinite
}
.hover_screenshots .screenshot:nth-child(1) {
animation-delay: 0s
}
.hover_screenshots .screenshot:nth-child(2) {
animation-delay: 1s
}
.hover_screenshots .screenshot:nth-child(3) {
animation-delay: 2s
}
.hover_screenshots .screenshot:nth-child(4) {
animation-delay: 3s
}
@keyframes screenshot_hover_fadein {
0% {
opacity: 0;
}
3% {
opacity: 1;
}
28% {
opacity: 1;
}
31% {
opacity: 0;
}
}
#hover_screenshots .screenshot.active {
opacity: 1
}
.game_hover_box h4.hover_title {
color: #222d3d;
font-weight: normal;
font-size: 15px;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
text-transform: unset;
letter-spacing: 0px;
margin-top: -4px;
line-height: 17px;
margin-bottom: 4px
}
.game_hover_box .hover_release {
font-size: 10px;
display: flex;
justify-content: space-between
}
.game_hover_box p,
.game_hover_box {
margin-top: 8px;
margin-bottom: 8px
}
.game_hover span.platform_img {
width: 18px;
height: 18px;
margin: 0px 2px
}
.game_hover .hover_arrow_left,
.game_hover .hover_arrow_right {
width: 7px;
height: 15px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJlJREFUeNqc0k0KgCAQBlCdI0SLlkEtu4DLTt6yC7SN2hX0cwWbCQvDMa0PBhN9EsxIrbXgMs57RWueJR13Di+ooboeCEILpaZYDC/oCoshgLwYIhCL5TBtMcjOilUT1OJH6FdLrOWDobslYIN7/FCRmO4oMmCmIwbf6NGOAH4gZwA82EFnO7ghx14VuLRm6yAvtLDgEOUQYADt6VgCZRDsZgAAAABJRU5ErkJggg==') no-repeat top;
position: absolute;
top: 48px
}
.game_hover .hover_arrow_left {
background-position: left;
left: 5px
}
.game_hover .hover_arrow_right {
background-position: right;
right: 5px
}
.hover_body {
margin-bottom: 6px
}
.hover_details_block,
.hover_details_block_full {
display: block;
border-radius: 2px;
margin-right: 3px;
background-color: rgba(38, 54, 69, 0.6);
padding: 4px;
line-height: 20px;
height: 20px
}
.hover_details_block {
float: left
}
.hover_category_icon {
display: inline-block;
line-height: 20px;
height: 20px;
vertical-align: middle
}
.hover_friends_blocks {
margin-bottom: 8px
}
.hover_tag_row {
overflow: hidden;
height: 19px;
margin-top: 2px
}
.hover_tag_row .app_tag {
background-color: rgba(38, 54, 69, 0.6);
color: rgba(227, 234, 239, 1);
box-shadow: none;
padding: 0 4px;
font-size: 11px;
border-radius: 2px
}
.hover_details_specs {
height: 26px;
margin-bottom: 2px
}
.hover_details_specs .icon {
float: left;
left: 0px;
width: 30px;
height: 22px;
padding-top: 4px;
padding-left: 6px;
background-color: #6a8caa
}
.hover_details_specs .name {
margin-left: 2px;
height: 22px;
padding-top: 4px;
padding-left: 8px;
background-color: #6a8caa
}
.hover_body .hover_review_summary {
margin-bottom: 10px;
border-radius: 2px;
padding: 4px;
color: #c6d4df;
background-color: rgba(38, 54, 69, 0.6)
}
.review_anomaly_icon {
vertical-align: sub;
font-size: 16px;
color: #6f8695;
display: inline-block;
max-height: 12px;
/* Restrict height to the text around it to not push down content below it */
}
.hover_body .review_anomaly_icon {
color: #c6d4df
}
.review_score_icon.positive {
background-image: url('/public/images/v6/user_reviews_positive.png')
}
.review_score_icon.mixed {
background-image: url('/public/images/v6/user_reviews_mixed.png')
}
.review_score_icon.negative {
background-image: url('/public/images/v6/user_reviews_negative.png')
}
.game_review_summary {
color: #c85e2d
}
.game_review_summary.mixed {
color: #B9A074
}
.game_review_summary.positive {
color: #66C0F4
}
.game_review_summary.no_reviews,
.game_review_summary.not_enough_reviews {
color: #929396
}
.friend_blocks_row {
margin-top: 2px
}
.friend_blocks_row .playerAvatar {
float: left;
margin-right: 5px
}
.friend_blocks_row .friend_block_holder {
width: 40px;
height: 40px
}
.friend_blocks_row .friend_block_holder,
.friend_blocks_row .playerAvatar {
float: left;
margin-right: 5px
}
/*
* FRIENDS TODO: LEGACY
*/
.friend_block_avatar {
width: 32px;
height: 32px;
background-repeat: no-repeat;
padding: 4px;
margin-right: 2px
}
.friend_status_offline .friend_block_avatar {
background-image: url('/public/images/communitylink/iconholder_offline.jpg')
}
.friend_status_online .friend_block_avatar {
background-image: url('/public/images/communitylink/iconholder_online.jpg')
}
.friend_status_in-game .friend_block_avatar {
background-image: url('/public/images/communitylink/iconholder_ingame.jpg')
}
.cluster_control_left,
.cluster_control_right {
position: absolute;
top: 16px;
height: 44px;
color: #8bb9e0;
background-color: #000000;
padding: 6px;
cursor: pointer
}
.cluster_control_left img,
.cluster_control_right img {
vertical-align: middle
}
.cluster_control_left {
left: 0px;
padding-right: 16px
}
.cluster_control_right {
right: 0px;
text-align: right;
padding-left: 16px
}
.cluster_capsule {
display: block;
float: left;
margin-right: 4px;
position: relative
}
a.cluster_capsule:hover {
text-decoration: none
}
.large_cluster_content_twoup {
position: relative;
width: 940px;
height: 254px;
overflow: hidden;
margin-top: 15px;
margin-bottom: 20px
}
.large_cluster_content_twoup .cluster_control_left {
border-left: 1px solid #4D4B49
}
.large_cluster_content_twoup .cluster_control_right {
border-right: 1px solid #4D4B49
}
.large_cap {
width: 467px;
height: 252px;
border: 1px solid #4D4B49
}
.cluster_capsule.large_cap {
margin-right: 2px
}
a.large_cap:hover {
text-decoration: none
}
img.large_cap {
width: 467px;
height: 181px;
position: relative
}
.large_cap_content {
padding: 13px 16px
}
.large_cap_content h4 {
margin-bottom: 6px
}
.large_cap_content p {
color: #B0AEAC;
font-size: 12px;
height: 32px;
overflow: hidden;
text-overflow: ellipsis
}
.large_cap_discount {
position: absolute;
right: 16px;
bottom: 98px
}
.large_cap_desc {
position: absolute;
left: 0px;
bottom: 0px;
background-color: #1a1a1a;
width: 467px;
height: 71px;
overflow: hidden
}
.large_cap_price {
position: absolute;
right: 16px;
line-height: 14px
}
/* Dark page cut */
body.v6 .page_content_ctn.dark {
background-color: #000;
padding: 25px 0
}
body.v6 .page_content_ctn.dark:last-child {
margin-bottom: -52px
}
.page_content_ctn.dark .pageheader:after {
content: ' ';
display: block;
height: 1px;
margin-top: 5px;
background: -webkit-linear-gradient(left, #3b6e8c 5%, #000000 95%);
background: linear-gradient(to right, #3b6e8c 5%, #000000 95%)
}
/* common discovery queue styles */
.discovery_queue {
height: 289px;
position: relative
}
/* empty queue */
.discover_queue_empty {
padding: 30px 20px 20px 20px;
text-align: center;
background: rgba(0, 0, 0, 0.2);
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
font-weight: normal;
margin-bottom: 30px;
margin-top: 12px;
height: 165px
}
body.v6 .discover_queue_empty>h3 {
font-size: 20px;
color: #C6D4DF;
margin-bottom: 15px
}
.discover_queue_empty>p {
font-size: 13px;
color: #8F98A0
}
.discover_queue_empty_refresh_btn {
padding-top: 20px
}
.dq_item {
position: absolute;
box-shadow: 0 0 8px 0 #000000
}
.dq_item,
.dq_item div,
.dq_item img {
-webkit-user-select: none;
/* Chrome all / Safari all */
-moz-user-select: none;
/* Firefox all */
-ms-user-select: none;
/* IE 10+ */
user-select: none
}
.dq_item .dq_item_cap {
width: 100%;
height: auto;
display: block
}
.dq_item_overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
/* keep it on top of ds_flag (z-index 5 ) */
}
.dq_item .ds_flag {
box-shadow: 0 0 4px 0 #000000
}
.dq_item_price {
position: absolute;
bottom: -39px;
right: 0;
opacity: 0
}
.dq_item_price.no_discount {
bottom: -26px
}
.dq_item_reason {
opacity: 0;
font-size: 17px;
font-family: "Motiva Sans", Sans-serif;
margin-top: 4px;
color: #fff;
width: 330px
}
.dq_item.dq_active_link {
z-index: 30;
box-shadow: none
}
.dq_item.dq_active_link a {
display: block;
width: 460px;
height: 215px
}
#page_background_holder {
position: absolute;
width: 100%;
left: 0px;
overflow: hidden;
z-index: -1;
min-width: 972px
}
#page_background {
text-align: center;
background-position: center top;
background-repeat: no-repeat;
height: 1024px;
min-width: 972px
}
/* TEMPORARY */
#v6takeover .flag {
margin: 0 0 -15px 0;
z-index: 10;
position: relative;
height: 36px;
background-repeat: no-repeat;
background-position: top left
}
#v6takeover.closed .flag {
margin: 0 0 -15px -17px;
height: 35px
}
#v6takeover.closed {
background: rgba(0, 0, 0, 0.2)
}
#v6takeover .avatar {
border: 5px solid #67c1f5;
width: 92px;
height: 92px;
box-shadow: 0 0 5px #67c1f5;
z-index: 5;
display: inline-block;
vertical-align: top;
margin: 0 0 0 2px
}
#v6takeover .avatar>img {
width: 92px;
height: 92px
}
#v6takeover .title {
font-family: "Motiva Sans", Sans-serif;
font-weight: bold;
/* bold */
font-size: 44px;
color: #fff;
text-transform: uppercase;
line-height: 46px;
display: inline-block;
width: 770px;
margin: 18px 0 0 9px;
vertical-align: top
}
#v6takeover .title>div {
color: #66c0f4
}
#v6takeover .desc {
font-size: 16px;
margin: 10px 0 10px 0
}
#v6takeover .close {
position: absolute;
top: 9px;
right: 9px;
z-index: 25;
background-image: url('/public/images/v6/close_btn.png');
background-repeat: no-repeat;
height: 18px;
width: 18px
}
#v6takeover.closed .close {
background-image: url('/public/images/v6/expand_btn.png?v=1')
}
#v6takeover.closed .avatar,
#v6takeover.closed .title,
#v6takeover.closed .desc,
#v6takeover.closed .btn_medium {
display: none
}
#v6takeover {
padding: 0 15px 15px 15px;
border-bottom: 1px solid #305d7d;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 5%, rgba(102, 192, 244, 0.2) 95%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(102, 192, 244, 0.2) 95%);
margin-bottom: 15px;
position: relative
}
/* END TEMPORARY */
.dropcontainer ul {
list-style-type: none;
line-height: 22px;
margin: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 900;
overflow: auto;
overflow-x: hidden;
box-shadow: 0 0 5px 0 #000000;
background: #417A9B
}
.dropdownhidden {
display: none
}
.dropdownvisible {
display: block
}
.dropcontainer ul li {
padding: 0;
margin: 0
}
.dropcontainer ul li.emptyvalue {
font-style: italic
}
.dropcontainer ul a {
padding: 0 10px;
display: block;
text-decoration: none;
color: #e5e4dc;
white-space: nowrap
}
.dropcontainer {
position: relative
}
.dselect_container {
position: relative
}
.dselect_container button.trigger,
.dselect_container button.activetrigger {
display: block;
box-sizing: content-box;
text-align: inherit;
cursor: pointer;
color: #67c1f5;
padding: 0 30px 0 8px;
font-size: 12px;
line-height: 21px;
border: 0;
border-radius: 3px;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative
}
.dselect_container button.trigger {
background: rgba(103, 193, 245, 0.1)
}
.dselect_container button.activetrigger,
.dselect_container button.activetrigger:hover {
color: #ffffff;
background: #67c1f5
}
.dselect_container button.activetrigger {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
z-index: 91;
position: relative
}
.dselect_container button.trigger::after,
.dselect_container button.activetrigger::after {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 20px;
background: url('/public/images/v6/ico/ico_arrow_dn_for_select.png') no-repeat left center;
content: ''
}
.dselect_container button.trigger:hover,
.dselect_container .dropcontainer a.highlighted_selection {
color: #ffffff;
background-color: #67c1f5;
/* Old browsers */
background: -webkit-linear-gradient(150deg, #417a9b 5%, #67c1f5 95%);
background: linear-gradient(-60deg, #417a9b 5%, #67c1f5 95%)
}
.promo_leftcol {
margin-right: 5px;
padding: 10px 20px 10px 20px;
background-color: rgba(0, 0, 0, 0.4)
}
.promo_rightcol {
margin-left: 5px;
padding: 1px 15px 10px 15px;
border-radius: 4px;
background: rgba(0, 0, 0, 0.2)
}
.promo_banner {
box-shadow: 0px 0px 5px #000
}
/* Refund policy styles */
.refund_policy .page_header_ctn {
padding-bottom: 74px
}
.refund_policy h2 {
padding-top: 40px
}
.refund_policy .header_ctn {
margin: 40px 0
}
body.v6.refund_policy {
background: #212429
}
body.v6.refund_policy .page_content_ctn {
font-size: 14px;
line-height: 18px;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
color: #a4b0be
}
.refund_policy #main_content h1 {
color: #ffffff;
font-size: 26px;
text-shadow: 1px 1px 0 #000000;
margin: 32px 0px 8px 0px;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
font-weight: normal;
line-height: normal
}
.refund_policy #main_content h2 {
padding-top: 12px;
margin-bottom: 4px;
line-height: 20px
}
.refund_policy p {
margin-bottom: 16px
}
.refund_policy ul {
padding-left: 20px
}
.nonresponsive_hidden {
display: none
}
a.pulldown_desktop {
display: inline;
color: #e5e5e5
}
a.pulldown_mobile {
display: none
}
html.responsive .tab_item_cap_img {
width: 100%;
height: auto;
vertical-align: middle
}
html.responsive .carousel_container .arrow {
bottom: 0px;
top: auto;
height: 0px;
width: 0;
padding: 0px;
background: none
}
html.responsive .carousel_container .arrow>div {
width: 13px;
height: 20px;
background-size: cover;
display: none;
margin: 0 10px
}
html.responsive .carousel_container .arrow.left {
left: 0
}
html.responsive .carousel_container .arrow.left>div {
background-position-x: 13px
}
html.responsive .carousel_container .arrow.right {
right: 0;
text-align: right
}
html.responsive .carousel_container .carousel_items>* {
position: relative;
top: auto;
left: auto;
opacity: 1;
margin-right: 11px
}
html.responsive .specials_under10_content,
html.responsive .live_streams_ctn {
margin-top: 0;
margin-bottom: 0
}
html.responsive .carousel_container .carousel_items:not(.no_paging),
html.responsive .carousel_container.maincap .carousel_items:not(.no_paging) {
overflow-x: scroll;
overflow-y: hidden;
box-sizing: content-box;
display: -webkit-box;
/* Very Old webkit */
display: -ms-flexbox;
/* IE 10 */
display: -webkit-flex;
/* Old webkit */
display: flex;
flex-wrap: nowrap;
padding-bottom: 21px
}
html.responsive.gamepad .leftcol,
html.responsive.gamepad .rightcol {
float: none;
width: auto;
margin-left: 0
}
html.responsive.gamepad .tab_item_cap_img {
width: 100%;
height: auto;
vertical-align: middle
}
html.responsive.gamepad .carousel_container .arrow {
bottom: 0px;
top: auto;
height: 0px;
width: 0;
padding: 0px;
background: none
}
html.responsive.gamepad .carousel_container .arrow>div {
width: 13px;
height: 20px;
background-size: cover;
display: none;
margin: 0 10px
}
html.responsive.gamepad .carousel_container .arrow.left {
left: 0
}
html.responsive.gamepad .carousel_container .arrow.left>div {
background-position-x: 13px
}
html.responsive.gamepad .carousel_container .arrow.right {
right: 0;
text-align: right
}
html.responsive.gamepad .carousel_container .carousel_items>* {
pointer-events: auto;
flex-shrink: 0
}
html.responsive.gamepad .specials_under10_content,
html.responsive.gamepad .live_streams_ctn {
margin-top: 0;
margin-bottom: 0
}
html.responsive.gamepad .carousel_container .carousel_items:not(.no_paging),
html.responsive.gamepad .carousel_container.maincap .carousel_items:not(.no_paging) {
overflow-x: scroll;
overflow-y: hidden;
box-sizing: content-box;
display: -webkit-box;
/* Very Old webkit */
display: -ms-flexbox;
/* IE 10 */
display: -webkit-flex;
/* Old webkit */
display: flex;
flex-wrap: nowrap;
padding-bottom: 21px
}
html.responsive body.v6 h2.pageheader {
font-size: 30px;
word-wrap: break-word
}
html.responsive .tab_item {
padding-left: 0
}
html.responsive .tab_item_cap_ctn {
float: left;
max-width: 33%
}
html.responsive .tab_item_cap {
position: static;
float: left;
max-width: 33%;
margin-right: 3%
}
html.responsive #responsive_store_nav_overlay_ctn {
background-color: black;
margin-left: 3%;
margin-right: 3%;
border-radius: 0 0 8px 8px;
overflow-y: auto;
max-height: 90vh
}
html.responsive div#store_header,
html.responsive div#store_header .content {
min-width: 0;
width: auto;
height: auto;
margin-bottom: 0
}
html.responsive body.responsive_store_overlay_visible {
overflow-y: hidden;
touch-action: none;
-ms-touch-action: none
}
html.responsive #responsive_store_nav_overlay_bottom {
flex: 1
}
html.responsive .responsive_store_nav_ctn_spacer {
height: 16px
}
html.responsive div#store_controls {
display: none
}
html.responsive div#store_header #store_nav_area {
position: static
}
html.responsive #store_header {
display: none
}
html.responsive #store_nav_area,
html.responsive #store_nav_area .store_nav_bg,
html.responsive #store_nav_area .store_nav {
height: auto;
margin: 0;
display: block
}
html.responsive #store_nav_area .store_nav .tab {
float: none;
display: block;
border: none
}
html.responsive div#store_search {
float: none;
border-left: none
}
html.responsive .searchbox {
width: auto;
height: auto;
background-image: none;
background-color: rgba(96, 133, 155, 0.979);
border-radius: 4px;
box-shadow: inset 0 0 4px #000000;
margin: 1px;
padding: 0 6px
}
html.responsive .searchbox:hover {
background-image: none;
margin: 0;
border: 1px solid #ffffff
}
html.responsive .searchbox input {
width: 100%;
font-size: 16px;
margin: 0;
line-height: 28px
}
html.responsive .store_nav .search_area {
position: relative;
max-width: none
}
html.responsive .search_area .search_suggest {
left: 4px;
right: 4px;
top: 35px;
width: auto
}
html.responsive a.pulldown_desktop {
display: none
}
html.responsive a.pulldown_mobile {
display: inline;
color: inherit
}
html.responsive.rn_mobile_app #responsive_store_search_overlay,
html.responsive.rn_mobile_app #responsive_store_nav_overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 100vh;
background-color: #000000AA;
z-index: 101;
display: flex;
flex-direction: column
}
html.responsive.rn_mobile_app #responsive_store_nav_overlay_ctn {
background-color: black;
margin-left: 3%;
margin-right: 3%;
border-radius: 0 0 8px 8px;
overflow-y: auto;
max-height: 90vh
}
html.responsive.rn_mobile_app div#store_header,
html.responsive.rn_mobile_app div#store_header .content {
min-width: 0;
width: auto;
height: auto;
margin-bottom: 0
}
html.responsive.rn_mobile_app body.responsive_store_overlay_visible {
overflow-y: hidden;
touch-action: none;
-ms-touch-action: none
}
html.responsive.rn_mobile_app #responsive_store_nav_overlay_bottom {
flex: 1
}
html.responsive.rn_mobile_app .responsive_store_nav_ctn_spacer {
height: 16px
}
html.responsive.rn_mobile_app div#store_controls {
display: none
}
html.responsive.rn_mobile_app div#store_header #store_nav_area {
position: static
}
html.responsive.rn_mobile_app #store_header {
display: none
}
html.responsive.rn_mobile_app #store_nav_area,
html.responsive.rn_mobile_app #store_nav_area .store_nav_bg,
html.responsive.rn_mobile_app #store_nav_area .store_nav {
height: auto;
margin: 0;
display: block
}
html.responsive.rn_mobile_app #store_nav_area .store_nav .tab {
float: none;
display: block;
border: none
}
html.responsive.rn_mobile_app div#store_search {
float: none;
border-left: none
}
html.responsive.rn_mobile_app .searchbox {
width: auto;
height: auto;
background-image: none;
background-color: rgba(96, 133, 155, 0.979);
border-radius: 4px;
box-shadow: inset 0 0 4px #000000;
margin: 1px;
padding: 0 6px
}
html.responsive.rn_mobile_app .searchbox:hover {
background-image: none;
margin: 0;
border: 1px solid #ffffff
}
html.responsive.rn_mobile_app .searchbox input {
width: 100%;
font-size: 16px;
margin: 0;
line-height: 28px
}
html.responsive.rn_mobile_app .store_nav .search_area {
position: relative;
max-width: none
}
html.responsive.rn_mobile_app .search_area .search_suggest {
left: 4px;
right: 4px;
top: 35px;
width: auto
}
html.responsive.rn_mobile_app a.pulldown_desktop {
display: none
}
html.responsive.rn_mobile_app a.pulldown_mobile {
display: inline;
color: inherit
}
html.responsive .tab_item_discount .discount_pct,
html.responsive .tab_item_discount.no_discount .bundle_base_discount {
float: none;
margin-top: 0;
margin-right: 2px
}
html.responsive .tab_item_discount {
margin-top: 19px;
width: auto;
margin-right: 4px
}
/* main cluster rotation */
.main_cluster_content {
width: 616px;
height: 395px;
overflow: hidden;
margin-bottom: 4px;
position: relative;
-webkit-overflow-scrolling: touch
}
html.touch .main_cluster_content {
overflow-x: scroll
}
.main_cluster_content::-webkit-scrollbar {
display: none
}
.cluster_scroll_area {
overflow: hidden
}
.main_cluster_content a.cluster_capsule {
display: inline-block;
width: 616px;
height: 395px;
margin-right: 4px;
position: relative
}
.main_cluster_content .cluster_capsule_image {
width: 616px;
height: 353px;
display: block
}
.main_cluster_content .cluster_capsule .ds_flag {
box-shadow: 0 0 6px 0 #000000
}
.main_cluster_content .cluster_maincap_fill {
background: #1b2838
}
.main_cluster_content img.cluster_maincap_fill_placeholder {
width: 100%;
height: auto
}
.cluster_maincap_fill .cluster_maincap_fill_bg {
-webkit-filter: blur(10px)
}
.cluster_maincap_fill .cluster_maincap_fill_header {
position: absolute;
left: 78px;
top: 69px;
z-index: 2;
box-shadow: 0 0 16px 6px #000000
}
.cluster_maincap_fill.package .cluster_maincap_fill_header {
width: 530px;
height: 174px;
left: 43px;
top: 89px
}
.cluster_maincap_fill.package .cluster_maincap_fill_bg.cluster_capsule_image {
width: 1076px;
height: 353px;
left: -230px
}
.main_cap_discount,
.main_cap_price {
position: absolute;
right: 0;
bottom: 42px;
z-index: 3
}
.corner_cap_discount {
position: absolute;
right: 0;
bottom: 0;
z-index: 3
}
/* Darken background */
.store_capsule .discount_block.corner_cap_discount>.discount_prices {
background-color: rgba(20, 31, 44, 0.7)
}
.main_cap_price {
background: #000000;
font-size: 13px;
color: #b0aeac;
line-height: 25px;
padding: 0 8px
}
.main_cap_desc {
height: 42px;
line-height: 42px;
background: rgba(0, 0, 0, 0.2);
padding: 0 12px;
overflow: hidden
}
.main_cap_platform_area {
float: right;
padding-top: 5px
}
.main_cap_status {
color: #ffffff;
font-size: 21px;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
text-shadow: 1px 1px rgba(0, 0, 0, 0.25)
}
.main_cluster_ctn .home_btn.home_customize_btn {
position: absolute;
right: 10px;
top: 10px;
display: none;
background: rgba(44, 75, 100, 0.8);
box-shadow: 0 0 12px #000000
}
.main_cluster_ctn .home_btn.home_customize_btn:hover {
color: #ffffff;
background: #67c1f5;
/* Old browsers */
background: -moz-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #67c1f5), color-stop(100%, #417a9b));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(-60deg, #67c1f5 0%, #417a9b 100%);
/* IE10+ */
background: linear-gradient(135deg, #67c1f5 0%, #417a9b 100%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67c1f5', endColorstr='#417a9b', GradientType=1);
/* IE6-9 fallback on horizontal gradient */
}
.main_cluster_ctn:hover .home_customize_btn,
.main_cluster_ctn .home_btn.home_customize_btn.active {
display: block
}
.main_cluster_ctn .home_btn.home_customize_btn.active {
box-shadow: none
}
/*
* Generic capsules
*/
.store_capsule {
display: inline-block;
position: relative;
vertical-align: top;
/* Because browsers cannot be trusted to align things. */
width: 229px;
/* Base width. Override with your own selector later. 229 * 4 + 8 * 3 = 940 */
background: radial-gradient(62.67% 62.67% at 62.67% 100%, #3D4856 0%, #283645 100%)
}
.store_capsule:not(:last-child) {
margin-right: 8px;
/* Again, a default. Adjust to fit your container. */
}
.store_capsule:hover {
background: radial-gradient(62.67% 62.67% at 62.67% 100%, #6B737D 0%, #3B4955 100%);
text-decoration: none
}
.store_capsule .capsule {
vertical-align: top;
position: relative
}
.store_capsule .capsule>img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
vertical-align: top
}
.store_capsule .title {
color: #c7d5e0;
font-size: 13px;
padding: 3px
}
.store_capsule .discount_block {
margin: 0;
text-align: right;
padding: 5px;
line-height: 17px;
min-height: 17px;
font-size: 12px
}
.store_capsule .discount_block>.discount_prices {
background-color: rgba(20, 31, 44, 0.4);
border-top-right-radius: 1px;
border-bottom-right-radius: 1px
}
.store_capsule .discount_block.daily_deal_discount>.discount_prices {
background-color: rgba(20, 31, 44, 0.8)
}
/* Add more padding when we have no discount */
.discount_block.no_discount .discount_final_price {
padding: 0 6px;
color: white
}
.store_capsule .discount_block:not(.discount_block_large) .discount_pct {
font-size: 11px
}
.store_capsule .ds_flag {
/* May need further adjustment for your particular capsule style */
left: 0px
}
.store_capsule.ds_flagged:not(.ds_wishlist):not(.broadcast_capsule) .capsule>img {
opacity: 0.3
}
.store_capsule_container_scrolling {
white-space: nowrap;
overflow: hidden
}
.store_capsule_frame {
padding: 11px 16px;
margin: 20px -17px;
background: -webkit-linear-gradient(top, rgba(22, 33, 46, 1.0) 5%, rgba(22, 33, 46, 0) 95%);
background: linear-gradient(to bottom, rgba(22, 33, 46, 1.0) 5%, rgba(22, 33, 46, 0) 95%);
border: 1px solid transparent;
border-bottom: none;
/* Fixes a weird artifact where the bottom border is 0,0,0,0.1 or something? */
border-image: linear-gradient(to bottom, rgba(46, 57, 70, 1) 5%, rgba(46, 57, 70, 0) 95%) 1
}
/* Aspect ratios */
.store_capsule>.capsule.header,
.store_capsule>.capsule.headerv5,
.store_capsule>.capsule.headerratio,
.store_capsule>.capsule.smallcapsule {
padding-top: 46.57534246575342%;
overflow: hidden
}
.store_capsule>.capsule.main_capsule {
padding-top: 57.3051948051948%
}
.store_capsule>.capsule.smallv5 {
padding-top: 37.5%
}
.store_capsule>.capsule.small {
padding-top: 37.5%
}
.store_capsule.price_inline .discount_block .discount_prices {
background-color: rgba(0, 0, 0, 0.8)
}
.store_capsule.price_inline .discount_block {
position: absolute;
right: 3px;
bottom: 3px
}
.home_right_btn {
float: right;
margin-top: 27px
}
.autumn2016_home .live_streams_ctn {
margin-top: 10px;
margin-bottom: 50px
}
#live_streams_carousel {
margin-top: 10px;
padding-bottom: 5px
}
#live_streams_carousel .carousel_items .store_capsule {
width: 306px;
background: rgba(255, 255, 255, 0.1)
}
#live_streams_carousel .title {
margin-top: 33px;
padding-bottom: 6px;
margin-left: 5px;
display: flex;
justify-content: space-between
}
#live_streams_carousel .title>span.live_stream_app {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.live_stream_play_icon {
position: absolute !important;
top: 60px !important;
left: 115px !important;
width: 80px !important;
height: 55px !important;
z-index: 2
}
.live_streams_ctn .home_right_btn {
margin-top: 2px
}
.live_streams_ctn .store_capsule .title {
line-height: 23px
}
.live_streams_ctn .store_capsule:not(:last-child) {
margin-right: 5px;
/* Again, a default. Adjust to fit your container. */
margin-bottom: 8px
}
.live_steam_viewers {
font-size: 13px;
margin: 0px 5px 0px 0px;
padding-left: 28px;
pointer-events: none;
background-image: url('/public/shared/images/broadcast/icon_viewers.png');
background-repeat: no-repeat;
background-position-x: left;
background-position-y: 2px;
line-height: 23px;
text-decoration: none
}
html.responsive .live_streams_ctn .store_capsule:not(:last-child) {
margin-bottom: 0px;
/* We don't wrap in responsive */
}
/* ds_options defines the per-app preferences dropdown */
.ds_options {
display: block;
position: absolute;
top: 0px;
right: -5px;
cursor: pointer;
opacity: 0;
padding: 5px 5px 0 0;
transition: opacity 0.2s, right 0.2s;
z-index: 15
}
.ds_options>div {
width: 30px;
height: 15px;
position: absolute;
right: 4px;
background-color: #e5e5e5;
background-image: url('/public/shared/images/v6/moremenudark.png');
background-position: 6px 4px;
border-radius: 2px;
background-repeat: no-repeat;
box-shadow: 0 0 3px #000
}
.ds_options:hover>div {
background-color: #67c1f5;
color: #fff;
background-image: url('/public/shared/images/v6/moremenu.png')
}
*:hover>.ds_options,
.ds_hover.ds_options {
opacity: 1;
right: 0px
}
.ds_options_tooltip {
background-color: #3D4450;
padding: 2px 8px;
color: #fff;
border-radius: 2px;
box-shadow: 0 0 3px #000
}
.ds_options_tooltip>.option {
margin: 5px 0;
display: block;
cursor: pointer;
/*background-color: rgba(0,0,0,0.1);
*/
border-radius: 2px;
padding: 8px 16px;
line-height: normal;
font-size: 13px;
color: white
}
.ds_options_tooltip>.option:hover {
color: #ffffff;
background-color: #464d58
}
/* Temporary state for when we want to hide something but don't want to force a reload or risk breaking the layout */
.ds_ignored {
opacity: 0.3
}
body.v6 .store_capsule_frame :is(h2, span) span.right {
float: right;
text-transform: none;
letter-spacing: normal
}
body.v6 .store_capsule_frame h3 {
font-size: 14px;
letter-spacing: 2px
}
body.v6 .store_capsule_frame h2>a {
color: inherit
}
body.v6 .store_capsule_frame>h3,
body.v6 .store_capsule_frame>h3>a {
color: #abdaf4;
margin: 0 0 10px;
font-size: 14px;
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
margin-top: -6px
}
html.responsive .main_cluster_content a.cluster_capsule {
width: auto;
/* javascript will set */
height: auto
}
html.responsive .main_cluster_content .cluster_capsule_image:not(.cluster_maincap_fill_bg) {
width: 100%;
height: auto
}
html.responsive .cluster_maincap_fill .cluster_maincap_fill_header {
left: 12%;
top: 19.5%;
width: 74%;
height: auto
}
html.responsive .main_cluster_ctn {
max-width: 616px;
margin: 0 auto
}
html.responsive .main_cluster_ctn.large_cluster_responsive {
max-width: 462px
}
html.responsive *:hover>.ds_options,
html.responsive .ds_hover.ds_options {
opacity: 0
}
.game_page_background.game,
.game_page_background.bundle {
display: block;
background-position: center top;
background-repeat: no-repeat;
position: relative;
/* make sure the background sits behind the game_background_lighten */
/* z-index: -2;
*/
}
html:not(.rn_mobile_app) body.v7menu .game_page_background:not(.bundle) {
padding-top: var(--store-menu-overlap-height, 46px)
}
html.gamepad body.v7menu .game_page_background {
/* menu doesn't "float" but we always want the spacing */
padding-top: 46px
}
/* New game page background, Oct 2025 */
.page_top_area {
position: relative;
overflow-y: hidden
}
.mature_content_filtered {
padding: 10px;
margin-bottom: 10px;
background-color: rgba(0, 0, 0, 0.2)
}
.mature_content_filtered.header {
font-size: 12px;
display: inline-block;
float: right;
background-color: transparent;
padding: 0;
margin: 0 15px 0 0
}
.mature_content_filtered.sale {
position: absolute;
right: 0px;
top: -25px;
background-color: rgba(0, 0, 0, 0.5)
}
.mature_content_filtered a {
text-decoration: underline;
color: #66c0f4;
display: contents
}
.mature_content_filtered.search {
float: right;
display: inline-block
}
.no_results_filtered a {
text-decoration: underline
}
html.responsive .game_page_background.sale_page_background {
background-position: center -66px
}
/* store_v2.css */
body.v6 {
background: #1b2838
}
.store_capsule_frame.no_bg {
background: none;
border: none
}
#cart_status_data .store_header_btn_green {
background-position: -34px 30px
}
#store_nav_area .store_nav_bg,
.home_page_body_ctn.has_takeover #store_nav_area .store_nav_bg {
background: linear-gradient(90deg, rgba(62, 103, 150, 0.919) 11.38%, rgba(58, 120, 177, 0.8) 25.23%, rgb(15, 33, 110) 100%);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.4)
}
.store_nav .tab:hover>span,
.store_nav .tab:hover {
color: #ffffff
}
store_nav .tab:hover a.pulldown_desktop,
.store_nav .tab.focus a.pulldown_desktop {
color: #fff;
transition-property: color;
transition-duration: 0.15s;
transition-timing-function: ease-in-out
}
.searchbox input::placeholder {
color: #0e1c25
}
a#store_search_link img:hover {
background-image: url('/public/images/v6/search_icon_btn_over.png')
}
body.v6 .recommendation_section h2,
body.v6 .recommendation_mainsection h2 {
text-transform: uppercase;
color: #fff;
margin: 0 0 10px;
font-size: 17px;
letter-spacing: 0.03em;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
padding-top: 2px
}
body.v6 .home_page_content :is(h2, span) span.right,
body.v6 .recommendation_section :is(h2, span) span.right,
body.v6 .recommendation_mainsection :is(h2, span) span.right,
body.v6 .user_reviews_header span.right,
body.v6 .bucket :is(h2, span) span.right {
float: right;
text-transform: none;
letter-spacing: normal;
display: inline-block;
position: relative;
top: -3px
}
body.v6 .broadcast_live_stream_icon {
position: absolute;
top: 5px;
left: 5px;
overflow: hidden;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAFMN540AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkQ4QTE5MTc3M0M4MTFFODkzODlBNzdDNUZEOUI2RUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkQ4QTE5MTg3M0M4MTFFODkzODlBNzdDNUZEOUI2RUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRDhBMTkxNTczQzgxMUU4OTM4OUE3N0M1RkQ5QjZFQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRDhBMTkxNjczQzgxMUU4OTM4OUE3N0M1RkQ5QjZFQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqixHngAAAK7SURBVHjaYvz//z8DMmABEZuio2CiX8ACf378gCngAQv8/fHjM5DiDd26jREggBjRzWDcGBUpB6Qfgjh+S5cxsgD1P0RWwRS0dh0j0AyQOWABgACCm7ElLhauFQiW+yxaHAVXsDE8DNUmKPBfuYoR7Kzf37+vAFIR2BRhOBMdAAQQXgUsMAbQgX+AFDOIDXQcI1wnUqDBAdjzIMb/P38wjAT6ZgckMLFIAoEOWPLf798YMiGbNsswQRmM///+ZUDC0QS9AhBABAMCH2BB5myOjckHUhPwqP/vu3gJE4bNm6Ii/4KSAZGWKvgtW/4QbjMwRJhIcPEtIGaHa8YR1rhAHUaArfH1+QcSI6AxMmTzlhU4Q3uVlycolc8GYkcgfgXEU8K2be9AVwcQQBRFFRMDBYAFXQCY7peB/IUmDAoLRWA+eITT2cBEQiiui4CJpB8zkURHgcoYHiJcKw/MaI8QxVdUpDyRGkHgPiw7Q3Lq378zyQlkiOZ//xzIDu1///69AVLSZMUz0ObJQMxALEbRHLx+QydaMYIPr8BMYf//RzKAog0//g8sryKxJpLV3l5+oCIRhxe/AOsZXoIZA5irKoBUDhCLAfF+IM4E5qp7VM1VAAFGkWaq5khcYEt8HKhwiYIWLlpALAqqG4H4CbRqPQDEK30WLrpPsY83x8WCIm4JqDFAooe+AHGa76LFy0myeHNMdDioYUBEGUwIgAyP9F2ydCVBi4FF0VJokFITrAAWW5E4Ld4YEV4OpDpolJ4q/Fes7MRaVwDLh1xSyhIScS7OVA2UFKFhDhLFZ/FBIOVGI4v347M4HUjdpbS6xgJAZXwG3lQNbMqACoqrJNSVxORpbWDT5xFRBchqH29Q+7GPAt+DDC4N3bK1l6yyejWkHQbKBmFEOAIUpKuAuDx02/ZHg7KSYGIYIAAAG8jIJ8edBjIAAAAASUVORK5CYII=') #000;
background-repeat: no-repeat;
background-position: center center;
background-size: 12px 12px;
background-position-x: 4px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px;
padding: 3px 6px 3px 20px;
box-shadow: 0 0 7px #a94847;
z-index: 2;
transition: opacity 0.6s;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
}
.cluster_maincap_grantingapp {
position: absolute;
right: 0;
bottom: 0
}
.spotlight_content .grantedbymastersub {
position: absolute;
top: -33px;
right: 0
}
.capsule .grantedbymastersub {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.grantedbymastersub {
background: linear-gradient(148deg, rgba(1, 1, 1, 0) 80%, #000000 100%)
}
.grantedbymastersub_app {
position: absolute;
bottom: 4%;
right: 1%
}
body.v6 .sale_capsule:hover .broadcast_live_stream_icon {
opacity: 0
}
/* ===== from shared_global.css ====== */
body.v6 .store_nav .popup_block_new .popup_body {
background: linear-gradient(90deg, rgba(33, 162, 255, 0.1) 1.89%, rgba(50, 50, 51, 0) 50%), linear-gradient(180deg, #575860 11.6%, #3A4852 54.73%, #2C2D34 100%);
padding: 8px 5px 8px 5px
}
.store_nav .popup_menu {
min-width: 167px
}
.store_nav .popup_menu .popup_menu_item,
.footer_content .popup_menu .popup_menu_item,
.search_area .popup_body .match,
.search_area .popup_body .match .match_name {
color: #D8D8D8;
cursor: pointer;
padding: 5px 6px
}
.creator .responsive_page_template_content .popup_menu .popup_menu_item,
.curator .responsive_page_template_content .popup_menu .popup_menu_item {
color: #D8D8D8;
background-color: #3D4450;
cursor: pointer;
padding: 5px 6px
}
.store_nav .popup_menu .category_hr {
height: 1px;
background: linear-gradient(90deg, rgba(216, 216, 216, 0.3), transparent);
margin-top: 7px;
margin-bottom: 8px;
margin-left: 13px;
width: 50%
}
.store_nav .popup_menu .popup_menu_item {
text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
width: fit-content;
border-bottom: 2px solid #ffffff00;
padding: 3px 1px 2px 1px;
margin: 0px 10px 3px 13px;
transition-property: border;
transition-duration: 0.15s;
transition-timing-function: ease-in-out
}
.store_nav #genre_flyout .popup_menu .popup_menu_item,
.store_nav #noteworthy_flyout .popup_menu .popup_menu_item {
border-bottom: 2px solid #ffffff00;
padding: 3px 1px;
margin: 0px 10px 3px 14px;
transition-property: border;
transition-duration: 0.15s;
transition-timing-function: ease-in-out;
white-space: normal
}
.store_nav #noteworthy_flyout .popup_menu .popup_menu_item span.new {
color: white;
background: #c37f00;
padding: 1px 3px;
font-size: 10px;
border-radius: 2px;
text-shadow: none;
text-transform: uppercase
}
html:not(.responsive.touch) .store_nav #genre_flyout .popup_menu .popup_genre_expand_content .popup_menu_item,
html:not(.responsive.touch) .store_nav #noteworthy_flyout .popup_menu .popup_genre_expand_content .popup_menu_item {
margin-left: 2px
}
.store_nav .popup_menu .popup_menu_item:hover,
.store_nav .popup_menu .popup_menu_item.focus,
.footer_content .popup_menu .popup_menu_item:hover,
.footer_content .popup_menu .popup_menu_item.focus,
.search_area .popup_body .match.hover,
.search_area .popup_body .match.hover .match_name,
.search_area .popup_body .match.focus,
.search_area .popup_body .match.focus .match_name {
color: #fff
}
.creator .popup_menu .popup_menu_item:hover,
.creator .popup_menu .popup_menu_item.focus,
.curator .popup_menu .popup_menu_item:hover,
.curator .popup_menu .popup_menu_item.focus {
color: #fff;
background-color: #464d58
}
.store_nav .popup_menu .popup_menu_item:hover,
.store_nav .popup_menu .popup_menu_item.focus {
background-color: #212d3d00;
color: #fff;
border-bottom: 2px solid #ffffffff;
transition-property: border, color;
transition-duration: 0.15s;
transition-timing-function: ease-in-out
}
body.v6 .store_nav .popup_menu .hr,
body.v6 #footer_nav .popup_menu .hr {
background-color: #33627d;
margin: 5px 0px 5px 0px
}
body.v6 .spacer {
height: 8px;
content: ' '
}
body.v6 .store_nav #genre_flyout .popup_menu_subheader,
body.v6 .store_nav #noteworthy_flyout .popup_menu_subheader {
padding: 5px 5px 10px 2px;
text-transform: uppercase;
letter-spacing: 0.06em;
font-weight: 800;
font-size: 11px
}
body.v6 .store_nav .popup_menu_subheader {
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
margin-top: 16px;
margin-bottom: 0px;
margin-left: 14px;
margin-right: 13px;
font-variant: small-caps;
text-transform: uppercase;
letter-spacing: 0.07em;
font-size: 11px;
color: #2EBFFF;
text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
padding: 0
}
body.v6 .store_nav .popup_menu_subheader a {
color: #2EBFFF
}
body.v6 .store_nav #foryou_flyout .popup_menu_subheader {
margin-left: 14px
}
body.v6 .store_nav #genre_flyout .popup_menu_subheader.reduced_vspace {
margin-bottom: -21px
}
body.v6 .store_nav #genre_flyout .popup_menu_subheader.added_vspace {
padding-top: 20px
}
body.v6 .store_nav .popup_menu_subheader .popup_menu_item {
margin-bottom: -9px;
padding: 3px 1px;
font-variant: none;
text-transform: none;
font-size: 13px;
letter-spacing: 0.0em;
width: 100%
}
body.v6 .store_nav #genre_flyout .popup_menu_subheader .popup_menu_item,
body.v6 .store_nav #noteworthy_flyout .popup_menu_subheader .popup_menu_item {
margin-left: -2px;
border-bottom: 2px solid #ffffff00;
color: rgb(228, 227, 227);
width: fit-content;
padding-bottom: 0px;
margin-bottom: -4px;
padding-top: 3px;
transition-property: border, color;
transition-duration: 0.15s;
transition-timing-function: ease-in-out
}
body.v6 .store_nav #genre_flyout .popup_menu_subheader .popup_menu_item:hover,
body.v6 .store_nav #noteworthy_flyout .popup_menu_subheader .popup_menu_item:hover {
color: white;
border-bottom: 2px solid #ffffffff;
transition-property: border, color;
transition-duration: 0.15s;
transition-timing-function: ease-in-out
}
body.v6 .store_nav #genre_flyout .popup_menu_item:hover,
body.v6 .store_nav #noteworthy_flyout .popup_menu_item:hover {
color: white;
border-bottom: 2px solid #ffffffff;
transition-property: border, color;
transition-duration: 0.15s;
transition-timing-function: ease-in-out
}
body.v6 .store_nav #genre_flyout .popup_menu_subheader.players,
body.v6 .store_nav #noteworthy_flyout .popup_menu_subheader.players {
margin-top: 18px;
padding-top: 0px
}
.popup_menu_twocol,
.popup_menu_twocol_new {
display: flex;
flex-direction: row;
justify-content: space-between
}
.popup_menu_twocol>.popup_menu:not(:first-child),
.popup_menu_twocol>.popup_menu:not(:first-child):not(:nth-child(4)) {
margin-left: 5px;
border-left: 1px solid #333333;
padding-left: 5px
}
.popup_menu_twocol>.popup_menu.leftborder,
.popup_menu_twocol_new>.popup_menu.leftborder {
margin-left: 5px;
border-left: 1px solid #333333;
padding-left: 5px
}
.popup_menu_twocol>.popup_menu_browse {
min-width: 0;
max-width: 25%;
padding-right: 15px
}
.popup_menu_item.beta_feedback span {
font-weight: 800;
color: rgb(228, 227, 227)
}
.popup_menu_item.beta_feedback {
font-weight: 400;
color: #aaa
}
.popup_menu_item.exit_beta_sad {
font-weight: 400;
color: #aaa
}
.popup_menu_item.exit_beta_sad span {
font-weight: 400;
color: #d9d9d9
}
.store_nav #genre_flyout .popup_menu .popup_menu_item.beta_feedback:hover span,
.store_nav #genre_flyout .popup_menu .popup_menu_item.beta_feedback:hover {
color: #ffffff
}
.popup_menu_twocol_new>.popup_menu {
min-width: 0
}
/* make sure the right-most column has enough width to not feel scrunched */
.popup_menu_twocol_new>.popup_menu:last-child {
min-width: 19%
}
body.v6 .store_nav #genre_flyout .popup_menu_item.popup_genre_expand_header {
border-bottom: none;
transition: none;
font-weight: bold;
color: #ffffff;
width: auto;
line-height: 20px
}
body.v6 .store_nav #genre_flyout .popup_menu_item.popup_genre_expand_header:hover {
border-bottom: none
}
html.responsive .popup_menu_twocol_new>.popup_menu.leftborder {
margin-left: 0;
border-left: 1px solid #333333;
padding-left: 0
}
html.responsive .store_nav #genre_flyout .popup_menu_subheader.popup_genre_expand_header {
margin-top: 5px;
padding-bottom: 5px
}
html.responsive body.v6 .store_nav #genre_flyout .popup_menu_subheader.reduced_vspace {
margin-bottom: 0
}
.popup_genre_expand_header,
.popup_genre_expand_content {
margin-left: 12px
}
html.responsive.rn_mobile_app .popup_menu_twocol>.popup_menu {
flex: 1
}
html.responsive.rn_mobile_app .popup_menu_twocol_new>.popup_menu.leftborder {
margin-left: 0;
border-left: 1px solid #333333;
padding-left: 0
}
html.responsive.rn_mobile_app .store_nav #genre_flyout .popup_menu_subheader.popup_genre_expand_header {
margin-top: 5px;
padding-bottom: 5px
}
html.responsive.rn_mobile_app body.v6 .store_nav #genre_flyout .popup_menu_subheader.reduced_vspace {
margin-bottom: 0
}
.popup_genre_expand_header,
.popup_genre_expand_content {
margin-left: 12px
}
html.responsive .popup_menu_twocol>.popup_menu:not(:first-child) {
margin-left: 0;
border-left: none;
padding-left: 0
}
/* Large screenshot carousl */
.screenshot_carousel .carousel_items {
padding-bottom: 43%
}
.screenshot_carousel .carousel_items>div {
height: 345px;
padding: 30px 18px;
box-shadow: 0 0 5px #000;
background-color: #000
}
.screenshot_carousel .background_img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.35;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
filter: blur(3px)
}
.screenshot_carousel .layout_container {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%
}
.screenshot_carousel .screenshot_container {
display: flex
}
.screenshot_carousel .screenshot_container>* {
flex-shrink: 1;
width: 25%;
margin-right: 10px
}
body.v6 .screenshot_carousel h2 {
font-size: 34px;
text-shadow: 1px 1px #000;
text-transform: none;
font-family: "Motiva Sans", Sans-serif;
font-weight: 200;
/* thin */
}
.screenshot_carousel .screenshot_container>*:last-child {
margin-right: 0px
}
.screenshot_carousel .screenshot_container img {
width: 100%;
box-shadow: 0 0 3px #000
}
.screenshot_carousel .recommended_curator {
display: flex;
font-size: 18px;
color: #fff;
font-family: "Motiva Sans", Sans-serif;
font-weight: 200;
/* thin */
}
.screenshot_carousel .recommended_curator img {
width: 48px;
margin-right: 10px;
margin-bottom: 3px
}
.screenshot_carousel .recommended_curator p {
padding-top: 2px;
text-shadow: 1px 1px #000
}
.screenshot_carousel .recommended_curator p strong {
font-weight: 400
}
/* Quad carousel */
.quadscreenshot_carousel .carousel_items {
padding-bottom: 331px
}
.quadscreenshot_carousel .carousel_items>* {
height: 100%;
background-color: #000;
display: block
}
.quadscreenshot_carousel .taglist>span {
display: inline-block;
margin-right: 5px;
font-size: 10px;
padding: 2px 5px;
background-color: rgba(255, 255, 255, 0.15);
color: #fff;
border-radius: 2px
}
.quadscreenshot_carousel .main {
width: 100%;
height: 100%
}
.quadscreenshot_carousel .bg {
display: none
}
.quadscreenshot_carousel .bg>div {
flex-shrink: 1;
height: 50%;
width: 46%;
background-size: cover;
box-shadow: 0 0 1px #101519 inset
}
.quadscreenshot_carousel .appTitle {
bottom: calc(2% + 75px);
right: 0;
top: auto
}
body.v6 .quadscreenshot_carousel h2 {
white-space: normal
}
.quadscreenshot_carousel .discount_block_large {
margin: 0px 0;
position: absolute;
right: 0;
top: 0
}
.quadscreenshot_carousel .recommendation_reason {
top: auto;
bottom: 0px
}
.quadscreenshot_carousel .recommended_curator {
display: flex;
font-size: 18px;
color: #fff;
font-family: "Motiva Sans", Sans-serif;
font-weight: 200;
/* thin */
}
.quadscreenshot_carousel .default {
font-size: 18px;
color: #fff;
font-family: "Motiva Sans", Sans-serif;
font-weight: 200;
/* thin */
}
.quadscreenshot_carousel .recommended_curator img {
width: 48px;
margin-right: 10px;
margin-bottom: 3px
}
.quadscreenshot_carousel .recommended_curator p {
padding-top: 2px;
text-shadow: 1px 1px #000
}
.quadscreenshot_carousel .recommended_curator p strong {
font-weight: 400
}
.quadscreenshot_carousel .main .maincap {
width: 465px
}
.carousel_container.quadscreenshot_carousel .discount_block>.discount_prices {
background: black
}
.carousel_container.quadscreenshot_carousel .discount_block_inline {
font-size: 15px
}
.carousel_container.quadscreenshot_carousel .discount_block_inline .no_discount .discount_final_price {
font-family: "Motiva Sans", Sans-serif;
font-weight: 300;
/* light */
color: white;
font-size: 17px
}
.quadscreenshot_carousel.carousel_container .carousel_items:not(.no_paging) {
padding-bottom: 20px
}
.quadscreenshot_carousel.carousel_container .carousel_items:not(.no_paging)>* {
padding-bottom: calc(59% + 56px)
}
.slider_ctn,
slider_ctn .slider,
.slider_ctn .slider_left,
slider_ctn .slider_right,
.slider_bg,
.slider .handle,
.slider {
height: 25px
}
/* Generic fadey carousel code */
.carousel_items {
position: relative
}
.carousel_items.store_capsule_container>*>* {
flex-shrink: 0
}
.carousel_items:not(.no_paging)>* {
position: absolute;
top: 0;
left: 0
}
.carousel_items:not(.no_paging)>*.focus {
position: relative
}
.carousel_container {
position: relative
}
.carousel_container .carousel_items:not(.no_paging)>* {
opacity: 0;
pointer-events: none;
transition: opacity 400ms;
width: 100%;
box-sizing: border-box
}
.carousel_container.curator_cluster_expanded .carousel_items>.curator_page {
pointer-events: auto
}
.carousel_items.no_paging .store_capsule {
margin: 0 6px 6px 0;
max-width: calc(50% - 6px)
}
html.responsive .carousel_container .carousel_thumbs {
margin-top: -1px;
height: 25px;
position: relative;
z-index: 1;
width: 100%;
padding: 0;
height: 0;
min-height: 0;
margin-left: -5px;
display: flex;
flex-direction: row;
justify-content: center
}
html.responsive .carousel_container .carousel_thumbs>div {
display: none;
flex: 1;
margin: 12px 3px;
max-width: 30px;
height: 2px;
border-radius: 2px;
transition: background-color 0.2s;
background-color: hsla(202, 60%, 100%, 0.2);
cursor: pointer
}
html.responsive .carousel_container .carousel_thumbs>div.focus {
background-color: hsla(202, 60%, 100%, 0.7)
}
.carousel_container .carousel_items>*.focus {
opacity: 1;
pointer-events: auto
}
.carousel_container .carousel_thumbs {
text-align: center;
min-height: 37px
}
.carousel_container .carousel_thumbs>div {
display: inline-block;
margin: 12px 2px;
width: 15px;
height: 9px;
border-radius: 2px;
transition: background-color 0.2s;
background-color: hsla(202, 60%, 100%, 0.2);
cursor: pointer
}
.carousel_container .carousel_thumbs>div.focus {
background-color: hsla(202, 60%, 100%, 0.4)
}
.carousel_container.paging_capsules .carousel_items>* {
transition: opacity 400ms
}
/* Arrows */
.carousel_container .arrow {
position: absolute;
background-color: rgba(0, 0, 0, 0.3);
top: calc(50% - 54px);
width: 23px;
height: 36px;
padding: 36px 11px;
cursor: pointer;
z-index: 3
}
.carousel_container .arrow>div {
width: 23px;
height: 36px;
background-repeat: no-repeat
}
.carousel_container .arrow.left>div {
background-image: url('https://cdn.akamai.steamstatic.com/store/icons/arrow_left.svg')
}
.carousel_container .arrow.right>div {
background-image: url('https://cdn.akamai.steamstatic.com/store/icons/arrow_right.svg')
}
.carousel_container .arrow.left {
left: -46px;
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 5%, rgba(0, 0, 0, 0) 95%);
background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 5%, rgba(0, 0, 0, 0) 95%)
}
.carousel_container .arrow.left:hover {
background: -webkit-linear-gradient(left, rgba(171, 218, 244, 0.3) 5%, rgba(171, 218, 244, 0) 95%);
background: linear-gradient(to right, rgba(171, 218, 244, 0.3) 5%, rgba(171, 218, 244, 0) 95%)
}
.carousel_container .arrow.right {
right: -46px;
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.3) 95%);
background: linear-gradient(to right, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.3) 95%)
}
.carousel_container .arrow.right:hover {
background: -webkit-linear-gradient(left, rgba(171, 218, 244, 0) 5%, rgba(171, 218, 244, 0.3) 95%);
background: linear-gradient(to right, rgba(171, 218, 244, 0) 5%, rgba(171, 218, 244, 0.3) 95%)
}
/* END CAROUSEL STUFF */
/* Store curator capsule */
#feature_curators_block {
min-height: 360px
}
#feature_curators_block h2 {
margin-bottom: 10px
}
#feature_curators_block .carousel_items .curator_page {
box-shadow: 0 0 5px #000000
}
#feature_curators_block_ignored {
display: none
}
.curator_page {
background: -webkit-linear-gradient(297deg, rgba(255, 255, 255, 0.2) 5%, rgba(255, 255, 255, 0.1) 95%);
background: linear-gradient(153deg, rgba(255, 255, 255, 0.2) 5%, rgba(255, 255, 255, 0.1) 95%);
box-shadow: inset 0 0 160px rgba(255, 255, 255, 0.2);
padding: 16px 13px;
display: flex;
flex-direction: column;
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
min-height: 374px
}
.curator_page .profile {
display: flex;
flex-direction: row;
margin-bottom: 20px
}
.curator_page .info {
display: flex;
flex-direction: column
}
.curator_page .actions {
display: flex;
padding: 2px;
margin-top: 6px;
background-color: rgba(0, 0, 0, 0.2);
width: fit-content
}
.curator_page .avatar {
margin-right: 12px;
width: 70px;
height: 70px
}
.curator_page .name {
font-size: 19px;
font-weight: 300;
color: #c7d5e0
}
.curator_page .name span {
color: #eff3f6
}
.curator_page .actions>div:not(:first-child) {
margin-left: 5px
}
.curator_page .followers span {
display: block;
font-size: 15px
}
.curator_recommendation_capsule .curator_page .followers {
line-height: 16px
}
.curator_recommendation_capsule .carousel_container.paging_capsules .curator_page .profile {
background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.2) 5%, rgba(0, 0, 0, 0) 20%);
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 5%, rgba(0, 0, 0, 0) 20%);
margin-left: -13px;
padding-left: 13px;
margin-right: -13px;
padding-right: 13px;
padding-bottom: 12px;
margin-bottom: 14px
}
.curator_page .socialmedia {
display: flex;
align-items: flex-end;
font-size: 15px;
color: #fff;
padding-bottom: 6px;
margin-right: 16px
}
.curator_page .socialmedia>div {
margin-left: 16px;
display: inline-block
}
.carousel_container.paging_capsules .carousel_items .curator_page .curations {
display: flex;
margin-right: 0px
}
.carousel_container.paging_capsules .carousel_items .curator_page .curations>div {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 25%
}
.carousel_container.paging_capsules .carousel_items .curator_page .curations .store_capsule {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.6)
}
.carousel_container.paging_capsules .carousel_items .curator_page .curations>div>a {
width: 100%;
margin-bottom: 0px;
margin-right: 0px
}
.curator_page .curations>div:not(:first-child) {
margin-left: 5px
}
.curator_page .review_direction {
text-transform: uppercase;
font-size: 13px;
letter-spacing: 0.03em;
font-weight: 300;
line-height: 23px
}
.curator_page .text {
font-weight: 300;
line-height: 17px;
padding-right: 12px;
word-wrap: break-word
}
.curator_page .ignore_button_area {
flex-grow: 1;
text-align: right
}
.curator_page .ignore_button_area a {
text-decoration: underline
}
.curator_page .ignored_banner {
display: none
}
.curator_page.ignored .ignored_banner {
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.75);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 5;
font-size: 12px
}
.curator_page.ignored .ignored_banner .ignored_banner_title {
text-decoration: uppercase;
font-size: 14px;
padding-bottom: 10px
}
.curator_page.ignored .ignored_banner .ignored_banner_desc {
padding-bottom: 30px
}
.curator_page.followed .ignore_button_area,
.curator_page.ignored .ignore_button_area {
display: none
}
.color_created {
color: #ddd
}
.curator_cluster_expanded .carousel_items.curator_featured_tags {
display: flex;
flex-direction: column
}
.curator_cluster_expanded.carousel_container .carousel_items>.curator_page {
position: relative;
opacity: 1;
margin-bottom: 40px;
padding: 12px 12px 16px 12px
}
.curator_cluster_expanded.carousel_container .curator_page .socialmedia img {
margin-top: 3px
}
.curator_cluster_expanded .arrow {
display: none
}
.carousel_container.curator_cluster_expanded>.carousel_thumbs {
display: none
}
.curator_page .socialmedia img {
width: 16px;
height: 16px;
vertical-align: text-top
}
.curator_ignored_all_recommended .description {
font-family: "Motiva Sans", Sans-serif;
font-weight: normal;
/* normal */
background: rgba(0, 0, 0, 0.4);
padding: 16px;
color: #8f98a0;
font-size: 12px;
line-height: 16px
}
.curator_ignored_all_recommended a {
color: #8f98a0;
text-decoration: underline
}
.curator_ignored_all_recommended a:hover {
color: #fff;
text-decoration: underline
}
.content_consumer_rights_notice {
margin-bottom: 25px
}
.content_consumer_rights_notice a {
display: block;
padding: 25px;
font-size: 14pt;
font-family: 'Times New Roman';
color: #000000;
background-color: rgb(154, 175, 200)
}
.content_consumer_rights_notice a:hover {
color: #67c1f5;
background-color: rgb(104, 125, 150)
}
/* END Store curator capsule */
.cart_item_qty .quantity.qty_invalid,
.game_purchase_action_qty .quantity.qty_invalid,
.quantity.qty_invalid {
background-color: #5a0000;
outline: #ff000091;
color: red
}
.btn_disabled,
.btn_quantity_update[disabled] {
pointer-events: none
}
.range_container {
padding: 0 12px;
text-align: center
}
.range_container_inner {
display: flex
}
.range_input {
-webkit-appearance: none;
width: 100%;
margin: 4.45px 0;
background-color: rgba(0, 0, 0, 0);
max-height: 5px
}
.range_input:focus {
outline: none
}
.range_input::-webkit-slider-runnable-track {
width: 100%;
height: 3.1px;
cursor: pointer;
box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
background: #67c1f5;
border-radius: 1.5px;
border: 0 solid #67c1f5
}
.range_input::-webkit-slider-thumb {
box-shadow: 0 0 8px #000000, 0 0 3px #0d0d0d;
border: 0 solid #ffffff;
height: 12px;
width: 12px;
border-radius: 6px;
background: #ffffff;
cursor: pointer;
-webkit-appearance: none;
margin-top: -4.45px
}
.range_input:focus::-webkit-slider-runnable-track {
background: #7fcbf7
}
.range_input::-moz-range-track {
width: 100%;
height: 3.1px;
cursor: pointer;
box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d;
background: #67c1f5;
border-radius: 1.5px;
border: 0 solid #67c1f5
}
.range_input::-moz-range-thumb {
box-shadow: 0 0 8px #000000, 0 0 3px #0d0d0d;
border: 0 solid #ffffff;
height: 12px;
width: 12px;
border-radius: 6px;
background: #ffffff;
cursor: pointer
}
.range_input::-ms-track {
width: 100%;
height: 3.1px;
cursor: pointer;
background: transparent;
border-color: transparent;
color: transparent
}
.range_input::-ms-fill-lower {
background: #4fb7f3;
border: 0 solid #67c1f5;
border-radius: 3px;
box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d
}
.range_input::-ms-fill-upper {
background: #67c1f5;
border: 0 solid #67c1f5;
border-radius: 3px;
box-shadow: 0 0 0 #000000, 0 0 0 #0d0d0d
}
.range_input::-ms-thumb {
box-shadow: 0 0 8px #000000, 0 0 3px #0d0d0d;
border: 0 solid #ffffff;
height: 12px;
width: 12px;
border-radius: 6px;
background: #ffffff;
cursor: pointer
}
.range_input:focus::-ms-fill-lower {
background: #67c1f5
}
.range_input:focus::-ms-fill-upper {
background: #7fcbf7
}
.important_notice_ctn {
padding: 20px 40px 20px 40px;
display: flex;
flex-direction: row;
background: linear-gradient(180deg, #3275A6 0%, #125280 100%);
border: 3px solid #4891C5
}
.important_notice_ctn.important_notice_home {
margin-top: 80px
}
.important_notice_ctn .important_notice_ctn_logo {
display: flex;
flex-direction: column;
justify-content: left;
width: 40px;
padding-right: 40px
}
.important_notice_ctn .important_notice_ctn_logo img {
width: 40px;
height: 40px
}
.important_notice_ctn .important_notice_ctn_text {
color: #ffffff;
line-height: 16px;
font-size: 13px;
letter-spacing: 1px
}
.popup_menu_browse {
display: flex;
flex-direction: column
}
.popup_menu_browse .spacer {
flex: 1
}
.content_dive_arrow {
padding-top: 6px
}
.responsive_content_dive {
opacity: 0.5;
color: white;
font-size: 12px;
letter-spacing: normal;
text-transform: none;
display: flex;
flex-direction: row;
align-items: center
}
.responsive_content_dive_chevron {
margin-left: 4px
}
.responsive_options_flyout {
position: absolute;
background: #000F18;
display: flex;
flex-direction: column;
text-align: left;
min-width: 160px
}
.responsive_options_flyout .responsive_options_flyout_item {
margin: 8px 10px 8px 15px;
color: #67C1F5;
font-size: 14px
}
.gpfocusring {
border: 4px solid;
transition: left 0.1s, top 0.1s, height 0.1s, width 0.1s
}
.StoreMenuLoadingPlaceholder {
height: 0;
overflow: visible
}
html:not(.rn_mobile_app) .StoreMenuLoadingPlaceholder .PlaceholderInner {
background: radial-gradient(107.95% 57.49% at 50% 100%, #18253533 0%, #18253585 5%, #182535d9 20%, #182535 60%, #192330 100%);
background-size: 101% 250%;
background-position-y: bottom;
background-position-x: center;
background-repeat: no-repeat;
background-clip: border-box;
backdrop-filter: blur(10px);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
height: 46px;
position: relative;
z-index: 1
}
body.v7menu .responsive_page_template_content {
position: relative;
z-index: 0;
display: flow-root;
/* create a block formatting context so margins don't extend outside of this element */
}
html:not(.rn_mobile_app) body.v7menu:not(.menu_background_overlap) .responsive_page_template_content {
padding-top: var(--store-menu-overlap-height, 46px)
}
/* body.v7menu .v7menu_spacer {
height: 66px
}
*/
body.v7menu .v7menu_spacer.cartonly {
height: 29px
}
html.mobile_client body.v7menu .home_page_body_ctn:not(.has_takeover) .v7menu_spacer {
height: 0
}
/* 2025 Game Page Widening */
body.v6.narrowstore .page_content {
max-width: unset;
width: 940px;
margin: 0 auto
}
body.v6.widestore {
--store-page-width: 1200px
}
body.v6 .page_content {
max-width: 1200px;
width: auto;
margin: 0 2%
}
body.v6 .page_content.middle_page {
display: flex;
flex-direction: row-reverse;
justify-content: space-between
}
.widestore .rightcol {
width: 33%
}
body.v6.widestore #store_header {
padding: 0 1%
}
.widestore div#store_header .content {
max-width: 1200px;
width: 100%
}
.widestore .cart_status_flex {
margin-right: 5px;
}
@media screen and (max-width: 910px) {
body.v6 .page_content.middle_page {
display: block;
flex-direction: unset;
}
body.v6 .page_content {
max-width: 1200px;
width: auto;
margin: 0 2%;
}
body.v6.widestore .actionButtonsCtn {
display: flex;
flex-wrap: wrap;
gap: 3px;
}
body.v6.widestore .actionButtonsCtn {
padding: 5px 0px;
}
body.v6.widestore .leftcol,
body.v6.widestore .rightcol {
float: none;
width: auto;
margin-left: 0;
}
body.v6.widestore .tab_item_cap_img {
width: 100%;
height: auto;
vertical-align: middle;
}
body.v6.widestore .carousel_container .arrow {
bottom: 0px;
top: auto;
height: 0px;
width: 0;
padding: 0px;
background: none;
}
body.v6.widestore .carousel_container .arrow>div {
width: 13px;
height: 20px;
background-size: cover;
display: none;
margin: 0 10px;
}
body.v6.widestore .carousel_container .arrow.left {
left: 0;
}
body.v6.widestore .carousel_container .arrow.left>div {
background-position-x: 13px;
}
body.v6.widestore .carousel_container .arrow.right {
right: 0;
text-align: right;
}
body.v6.widestore .carousel_container .carousel_items>* {
position: relative;
top: auto;
left: auto;
opacity: 1;
}
body.v6.widestore .specials_under10_content,
body.v6.widestore .live_streams_ctn {
margin-top: 0;
margin-bottom: 0;
}
body.v6.widestore .carousel_container .carousel_items:not(.no_paging),
body.v6.widestore .carousel_container.maincap .carousel_items:not(.no_paging) {
overflow-x: scroll;
overflow-y: hidden;
box-sizing: content-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;
padding-bottom: 21px;
}
body.v6 .carousel_container .carousel_items>* {
pointer-events: auto;
flex-shrink: 0;
}
.framer-mo6yr1-container .framer-7mGKM.framer-v-6aqce2 .framer-194gqvi [data-framer-name="Hover Image"] {
bottom: 90px !important;
}
}
@media screen and (max-width: 1245px) and (min-width: 500px) {
body.v6 .page_content {
width: 98%;
}
}
@media screen and (max-width: 1325px) and (min-width: 910px) {
body.v6 .related_items_ctn .page_content {
width: calc(100vw - 144px);
}
}
/* From assets/media/store.akamai.steamstatic.com/public/shared/css/buttons.css */
.btn_green_white_innerfade {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #D2E885 !important;
background: #a4d007;
background: -webkit-linear-gradient(top, #a4d007 5%, #536904 95%);
background: linear-gradient(to bottom, #a4d007 5%, #536904 95%);
}
.btn_green_white_innerfade>span {
border-radius: 2px;
display: block;
background: #799905;
background: -webkit-linear-gradient(top, #799905 5%, #536904 95%);
background: linear-gradient(to bottom, #799905 5%, #536904 95%);
}
@media (forced-colors:active) {
.btn_green_white_innerfade {
background: ButtonFace;
}
.btn_green_white_innerfade>span {
background: ButtonFace;
border: 1px solid ButtonBorder;
}
}
/* Footer poster (<1200px): centered text → logos row → video → bar overlaid */
@media (max-width: 1199.98px) {
.framer-JaRx7 .framer-lyubw3 {
overflow: visible !important;
}
.framer-lyubw3 .framer-r23lf0-container {
height: auto !important;
}
.framer-lyubw3 .framer-FUZJ2.framer-6dehdy {
display: flex !important;
flex-flow: column nowrap !important;
align-items: center;
justify-content: flex-start;
width: 100% !important;
max-width: 100%;
min-height: 0 !important;
height: auto !important;
overflow: visible !important;
gap: 0;
}
.framer-lyubw3 .framer-FUZJ2 .framer-3222yt,
.framer-lyubw3 .framer-FUZJ2 .framer-uces6i {
position: relative !important;
top: auto !important;
right: auto !important;
left: auto !important;
bottom: auto !important;
transform: none !important;
width: 100%;
max-width: 100%;
padding: 0 24px;
z-index: 3;
text-align: center;
white-space: normal;
}
/* Fix Framer letter-by-letter appear animation: h2 > span(word) > span(letter) */
.framer-lyubw3 .framer-FUZJ2 .framer-3222yt h2 span span,
.framer-lyubw3 .framer-FUZJ2 .framer-uces6i h2 span span {
opacity: 1 !important;
transform: none !important;
}
.framer-lyubw3 .framer-FUZJ2 .framer-1d1d1b5-container {
order: 4;
}
.framer-lyubw3 .framer-FUZJ2 .framer-19oihwz {
display: none !important;
}
.framer-lyubw3 .framer-FUZJ2 .framer-3222yt {
padding-top: 48px;
padding-bottom: 0;
order: 1;
}
.framer-lyubw3 .framer-FUZJ2 .framer-uces6i {
padding-top: 0;
padding-bottom: 32px;
order: 2;
}
.framer-lyubw3 .framer-FUZJ2 .framer-3222yt h2,
.framer-lyubw3 .framer-FUZJ2 .framer-uces6i h2 {
text-align: center;
}
/* Logo row — target both attribute-present (SSR) and stripped (post-hydration) */
.framer-lyubw3 .framer-FUZJ2 .framer-1qb39bh {
position: relative !important;
left: auto !important;
bottom: auto !important;
transform: none !important;
display: flex !important;
width: 100%;
flex-flow: row nowrap !important;
align-items: center;
justify-content: center;
gap: 0;
padding: 0 24px 40px;
z-index: 3;
order: 3;
}
.framer-lyubw3 .framer-FUZJ2 .framer-1d6q82u {
display: flex !important;
flex-flow: row nowrap !important;
align-items: center;
justify-content: center;
gap: 40px;
width: auto;
}
.framer-lyubw3 .framer-FUZJ2 .framer-iiqmyl-container {
opacity: 1 !important;
transform: none !important;
}
.framer-lyubw3 .framer-FUZJ2 .framer-1d1d1b5-container {
position: relative !important;
left: auto !important;
bottom: auto !important;
transform: none !important;
width: 100% !important;
height: auto !important;
max-width: 100%;
aspect-ratio: 16 / 9;
z-index: 1;
}
.framer-lyubw3 .framer-FUZJ2.framer-v-gwopi4 .framer-1d1d1b5-container video,
.framer-lyubw3 .framer-FUZJ2.framer-v-34hwdm .framer-1d1d1b5-container video,
.framer-lyubw3 .framer-FUZJ2.framer-v-n6t2vt .framer-1d1d1b5-container video,
.framer-lyubw3 .framer-FUZJ2.framer-v-18qvbhj .framer-1d1d1b5-container video {
width: 100%;
height: 100%;
object-fit: cover;
}
.framer-lyubw3 .framer-FUZJ2 .framer-1m4c75a-container {
position: absolute !important;
bottom: 0 !important;
right: 0 !important;
width: 100%;
height: 92px !important;
overflow: visible !important;
z-index: 4;
}
.framer-lyubw3 .framer-5aKGd.framer-1bkiqa3,
.framer-lyubw3 .framer-5aKGd.framer-v-1pqac4h.framer-1bkiqa3 {
width: auto !important;
max-width: 100%;
}
}
/* Mobile (≤809px): taller video so the bar properly overlaps the bottom */
@media (max-width: 809.98px) {
.framer-lyubw3 .framer-FUZJ2 .framer-1d1d1b5-container {
min-height: 420px !important;
}
.framer-lyubw3 .framer-FUZJ2 .framer-1m4c75a-container {
height: 128px !important;
}
}
/* Real Mobile (≤375px) */
@media (max-width: 476px) {
.framer-lyubw3 .framer-FUZJ2 .framer-1m4c75a-container {
display: flex;
align-items: end;
height: 69px !important;
width: 100vw !important;
}
.framer-lyubw3 .framer-FUZJ2 .framer-1m4c75a-container .framer-5aKGd{
width: 100% !important;
height: 72% !important;
}
.framer-lyubw3 .framer-FUZJ2 .framer-1m4c75a-container .framer-5aKGd .framer-1ldptep {
padding: 3px !important;
padding-right: 101px !important;
}
.framer-lyubw3 .framer-FUZJ2 .framer-1m4c75a-container .framer-5aKGd .framer-1oxznxp {
left: -36px !important;
width: 55px !important;
z-index: 0 !important;
}
.framer-lyubw3 .framer-FUZJ2 .framer-1m4c75a-container .framer-5aKGd .framer-1mcsgya {
gap: 10px !important;
}
}
.btn_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #fff !important;
background: #b6d908;
background: -webkit-linear-gradient(top, #b6d908 5%, #80a006 95%);
background: linear-gradient(to bottom, #b6d908 5%, #80a006 95%)
}
.btn_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: #a1bf07;
background: -webkit-linear-gradient(top, #a1bf07 5%, #80a006 95%);
background: linear-gradient(to bottom, #a1bf07 5%, #80a006 95%)
}
.btn_blue_white_innerfade {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #fff !important;
background: #aaceff;
background: -webkit-linear-gradient(top, #aaceff 5%, #3c6091 95%);
background: linear-gradient(to bottom, #aaceff 5%, #3c6091 95%)
}
.btn_blue_white_innerfade>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btn_blue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #fff !important;
background: #bbd8ff;
background: -webkit-linear-gradient(top, #bbd8ff 5%, #4873a7 95%);
background: linear-gradient(to bottom, #bbd8ff 5%, #4873a7 95%)
}
.btn_blue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: #9ab7de;
background: -webkit-linear-gradient(top, #9ab7de 5%, #4873a7 95%);
background: linear-gradient(to bottom, #9ab7de 5%, #4873a7 95%)
}
.btn_darkblue_white_innerfade {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #A4D7F5 !important;
background: rgba(47, 137, 188, 1);
background: -webkit-linear-gradient(top, rgba(47, 137, 188, 1) 5%, rgba(23, 67, 92, 1) 95%);
background: linear-gradient(to bottom, rgba(47, 137, 188, 1) 5%, rgba(23, 67, 92, 1) 95%)
}
.btn_darkblue_white_innerfade>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btn_darkblue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #ffffff !important;
background: rgba(102, 192, 244, 1);
background: -webkit-linear-gradient(top, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
background: linear-gradient(to bottom, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%)
}
.btn_darkblue_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: transparent
}
.btn_darkblue_white_innerfade.btn_active,
.btn_darkblue_white_innerfade.active {
text-decoration: none !important;
color: #323b49 !important;
background: #fff !important
}
.btn_darkblue_white_innerfade.btn_active>span,
.btn_darkblue_white_innerfade.active>span {
background: #989b9e;
background: -webkit-linear-gradient(top, #989b9e 5%, #aeb1b5 95%);
background: linear-gradient(to bottom, #989b9e 5%, #aeb1b5 95%)
}
.btn_darkred_white_innerfade {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #F5D7A4 !important;
background: rgba(188, 47, 47, 1);
background: -webkit-linear-gradient(top, rgba(188, 47, 47, 1) 5%, rgba(92, 37, 23, 1) 95%);
background: linear-gradient(to bottom, rgba(188, 47, 47, 1) 5%, rgba(92, 37, 23, 1) 95%)
}
.btn_darkred_white_innerfade>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btn_darkred_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #ffffff !important;
background: rgba(244, 92, 102, 1);
background: -webkit-linear-gradient(top, rgba(244, 92, 102, 1) 5%, rgba(188, 67, 47, 1) 95%);
background: linear-gradient(to bottom, rgba(244, 92, 102, 1) 5%, rgba(188, 67, 47, 1) 95%)
}
.btn_darkred_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: transparent
}
.btn_darkred_white_innerfade.btn_active,
.btn_darkred_white_innerfade.active {
text-decoration: none !important;
color: #493b32 !important;
background: #fff !important
}
.btn_darkred_white_innerfade.btn_active>span,
.btn_darkred_white_innerfade.active>span {
background: #9e9b98;
background: -webkit-linear-gradient(top, #9e9b98 5%, #b5b1ae 95%);
background: linear-gradient(to bottom, #9e9b98 5%, #b5b1ae 95%)
}
.btn_grey_white_innerfade {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #fff !important;
background: #acb5bd;
background: -webkit-linear-gradient(top, #acb5bd 5%, #414a52 95%);
background: linear-gradient(to bottom, #acb5bd 5%, #414a52 95%)
}
.btn_grey_white_innerfade>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btn_grey_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #fff !important;
background: #cfd8e0;
background: -webkit-linear-gradient(top, #cfd8e0 5%, #565f67 95%);
background: linear-gradient(to bottom, #cfd8e0 5%, #565f67 95%)
}
.btn_grey_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: #99a2aa;
background: -webkit-linear-gradient(top, #99a2aa 5%, #565f67 95%);
background: linear-gradient(to bottom, #99a2aa 5%, #565f67 95%)
}
.btn_grey_grey {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #ebebeb !important;
background: rgba(0, 0, 0, 0.4)
}
.btn_grey_grey>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btn_grey_grey:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #000 !important;
background: #7bb7e3
}
.btn_grey_grey:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: transparent
}
.btn_grey_grey_outer_bevel {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #ebebeb !important;
background: #000
}
.btn_grey_grey_outer_bevel>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btn_grey_grey_outer_bevel:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #ebebeb !important;
background: #57749e;
background: -webkit-linear-gradient(top, #57749e 5%, #364963 95%);
background: linear-gradient(to bottom, #57749e 5%, #364963 95%)
}
.btn_grey_grey_outer_bevel:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: #445b7c;
background: -webkit-linear-gradient(top, #445b7c 5%, #364963 95%);
background: linear-gradient(to bottom, #445b7c 5%, #364963 95%)
}
.btn_grey_grey_outer_bevel:not(:hover)>span {
box-shadow: inset 0 1px 1px #434343
}
.btn_grey_black {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #67c1f5 !important;
background: rgba(0, 0, 0, 0.5)
}
.btn_grey_black>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btn_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #fff !important;
background: rgba(102, 192, 244, 0.4)
}
.btn_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: transparent
}
.btn_grey_black.btn_active,
.btn_grey_black.active {
text-decoration: none !important;
color: #fff !important;
background: rgba(102, 192, 244, 0.2);
}
.btn_grey_black.btn_active>span,
.btn_grey_black.active>span {
background: transparent
}
.btn_black {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #ebebeb !important;
background: #000
}
.btn_black>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btn_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #000 !important;
background: #97C0E3
}
.btn_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: transparent
}
.btnv6_blue_hoverfade {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #67c1f5 !important;
background: rgba(103, 193, 245, 0.2)
}
.btnv6_blue_hoverfade>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btnv6_blue_hoverfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #fff !important;
background: #417a9b;
background: -webkit-linear-gradient(150deg, #417a9b 5%, #67c1f5 95%);
background: linear-gradient(-60deg, #417a9b 5%, #67c1f5 95%)
}
.btnv6_blue_hoverfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: transparent
}
.btnv6_blue_hoverfade.btn_active,
.btnv6_blue_hoverfade.active {
text-decoration: none !important;
color: #fff !important;
background: rgba(103, 193, 245, 0.6);
}
.btnv6_blue_hoverfade.btn_active>span,
.btnv6_blue_hoverfade.active>span {
background: transparent
}
.btnv6_lightblue_blue {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #2B5066 !important;
background: rgba(193, 228, 249, 1);
background: -webkit-linear-gradient(top, rgba(193, 228, 249, 1) 5%, rgba(148, 183, 202, 1) 95%);
background: linear-gradient(to bottom, rgba(193, 228, 249, 1) 5%, rgba(148, 183, 202, 1) 95%)
}
.btnv6_lightblue_blue>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btnv6_lightblue_blue:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #ffffff !important;
background: rgba(102, 192, 244, 1);
background: -webkit-linear-gradient(top, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
background: linear-gradient(to bottom, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%)
}
.btnv6_lightblue_blue:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: transparent
}
.btnv6_blue_blue_innerfade {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #A4D7F5 !important;
background: rgba(47, 137, 188, 1);
background: -webkit-linear-gradient(top, rgba(47, 137, 188, 1) 5%, rgba(23, 67, 92, 1) 95%);
background: linear-gradient(to bottom, rgba(47, 137, 188, 1) 5%, rgba(23, 67, 92, 1) 95%)
}
.btnv6_blue_blue_innerfade>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btnv6_blue_blue_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #ffffff !important;
background: rgba(102, 192, 244, 1);
background: -webkit-linear-gradient(top, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%);
background: linear-gradient(to bottom, rgba(102, 192, 244, 1) 5%, rgba(47, 137, 188, 1) 95%)
}
.btnv6_blue_blue_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: transparent
}
.btnv6_green_white_innerfade {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #D2E885 !important;
background: rgba(121, 153, 5, 1);
background: -webkit-linear-gradient(top, rgba(121, 153, 5, 1) 5%, rgba(83, 105, 4, 1) 95%);
background: linear-gradient(to bottom, rgba(121, 153, 5, 1) 5%, rgba(83, 105, 4, 1) 95%)
}
.btnv6_green_white_innerfade>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btnv6_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #ffffff !important;
background: rgba(164, 208, 7, 1);
background: -webkit-linear-gradient(top, rgba(164, 208, 7, 1) 5%, rgba(107, 135, 5, 1) 95%);
background: linear-gradient(to bottom, rgba(164, 208, 7, 1) 5%, rgba(107, 135, 5, 1) 95%)
}
.btnv6_green_white_innerfade:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: transparent
}
.btnv6_grey_black {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #66c0f4 !important;
background: #212c3d
}
.btnv6_grey_black>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btnv6_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #fff !important;
background: #66c0f4
}
.btnv6_grey_black:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: transparent
}
.btnv6_grey_black.btn_active,
.btnv6_grey_black.active {
text-decoration: none !important;
color: #fff !important;
background: rgba(103, 193, 245, 0.4);
}
.btnv6_grey_black.btn_active>span,
.btnv6_grey_black.active>span {
background: transparent
}
.btnv6_white_transparent {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #fff !important;
background: transparent
}
.btnv6_white_transparent>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btnv6_white_transparent:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #fff !important;
background: transparent
}
.btnv6_white_transparent:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: transparent;
border: 1px solid rgba(255, 255, 255, 1);
border-radius: 2px
}
.btn_teal {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #A4D7F5 !important;
background: rgba(62, 133, 154, 1);
background: -webkit-linear-gradient(top, rgba(62, 133, 154, 1) 5%, rgba(30, 73, 85, 1) 95%);
background: linear-gradient(to bottom, rgba(62, 133, 154, 1) 5%, rgba(30, 73, 85, 1) 95%)
}
.btn_teal>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btn_teal:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #ffffff !important;
background: rgba(92, 163, 184, 1);
background: -webkit-linear-gradient(top, rgba(92, 163, 184, 1) 5%, rgba(60, 103, 115, 1) 95%);
background: linear-gradient(to bottom, rgba(92, 163, 184, 1) 5%, rgba(60, 103, 115, 1) 95%)
}
.btn_teal:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: transparent
}
.btn_teal.btn_active,
.btn_teal.active {
text-decoration: none !important;
color: #323b49 !important;
background: #fff !important
}
.btn_teal.btn_active>span,
.btn_teal.active>span {
background: rgba(72, 143, 164, 1);
background: -webkit-linear-gradient(top, rgba(72, 143, 164, 1) 5%, rgba(40, 83, 95, 1) 95%);
background: linear-gradient(to bottom, rgba(72, 143, 164, 1) 5%, rgba(40, 83, 95, 1) 95%)
}
.btn_royal_blue {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #A4D7F5 !important;
background: rgba(79, 78, 181, 1);
background: -webkit-linear-gradient(top, rgba(79, 78, 181, 1) 5%, rgba(49, 48, 151, 1) 95%);
background: linear-gradient(to bottom, rgba(79, 78, 181, 1) 5%, rgba(49, 48, 151, 1) 95%)
}
.btn_royal_blue>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btn_royal_blue:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #ffffff !important;
background: rgba(109, 108, 211, 1);
background: -webkit-linear-gradient(top, rgba(109, 108, 211, 1) 5%, rgba(79, 78, 181, 1) 95%);
background: linear-gradient(to bottom, rgba(109, 108, 211, 1) 5%, rgba(79, 78, 181, 1) 95%)
}
.btn_royal_blue:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: transparent
}
.btn_royal_blue.btn_active,
.btn_royal_blue.active {
text-decoration: none !important;
color: #323b49 !important;
background: #fff !important
}
.btn_royal_blue.btn_active>span,
.btn_royal_blue.active>span {
background: rgba(72, 143, 164, 1);
background: -webkit-linear-gradient(top, rgba(72, 143, 164, 1) 5%, rgba(40, 83, 95, 1) 95%);
background: linear-gradient(to bottom, rgba(72, 143, 164, 1) 5%, rgba(40, 83, 95, 1) 95%)
}
.btn_plum {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #A4D7F5 !important;
background: rgba(111, 35, 74, 1);
background: -webkit-linear-gradient(top, rgba(111, 35, 74, 1) 5%, rgba(81, 5, 44, 1) 95%);
background: linear-gradient(to bottom, rgba(111, 35, 74, 1) 5%, rgba(81, 5, 44, 1) 95%)
}
.btn_plum>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btn_plum:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #ffffff !important;
background: rgba(151, 75, 114, 1);
background: -webkit-linear-gradient(top, rgba(151, 75, 114, 1) 5%, rgba(121, 45, 84, 1) 95%);
background: linear-gradient(to bottom, rgba(151, 75, 114, 1) 5%, rgba(121, 45, 84, 1) 95%)
}
.btn_plum:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: transparent
}
.btn_plum.btn_active,
.btn_plum.active {
text-decoration: none !important;
color: #323b49 !important;
background: #fff !important
}
.btn_plum.btn_active>span,
.btn_plum.active>span {
background: rgba(72, 143, 164, 1);
background: -webkit-linear-gradient(top, rgba(72, 143, 164, 1) 5%, rgba(40, 83, 95, 1) 95%);
background: linear-gradient(to bottom, rgba(72, 143, 164, 1) 5%, rgba(40, 83, 95, 1) 95%)
}
.btn_green_steamui {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #d2efa9;
/* !important; */
background: transparent;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3)
}
.btn_green_steamui>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btn_green_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #fff;
/* !important; */
background: transparent
}
.btn_green_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: #8ed629;
background: -webkit-linear-gradient(top, #8ed629 5%, #6aa621 95%);
background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%);
background: linear-gradient(to right, #8ed629 5%, #6aa621 95%)
}
.btn_green_steamui.btn_active,
.btn_green_steamui.active {
text-decoration: none !important;
color: #fff;
/* !important; */
background: transparent
}
.btn_green_steamui.btn_active>span,
.btn_green_steamui.active>span {
background: #8ed629;
background: -webkit-linear-gradient(top, #8ed629 5%, #6aa621 95%);
background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%);
background: linear-gradient(to right, #8ed629 5%, #6aa621 95%)
}
.btn_grey_steamui {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #dfe3e6;
/* !important; */
background: transparent
}
.btn_grey_steamui>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btn_grey_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #fff;
/* !important; */
background: transparent
}
.btn_grey_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: #8ed629;
background: -webkit-linear-gradient(top, #8ed629 5%, #6aa621 95%);
background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%);
background: linear-gradient(to right, #464d58 5%, #464d58 95%);
box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5)
}
.btn_blue_steamui {
border-radius: 2px;
border: none;
padding: 1px;
display: inline-block;
cursor: pointer;
text-decoration: none !important;
color: #c3e1f8;
/* !important; */
background: transparent;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3)
}
.btn_blue_steamui>span {
background: ButtonFace;
border: 1px solid ButtonBorder
}
.btn_blue_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover {
text-decoration: none !important;
color: #fff;
/* !important; */
background: transparent
}
.btn_blue_steamui:not(.btn_disabled):not(:disabled):not(.btn_active):not(.active):hover>span {
background: #8ed629;
background: -webkit-linear-gradient(top, #8ed629 5%, #6aa621 95%);
background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%);
background: linear-gradient(to right, #47bfff 5%, #1a44c2 60%);
box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
background-position: 0%;
background-size: 330% 100%
}
.inner_bevel {
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75) inset, -2px -2px 5px rgba(150, 150, 150, 1) inset;
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75) inset, -2px -2px 5px rgba(150, 150, 150, 1) inset;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75) inset, -2px -2px 5px rgba(150, 150, 150, 1) inset
}
/* fix for mozilla