:root {
    --rx-font-ui: -apple-system,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif;
    --rx-font-ui-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --rx-rounded-sm: 3px;
    --rx-rounded-md: 6px;
    --rx-rounded-lg: 9px;
    --rx-rounded-xl: 12px;
    --rx-rounded-circle: 99px;
    --rx-level-control: 3;
    --rx-level-toolbar: 4;
    --rx-level-tooltip: 99;
    --rx-level-popup: 100;
    --rx-outset-md: 28px;
    --rx-toolbar-height: 38px;
    --rx-toolbar-padding: 2px;
    --rx-toolbar-button-width: 34px;
    --rx-toolbar-button-height: 34px;
    --rx-toolbar-icon-size: 20px;
    --rx-fg-heading: #000000;
    --rx-fg-text: rgba(0, 0, 0, 0.8);
    --rx-fg-subtle: rgba(0, 0, 0, 0.6);
    --rx-fg-placeholder: rgba(0, 0, 0, 0.5);
    --rx-bg-body: #ffffff;
    --rx-bg-source: #262626;
    --rx-bg-input: #ffffff;
    --rx-bg-input-shaded: rgba(0, 0, 0, 0.03);
    --rx-bg-input-disabled: rgba(0, 0, 0, 0.03);
    --rx-bg-base: #ffffff;
    --rx-bg-toolbar: rgba(255, 255, 255, 0.97);
    --rx-bg-toolbar-raised: rgba(255, 255, 255, 0.97);
    --rx-bg-raised: #ffffff;
    --rx-bg-overlay: #ffffff;
    --rx-bg-control: #ffffff;
    --rx-bg-control-inverted: #1f1f1f;
    --rx-bg-aluminum: #f8f8f8;
    --rx-bg-silver: #f0f0f0;
    --rx-bg-platinum: #e5e5e5;
    --rx-border-input: rgba(0, 0, 0, 0.15);
    --rx-border-focus: #73AEFF;
    --rx-fg-dark-accent: #000000;
    --rx-fg-dark-text: rgba(0, 0, 0, 0.8);
    --rx-fg-dark-subtle: rgba(0, 0, 0, 0.6);
    --rx-fg-dark-minimal: rgba(0, 0, 0, 0.5);
    --rx-fg-dark-dimmed: rgba(0, 0, 0, 0.4);
    --rx-bg-dark-dimmed: rgba(0, 0, 0, 0.03);
    --rx-bg-dark-minimal: rgba(0, 0, 0, 0.05);
    --rx-bg-dark-subtle: rgba(0, 0, 0, 0.07);
    --rx-bg-dark-medium: rgba(0, 0, 0, 0.1);
    --rx-bg-dark-strong: rgba(0, 0, 0, 0.2);
    --rx-bg-dark-emphasis: rgba(0, 0, 0, 0.25);
    --rx-bg-dark-accent: #000000;
    --rx-bg-dark-accent-hover: rgba(0, 0, 0, 0.8);
    --rx-border-dark-dimmed: rgba(0, 0, 0, 0.05);
    --rx-border-dark-minimal: rgba(0, 0, 0, 0.07);
    --rx-border-dark-subtle: rgba(0, 0, 0, 0.1);
    --rx-border-dark-medium: rgba(0, 0, 0, 0.15);
    --rx-border-dark-strong: rgba(0, 0, 0, 0.2);
    --rx-border-dark-emphasis: rgba(0, 0, 0, 0.3);
    --rx-border-dark-accent: #000000;
    --rx-fg-light-accent: #ffffff;
    --rx-fg-light-text: rgba(255, 255, 255, 0.8);
    --rx-fg-light-subtle: rgba(255, 255, 255, 0.6);
    --rx-fg-light-minimal: rgba(255, 255, 255, 0.5);
    --rx-fg-light-dimmed: rgba(255, 255, 255, 0.4);
    --rx-bg-light-dimmed: rgba(255, 255, 255, 0.03);
    --rx-bg-light-minimal: rgba(255, 255, 255, 0.05);
    --rx-bg-light-subtle: rgba(255, 255, 255, 0.07);
    --rx-bg-light-medium: rgba(255, 255, 255, 0.1);
    --rx-bg-light-strong: rgba(255, 255, 255, 0.2);
    --rx-bg-light-emphasis: rgba(255, 255, 255, 0.25);
    --rx-bg-light-accent: #ffffff;
    --rx-bg-light-accent-hover: rgba(255, 255, 255, 0.8);
    --rx-border-light-dimmed: rgba(255, 255, 255, 0.05);
    --rx-border-light-minimal: rgba(255, 255, 255, 0.07);
    --rx-border-light-subtle: rgba(255, 255, 255, 0.1);
    --rx-border-light-medium: rgba(255, 255, 255, 0.15);
    --rx-border-light-strong: rgba(255, 255, 255, 0.2);
    --rx-border-light-emphasis: rgba(255, 255, 255, 0.3);
    --rx-border-light-accent: #ffffff;
    --rx-fg-black-accent: #000000;
    --rx-fg-black-text: rgba(0, 0, 0, 0.8);
    --rx-fg-black-subtle: rgba(0, 0, 0, 0.6);
    --rx-fg-black-minimal: rgba(0, 0, 0, 0.5);
    --rx-fg-black-dimmed: rgba(0, 0, 0, 0.4);
    --rx-bg-black-dimmed: rgba(0, 0, 0, 0.03);
    --rx-bg-black-minimal: rgba(0, 0, 0, 0.05);
    --rx-bg-black-subtle: rgba(0, 0, 0, 0.07);
    --rx-bg-black-medium: rgba(0, 0, 0, 0.1);
    --rx-bg-black-strong: rgba(0, 0, 0, 0.2);
    --rx-bg-black-emphasis: rgba(0, 0, 0, 0.25);
    --rx-bg-black-accent: #000000;
    --rx-bg-black-accent-hover: rgba(0, 0, 0, 0.8);
    --rx-border-black-dimmed: rgba(0, 0, 0, 0.05);
    --rx-border-black-minimal: rgba(0, 0, 0, 0.07);
    --rx-border-black-subtle: rgba(0, 0, 0, 0.1);
    --rx-border-black-medium: rgba(0, 0, 0, 0.15);
    --rx-border-black-strong: rgba(0, 0, 0, 0.2);
    --rx-border-black-emphasis: rgba(0, 0, 0, 0.3);
    --rx-border-black-accent: #000000;
    --rx-fg-white-accent: #ffffff;
    --rx-fg-white-text: rgba(255, 255, 255, 0.8);
    --rx-fg-white-subtle: rgba(255, 255, 255, 0.6);
    --rx-fg-white-minimal: rgba(255, 255, 255, 0.5);
    --rx-fg-white-dimmed: rgba(255, 255, 255, 0.4);
    --rx-bg-white-dimmed: rgba(255, 255, 255, 0.03);
    --rx-bg-white-minimal: rgba(255, 255, 255, 0.05);
    --rx-bg-white-subtle: rgba(255, 255, 255, 0.07);
    --rx-bg-white-medium: rgba(255, 255, 255, 0.1);
    --rx-bg-white-strong: rgba(255, 255, 255, 0.2);
    --rx-bg-white-emphasis: rgba(255, 255, 255, 0.25);
    --rx-bg-white-accent: #ffffff;
    --rx-bg-white-accent-hover: rgba(255, 255, 255, 0.8);
    --rx-border-white-dimmed: rgba(255, 255, 255, 0.05);
    --rx-border-white-minimal: rgba(255, 255, 255, 0.07);
    --rx-border-white-subtle: rgba(255, 255, 255, 0.1);
    --rx-border-white-medium: rgba(255, 255, 255, 0.15);
    --rx-border-white-strong: rgba(255, 255, 255, 0.2);
    --rx-border-white-emphasis: rgba(255, 255, 255, 0.3);
    --rx-border-white-accent: #ffffff;
    --rx-fg-primary-accent: #046BFB;
    --rx-fg-primary-static: #046BFB;
    --rx-bg-primary-dimmed: rgba(115, 174, 255, 0.05);
    --rx-bg-primary-minimal: rgba(115, 174, 255, 0.1);
    --rx-bg-primary-subtle: rgba(115, 174, 255, 0.15);
    --rx-bg-primary-medium: rgba(115, 174, 255, 0.25);
    --rx-bg-primary-strong: rgba(115, 174, 255, 0.35);
    --rx-bg-primary-emphasis: rgba(115, 174, 255, 0.45);
    --rx-bg-primary-accent: #046BFB;
    --rx-bg-primary-accent-hover: rgba(4, 107, 251, 0.8);
    --rx-bg-primary-static: #046BFB;
    --rx-border-primary-dimmed: rgba(115, 174, 255, 0.1);
    --rx-border-primary-minimal: rgba(115, 174, 255, 0.15);
    --rx-border-primary-subtle: rgba(115, 174, 255, 0.25);
    --rx-border-primary-medium: rgba(115, 174, 255, 0.35);
    --rx-border-primary-strong: rgba(115, 174, 255, 0.6);
    --rx-border-primary-emphasis: rgba(115, 174, 255, 0.8);
    --rx-border-primary-accent: #046BFB;
    --rx-border-primary-static: #046BFB;
    --rx-fg-negative-accent: #DD0548;
    --rx-fg-negative-static: #DD0548;
    --rx-fg-negative-light: #FF6393;
    --rx-bg-negative-dimmed: rgba(255, 99, 147, 0.05);
    --rx-bg-negative-minimal: rgba(255, 99, 147, 0.1);
    --rx-bg-negative-subtle: rgba(255, 99, 147, 0.15);
    --rx-bg-negative-medium: rgba(255, 99, 147, 0.25);
    --rx-bg-negative-strong: rgba(255, 99, 147, 0.35);
    --rx-bg-negative-emphasis: rgba(255, 99, 147, 0.45);
    --rx-bg-negative-accent: #DD0548;
    --rx-bg-negative-accent-hover: rgba(221, 5, 72, 0.8);
    --rx-bg-negative-static: #DD0548;
    --rx-border-negative-dimmed: rgba(255, 99, 147, 0.1);
    --rx-border-negative-minimal: rgba(255, 99, 147, 0.15);
    --rx-border-negative-subtle: rgba(255, 99, 147, 0.25);
    --rx-border-negative-medium: rgba(255, 99, 147, 0.35);
    --rx-border-negative-strong: rgba(255, 99, 147, 0.6);
    --rx-border-negative-emphasis: rgba(255, 99, 147, 0.8);
    --rx-border-negative-accent: #DD0548;
    --rx-border-negative-static: #DD0548;
    --rx-link-color: #046BFB;
    --rx-link-hover-color: #000000;
    --rx-link-dark-color: #000000;
    --rx-link-dark-hover-color: rgba(0, 0, 0, 0.6);
    --rx-link-dark-subtle-color: rgba(0, 0, 0, 0.6);
    --rx-link-dark-subtle-hover-color: #000000;
    --rx-shadow-modal: 0 0 1px rgba(0, 0, 0, 0.25),0 20px 60px rgba(0, 0, 0, 0.15);
    --rx-shadow-dropdown: 0 0 1px rgba(0, 0, 0, 0.25),0 10px 25px -5px rgba(0, 0, 0, 0.07),0 8px 16px -8px rgba(0, 0, 0, 0.07);
    --rx-shadow-context: 0 0 1px rgba(0, 0, 0, 0.25),0 3px 6px -1px rgba(0, 0, 0, 0.1),0 1px 3px -1px rgba(0, 0, 0, 0.2);
    --rx-shadow-control: 0 3px 3px -1.5px rgba(0, 0, 0, 0.06),0 6px 6px -3px rgba(0, 0, 0, 0.06);
    --rx-shadow-toolbar-raised: 0 1px 3px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.06);
    --rx-shadow-reorder: 0 15px 30px rgba(0, 0, 0, 0.3);
    --rx-shadow-tab: 0 1px 1px -0.5px rgba(0, 0, 0, 0.12),0 3px 3px -1.5px rgba(0, 0, 0, 0.12);
    --rx-shadow-inner: inset 0 1px 1px rgba(0, 0, 0, 0.15);
    --rx-shadow-handle: 0 1px 1px -0.5px rgba(0, 0, 0, 0.12),0 3px 3px -1.5px rgba(0, 0, 0, 0.12),0 6px 6px -3px rgba(0, 0, 0, 0.12);
    --rx-shadow-action: 0 3px 3px -1.5px rgba(0, 0, 0, 0.06)
}

