* { scrollbar-color: var(--secondary) var(--neutral-l-8); scrollbar-width: thin;}:root[data-brx-theme="dark"] { --light: #121212;}html { scrollbar-gutter: stable;}body { font-family: var(--text-family); overflow-wrap: break-word;}h1, h2, h3, h4, h5, h6 { font-family: var(--heading-family, var(--text-family));}body.bricks-is-frontend :focus-visible { outline-offset: var(--focus-outline-offset);}body { min-block-size: 100svh;}@media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } *, *::before, *::after { -webkit-animation-duration: 0.01ms !important; animation-duration: 0.01ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }}[id] { scroll-margin-top: var(--offset, 0);}.bricks-button.sm { padding: var(--button-padding-s);}.bricks-button, .bricks-button.md { padding: var(--button-padding-m);}.bricks-button.lg { padding: var(--button-padding-l);}.bricks-button.xl { padding: var(--button-padding-xl);}.brxe-form, .brxe-brf-pro-forms { gap: var(--form-gap); & input:not([type="submit"]), & select, & textarea { border: var(--form-field-border-width) var(--form-field-border-style) var(--form-field-border-color); line-height: 1; padding: var(--form-field-padding); } & .message {  position: fixed; right: 1rem; bottom: 1rem; inline-size: 300px; z-index: 5; font-size: var(--font-size); border-radius: var(--radius); box-shadow: var(--shadow-s); line-height: var(--text-line-height); }}input:is([type="checkbox"], [type="radio"], [type="range"]) { accent-color: var(--primary);}a[target="_blank"]:not(:has(> img, > figure, > picture, > svg), :is(.exclude, .x-social-share_link)) { --external-link-indicator-order: 0; display: inline-flex; align-items: baseline; gap: var(--external-link-indicator-gap, 0); &::after { content: "↗︎" / "Ссылка на внешний сайт"; font-size: var(--external-link-indicator-size, inherit); font-weight: var(--external-link-indicator-weight, inherit); line-height: 1; translate: var(--external-link-indicator-offset); color: var(--external-link-indicator-color, inherit); align-self: var(--external-link-indicator-alignment); order: var(--external-link-indicator-order); } &:hover::after { color: var(--external-link-indicator-color-hover, inherit); }}[class*="grid-auto--"] { display: grid !important; gap: var(--grid-gap) !important; grid-template-columns: var(--grid-template-columns); inline-size: 100%; --grid-template-columns: repeat(var(--auto-grid-type), minmax(var(--min-formula), 1fr)); --min-formula: min(100%, max(var(--min), (100% - (var(--column-count) - 1) * var(--grid-gap)) / var(--column-count))); --min: calc((var(--content-width) - ((var(--column-count) - 1) * var(--grid-gap))) / var(--column-count)) * var(--auto-grid-aggressiveness); & > * { min-inline-size: 0; max-inline-size: 100%; overflow-wrap: break-word; }}:is(blockquote, .blockquote) {  font-family: inherit; padding: initial; border: initial; font-size: inherit; & > cite { opacity: initial; font-size: inherit; margin: initial; text-transform: initial; } &:where(:not(:is(.exclude))) { font-family: var(--blockquote-family); border-width: var(--blockquote-border-width); border-style: var(--blockquote-border-style); border-color: var(--blockquote-border-color); border-radius: var(--blockquote-border-radius); padding: var(--blockquote-padding); font-size: var(--blockquote-font-size); font-style: var(--blockquote-font-style); & > p { &::before { content: open-quote; } &::after { content: close-quote; } } & > cite { opacity: .8; font-size: var(--text-s); &::before { content: '– '; } }}} html {background-color: var(--site-bg)} body {background: none} body {color: var(--text-color); font-weight: var(--text-weight); font-size: var(--font-size); line-height: var(--text-line-height); text-wrap: pretty} h1, h2, h3, h4, h5, h6 {color: var(--heading-color); font-weight: var(--heading-weight); line-height: var(--heading-line-height); text-wrap: pretty} h1 {font-size: var(--heading-xl)} h2 {font-size: var(--heading-l)} h3 {font-size: var(--heading-m)} h4 {font-size: var(--heading-s)} h5 {font-size: var(--heading-xs)} h6 {font-size: var(--heading-2xs)} body.bricks-is-frontend :focus-visible {outline: var(--focus-outline)} @supports not selector(:focus-visible) { body.bricks-is-frontend :focus {outline: var(--focus-outline); }} .brxe-section {padding-top: var(--section-padding); padding-right: var(--gutter); padding-bottom: var(--section-padding); padding-left: var(--gutter); row-gap: var(--container-gap); column-gap: var(--container-gap)} .brxe-container {width: var(--content-width); column-gap: var(--content-gap); row-gap: var(--content-gap)} .woocommerce main.site-main {width: var(--content-width)} #brx-content.wordpress {width: var(--content-width)}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--light)}:where(:root) .bricks-background-light {background-color: var(--light)}:where(:root) .bricks-color-dark {color: var(--dark)}:where(:root) .bricks-background-dark {background-color: var(--dark)}:where(:root) .bricks-color-info {color: var(--info)}:where(:root) .bricks-background-info {background-color: var(--info)}:where(:root) .bricks-color-success {color: var(--success)}:where(:root) .bricks-background-success {background-color: var(--success)}:where(:root) .bricks-color-warning {color: var(--warning)}:where(:root) .bricks-background-warning {background-color: var(--warning)}:where(:root) .bricks-color-danger {color: var(--danger)}:where(:root) .bricks-background-danger {background-color: var(--danger)}:where(:root) * {border-color: var(--border-color)}:where(:root) .bricks-color-muted {color: var(--neutral-l-5)}:where(:root) .bricks-background-muted {background-color: var(--neutral-l-5)} .brxe-text * + :is(h1, h2, h3, h4, h5, h6), .brxe-post-content:not([data-source=bricks]) * + :is(h1, h2, h3, h4, h5, h6), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(h1, h2, h3, h4, h5, h6) {margin-block-start: 1.2em} .brxe-text * + *, .brxe-post-content:not([data-source=bricks]) * + *, body:not(.woocommerce-checkout) [class*=woocommerce] * + *:not(.brxe-woocommerce-account-form-edit-account *) {margin-block-start: var(--paragraph-spacing)} .brxe-text * + p, .brxe-post-content:not([data-source=bricks]) * + p, body:not(.woocommerce-checkout) [class*=woocommerce] * + p:not(.brxe-woocommerce-account-form-edit-account *) {margin-block-start: var(--paragraph-spacing)}.brxe-text * + :is(ul), .brxe-post-content:not([data-source=bricks]) * + :is(ul), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(ul), .contextual-spacing * + :is(ul) {margin-block-start: var(--paragraph-spacing); margin-block-end: var(--paragraph-spacing); padding-inline-start: 2em}.brxe-text * + :is(ol), .brxe-post-content:not([data-source=bricks]) * + :is(ol), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(ol), .contextual-spacing * + :is(ol) {margin-block-start: var(--paragraph-spacing); margin-block-end: var(--paragraph-spacing); padding-inline-start: 2em}.brxe-text * + :is(li), .brxe-post-content:not([data-source=bricks]) * + :is(li), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(li), .contextual-spacing * + :is(li) {margin-block-start: .25em}.brxe-text * + :is(figure), .brxe-post-content:not([data-source=bricks]) * + :is(figure), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(figure), .contextual-spacing * + :is(figure) {margin-block-start: var(--paragraph-spacing); margin-block-end: var(--paragraph-spacing)}.brxe-text * + :is(blockquote), .brxe-post-content:not([data-source=bricks]) * + :is(blockquote), body:not(.woocommerce-checkout) [class*=woocommerce] * + :is(blockquote), .contextual-spacing * + :is(blockquote) {margin-block-start: var(--paragraph-spacing); margin-block-end: var(--paragraph-spacing)}.contextual-spacing :is(h1, h2, h3, h4, h5, h6):not(:first-child) {margin-block-start: 1.2em}.contextual-spacing p:not(:first-child) {margin-block-start: var(--paragraph-spacing)}.contextual-spacing > * + * {margin-block-start: var(--paragraph-spacing)} .brxe-block {column-gap: var(--content-gap); row-gap: var(--content-gap)} .bricks-button {border: var(--button-border-width) solid transparent; border-radius: var(--button-radius); line-height: 1; font-weight: 600; transition: var(--transition)} .bricks-button.outline {border-color: currentColor} :root .bricks-button[class*="primary"].outline {color: var(--secondary); border-color: var(--primary)} :root .bricks-button[class*="dark"].outline {color: var(--dark)} :root .bricks-button[class*="primary"] {color: var(--primary-contrast)} :root .bricks-button[class*="secondary"] {color: var(--secondary-contrast)} :root .bricks-button[class*="dark"] {color: var(--dark-contrast)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {color: var(--secondary)} :root .bricks-button[class*="secondary"].outline {color: var(--secondary)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--primary-d-2)} :root .bricks-button[class*="primary"].outline:hover {background-color: var(--primary-d-2); border-color: var(--primary-d-2); color: var(--primary-contrast)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--neutral-l-9)} :root .bricks-button[class*="light"].outline:hover {background-color: var(--neutral-l-9)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--secondary-d-2)} :root .bricks-button[class*="secondary"].outline:hover {background-color: var(--secondary-d-2); border-color: var(--secondary-d-2)} :where(main a:not([class]):not(h1 a):not(h2 a):not(h3 a):not(h4 a):not(h5 a):not(h6 a)), .jet-listing-dynamic-link__link, .brx-popup a:not(class) {color: var(--primary); text-decoration: underline} :where(main a:not([class]):not(h1 a):not(h2 a):not(h3 a):not(h4 a):not(h5 a):not(h6 a)):hover, .jet-listing-dynamic-link__link:hover, .brx-popup a:not(class):hover {text-decoration: none}.brxe-form .form-group input {border-radius: var(--form-field-radius); background-color: var(--neutral-l-10)}.brxe-form .flatpickr {border-radius: var(--form-field-radius); background-color: var(--neutral-l-10)}.brxe-form select {border-radius: var(--form-field-radius); background-color: var(--neutral-l-10); color: var(--neutral)}.brxe-form textarea {border-radius: var(--form-field-radius); background-color: var(--neutral-l-10)}.brxe-form .bricks-button {border-radius: var(--form-field-radius); font-weight: 700; font-size: var(--text-l)}.brxe-form .choose-files {border-radius: var(--form-field-radius)}.brxe-form .form-group {padding-bottom: 0}.brxe-form .form-group label {color: var(--text-color)}.brxe-form .form-group .label {color: var(--text-color)}.brxe-form ::placeholder {color: var(--neutral)}.brx-popup {padding-right: var(--gutter); padding-left: var(--gutter)} .brx-popup-content {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; width: max-content; background-color: transparent}.brx-infobox-popup::after {border-top-color: transparent}h1,h2,h3,h4,h5,h6, p, ul, ol, figure, blockquote {margin: 0;}