: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)
}

@keyframes slideUp {
    to {
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }
}

@keyframes slideDown {
    from {
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.rx-container {
    position: relative;
    box-sizing: border-box
}

.rx-container.rx-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    overflow-x: auto
}

.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-editor-container {
    box-sizing: border-box
}

.rx-editor-disabled {
    opacity: .4
}

.rx-editor-disabled img {
    filter: grayscale(1)
}

.rx-editor-overlay {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    z-index: 1;
    background: 0 0;
    top: 0;
    left: 0
}

.rx-toolbox-container {
    background: var(--rx-bg-toolbar);
    z-index: var(--rx-level-toolbar)
}

.rx-editor-breakline address+*,.rx-editor-breakline blockquote+*,.rx-editor-breakline dl+*,.rx-editor-breakline figure+*,.rx-editor-breakline ol+*,.rx-editor-breakline p+*,.rx-editor-breakline pre+*,.rx-editor-breakline table+*,.rx-editor-breakline ul+*,.rx-editor-breakline>div+* {
    margin-top: 0!important
}

.rx-editor-breakline h1+h2,.rx-editor-breakline h2+h3,.rx-editor-breakline h3+h4,.rx-editor-breakline h4+h5,.rx-editor-breakline h5+h6 {
    margin-top: 0!important
}

.rx-editor *,.rx-editor ::after,.rx-editor ::before {
    box-sizing: inherit
}

.rx-editor {
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    text-align: left
}

.rx-editor [dir=rtl],.rx-editor[dir=rtl] {
    text-align: right
}

.rx-editor [dir=ltr] {
    text-align: left
}

.rx-editor,.rx-editor [data-rx-type],.rx-editor a,.rx-editor figcaption,.rx-editor p,.rx-editor td,.rx-editor th {
    outline: 0
}

.rx-editor [data-rx-tag=br],.rx-editor [data-rx-tag=tbr] {
    margin-top: 0
}

.rx-editor [data-rx-tag=br]:empty,.rx-editor [data-rx-tag=tbr]:empty,.rx-editor [data-rx-type=text]:empty,.rx-editor [data-rx-type=todoitem] div:empty {
    min-width: 1em;
    min-height: 1.5em
}

.rx-editor::after {
    content: "";
    clear: both;
    display: table
}

.rx-editor [data-rx-type=embed],.rx-editor [data-rx-type=image] {
    position: relative
}

.rx-editor [data-rx-type=embed] img,.rx-editor [data-rx-type=image] img {
    vertical-align: middle
}

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

.rx-editor [data-rx-focusable].rx-block-focus {
    outline: 2px solid var(--rx-border-focus)!important
}

.rx-editor .rx-block-control-focus {
    outline: 1px solid var(--rx-border-focus)!important;
    outline-offset: 1px
}

.rx-editor [data-rx-type=wrapper]:empty {
    outline: 1px dashed var(--rx-border-dark-medium);
    outline-offset: 1px
}

.rx-editor [data-rx-type=heading] a {
    text-decoration: underline
}

.rx-editor .rx-layout-grid {
    display: flex;
    flex-direction: row;
    gap: 24px
}

.rx-editor [data-rx-type=column] {
    outline: 1px dashed var(--rx-border-dark-strong)
}

.rx-editor.rx-editor-email [data-rx-type=column] {
    outline: 0
}

.rx-editor.rx-editor-email [data-rx-type=column]:has(p:empty),.rx-editor.rx-editor-email [data-rx-type=column]:hover {
    outline: 1px dashed var(--rx-border-dark-strong)
}

.rx-editor [data-rx-type=embed] {
    position: relative
}

.rx-editor [data-rx-type=embed]:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    z-index: 1
}

.rx-editor [data-rx-type=embed] iframe {
    display: inline-block
}

.rx-editor [data-rx-type=embed] figcaption {
    position: relative;
    top: 0;
    z-index: 2
}