[rx-data-theme=dark] {
    --rx-fg-heading: rgba(255, 255, 255, 0.85);
    --rx-fg-text: rgba(255, 255, 255, 0.8);
    --rx-fg-subtle: rgba(255, 255, 255, 0.6);
    --rx-fg-placeholder: rgba(255, 255, 255, 0.5);
    --rx-bg-body: #141414;
    --rx-bg-input: #1f1f1f;
    --rx-bg-input-shaded: rgba(255, 255, 255, 0.05);
    --rx-bg-input-disabled: rgba(255, 255, 255, 0.05);
    --rx-bg-base: #141414;
    --rx-bg-raised: #1f1f1f;
    --rx-bg-toolbar: rgba(26, 26, 26, 0.97);
    --rx-bg-toolbar-raised: rgba(26, 26, 26, 0.97);
    --rx-bg-overlay: #1f1f1f;
    --rx-bg-control: #1f1f1f;
    --rx-bg-aluminum: #1a1a1a;
    --rx-bg-silver: #1f1f1f;
    --rx-bg-platinum: #262626;
    --rx-border-input: rgba(255, 255, 255, 0.15);
    --rx-border-focus: #73AEFF;
    --rx-fg-dark-accent: rgba(255, 255, 255, 0.8);
    --rx-fg-dark-text: rgba(255, 255, 255, 0.8);
    --rx-fg-dark-subtle: rgba(255, 255, 255, 0.6);
    --rx-fg-dark-minimal: rgba(255, 255, 255, 0.5);
    --rx-fg-dark-dimmed: rgba(255, 255, 255, 0.4);
    --rx-bg-dark-dimmed: rgba(255, 255, 255, 0.03);
    --rx-bg-dark-minimal: rgba(255, 255, 255, 0.05);
    --rx-bg-dark-subtle: rgba(255, 255, 255, 0.07);
    --rx-bg-dark-medium: rgba(255, 255, 255, 0.1);
    --rx-bg-dark-strong: rgba(255, 255, 255, 0.2);
    --rx-bg-dark-emphasis: rgba(255, 255, 255, 0.25);
    --rx-bg-dark-accent: rgba(255, 255, 255, 0.8);
    --rx-bg-dark-accent-hover: white;
    --rx-border-dark-dimmed: rgba(255, 255, 255, 0.05);
    --rx-border-dark-minimal: rgba(255, 255, 255, 0.07);
    --rx-border-dark-subtle: rgba(255, 255, 255, 0.1);
    --rx-border-dark-medium: rgba(255, 255, 255, 0.15);
    --rx-border-dark-strong: rgba(255, 255, 255, 0.2);
    --rx-border-dark-emphasis: rgba(255, 255, 255, 0.3);
    --rx-border-dark-accent: #ffffff;
    --rx-fg-light-accent: rgba(0, 0, 0, 0.8);
    --rx-fg-light-text: rgba(0, 0, 0, 0.8);
    --rx-fg-light-subtle: rgba(0, 0, 0, 0.6);
    --rx-fg-light-minimal: rgba(0, 0, 0, 0.5);
    --rx-fg-light-dimmed: rgba(0, 0, 0, 0.4);
    --rx-bg-light-dimmed: rgba(0, 0, 0, 0.03);
    --rx-bg-light-minimal: rgba(0, 0, 0, 0.05);
    --rx-bg-light-subtle: rgba(0, 0, 0, 0.07);
    --rx-bg-light-medium: rgba(0, 0, 0, 0.1);
    --rx-bg-light-strong: rgba(0, 0, 0, 0.2);
    --rx-bg-light-emphasis: rgba(0, 0, 0, 0.25);
    --rx-bg-light-accent: rgba(0, 0, 0, 0.8);
    --rx-bg-light-accent-hover: black;
    --rx-border-light-dimmed: rgba(0, 0, 0, 0.05);
    --rx-border-light-minimal: rgba(0, 0, 0, 0.07);
    --rx-border-light-subtle: rgba(0, 0, 0, 0.1);
    --rx-border-light-medium: rgba(0, 0, 0, 0.15);
    --rx-border-light-strong: rgba(0, 0, 0, 0.2);
    --rx-border-light-emphasis: rgba(0, 0, 0, 0.3);
    --rx-border-light-accent: #000000;
    --rx-fg-primary-accent: #73AEFF;
    --rx-border-primary-accent: #73AEFF;
    --rx-fg-negative-accent: #FF6393;
    --rx-border-negative-accent: #FF6393;
    --rx-link-color: #73AEFF;
    --rx-link-hover-color: #ffffff;
    --rx-link-dark-color: #ffffff;
    --rx-link-dark-hover-color: rgba(255, 255, 255, 0.6);
    --rx-link-dark-subtle-color: rgba(255, 255, 255, 0.6);
    --rx-link-dark-subtle-hover-color: #ffffff;
    --rx-shadow-modal: 0 0 1px rgba(255, 255, 255, 0.5),0 20px 60px rgba(0, 0, 0, 0.15);
    --rx-shadow-dropdown: 0 0 1px rgba(255, 255, 255, 0.5),0 10px 25px -5px rgba(0, 0, 0, 0.07),0 8px 16px -8px rgba(0, 0, 0, 0.07);
    --rx-shadow-context: 0 0 1px rgba(255, 255, 255, 0.5),0 3px 6px -1px rgba(0, 0, 0, 0.1),0 1px 3px -1px rgba(0, 0, 0, 0.2)
}

