:root {
--e-global-color-primary: #00b30f;
--e-global-color-secondary: #00473c;
--e-global-color-text: #00473c;
--e-global-color-accent: #00b30f;
--e-global-color-light: #efeee7;
--color-text: #887e7a;
--color-border: #eceadf;
--color-border-hard: #eceadf;
--color-white: #ffffff;
--color-neutral-transparent: #9f9f9f4d;
--color-overlay: #1a1a1a66;
--e-global-typography-primary-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", sans-serif;
--e-global-typography-primary-font-weight: 700;
--e-global-typography-secondary-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", sans-serif;
--e-global-typography-secondary-font-weight: 600;
--e-global-typography-text-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", sans-serif;
--e-global-typography-text-font-weight: 400;
--e-global-typography-accent-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", sans-serif;
--e-global-typography-accent-font-weight: 500;
--line-height-default: 1.6;
--line-height-paragraph: 1.75;
--letter-spacing-default: -0.027em;
--letter-spacing-small: 0.04em;
--font-size-default: 14px;
--font-size-paragraphs: 16px;
--font-size-main-menu: 16px;
--global-border-radius: 8px;
--button-border-radius: 8px;
--box-shadow: 0 40px 60px 0 rgb(0 0 0 / 5%);
--global-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
--image-transition: all 0.7s cubic-bezier(.2, 1, .22, 1);
--container-max-width: 1240px;
--listIndent: 2.5em;
--listItemSpacing: 0.3em;
--content-spacing: 1.5em;
--small-content-spacing: 0.75rem;
--headings-content-spacing: calc(0.3em + 10px);
--column-spacing: 20px;
--vertical-spacing: 100px;
--titlebar-spacing: 100px;
--mobile-spacing: 50px;
--sidebar-width: 25%;
--sidebar-widgets-spacing: 50px;
--grid-columns-gap: 30px;
--component-height: 50px;
--button-padding: 25px;
--header-height: 70px;
--block-width: 850px;
--logo-height: 32px;
--keydesign-post-title: 36px;
--icon-font-size: 35px;
--icon-large-font-size: 45px;
--admin-bar: 0px;
--transparent-navigation-position: sticky;
}
@media (max-width:766.98px) {
:root {
--small-content-spacing: 0.5rem;
--sidebar-widgets-spacing: 30px;
--component-height: 50px
}
}
@media (min-width:767px) and (max-width:1023.98px) {
:root {
--block-width: 100%
}
}