.rx-editor .rx-embed-placeholder {
    text-align: center;
    border: 1px dashed var(--rx-border-dark-medium);
    border-radius: var(--rx-rounded-md);
    padding: 40px 20px;
    font-size: 14px;
    color: var(--rx-fg-placeholder)
}

.rx-editor [data-rx-type=todo] {
    --rx-todo-size: 20px;
    --rx-todo-mark-color: var(--rx-fg-light-accent);
    --rx-todo-border-color: var(--rx-border-input);
    --rx-todo-bg: var(--rx-bg-input);
    --rx-todo-checked-border-color: var(--rx-border-dark-accent);
    --rx-todo-checked-bg: var(--rx-bg-dark-accent);
    margin-left: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.rx-editor [data-rx-type=todoitem] {
    display: flex;
    gap: 6px;
    cursor: text
}

.rx-editor [data-rx-type=todoitem] input {
    position: relative;
    top: 1px;
    appearance: none;
    display: inline-block;
    padding: 0;
    box-shadow: none;
    width: var(--rx-todo-size);
    height: var(--rx-todo-size);
    cursor: pointer
}

.rx-editor [data-rx-type=todoitem] input:before {
    content: "";
    display: block;
    width: var(--rx-todo-size);
    height: var(--rx-todo-size);
    border: 1px solid var(--rx-todo-border-color);
    border-radius: 6px;
    background: var(--rx-todo-bg)
}

.rx-editor [data-rx-type=todoitem] input:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(var(--rx-todo-size)/ 3.5);
    height: calc(var(--rx-todo-size)/ 1.8);
    background-color: transparent;
    transform: translate(-50%,-85%) scale(0) rotate(45deg)
}

.rx-editor [data-rx-type=todoitem] input:checked:before {
    border-color: var(--rx-todo-checked-border-color);
    background-color: var(--rx-todo-checked-bg);
    box-shadow: var(--rx-todo-checked-shadow)
}

.rx-editor [data-rx-type=todoitem] input:checked:after {
    transform: translate(-50%,-85%) scale(1) rotate(45deg);
    box-shadow: 2px 2px 0 0 var(--rx-todo-mark-color)
}

.rx-editor [data-rx-type=todoitem] div {
    outline: 0;
    line-height: 1.4
}

.rx-editor [data-rx-type=mergetag] {
    font-family: var(--rx-font-ui-mono);
    font-size: 85%;
    line-height: 1;
    display: inline-block;
    cursor: pointer;
    padding: 4px 8px;
    color: var(--rx-fg-dark-accent);
    background: var(--rx-bg-primary-medium);
    border-radius: 8px
}

.rx-editor [data-rx-type=mergetag]:hover {
    color: var(--rx-fg-dark-accent);
    background: var(--rx-bg-primary-strong)
}

.rx-editor [data-rx-type=mergetag].rx-block-focus {
    color: var(--rx-fg-dark-accent);
    background: var(--rx-bg-primary-emphasis)
}

.rx-editor .rx-block-placeholder {
    position: relative
}

.rx-editor .rx-block-placeholder:before {
    position: absolute
}

.rx-editor .rx-block-placeholder:before,.rx-editor [data-placeholder]:empty:before {
    content: attr(data-placeholder);
    display: inline-block;
    color: var(--rx-fg-placeholder);
    font-weight: 400;
    font-style: italic;
    font-size: inherit;
    cursor: text;
    max-height: 20px
}

.rx-editor [data-placeholder]:empty:focus:before {
    content: ""
}

.rx-editor.rx-placeholder:before {
    position: absolute;
    z-index: 0;
    content: attr(placeholder);
    color: var(--rx-fg-placeholder);
    font-weight: 400;
    cursor: text
}