.rx-main-container {
    border-radius: var(--rx-rounded-sm);
    background-color: var(--rx-bg-base);
    border: 1px solid var(--rx-border-dark-subtle)
}

.rx-stop-scrolling {
    height: 100%;
    overflow: hidden
}

.rx-editor-frame {
    width: 100%;
    height: 0;
    border: none;
    background-color: var(--rx-bg-base);
    margin-left: auto;
    margin-right: auto;
    display: block
}


.rx-in-blur .rx-editor [data-rx-focusable].rx-block-focus {
    outline-color: var(--rx-border-dark-medium)!important
}

.rx-draggable-placeholder {
    height: 20px;
    min-width: 80px;
    outline: 3px dashed gold!important;
    background: rgba(255,215,0,.2)!important;
    margin-bottom: 20px
}

.rx-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.rx-sticky-on {
    border-bottom: 1px solid var(--rx-border-dark-minimal)
}

.rx-raised {
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
    margin-bottom: -1px;
    background: var(--rx-bg-toolbar-raised);
    box-shadow: var(--rx-shadow-toolbar-raised);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.rx-toolbox-external.rx-raised {
    margin: 0
}

.rx-raised.rx-sticky-on {
    border-bottom: none
}

.rx-pathbar {
    font-family: var(--rx-font-ui-text);
    margin: 0;
    padding: 0 8px;
    position: relative;
    overflow: hidden;
    background: var(--rx-bg-toolbar);
    box-sizing: border-box;
    border: none;
    display: flex;
    gap: 12px;
    border-bottom: 1px solid var(--rx-border-dark-dimmed)
}

.rx-pathbar:empty {
    display: none
}

.rx-pathbar.disable .rx-pathbar-item {
    opacity: .5
}

.rx-pathbar-item {
    position: relative;
    font-size: 12px;
    padding: 6px 0;
    margin: 0;
    line-height: 16px;
    color: var(--rx-fg-dark-minimal);
    cursor: pointer
}

.rx-pathbar-item:hover {
    color: var(--rx-fg-dark-accent);
    text-decoration: underline
}

.rx-pathbar-item.active,.rx-pathbar-item.active:hover {
    color: var(--rx-fg-dark-accent);
    text-decoration: none;
    cursor: text
}

.rx-pathbar-item:after {
    position: absolute;
    content: "-";
    width: 8px;
    padding-left: 3px;
    font-size: 12px;
    line-height: 16px;
    color: var(--rx-fg-dark-minimal)
}

.rx-pathbar-item:last-child:after {
    display: none
}

.rx-statusbar {
    font-family: var(--rx-font-ui-mono);
    margin: 0;
    padding: 8px 10px;
    position: relative;
    overflow: hidden;
    background: var(--rx-bg-base);
    box-sizing: border-box;
    border: none;
    display: flex;
    align-items: center;
    gap: 10px
}

.rx-control {
    position: absolute;
    top: 0;
    left: 0;
    font-family: var(--rx-font-text);
    z-index: var(--rx-level-control);
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    width: 28px;
    line-height: 0
}

.rx-control-buttons {
    display: flex;
    gap: 0;
    flex-direction: column;
    flex-wrap: wrap
}

.rx-control .rx-button {
    background: var(--rx-bg-control)
}

.rx-control .rx-button:hover {
    background: var(--rx-bg-platinum)
}

.rx-control .rx-button-title {
    display: none
}

.rx-context {
    font-family: var(--rx-font-text);
    position: absolute;
    top: 0;
    left: 0;
    z-index: var(--rx-level-toolbar);
    border-radius: var(--rx-rounded-sm);
    padding: 2px;
    margin: 0;
    line-height: 1;
    background: var(--rx-bg-control);
    background: var(--rx-bg-control-inverted);
    box-shadow: var(--rx-shadow-context);
    max-width: 380px
}

.rx-context-buttons {
    display: flex;
    align-items: center;
    gap: 1px;
    flex-wrap: wrap
}

.rx-context .rx-button {
    width: 28px;
    height: 28px
}

.rx-context .rx-button.disable {
    cursor: default
}

.rx-context .rx-button-title {
    display: none
}

.rx-context .rx-button-text {
    width: auto
}


.rx-context .rx-button-text:hover .rx-button-title {
    background-color: var(--rx-bg-white-medium)
}

.rx-button {
    font-family: var(--rx-font-text);
    display: flex;
    align-items: center;
    vertical-align: middle;
    text-decoration: none;
    background: 0 0;
    outline: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 0;
    line-height: 1;
    cursor: pointer;
    gap: 6px;
    border-radius: var(--rx-rounded-md)
}

.rx-button:hover {
    text-decoration: none
}


.rx-button-title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--rx-fg-dark-text)
}

