:root{--font-body: "Source Sans Pro", sans-serif;--font-code: "Source Code Pro", monospace;--font-heading: "Source Sans Pro", sans-serif;--color-base-brand: 259, 64%;--color-base-white: 0, 0%;--color-base-black: 216, 13%;--color-base-blue: 213, 89%;--color-brand: hsl(var(--color-base-brand), 60%);--color-white: hsl(var(--color-base-white), 100%);--color-black: hsl(var(--color-base-black), 9%);--color-blue: hsl(var(--color-base-blue), 64%)}:root{--color-divider: hsl(var(--color-base-white), 88%);--color-background: var(--color-white);--color-inverted-background: var(--color-black);--text-normal: hsl(var(--color-base-black), 20%);--text-dimmed: hsl(var(--color-base-black), 47%);--link-color: hsl(var(--color-base-blue), 44%);--link-hover: hsl(var(--color-base-blue), 58%);--button-primary-border: hsl(var(--color-base-brand), 20%);--button-primary-color: var(--color-brand);--button-primary-hover: hsl(var(--color-base-brand), 63%);--button-primary-active: hsl(var(--color-base-brand), 55%);--button-secondary-border: hsl(var(--color-base-brand), 88%);--button-secondary-color: var(--color-background);--button-secondary-hover: hsl(var(--color-base-white), 98%);--button-secondary-active: hsl(var(--color-base-white), 96%)}@media (prefers-color-scheme: dark){:root{--color-divider: hsl(var(--color-base-black), 29%);--color-background: var(--color-black);--color-inverted-background: var(--color-white);--text-normal: hsl(var(--color-base-white), 95%);--text-dimmed: hsl(var(--color-base-white), 70%);--link-color: var(--color-blue);--link-hover: hsl(var(--color-base-blue), 74%);--button-primary-border: var(--color-brand);--button-primary-color: var(--color-brand);--button-primary-hover: hsl(var(--color-base-brand), 63%);--button-primary-active: hsl(var(--color-base-brand), 55%);--button-secondary-border: hsl(var(--color-base-white), 49%);--button-secondary-color: var(--color-background);--button-secondary-hover: hsl(var(--color-base-black), 24%);--button-secondary-active: hsl(var(--color-base-black), 20%)}html{color-scheme:dark}}html:not([data-render-mode=dom]){overflow:hidden}html[data-render-mode=dom]{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, var(--scrollbar-thumb-bootstrap)) transparent}html.drome-preview[data-render-mode=dom]{overscroll-behavior-y:none}html[data-render-mode=dom] .drome-preview-banner{position:sticky;top:0;z-index:60}.scroll-root{position:fixed;inset:0;overflow-y:auto;overscroll-behavior:none;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, var(--scrollbar-thumb-bootstrap)) transparent}html.drome-preview .scroll-root,html.drome-preview #site-loader{inset:auto 0!important;top:var(--drome-preview-banner-height, 0px)!important;bottom:auto!important;height:calc(100% - var(--drome-preview-banner-height, 0px))!important}.scroll-root::-webkit-scrollbar{width:6px;height:6px}.scroll-root::-webkit-scrollbar-track{background:transparent}.scroll-root::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, var(--scrollbar-thumb-bootstrap));border-radius:9999px}@media (min-width: 768px){.scroll-root{scrollbar-width:none}.scroll-root::-webkit-scrollbar{display:none}}*{box-sizing:border-box;padding:0;margin:0}#root{position:relative}html:not([data-render-mode=dom]) body{overflow:hidden}body{position:relative;margin:0;color:var(--text-normal);font-family:var(--font-body);background:var(--color-background);font-synthesis:none;text-size-adjust:none;-webkit-text-size-adjust:none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-heading)}a{transition:color .2s;text-decoration:none;color:var(--link-color)}a:hover{color:var(--link-hover)}code{font-family:var(--font-code)}