.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-toolbar-container {
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.rx-toolbar-container::-webkit-scrollbar {
    width: 0;
    height: 0
}

.rx-toolbar-container:empty {
    display: none
}

.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-extrabar-buttons,.rx-toolbar-buttons {
    display: flex;
    white-space: nowrap;
    align-items: center;
    gap: 1px
}

.rx-extrabar,.rx-toolbar {
    padding: var(--rx-toolbar-padding);
    height: var(--rx-toolbar-height)
}

.rx-toolbar {
    order: 1;
    flex: 1
}

.rx-extrabar {
    order: 2
}

.rx-extrabar .rx-button,.rx-toolbar .rx-button {
    width: var(--rx-toolbar-button-width);
    height: var(--rx-toolbar-button-height)
}

.rx-extrabar .rx-button:hover .rx-button-icon,.rx-toolbar .rx-button:hover .rx-button-icon {
    background: var(--rx-bg-dark-subtle)
}

.rx-extrabar .rx-button.active .rx-button-icon,.rx-toolbar .rx-button.active .rx-button-icon {
    background: var(--rx-bg-primary-subtle)
}

.rx-extrabar .rx-button.toggled .rx-button-icon,.rx-toolbar .rx-button.toggled .rx-button-icon {
    background: var(--rx-bg-dark-subtle)
}

.rx-extrabar .rx-button.toggled .rx-button-icon svg,.rx-toolbar .rx-button.toggled .rx-button-icon svg {
    fill: var(--rx-fg-dark-accent)
}

.rx-extrabar .rx-button.disable,.rx-toolbar .rx-button.disable {
    cursor: default
}

.rx-extrabar .rx-button.disable .rx-button-icon,.rx-toolbar .rx-button.disable .rx-button-icon {
    background-color: transparent!important
}

.rx-extrabar .rx-button.disable .rx-button-icon svg,.rx-toolbar .rx-button.disable .rx-button-icon svg {
    fill: var(--rx-fg-dark-dimmed)
}

.rx-extrabar .rx-button-icon,.rx-toolbar .rx-button-icon {
    width: var(--rx-toolbar-button-width);
    min-width: var(--rx-toolbar-button-width);
    height: var(--rx-toolbar-button-height);
    border-radius: var(--rx-rounded-md)
}

.rx-extrabar .rx-button-icon svg,.rx-toolbar .rx-button-icon svg {
    fill: var(--rx-fg-dark-text);
    width: var(--rx-toolbar-icon-size);
    height: var(--rx-toolbar-icon-size)
}

.rx-extrabar .rx-button-title,.rx-toolbar .rx-button-title {
    display: 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-statusbar:empty {
    display: none
}

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

.rx-statusbar-item {
    font-size: 12px;
    padding: 0;
    margin: 0;
    line-height: 16px;
    color: var(--rx-fg-text)
}

.rx-statusbar-item:after {
    content: "";
    display: inline-block;
    position: relative;
    top: 2px;
    width: 1px;
    height: 12px;
    margin-left: 10px;
    background: var(--rx-border-dark-medium)
}

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

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

.rx-statusbar-item a:hover {
    color: var(--rx-fg-dark-minimal);
    text-decoration: underline
}

.rx-fullscreen .rx-statusbar {
    position: fixed;
    bottom: 0;
    width: 100%
}

.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-control .rx-button-icon {
    width: 28px;
    height: 28px
}

.rx-control .rx-button-icon svg {
    fill: var(--rx-fg-dark-accent);
    width: 14px;
    height: 14px
}

.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:hover .rx-button-icon {
    background: var(--rx-bg-white-medium)
}

.rx-context .rx-button:hover .rx-button-icon svg {
    fill: var(--rx-fg-white-accent)
}

.rx-context .rx-button.active .rx-button-icon {
    background: var(--rx-bg-primary-medium)
}

.rx-context .rx-button.toggled .rx-button-icon {
    background: var(--rx-bg-dark-strong)
}

.rx-context .rx-button.toggled .rx-button-icon svg {
    fill: var(--rx-fg-white-accent)
}

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

.rx-context .rx-button.disable .rx-button-icon {
    background-color: transparent!important
}

.rx-context .rx-button.disable .rx-button-icon svg {
    fill: var(--rx-fg-dark-dimmed)
}

.rx-context .rx-button-icon {
    width: 28px;
    min-width: 28px;
    height: 28px;
    border-radius: var(--rx-rounded-sm)
}

.rx-context .rx-button-icon svg {
    fill: var(--rx-fg-white-text);
    width: 18px;
    height: 18px
}

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

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

.rx-context .rx-button-text .rx-button-icon {
    display: none
}

.rx-context .rx-button-text .rx-button-title {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    height: 28px;
    padding: 0 6px;
    color: var(--rx-fg-white-text);
    border-radius: var(--rx-rounded-sm);
    display: flex;
    align-items: center;
    vertical-align: baseline
}

.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-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle
}

.rx-button-icon:empty {
    display: 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-dropdown[data-rx-pos=top] {
    box-shadow: none
}

.rx-dropdown-swatches {
    display: flex;
    flex-wrap: nowrap
}

.rx-dropdown-swatches-wrap {
    flex-wrap: wrap
}

.rx-dropdown-swatches-colors {
    display: flex;
    flex-direction: column
}

.rx-dropdown-swatches-colors-row {
    flex-direction: row
}

.rx-dropdown-swatch {
    cursor: pointer;
    position: relative;
    font-size: 0;
    width: 20px;
    height: 20px;
    border: 1px solid transparent
}

.rx-dropdown-swatch.active {
    border: 2px solid var(--rx-border-dark-accent);
    box-shadow: 0 0 0 2px var(--rx-border-light-accent);
    z-index: 2
}

.rx-dropdown-swatch-size-large {
    width: 32px;
    height: 32px
}

.rx-dropdown-color-contrast {
    border-color: var(--rx-border-dark-subtle)
}

.rx-dropdown-tabs {
    font-size: 13px;
    line-height: 1;
    font-weight: 500;
    display: flex;
    border-radius: var(--rx-rounded-md);
    background: var(--rx-bg-dark-minimal);
    padding: 2px;
    margin-bottom: 4px
}

.rx-dropdown-tab {
    flex-grow: 1;
    border-radius: var(--rx-rounded-sm);
    padding: 6px 8px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    color: var(--rx-fg-dark-text)
}

.rx-dropdown-tab:hover {
    text-decoration: none
}

.rx-dropdown-tab.active {
    background: var(--rx-bg-base);
    box-shadow: var(--rx-shadow-tab)
}

.rx-dropdown-item {
    font-size: 14px;
    line-height: 1.4;
    padding: 6px 8px;
    display: flex;
    color: var(--rx-fg-dark-text);
    border-bottom: 1px solid var(--rx-border-dark-dimmed)
}

.rx-dropdown-item .rx-button-title {
    display: none
}

.rx-dropdown-item:last-child {
    border-bottom-width: 0
}

.rx-dropdown-item-hotkey {
    margin-left: auto;
    font-weight: 400;
    display: flex;
    gap: 1px;
    align-items: center;
    color: var(--rx-fg-dark-minimal);
    font-family: var(--rx-font-ui);
    font-size: 12px;
    line-height: 16px
}

.rx-dropdown-item-hotkey span {
    padding: 0 2px;
    height: 16px
}

.rx-dropdown .rx-button {
    position: relative;
    padding: 8px;
    gap: 8px;
    width: 100%;
    border-radius: var(--rx-rounded-sm)
}

.rx-dropdown .rx-button:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -1px;
    left: 0;
    background: var(--rx-border-dark-dimmed)
}

.rx-dropdown .rx-button:last-child:after {
    display: none
}

.rx-dropdown .rx-button.rx-button-swatch {
    width: 20px;
    height: 20px;
    border-radius: 0
}

.rx-dropdown .rx-button.rx-button-swatch .rx-button-icon,.rx-dropdown .rx-button.rx-button-swatch .rx-button-title {
    display: none
}

.rx-dropdown .rx-button-title {
    color: var(--rx-fg-dark-accent)
}

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

.rx-dropdown .rx-button.active {
    background: var(--rx-bg-primary-subtle)
}

.rx-dropdown .rx-button-icon svg {
    fill: var(--rx-fg-dark-accent);
    width: 16px;
    height: 16px
}

.rx-dropdown .rx-button-danger .rx-button-title {
    color: var(--rx-fg-negative-accent)
}

.rx-dropdown .rx-button-danger svg {
    fill: var(--rx-fg-negative-accent)
}

.rx-dropdown-type-grid .rx-dropdown-items {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    box-sizing: border-box
}

.rx-dropdown-type-grid .rx-button {
    box-sizing: border-box;
    border-radius: 0;
    margin-bottom: -1px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    text-align: center;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--rx-border-dark-dimmed);
    color: var(--rx-fg-dark-text);
    border-left-color: transparent;
    border-top-color: transparent
}