.rx-tooltip {
    position: absolute;
    z-index: 99;
    margin: 0;
    padding: 4px 7px;
    border-radius: var(--rx-rounded-sm);
    line-height: 1;
    font-family: var(--rx-font-ui-mono);
    font-size: 12px;
    color: var(--rx-fg-light-text);
    background: var(--rx-bg-dark-accent)
}

.rx-source-container {
    display: none
}

.rx-source,.rx-source:focus,.rx-source:hover {
    text-align: left;
    box-sizing: border-box;
    font-family: var(--rx-font-ui-mono);
    width: 100%;
    display: block;
    margin: 0;
    border: none;
    box-shadow: none;
    border-radius: 0;
    background-color: var(--rx-bg-source);
    color: var(--rx-fg-white-text);
    font-size: 14px;
    line-height: 1.7;
    outline: 0;
    padding: 10px 18px 20px 18px;
    min-height: 60px;
    resize: vertical
}

.rx-drag-active {
    outline: 3px dashed gold!important;
    outline-offset: 0!important;
    position: relative;
    max-height: 40px;
    overflow: hidden;
    padding: 0
}

.rx-drag-active:before {
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    background: rgba(255,215,0,.4);
    position: absolute;
    z-index: 1
}

.rx-dragging {
    opacity: .95;
    padding: 8px;
    background: var(--rx-bg-body);
    box-shadow: var(--rx-shadow-reorder)
}

.rx-dragging img {
    max-width: 100%
}

.rx-colorpicker,.rx-dropdown {
    position: absolute;
    font-family: var(--rx-font-ui);
    border-radius: var(--rx-rounded-sm);
    background: var(--rx-bg-overlay);
    box-shadow: var(--rx-shadow-dropdown);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    line-height: 1.4;
    z-index: var(--rx-level-popup);
    margin-bottom: 16px;
    overflow-x: auto;
    min-width: 200px;
    padding: 4px
}

.rx-modal {
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: 16px;
    min-width: 200px;
    font-family: var(--rx-font-ui);
    border-radius: var(--rx-rounded-md);
    background-color: var(--rx-bg-overlay);
    box-shadow: var(--rx-shadow-modal);
    z-index: var(--rx-level-popup)
}

.rx-modal-body .rx-form {
    padding-bottom: 0
}

.rx-modal-header {
    font-size: 16px;
    font-weight: 700;
    color: var(--rx-bg-dark-accent);
    padding: 16px;
    position: relative
}

.rx-modal-header:empty {
    display: none
}

.rx-modal-footer {
    overflow: hidden;
    box-sizing: border-box;
    margin-top: 8px;
    padding: 16px;
    padding-bottom: 20px;
    display: flex;
    gap: 4px
}

.rx-modal-footer:empty {
    display: none
}

.rx-modal-close {
    position: absolute!important;
    right: 16px;
    top: 14px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    opacity: .5
}

.rx-modal-close::after,.rx-modal-close::before {
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
    background: var(--rx-bg-dark-accent)
}

.rx-modal-close::before {
    height: 1px;
    width: 75%
}

.rx-modal-close::after {
    height: 75%;
    width: 1px
}

.rx-modal-close:hover {
    opacity: 1
}

.rx-form {
    padding-bottom: 16px
}

.rx-form-item {
    padding: 16px 16px 0 16px
}

.rx-form-item:empty {
    display: none
}

.rx-form-box {
    padding: 16px
}

.rx-form-flex {
    display: flex;
    gap: 4px
}

.rx-form-image img,.rx-form-image svg {
    max-width: 100%
}

.rx-form-section-title,.rx-form-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--rx-bg-dark-accent);
    padding: 16px;
    padding-bottom: 0;
    position: relative
}

.rx-form-section-title:empty,.rx-form-title:empty {
    display: none
}

.rx-form-item+.rx-form-section-title {
    margin-top: 8px
}

.rx-form-footer {
    overflow: hidden;
    box-sizing: border-box;
    margin-top: 8px;
    padding: 16px;
    padding-bottom: 0;
    display: flex;
    gap: 4px
}

.rx-form-footer:empty {
    display: none
}

.rx-form-label {
    box-sizing: border-box;
    font-family: var(--rx-font-ui);
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
    display: block;
    padding: 0;
    margin: 0;
    padding-bottom: 6px;
    color: var(--rx-fg-dark-text)
}

.rx-form-hint {
    font-size: 13px;
    font-weight: 400;
    color: var(--rx-fg-dark-subtle);
    margin-left: 2px
}

.rx-form-container-flex {
    display: flex;
    gap: 8px
}

.rx-form-container-flex .rx-form-item {
    padding-left: 0;
    padding-right: 0
}

.rx-form-container-flex .rx-form-item:first-child {
    padding-left: 16px
}

.rx-form-container-flex .rx-form-item:last-child {
    padding-right: 16px
}

.rx-form-container-flex .rx-form-input,.rx-form-container-flex .rx-form-select {
    flex: auto
}

.rx-form-container-flex .rx-form-button {
    margin-left: 4px
}

.rx-form-button-push-right {
    margin-left: auto
}

.rx-form-color-container {
    position: relative
}

.rx-form-color-container .rx-form-input {
    padding-left: 40px
}

.rx-form-color-toggle {
    position: absolute;
    top: 4px;
    left: 6px;
    height: 28px;
    width: 28px;
    border-radius: 8px;
    box-shadow: var(--rx-shadow-inner);
    cursor: pointer;
    background: var(--rx-bg-white-accent)
}

.rx-form-button {
    box-sizing: border-box;
    font-family: var(--rx-font-ui);
    font-size: 14px;
    font-weight: 500;
    outline: 0;
    border-radius: 8px;
    padding: 8px 20px;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    line-height: 1.25;
    height: auto;
    background: 0 0;
    color: var(--rx-fg-dark-accent);
    border: 1px solid var(--rx-border-dark-medium)
}

.rx-form-button:hover {
    background: var(--rx-bg-dark-subtle)
}

.rx-form-button-primary {
    background: var(--rx-bg-dark-accent);
    color: var(--rx-fg-light-accent);
    border-color: transparent
}

.rx-form-button-primary:hover {
    color: var(--rx-fg-light-accent);
    background: var(--rx-bg-dark-accent-hover)
}

.rx-form-button-danger {
    border: 1px solid var(--rx-border-negative-medium);
    color: var(--rx-fg-negative-accent)
}

.rx-form-button-danger:hover {
    color: var(--rx-fg-negative-accent);
    background: var(--rx-bg-negative-subtle)
}

.rx-form-button-fullwidth {
    display: block;
    width: 100%
}

.rx-form-input,.rx-form-select,.rx-form-textarea {
    box-sizing: border-box;
    display: block;
    width: 100%;
    vertical-align: middle;
    font-weight: 400;
    padding: 8px;
    font-family: var(--rx-font-ui);
    font-size: 15px;
    outline: 0;
    border-radius: 4px;
    box-shadow: none;
    line-height: 1.3;
    color: var(--rx-fg-dark-text);
    background: var(--rx-bg-input-shaded);
    border: 1px solid var(--rx-border-input)
}

.rx-form-input:focus,.rx-form-select:focus,.rx-form-textarea:focus {
    border-color: var(--rx-border-focus);
    box-shadow: none
}

.rx-form-textarea {
    resize: vertical;
    line-height: 1.5
}

.rx-form-select {
    font-size: 15px;
    cursor: pointer;
    -webkit-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg height="6" viewBox="0 0 10 6" width="10" xmlns="http://www.w3.org/2000/svg"><path fill="rgb(0,0,0)" opacity=".6" d="m6.6168815 3-4.44908109-4.09883609c-.22373388-.20615371-.22373388-.54039492 0-.74654863s.58647818-.20615371.81021206 0l4.85418712 4.47211041c.22373388.20615371.22373388.54039491 0 .74654862l-4.85418712 4.47211041c-.22373388.20615371-.58647818.20615371-.81021206 0s-.22373388-.54039492 0-.74654863z" fill-rule="evenodd" transform="matrix(0 1 -1 0 8 -2)"/></svg>');
    background-repeat: no-repeat;
    background-position: right .65em center;
    padding-right: 28px;
    min-height: 35px
}

[rx-data-theme=dark] .rx-form-select {
    background-image: url('data:image/svg+xml;utf8,<svg height="6" viewBox="0 0 10 6" width="10" xmlns="http://www.w3.org/2000/svg"><path fill="rgb(255,255,255)" opacity="0.6" d="m6.6168815 3-4.44908109-4.09883609c-.22373388-.20615371-.22373388-.54039492 0-.74654863s.58647818-.20615371.81021206 0l4.85418712 4.47211041c.22373388.20615371.22373388.54039491 0 .74654862l-4.85418712 4.47211041c-.22373388.20615371-.58647818.20615371-.81021206 0s-.22373388-.54039492 0-.74654863z" fill-rule="evenodd" transform="matrix(0 1 -1 0 8 -2)"/></svg>')
}

.rx-form-checkbox {
    box-sizing: border-box;
    vertical-align: middle;
    position: relative;
    top: -.05em;
    font-size: 16px;
    margin-top: 0!important;
    margin-right: 4px!important;
    margin-left: 0!important
}

.rx-form-checkbox-item {
    color: var(--rx-fg-dark-text);
    font-family: var(--rx-font-ui);
    font-size: 15px;
    line-height: 1.4
}

.rx-form-segment {
    display: flex;
    flex-wrap: wrap;
    background: var(--rx-bg-dark-minimal);
    border-radius: var(--rx-rounded-md);
    padding: 2px;
    gap: 4px
}

.rx-form-segment-item {
    border: 1px solid transparent;
    font-size: 14px;
    padding: 6px 8px;
    margin: 0;
    cursor: pointer;
    text-align: center;
    border-radius: var(--rx-rounded-sm);
    min-width: 32px;
    color: var(--rx-fg-dark-subtle)
}

.rx-form-segment-item:hover {
    background: var(--rx-bg-light-accent);
    color: var(--rx-fg-dark-accent)
}

.rx-form-segment-item.active {
    cursor: default;
    background: var(--rx-bg-light-accent);
    box-shadow: var(--rx-shadow-tab);
    color: var(--rx-fg-dark-accent)
}


.rx-editor-progress {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11000;
    width: 100%;
    background-color: var(--rx-bg-dark-subtle)
}