.rx-dropdown-type-grid .rx-button:after {
    display: none
}

.rx-dropdown-type-grid .rx-button-title:empty {
    display: none
}

.rx-dropdown-type-grid .rx-dropdown-item svg {
    width: 16px;
    height: 16px
}

.rx-dropdown-stack {
    padding: 16px;
    padding-top: 0
}

.rx-dropdown-stack-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 4px;
    line-height: 1;
    border-bottom: 1px solid var(--rx-border-dark-dimmed)
}

.rx-dropdown-stack-item:last-child {
    border-bottom-color: transparent
}

.rx-dropdown-stack-item:hover {
    background-color: var(--rx-bg-dark-minimal)
}

.rx-dropdown-stack-title {
    text-decoration: none;
    flex: 1;
    padding: 7px 8px;
    font-size: 14px;
    color: var(--rx-fg-dark-text)
}

.rx-dropdown-stack-aside {
    font-family: var(--rx-font-ui-mono);
    font-size: 11px;
    color: var(--rx-fg-dark-subtle);
    margin-left: auto;
    padding-left: 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-form-upload-box {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    margin-bottom: 10px;
    border: 1px dashed var(--rx-border-dark-medium);
    background: var(--rx-bg-dark-dimmed);
    border-radius: var(--rx-rounded-md);
    min-width: 160px;
    height: 160px;
    cursor: pointer;
    position: relative
}

.rx-form-upload-box input[type=file] {
    font-size: 13px
}

.rx-form-upload-box img {
    position: relative;
    z-index: 2;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.rx-form-upload-box:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.rx-form-upload-box.rx-form-upload-hover {
    border-color: var(--rx-border-dark-medium);
    background-color: var(--rx-bg-dark-subtle)
}

.rx-form-upload-box.rx-form-upload-error {
    border-color: var(--rx-border-negative-medium);
    background-color: var(--rx-bg-negative-minimal)
}

.rx-upload-remove {
    position: absolute;
    z-index: 3;
    top: -6px;
    right: -10px;
    background-color: var(--rx-bg-black-accent);
    color: var(--rx-fg-white-accent);
    opacity: 1;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 10px;
    font-size: 14px;
    line-height: 20px
}

.rx-upload-remove:after {
    content: "×"
}

.rx-upload-remove:hover {
    background-color: var(--rx-bg-black-accent-hover)
}

.rx-form-upload-cover-off img {
    object-fit: initial;
    height: auto;
    width: auto
}

.rx-form-upload-placeholder {
    font-family: var(--rx-font-ui);
    color: var(--rx-fg-dark-minimal);
    font-size: 12px;
    line-height: 1.35;
    padding: 0 8px;
    text-align: center
}

.rx-form-upload-placeholder svg {
    fill: var(--rx-fg-dark-minimal)
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.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
}

@media only screen and (max-width: 767px) {
    .rx-ai-buttons,.rx-ai-footer {
        flex-direction:column;
        width: 100%
    }

    .rx-ai-select,.rx-ai-size {
        max-width: 100%
    }

    .rx-ai-button {
        justify-content: center
    }
}

.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: 'Archivo Narrow', 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;
    font-weight: 400;
    line-height: 1.5;
	color: #222;
}

.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: 0px;
}

.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 .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
}

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

.rx-content .float-left {
    float: left;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    max-width: 200px
}

.rx-content .float-right {
    float: right;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    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%
}