.rx-editor-progress span {
    animation: progress-bar-stripes 2s linear infinite;
    content: "";
    display: block;
    min-height: 8px;
    width: 100%;
    height: 100%;
    background-color: var(--rx-bg-primary-accent);
    background-image: -webkit-linear-gradient(45deg,var(--rx-bg-light-strong) 25%,transparent 25%,transparent 50%,var(--rx-bg-light-strong) 50%,var(--rx-bg-light-strong) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,var(--rx-bg-light-strong) 25%,transparent 25%,transparent 50%,var(--rx-bg-light-strong) 50%,var(--rx-bg-light-strong) 75%,transparent 75%,transparent);
    background-size: 40px 40px
}

.rx-panel {
    position: absolute;
    min-width: 240px;
    max-height: 300px;
    margin: 0;
    padding: 0;
    z-index: 99;
    font-family: var(--rx-font-ui);
    font-size: 14px;
    overflow: auto;
    border-radius: 4px;
    padding: 4px;
    background: var(--rx-bg-overlay);
    box-shadow: var(--rx-shadow-dropdown)
}

.rx-panel-box {
    display: flex;
    flex-wrap: wrap;
    gap: 2px
}

.rx-pabel-title {
    font-family: var(--rx-font-ui);
    font-size: 13px;
    font-weight: 500;
    color: var(--rx-fg-dark-subtle)
}

.rx-panel-box {
    display: flex;
    flex-wrap: wrap;
    gap: 2px
}

.rx-panel-item {
    box-sizing: border-box;
    padding: 4px;
    border-bottom: 1px solid transparent
}

.rx-panel-item {
    display: block;
    border-radius: 8px;
    cursor: pointer;
    padding: 8px;
    line-height: 1;
    text-decoration: none;
    color: var(--rx-fg-dark-accent)
}

.rx-panel-item.active,.rx-panel-item:hover {
    color: var(--rx-fg-dark-accent);
    background: var(--rx-bg-dark-subtle)
}

.rx-ai-main {
    padding: 12px;
    border-radius: 8px;
    background: var(--rx-bg-raised);
    border: 1px solid var(--rx-border-dark-subtle)
}

.rx-ai-footer {
    margin-top: 16px!important;
    display: flex;
    gap: 8px
}

.rx-ai-buttons {
    margin-left: auto!important;
    display: flex;
    gap: 8px
}

.rx-ai-label,.rx-ai-preview-label {
    box-sizing: border-box;
    font-family: var(--rx-font-ui);
    font-size: 13px;
    line-height: 1.4;
    font-weight: 500;
    display: block;
    padding: 0;
    margin: 0;
    padding-bottom: 6px;
    color: var(--rx-fg-dark-subtle)
}

.rx-ai-select,.rx-ai-size {
    width: auto;
    max-width: 320px
}

.rx-ai-progress {
    margin-bottom: 12px!important
}

.rx-ai-progress:empty {
    display: none
}

.rx-ai-progress svg {
    fill: var(--rx-fg-dark-accent)
}

.rx-ai-preview {
    font-family: var(--rx-font-ui);
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
    font-size: 16px;
    line-height: 1.618;
    color: var(--rx-fg-dark-text);
    margin-bottom: 12px!important
}

.rx-ai-preview:empty {
    display: none
}

.rx-voice-label {
    display: none
}

[rx-modal-name=image] .rx-modal-body {
    padding: 16px;
    padding-top: 0
}

.rx-modal-image-section-or {
    margin: 16px 0;
    font-family: var(--rx-font-ui);
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    font-size: 11px;
    color: var(--rx-fg-dark-subtle)
}

.rx-modal-images-box {
    margin-top: 12px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.rx-modal-images-box img {
    vertical-align: top;
    max-width: 100px;
    max-height: 66px;
    height: 100%;
    width: min-content;
    cursor: pointer
}

.rx-modal-images-box img:hover {
    outline: 3px solid var(--rx-border-focus)
}

.rx-form-item-edit-image-box {
    padding: 20px;
    padding-bottom: 0
}

.rx-form-item-image {
    margin-right: 8px
}

.rx-form-item-image img {
    max-height: 160px;
    width: auto
}

[rx-modal-name=emoji] .rx-modal-body {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.rx-emoji-title {
    font-family: var(--rx-font-ui);
    font-size: 13px;
    font-weight: 500;
    color: var(--rx-fg-dark-subtle)
}

.rx-emoji-box {
    display: flex;
    flex-wrap: wrap;
    gap: 2px
}

.rx-emoji-item {
    border-radius: 4px;
    padding: 4px;
    cursor: pointer;
    font-size: 24px;
    line-height: 1
}

.rx-emoji-item:hover {
    background: var(--rx-bg-dark-subtle)
}

.rx-panel-emoji {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.rx-panel-emoji .rx-panel-item {
    font-size: 24px
}

[rx-modal-name=snippets] .rx-modal-body,[rx-modal-name=templates] .rx-modal-body {
    padding: 20px;
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap
}

.rx-snippet-container {
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 20px
}

.rx-snippet-name {
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--rx-font-ui);
    color: var(--rx-fg-dark-text);
    margin-top: 8px;
    padding-right: 10px;
    text-align: left;
    max-width: 100px
}

.rx-snippet-box {
    box-sizing: border-box;
    border-radius: 6px;
    box-shadow: var(--shadow-md-border);
    cursor: pointer;
    border: 1px solid transparent;
    overflow: hidden
}

.rx-snippet-box:hover {
    border: 1px solid var(--rx-border-primary-accent)
}

.rx-snippet-image,.rx-template-image {
    min-height: 80px;
    max-height: 80px;
    box-sizing: border-box
}

.rx-snippet-image img,.rx-template-image img {
    max-width: 160px
}

.rx-template-image {
    min-height: 130px;
    max-height: initial
}

.rx-template-image img {
    max-width: 100px
}

.rx-snippet-preview,.rx-template-preview {
    box-sizing: border-box;
    overflow: hidden;
    transform-origin: top left;
    transform: scale(.25);
    margin-right: -480px;
    margin-bottom: -240px;
    padding: 40px;
    width: 640px;
    height: 320px;
    position: relative
}

.rx-snippet-preview:before,.rx-template-preview:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    z-index: 1
}

.rx-snippet-preview:hover,.rx-template-preview:hover {
    border-color: var(--rx-border-primary-accent)
}

.rx-snippet-preview fieldset,.rx-snippet-preview iframe,.rx-snippet-preview img,.rx-template-preview fieldset,.rx-template-preview iframe,.rx-template-preview img {
    border: 0
}

.rx-snippet-preview audio,.rx-snippet-preview embed,.rx-snippet-preview img,.rx-snippet-preview object,.rx-snippet-preview video,.rx-template-preview audio,.rx-template-preview embed,.rx-template-preview img,.rx-template-preview object,.rx-template-preview video {
    max-width: 100%;
    height: auto
}

.rx-snippet-preview div:empty,.rx-snippet-preview h1:empty,.rx-snippet-preview h2:empty,.rx-snippet-preview h3:empty,.rx-snippet-preview h4:empty,.rx-snippet-preview h5:empty,.rx-snippet-preview h6:empty,.rx-snippet-preview p:empty,.rx-template-preview div:empty,.rx-template-preview h1:empty,.rx-template-preview h2:empty,.rx-template-preview h3:empty,.rx-template-preview h4:empty,.rx-template-preview h5:empty,.rx-template-preview h6:empty,.rx-template-preview p:empty {
    background-color: var(--rx-border-primary-subtle);
    min-height: 1.5em
}

.rx-template-preview {
    transform: scale(.25);
    margin-right: -300px;
    margin-bottom: -390px;
    padding: 40px;
    width: 400px;
    height: 520px
}

.rx-empty address:empty,.rx-empty blockquote:empty,.rx-empty dd:empty,.rx-empty dt:empty,.rx-empty figcaption:empty,.rx-empty h1:empty,.rx-empty h2:empty,.rx-empty h3:empty,.rx-empty h4:empty,.rx-empty h5:empty,.rx-empty h6:empty,.rx-empty li:empty,.rx-empty p:empty {
    min-height: 1.5em
}

.rx-empty pre:empty {
    min-height: 3.5em
}

.rx-empty b:empty,.rx-empty cite:empty,.rx-empty code:empty,.rx-empty del:empty,.rx-empty em:empty,.rx-empty i:empty,.rx-empty ins:empty,.rx-empty span:empty,.rx-empty strong:empty,.rx-empty sub:empty,.rx-empty sup:empty,.rx-empty u:empty {
    display: inline-block;
    min-width: 1px;
    min-height: 1em
}

.rx-empty td:empty:after,.rx-empty th:empty:after {
    content: "​"
}

.rx-empty code:after,.rx-empty kbd:after,.rx-empty mark:after {
    content: "​"
}

.rx-empty pre code:after {
    display: none
}

.rx-empty code+code {
    margin-left: 2px
}

.rx-empty table {
    empty-cells: show
}

.rx-empty embed,.rx-empty img,.rx-empty object {
    max-width: 100%;
    height: auto
}

.rx-content {
    --rx-font-text: -apple-system,BlinkMacSystemFont,"San Francisco","Segoe UI",Roboto,"Helvetica Neue",sans-serif;
    --rx-font-heading: inherit;
    --rx-font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --rx-body-color: var(--rx-bg-body);
    --rx-heading-color: var(--rx-fg-heading);
    --rx-text-color: var(--rx-fg-text);
    --rx-table-border: var(--rx-border-dark-minimal);
    --rx-line-color: var(--rx-border-dark-minimal);
    --rx-pre-color: var(--rx-fg-text);
    --rx-pre-bg: var(--rx-bg-dark-minimal);
    --rx-var-color: var(--rx-fg-text);
    --rx-kbd-color: var(--rx-fg-text);
    --rx-kbd-border: var(--rx-border-dark-subtle);
    --rx-kbd-bg: var(--rx-bg-light-accent);
    --rx-code-color: var(--rx-fg-text);
    --rx-code-bg: var(--rx-bg-dark-medium);
    --rx-abbr-border: var(--rx-border-dark-emphasis);
    --rx-quote-border-color: var(--rx-border-dark-medium);
    background: var(--rx-body-color);
    font-family: var(--rx-font-text);
    color: var(--rx-text-color);
    font-size: 16px;
    line-height: 1.5
}

.rx-content * {
    margin: 0
}

.rx-content address,.rx-content dd,.rx-content dt,.rx-content li,.rx-content p {
    font-size: 16px;
    line-height: 1.5
}

.rx-content h1+*,.rx-content h2+*,.rx-content h3+*,.rx-content h4+*,.rx-content h5+*,.rx-content h6+* {
    margin-top: 12px
}

.rx-content address+h2,.rx-content address+h3,.rx-content address+h4,.rx-content address+h5,.rx-content address+h6,.rx-content dl+h2,.rx-content dl+h3,.rx-content dl+h4,.rx-content dl+h5,.rx-content dl+h6,.rx-content ol+h2,.rx-content ol+h3,.rx-content ol+h4,.rx-content ol+h5,.rx-content ol+h6,.rx-content p+h2,.rx-content p+h3,.rx-content p+h4,.rx-content p+h5,.rx-content p+h6,.rx-content pre+h2,.rx-content pre+h3,.rx-content pre+h4,.rx-content pre+h5,.rx-content pre+h6,.rx-content ul+h2,.rx-content ul+h3,.rx-content ul+h4,.rx-content ul+h5,.rx-content ul+h6 {
    margin-top: 24px
}

.rx-content address+*,.rx-content dl+*,.rx-content ol+*,.rx-content p+*,.rx-content pre+*,.rx-content ul+* {
    margin-top: 24px
}

.rx-content blockquote+*,.rx-content figure+*,.rx-content table+*,.rx-content>div+* {
    margin-top: 24px
}

.rx-content h1+h2,.rx-content h2+h3,.rx-content h3+h4,.rx-content h4+h5,.rx-content h5+h6 {
    margin-top: 12px
}

.rx-content a,.rx-content a:focus,.rx-content a:hover,.rx-content a:visited {
    color: var(--rx-link-color)
}

.rx-content h1,.rx-content h2,.rx-content h3,.rx-content h4,.rx-content h5,.rx-content h6 {
    font-family: var(--rx-font-heading);
    font-weight: 700;
    font-style: normal;
    color: var(--rx-heading-color);
    text-rendering: optimizeLegibility;
    letter-spacing: 0
}

.rx-content h1 a,.rx-content h2 a,.rx-content h3 a,.rx-content h4 a,.rx-content h5 a,.rx-content h6 a {
    text-decoration: underline
}

.rx-content h1 {
    font-weight: 800
}

.rx-content h2 {
    font-weight: 700
}

.rx-content h3,.rx-content h4,.rx-content h5,.rx-content h6 {
    font-weight: 600
}

.rx-content h1 {
    font-size: 36px;
    line-height: 1.2
}

.rx-content h2 {
    font-size: 24px;
    line-height: 1.3
}

.rx-content h3 {
    font-size: 20px;
    line-height: 1.4
}

.rx-content h4 {
    font-size: 16px;
    line-height: 1.5
}

.rx-content h5 {
    font-size: 16px;
    line-height: 1.5
}

.rx-content h6 {
    font-size: 16px;
    line-height: 1.5
}

.rx-content abbr,.rx-content dfn {
    font-size: 95%
}

.rx-content cite,.rx-content code,.rx-content kbd,.rx-content small,.rx-content var {
    font-size: 85%
}

.rx-content sub,.rx-content sup {
    font-size: 65%
}

.rx-content code,.rx-content kbd,.rx-content var {
    display: inline-block;
    font-family: var(--rx-font-mono);
    font-style: normal;
    line-height: 1;
    vertical-align: baseline
}

.rx-content code,.rx-content kbd {
    border-radius: 4px
}

.rx-content kbd {
    color: var(--rx-kbd-color);
    background: var(--rx-kbd-bg);
    border: 1px solid var(--rx-kbd-border);
    padding: .2em .4em
}

.rx-content var {
    color: var(--rx-var-color)
}

.rx-content code {
    position: relative;
    top: -1px;
    padding: .2em .4em .2em;
    color: var(--rx-code-color);
    background: var(--rx-code-bg);
    border: 1px solid var(--rx-code-border)
}

.rx-content mark {
    background-color: #ff0;
    color: #000
}

.rx-content b,.rx-content strong {
    font-weight: 700
}

.rx-content abbr[title],.rx-content dfn {
    letter-spacing: .01em;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px dotted var(--rx-abbr-border);
    cursor: help
}

.rx-content cite {
    color: var(--rx-cite-color,var(--rx-text-color));
    font-style: italic
}

.rx-content sub,.rx-content sup {
    line-height: 1;
    margin-left: 2px
}

.rx-content sub {
    vertical-align: sub
}

.rx-content sup {
    vertical-align: super
}

.rx-content ol,.rx-content ul {
    padding-left: 0;
    margin-left: 20px
}

.rx-content li li {
    font-size: 1em
}

.rx-content dt {
    font-weight: 700
}

.rx-content dd+dt {
    margin-top: .25em
}

.rx-content pre {
    overflow: auto;
    white-space: pre;
    font-family: var(--rx-font-mono);
    font-size: 14px;
    line-height: 1.6;
    padding: 1em;
    border-radius: 3px;
    border: 1px solid var(--rx-pre-border,transparent);
    background: var(--rx-pre-bg,transparent);
    color: var(--rx-pre-color,var(--rx-text-color))
}

.rx-content pre code {
    position: initial;
    color: inherit;
    padding: 0;
    border: 0;
    font-size: 100%;
    display: block;
    line-height: inherit;
    background: 0 0
}

.rx-content blockquote,.rx-content figure:has(blockquote) {
    padding: 0;
    background: var(--rx-quote-bg,transparent);
    padding-left: 24px;
    border-left: var(--rx-quote-border-width,2px) solid var(--rx-quote-border-color)
}

.rx-content blockquote p,.rx-content figure:has(blockquote) p {
    font-style: italic;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    color: var(--rx-quote-color,var(--rx-text-color))
}

.rx-content blockquote p+p,.rx-content figure:has(blockquote) p+p {
    margin-top: .5em
}

.rx-content figure:has(blockquote) blockquote {
    padding: 0;
    border: none;
    box-shadow: none;
    background: 0 0;
    border-radius: 0
}

.rx-content blockquote cite,.rx-content figcaption cite {
    font-style: italic;
    font-weight: 400;
    color: var(--rx-quote-caption-color,var(--rx-text-color));
    font-size: 14px;
    line-height: 1.3
}

.rx-content caption {
    text-align: left;
    font-style: normal
}

.rx-content table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    empty-cells: show;
    font-size: 15px;
    line-height: 1.5;
    color: var(--rx-table-color,var(--rx-text-color))
}

.rx-content td,.rx-content th {
    text-align: left;
    vertical-align: top;
    padding: .75em;
    border: 1px solid var(--rx-table-border)
}

.rx-content th {
    font-weight: 400
}

.rx-content thead th {
    font-weight: 700
}

.rx-content address {
    font-style: italic
}

.rx-content figcaption {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.3;
    background: var(--rx-caption-bg,transparent);
    color: var(--rx-caption-color,var(--rx-text-color))
}

.rx-content figure>div,.rx-content figure>iframe,.rx-content figure>img,.rx-content figure>img a,.rx-content figure>pre {
    vertical-align: middle
}

.rx-content figure>iframe,.rx-content figure>img {max-width:100%; height:auto;}

.rx-content .embed-responsive:has(iframe) {
    position: relative;
    padding: 0;
    padding-bottom: 56.25%;
    height: 0
}

.rx-content .embed-responsive:has(iframe) iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rx-content div.embed-responsive {
    margin: 0
}

.rx-content hr {
    --rx-line-size: 1px;
    --rx-line-width: 100%;
    --rx-line-style: solid;
    position: relative;
    line-height: 1;
    background: 0 0;
    border: none!important;
    text-align: left;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    margin: 0!important;
    opacity: 1;
    width: auto
}

.rx-content hr:after {
    content: "";
    position: absolute;
    top: 50%;
    width: var(--rx-line-width);
    max-width: var(--rx-line-width);
    margin-top: -calc(var(--rx-line-size)/2);
    border-top-width: var(--rx-line-size);
    border-top-style: var(--rx-line-style);
    border-top-color: var(--rx-line-color)
}

.rx-content .wrap-center {
    text-align: center
}

.rx-content .wrap-center img {
    margin-left: auto;
    margin-right: auto;
	max-width:100%;
	height:auto !important;
}

.rx-content .wrap-center figcaption {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.rx-content .float-left {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
    max-width: 200px
}

.rx-content .float-right {
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
    max-width: 200px
}

.rx-content .outset-right {
    position: relative;
    width: calc(100% + var(--rx-outset-md));
    max-width: calc(100% + var(--rx-outset-md));
    transform: translateX(var(--rx-outset-md)) translate3d(0,0,0);
    left: calc(var(--rx-outset-md) * -1)
}

.rx-content .outset-left {
    width: calc(100% + var(--rx-outset-md));
    max-width: calc(100% + var(--rx-outset-md));
    transform: translateX(calc(var(--rx-outset-md) * -1)) translate3d(0,0,0)
}

.rx-content .outset-both {
    position: relative;
    width: calc(100% + var(--rx-outset-md) + var(--rx-outset-md));
    max-width: calc(100% + var(--rx-outset-md) + var(--rx-outset-md));
    transform: translateX(-50%) translate3d(0,0,0);
    left: 50%
}

.rx-content .grid {display:flex; gap:24px;}

@media(max-width:767px){
	.rx-content h1 {font-size: 30px;}
	.rx-content h2 {font-size: 20px;}
	.rx-content h3 {font-size: 17px;}
	.rx-content h4 {font-size: 14px;}
}