@charset "UTF-8";

/* app/javascript/lib/redactor/redactor.min.css */
: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:5;
  --rx-level-tooltip:99;
  --rx-level-popup:100;
  --rx-outset-md:28px;
  --rx-toolbar-height:36px;
  --rx-toolbar-padding:2px;
  --rx-toolbar-button-width:32px;
  --rx-toolbar-button-height:34px;
  --rx-toolbar-icon-size:20px;
  --rx-fg-heading:#070707;
  --rx-fg-text:#2B2B3A;
  --rx-fg-subtle:#63636E;
  --rx-fg-placeholder:#A9A9AF;
  --rx-bg-input:#FFFFFF;
  --rx-bg-input-shaded:#F7F7F8;
  --rx-bg-input-on:#070707;
  --rx-bg-input-off:rgba(7, 7, 7, 0.15);
  --rx-bg-input-disabled:rgba(7, 7, 7, 0.05);
  --rx-bg-aluminum:#f8f8f8;
  --rx-bg-silver:#E6E6E6;
  --rx-bg-platinum:#CDCDCD;
  --rx-bg-base:#FFFFFF;
  --rx-bg-raised:#FFFFFF;
  --rx-bg-overlay:#FFFFFF;
  --rx-bg-toolbar:rgba(255, 255, 255, 0.97);
  --rx-bg-toolbar-raised:rgba(255, 255, 255, 0.97);
  --rx-bg-context:#070707;
  --rx-bg-context-active:#042C6A;
  --rx-bg-source:#191919;
  --rx-bg-focus:#F2F7FF;
  --rx-border-divider:rgba(7, 7, 7, 0.1);
  --rx-border-input:rgba(7, 7, 7, 0.2);
  --rx-border-focus:#73A9FF;
  --rx-fg-dark-accent:#070707;
  --rx-fg-dark-heading:#070707;
  --rx-fg-dark-text:rgba(7, 7, 7, 0.8);
  --rx-fg-dark-subtle:rgba(7, 7, 7, 0.6);
  --rx-fg-dark-minimal:rgba(7, 7, 7, 0.5);
  --rx-fg-dark-dimmed:rgba(7, 7, 7, 0.4);
  --rx-bg-dark-dimmed:rgba(7, 7, 7, 0.03);
  --rx-bg-dark-minimal:rgba(7, 7, 7, 0.05);
  --rx-bg-dark-subtle:rgba(7, 7, 7, 0.08);
  --rx-bg-dark-medium:rgba(7, 7, 7, 0.15);
  --rx-bg-dark-strong:rgba(7, 7, 7, 0.25);
  --rx-bg-dark-accent:#070707;
  --rx-bg-dark-accent-hover:rgba(7, 7, 7, 0.8);
  --rx-border-dark-dimmed:rgba(7, 7, 7, 0.05);
  --rx-border-dark-minimal:rgba(7, 7, 7, 0.08);
  --rx-border-dark-subtle:rgba(7, 7, 7, 0.1);
  --rx-border-dark-medium:rgba(7, 7, 7, 0.2);
  --rx-border-dark-accent:#070707;
  --rx-fg-light-accent:#FFFFFF;
  --rx-fg-light-heading:#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.08);
  --rx-bg-light-medium:rgba(255, 255, 255, 0.15);
  --rx-bg-light-strong: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.08);
  --rx-border-light-subtle:rgba(255, 255, 255, 0.1);
  --rx-border-light-medium:rgba(255, 255, 255, 0.2);
  --rx-border-light-accent:#FFFFFF;
  --rx-fg-black-accent:#070707;
  --rx-fg-black-heading:#070707;
  --rx-fg-black-text:rgba(7, 7, 7, 0.8);
  --rx-fg-black-subtle:rgba(7, 7, 7, 0.6);
  --rx-fg-black-minimal:rgba(7, 7, 7, 0.5);
  --rx-fg-black-dimmed:rgba(7, 7, 7, 0.4);
  --rx-bg-black-dimmed:rgba(7, 7, 7, 0.03);
  --rx-bg-black-minimal:rgba(7, 7, 7, 0.05);
  --rx-bg-black-subtle:rgba(7, 7, 7, 0.08);
  --rx-bg-black-medium:rgba(7, 7, 7, 0.15);
  --rx-bg-black-accent:#070707;
  --rx-bg-black-accent-hover:rgba(7, 7, 7, 0.8);
  --rx-border-black-dimmed:rgba(7, 7, 7, 0.05);
  --rx-border-black-minimal:rgba(7, 7, 7, 0.08);
  --rx-border-black-subtle:rgba(7, 7, 7, 0.1);
  --rx-border-black-medium:rgba(7, 7, 7, 0.2);
  --rx-border-black-accent:#070707;
  --rx-fg-white-accent:#FFFFFF;
  --rx-fg-white-heading:#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.08);
  --rx-bg-white-medium:rgba(255, 255, 255, 0.15);
  --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.08);
  --rx-border-white-subtle:rgba(255, 255, 255, 0.1);
  --rx-border-white-medium:rgba(255, 255, 255, 0.2);
  --rx-border-white-accent:#FFFFFF;
  --rx-fg-primary-accent:#0063FF;
  --rx-fg-primary-strong:#0247B5;
  --rx-fg-primary-text:#043583;
  --rx-bg-primary-minimal:#F2F7FF;
  --rx-bg-primary-subtle:#E5EFFF;
  --rx-bg-primary-medium:#C9DEFF;
  --rx-bg-primary-accent:#0063FF;
  --rx-bg-primary-accent-hover:#0247B5;
  --rx-bg-primary-static:#0063FF;
  --rx-border-primary-minimal:#C9DEFF;
  --rx-border-primary-subtle:#99C1FF;
  --rx-border-primary-medium:#99C1FF;
  --rx-border-primary-accent:#0063FF;
  --rx-border-primary-static:#0063FF;
  --rx-fg-negative-accent:#D70015;
  --rx-fg-negative-strong:#990211;
  --rx-fg-negative-text:#6F040E;
  --rx-bg-negative-minimal:#FFF0F1;
  --rx-bg-negative-subtle:#FFE1E5;
  --rx-bg-negative-medium:#FFC1C8;
  --rx-bg-negative-accent:#D70015;
  --rx-bg-negative-accent-hover:#D70015;
  --rx-bg-negative-static:#D70015;
  --rx-border-negative-minimal:#FFC1C8;
  --rx-border-negative-subtle:#FF8994;
  --rx-border-negative-medium:#FF8994;
  --rx-border-negative-acccent:#D70015;
  --rx-border-negative-static:#D70015;
  --rx-link-color:#0063FF;
  --rx-link-hover-color:#070707;
  --rx-link-dark-color:#070707;
  --rx-link-dark-hover-color:rgba(7, 7, 7, 0.6);
  --rx-link-dark-subtle-color:rgba(7, 7, 7, 0.6);
  --rx-link-dark-subtle-hover-color:#070707;
  --rx-shadow-modal:0 0 1px rgba(7, 7, 7, 0.25),0 5px 10px rgba(7, 7, 7, 0.05),0 10px 20px rgba(7, 7, 7, 0.05),0 20px 40px rgba(7, 7, 7, 0.05),0 40px 80px rgba(7, 7, 7, 0.05);
  --rx-shadow-dropdown:0 0 1px 0 rgba(0, 0, 0, 0.25),0 1px 1px -0.5px rgba(0, 0, 0, 0.07),0 3px 3px -1.5px rgba(0, 0, 0, 0.07),0 6px 6px -3px rgba(0, 0, 0, 0.07),0 12px 12px -6px rgba(0, 0, 0, 0.07);
  --rx-shadow-toolbar-raised:0 1px 3px rgba(7, 7, 7, 0.15),0 1px 2px rgba(7, 7, 7, 0.06);
  --rx-shadow-reorder:0 15px 30px rgba(7, 7, 7, 0.3);
  --rx-shadow-inner:inset 0 1px 1px rgba(7, 7, 7, 0.15);
  --rx-shadow-sm:0 1px 3px rgba(7, 7, 7, 0.15);
  --rx-shadow-md:0 1px 2px rgba(7, 7, 7, 0.05),0 3px 6px rgba(7, 7, 7, 0.05),0 2px 4px rgba(7, 7, 7, 0.05),0 10px 20px rgba(7, 7, 7, 0.05);
  --rx-shadow-lg:0 5px 10px rgba(7, 7, 7, 0.05),0 10px 20px rgba(7, 7, 7, 0.05),0 20px 40px rgba(7, 7, 7, 0.05),0 40px 80px rgba(7, 7, 7, 0.05);
  --rx-shadow-sm-border:0 0 1px rgba(7, 7, 7, 0.25),0 1px 3px rgba(7, 7, 7, 0.15);
  --rx-shadow-md-border:0 0 1px rgba(7, 7, 7, 0.25),0 1px 2px rgba(7, 7, 7, 0.05),0 3px 6px rgba(7, 7, 7, 0.05),0 2px 4px rgba(7, 7, 7, 0.05),0 10px 20px rgba(7, 7, 7, 0.05);
  --rx-shadow-lg-border:0 0 1px rgba(7, 7, 7, 0.25),0 5px 10px rgba(7, 7, 7, 0.05),0 10px 20px rgba(7, 7, 7, 0.05),0 20px 40px rgba(7, 7, 7, 0.05),0 40px 80px rgba(7, 7, 7, 0.05);
}
[rx-data-theme=dark] {
  --rx-fg-heading:#D8D8DB;
  --rx-fg-text:#C8C8CC;
  --rx-fg-subtle:#73737C;
  --rx-fg-placeholder:#73737C;
  --rx-bg-input:#141414;
  --rx-bg-input-shaded:#141414;
  --rx-bg-input-on:#73A9FF;
  --rx-bg-input-off:rgba(255, 255, 255, 0.2);
  --rx-bg-input-disabled:rgba(255, 255, 255, 0.05);
  --rx-bg-aluminum:#191919;
  --rx-bg-silver:#1E1E1E;
  --rx-bg-platinum:#2F2F2F;
  --rx-bg-base:#141414;
  --rx-bg-raised:#191919;
  --rx-bg-overlay:#191919;
  --rx-bg-toolbar:rgba(25, 25, 25, 0.97);
  --rx-bg-toolbar-raised:rgba(25, 25, 25, 0.97);
  --rx-bg-context-active:#C9DEFF;
  --rx-bg-focus:#061939;
  --rx-border-divider:rgba(255, 255, 255, 0.1);
  --rx-border-input:rgba(255, 255, 255, 0.2);
  --rx-border-focus:#73A9FF;
  --rx-fg-dark-accent:#FFFFFF;
  --rx-fg-dark-heading:rgba(255, 255, 255, 0.9);
  --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.08);
  --rx-bg-dark-medium:rgba(255, 255, 255, 0.15);
  --rx-bg-dark-strong:rgba(255, 255, 255, 0.25);
  --rx-bg-dark-accent:#F7F7F8;
  --rx-bg-dark-accent-hover:rgba(255, 255, 255, 0.8);
  --rx-border-dark-dimmed:rgba(255, 255, 255, 0.05);
  --rx-border-dark-minimal:rgba(255, 255, 255, 0.08);
  --rx-border-dark-subtle:rgba(255, 255, 255, 0.1);
  --rx-border-dark-medium:rgba(255, 255, 255, 0.2);
  --rx-border-dark-accent:#F7F7F8;
  --rx-fg-light-accent:#070707;
  --rx-fg-light-heading:rgba(7, 7, 7, 0.9);
  --rx-fg-light-text:rgba(7, 7, 7, 0.8);
  --rx-fg-light-subtle:rgba(7, 7, 7, 0.6);
  --rx-fg-light-minimal:rgba(7, 7, 7, 0.5);
  --rx-fg-light-dimmed:rgba(7, 7, 7, 0.4);
  --rx-bg-light-dimmed:rgba(7, 7, 7, 0.03);
  --rx-bg-light-minimal:rgba(7, 7, 7, 0.05);
  --rx-bg-light-subtle:rgba(7, 7, 7, 0.08);
  --rx-bg-light-medium:rgba(7, 7, 7, 0.15);
  --rx-bg-light-strong:rgba(7, 7, 7, 0.25);
  --rx-bg-light-accent:#070707;
  --rx-bg-light-accent-hover:rgba(7, 7, 7, 0.8);
  --rx-border-light-dimmed:rgba(7, 7, 7, 0.05);
  --rx-border-light-minimal:rgba(7, 7, 7, 0.08);
  --rx-border-light-subtle:rgba(7, 7, 7, 0.1);
  --rx-border-light-medium:rgba(7, 7, 7, 0.2);
  --rx-border-light-accent:#070707;
  --rx-fg-primary-accent:#73A9FF;
  --rx-fg-primary-strong:#99C1FF;
  --rx-fg-primary-text:#C9DEFF;
  --rx-bg-primary-minimal:#070D18;
  --rx-bg-primary-subtle:#061939;
  --rx-bg-primary-medium:#042C6A;
  --rx-bg-primary-accent:#73A9FF;
  --rx-bg-primary-accent-hover:#99C1FF;
  --rx-bg-primary-static:#0063FF;
  --rx-border-primary-minimal:#042C6A;
  --rx-border-primary-subtle:#043583;
  --rx-border-primary-medium:#043583;
  --rx-border-primary-accent:#73A9FF;
  --rx-border-primary-static:#0063FF;
  --rx-fg-negative-accent:#FF5D6C;
  --rx-fg-negative-strong:#FF8994;
  --rx-fg-negative-text:#FFC1C8;
  --rx-bg-negative-minimal:#160708;
  --rx-bg-negative-subtle:#31060A;
  --rx-bg-negative-medium:#5A040D;
  --rx-bg-negative-accent:#FF5D6C;
  --rx-bg-negative-accent-hover:#FF8994;
  --rx-bg-negative-static:#D70015;
  --rx-border-negative-minimal:#5A040D;
  --rx-border-negative-subtle:#6F040E;
  --rx-border-negative-medium:#6F040E;
  --rx-border-negative-accent:#FF5D6C;
  --rx-border-negative-static:#D70015;
  --rx-link-color:#73A9FF;
  --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 5px 10px rgba(7, 7, 7, 0.05),0 10px 20px rgba(7, 7, 7, 0.05),0 20px 40px rgba(7, 7, 7, 0.05),0 40px 80px rgba(7, 7, 7, 0.05);
  --rx-shadow-dropdown:0 0 1px 0 rgba(255, 255, 255, 0.4),0 1px 1px -0.5px rgba(0, 0, 0, 0.07),0 3px 3px -1.5px rgba(0, 0, 0, 0.07),0 6px 6px -3px rgba(0, 0, 0, 0.07),0 12px 12px -6px rgba(0, 0, 0, 0.07);
  --rx-shadow-sm-border:0 0 1px rgba(255, 255, 255, 0.5),0 1px 3px rgba(7, 7, 7, 0.15);
  --rx-shadow-md-border:0 0 1px rgba(255, 255, 255, 0.5),0 1px 2px rgba(7, 7, 7, 0.05),0 3px 6px rgba(7, 7, 7, 0.05),0 2px 4px rgba(7, 7, 7, 0.05),0 10px 20px rgba(7, 7, 7, 0.05);
  --rx-shadow-lg-border:0 0 1px rgba(255, 255, 255, 0.5),0 5px 10px rgba(7, 7, 7, 0.05),0 10px 20px rgba(7, 7, 7, 0.05),0 20px 40px rgba(7, 7, 7, 0.05),0 40px 80px rgba(7, 7, 7, 0.05);
}
@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-minimal);
}
.rx-main-wym {
  background-color: var(--rx-bg-aluminum);
}
.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;
}
.rx-editor a,
.rx-editor a:focus,
.rx-editor a:hover,
.rx-editor a:visited {
  text-decoration-color: currentcolor !important;
}
.rx-editor [dir=rtl] {
  text-align: right;
}
.rx-editor [dir=ltr] {
  text-align: left;
}
.rx-editor li {
  list-style-type: initial;
}
.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-hoverable] {
  transition: outline .2s ease, border-radius .2s ease;
  border-radius: 2px;
}
.rx-editor [data-rx-hoverable]:hover {
  outline: 3px solid #ffd138;
  border-radius: 2px;
}
.rx-editor [data-rx-focusable].rx-block-focus {
  outline: 3px solid var(--rx-border-focus) !important;
}
.rx-editor .rx-block-control-focus {
  outline: 3px solid var(--rx-border-focus) !important;
}
.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-cell-selected {
  background: var(--rx-bg-focus);
}
.rx-editor [data-rx-type=table] {
  position: relative;
}
.rx-editor .rx-table-selection-overlay {
  position: absolute;
  border: 3px solid var(--rx-border-focus);
  pointer-events: none;
  z-index: 10;
  box-sizing: border-box;
  background: 0 0;
}
.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-medium);
}
.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-medium);
}
.rx-editor .rx-nowrap {
  white-space: nowrap;
}
.rx-editor [data-rx-type=pre] {
  position: relative;
}
.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 [data-rx-type=embed].rx-block-focus:before {
  display: none;
}
.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 !important;
  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 6px;
  color: var(--rx-fg-primary-text);
  background: var(--rx-bg-primary-subtle);
  border: 1px solid var(--rx-border-primary-subtle);
  border-radius: 4px;
}
.rx-editor [data-rx-type=mergetag].rx-block-focus,
.rx-editor [data-rx-type=mergetag]:hover {
  background: var(--rx-bg-primary-medium);
}
.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: auto;
  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: 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 {
  justify-content: center;
  width: var(--rx-toolbar-button-width);
  height: var(--rx-toolbar-button-height);
}
.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);
}
.rx-extrabar .rx-button-icon svg,
.rx-toolbar .rx-button-icon svg {
  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);
  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;
  position: relative;
  overflow: hidden;
  background: var(--rx-bg-base);
  box-sizing: border-box;
  border: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.rx-statusbar-end,
.rx-statusbar-start {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
}
.rx-statusbar-end:empty,
.rx-statusbar-start:empty {
  display: none;
}
.rx-statusbar-start {
  flex: auto;
}
.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-divider);
}
.rx-statusbar-item:last-child:after {
  display: none;
}
.rx-statusbar-item a {
  color: var(--rx-link-dark-color);
  text-decoration: underline;
}
.rx-statusbar-item a:hover {
  color: var(--rx-link-dark-hover-color);
  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: 20px;
  line-height: 0;
}
.rx-control-buttons {
  display: flex;
  gap: 1;
  flex-direction: column;
  flex-wrap: wrap;
}
.rx-control .rx-button {
  justify-content: center;
  background: var(--rx-bg-raised);
}
.rx-control .rx-button-title {
  display: none;
}
.rx-control .rx-button,
.rx-control .rx-button-icon {
  width: 20px;
  min-width: 20px;
  height: 26px;
}
.rx-control .rx-button-icon svg {
  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-lg);
  padding: 4px 6px;
  margin: 0;
  line-height: 1;
  background: var(--rx-bg-context);
  box-shadow: var(--rx-shadow-md-border);
  max-width: 380px;
}
.rx-context-line {
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  padding: 6px;
  padding-bottom: 8px;
  border-radius: var(--rx-rounded-sm);
  display: flex;
  align-items: center;
  vertical-align: baseline;
}
.rx-context-line,
.rx-context-line a {
  color: var(--rx-fg-white-text);
}
.rx-context-line a:hover {
  color: var(--rx-fg-white-subtle);
}
.rx-context-buttons {
  display: flex;
  align-items: center;
  gap: 1px;
  flex-wrap: wrap;
}
.rx-context .rx-button {
  justify-content: center;
}
.rx-context .rx-button.active,
.rx-context .rx-button.pressed,
.rx-context .rx-button:hover {
  background: var(--rx-bg-white-medium);
}
.rx-context .rx-button.active .rx-button-icon svg,
.rx-context .rx-button.pressed .rx-button-icon svg,
.rx-context .rx-button:hover .rx-button-icon svg {
  fill: var(--rx-fg-white-text);
}
.rx-context .rx-button.disabled .rx-button-icon svg {
  fill: var(--rx-fg-white-dimmed);
}
.rx-context .rx-button-icon {
  border-radius: var(--rx-rounded-md);
}
.rx-context .rx-button-icon svg {
  fill: var(--rx-fg-white-text);
  width: 18px;
  height: 18px;
}
.rx-context .rx-button-title {
  display: none;
}
.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;
  gap: 8px;
  border-radius: var(--rx-rounded-sm);
  width: 28px;
  height: 28px;
  transition: none;
  cursor: pointer;
}
.rx-button.pressed {
  background: var(--rx-bg-silver);
}
.rx-button.pressed .rx-button-icon svg {
  fill: var(--rx-fg-dark-accent);
}
.rx-button:hover {
  text-decoration: none;
}
.rx-button:hover {
  background: var(--rx-bg-silver);
}
.rx-button:hover .rx-button-icon svg {
  fill: var(--rx-fg-dark-accent);
}
.rx-button.active {
  background: var(--rx-bg-silver);
}
.rx-button.disabled {
  cursor: default;
  background-color: transparent !important;
}
.rx-button.disabled .rx-button-icon svg {
  fill: var(--rx-fg-dark-dimmed);
}
.rx-button-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  border-radius: var(--rx-rounded-sm);
  width: 28px;
  min-width: 28px;
  height: 28px;
}
.rx-button-icon:empty {
  display: none;
}
.rx-button-icon svg {
  fill: var(--rx-fg-dark-text);
  width: 16px;
  height: 16px;
}
.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: 3px 6px 4px 6px;
  border-radius: var(--rx-rounded-sm);
  line-height: 1;
  font-family: var(--rx-font-ui);
  font-size: 12px;
  font-weight: 400;
  color: var(--rx-fg-white-text);
  background: var(--rx-bg-black-accent);
  pointer-events: none;
}
.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-dropdown {
  position: absolute;
  font-family: var(--rx-font-ui);
  border-radius: var(--rx-rounded-md);
  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);
  overflow-y: auto;
}
.rx-dropdown-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--rx-bg-dark-accent);
  padding: 8px;
}
.rx-dropdown-title:empty {
  display: none;
}
.rx-dropdown-items {
  padding: 2px;
}
.rx-dropdown-tabs {
  display: flex;
  background: var(--rx-bg-aluminum);
}
.rx-dropdown-tab {
  padding: 4px 8px;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.rx-dropdown-tab.active,
.rx-dropdown-tab:hover {
  background: var(--rx-bg-light-accent);
}
.rx-dropdown-images {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  max-width: 272px;
  padding: 4px;
}
.rx-dropdown-images img {
  border-radius: 2px;
  vertical-align: top;
  min-width: 85px;
  max-width: 85px;
  min-height: 56px;
  max-height: 56px;
  object-fit: fill;
  height: 100%;
  width: min-content;
  cursor: pointer;
}
.rx-dropdown-images img:hover {
  outline: 3px solid var(--rx-border-focus);
}
.rx-option-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
  font-size: 14px;
  min-width: 160px;
}
.rx-option-item {
  display: flex;
  align-items: center;
  padding: .5em;
  cursor: pointer;
  outline: 0;
  position: relative;
  border-radius: var(--rx-rounded-sm);
}
.rx-option-item.divider-bottom:before,
.rx-option-item.divider-top:before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid var(--rx-border-divider);
}
.rx-option-item.divider-top:before {
  top: -1px;
}
.rx-option-item.passive,
.rx-option-item.passive .rx-option-label {
  cursor: default;
}
.rx-option-item:not(.passive):hover {
  background: var(--rx-bg-silver);
}
.rx-option-item.active,
.rx-option-item:has(input:checked) {
  background: var(--rx-bg-silver);
  font-weight: 500;
}
.rx-option-item.active .rx-option-check,
.rx-option-item:has(input:checked) .rx-option-check {
  display: inline-block;
}
.rx-option-item.disabled,
.rx-option-item.disabled:hover {
  opacity: .6;
  cursor: not-allowed;
  pointer-events: none;
  background: 0 0;
}
.rx-option-header {
  font-size: 12px;
  font-weight: 600;
  color: var(--rx-fg-dark-accent);
  padding: .5em .75em;
  pointer-events: none;
}
.rx-option-label {
  --gap:8px;
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100%;
  gap: var(--gap);
  color: var(--rx-fg-dark-accent);
}
a.rx-option-label,
a.rx-option-label:hover {
  color: var(--rx-fg-text);
  text-decoration: none;
}
.rx-option-item.focus,
.rx-option-item.focus .option-label,
.rx-option-item.focus a.option-label,
.rx-option-item.focus a.option-label:hover,
.rx-option-item.focus:hover,
.rx-option-item.focus:hover .option-label,
.rx-option-item.focus:hover a.option-label,
.rx-option-item.focus:hover a.option-label:hover {
  background: var(--rx-bg-silver);
}
.rx-option-label.danger,
a.rx-option-label.danger,
a.rx-option-label.danger:hover {
  color: var(--rx-fg-negative-accent);
}
.rx-option-label.danger svg,
a.rx-option-label.danger svg,
a.rx-option-label.danger:hover svg {
  fill: var(--rx-fg-negative-accent);
}
.rx-option-text {
  flex: 1;
}
.rx-option-text-xlarge {
  font-size: 21px;
}
.rx-option-check {
  color: var(--rx-fg-dark-accent);
  font-weight: 700;
  display: none;
}
.rx-option-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--rx-fg-dark-accent);
}
.rx-option-icon svg {
  height: 16px;
  width: 16px;
  fill: var(--rx-fg-dark-accent);
}
.rx-option-icon:empty,
.rx-option-text:empty {
  display: none;
}
.rx-option-shortcut {
  font-weight: 400;
  font-size: 13px;
  color: var(--rx-fg-subtle);
  margin-left: 12px;
}
.rx-dropdown-grid-container .rx-option-list,
.rx-dropdown-type-grid .rx-option-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  box-sizing: border-box;
}
.rx-dropdown-grid-container .rx-option-item,
.rx-dropdown-type-grid .rx-option-item {
  padding: 0;
}
.rx-dropdown-grid-container .rx-option-label,
.rx-dropdown-type-grid .rx-option-label {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.rx-colorpicker {
  position: absolute;
  font-family: var(--rx-font-ui);
  border-radius: var(--rx-rounded-md);
  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);
  overflow-y: auto;
  padding: 4px;
}
.rx-swatches {
  display: flex;
  flex-wrap: nowrap;
}
.rx-swatches-wrap {
  flex-wrap: wrap;
}
.rx-swatches-colors {
  display: flex;
  flex-direction: column;
}
.rx-swatches-colors-row {
  flex-direction: row;
}
.rx-swatch {
  cursor: pointer;
  position: relative;
  font-size: 0;
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
}
.rx-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-swatch-size-large {
  width: 32px;
  height: 32px;
}
.rx-color-contrast {
  border-color: var(--rx-border-dark-subtle);
}
.rx-colorpicker-tabs {
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  display: flex;
  gap: 2px;
  border-radius: var(--rx-rounded-sm);
  background: var(--rx-bg-dark-minimal);
  padding: 2px;
  margin-bottom: 4px;
}
.rx-colorpicker-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-subtle);
}
.rx-colorpicker-tab.active,
.rx-colorpicker-tab:hover {
  text-decoration: none;
  background: var(--rx-bg-dark-subtle);
  color: var(--rx-fg-dark-text);
}
.rx-colorpicker-tab.active {
  cursor: text;
  text-decoration: none;
  background: var(--rx-bg-light-accent);
  color: var(--rx-fg-dark-text);
  box-shadow: var(--shadow-sm-border);
}
.rx-button-dropdown {
  position: relative;
  padding: 8px 10px;
  height: auto;
  width: 100%;
  border-radius: var(--rx-rounded-md);
}
.rx-form {
  padding: 10px;
}
.rx-form-item {
  padding-bottom: 12px;
}
.rx-form-item:empty {
  display: none;
}
.rx-form-item:last-child {
  padding-bottom: 0;
}
.rx-form-box {
  padding: 16px;
}
.rx-form-image img,
.rx-form-image svg {
  max-width: 100%;
}
.rx-form-section,
.rx-form-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--rx-bg-dark-accent);
  padding-bottom: 4px;
}
.rx-form-section:empty,
.rx-form-title:empty {
  display: none;
}
.rx-form-section:not(:first-child) {
  padding-top: 8px;
}
.rx-form-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-text);
}
.rx-form-hint {
  font-size: 13px;
  font-weight: 400;
  color: var(--rx-fg-dark-subtle);
  margin-left: 2px;
}
.rx-form-flex {
  display: flex;
  gap: 8px;
  align-items: center;
  padding-bottom: 12px;
}
.rx-form-flex .rx-form-item {
  padding: 0;
}
.rx-form-flex .rx-form-input,
.rx-form-flex .rx-form-select {
  flex: auto;
}
.rx-form-flex:last-child {
  padding-bottom: 0;
}
.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: 24px;
  width: 24px;
  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: 13px;
  font-weight: 400;
  outline: 0;
  border-radius: 6px;
  padding: 6px 10px;
  min-height: 32px;
  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-button-push-right {
  margin-left: auto;
}
.rx-form-input,
.rx-form-select,
.rx-form-textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  font-weight: 400;
  padding: 4px 8px;
  height: 32px;
  font-family: var(--rx-font-ui);
  font-size: 14px;
  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: 0 0 0 1px var(--rx-border-focus);
}
.rx-form-textarea {
  height: auto;
  resize: vertical;
  line-height: 1.5;
}
.rx-form-select {
  font-size: 15px;
  cursor: pointer;
  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: 32px;
}
[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 {
  appearance: auto;
  box-sizing: border-box;
  vertical-align: middle;
  margin: 0 !important;
  margin-right: 4px !important;
}
.rx-form-checkbox-label {
  color: var(--rx-fg-dark-text);
  font-family: var(--rx-font-ui);
  font-size: 14px;
  line-height: 1.4;
}
.rx-form-upload-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 2px;
  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: "\d7";
}
.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-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-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.rx-hidden {
  display: none !important;
}
.rx-code-lang-select {
  position: absolute;
  top: 2px;
  right: 4px;
  z-index: 3;
}
.rx-collapsed {
  position: relative;
}
.rx-collapsed:before {
  content: "\203a";
  position: absolute;
  left: -12px;
  line-height: 1;
  top: 50%;
  margin-top: -7px;
  font-size: 14px;
}
.rx-toc {
  margin-bottom: 24px;
}
.rx-empty address:empty,
.rx-empty blockquote:empty,
.rx-empty caption: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: "\200b";
}
.rx-empty code:after,
.rx-empty kbd:after,
.rx-empty mark:after {
  content: "\200b";
}
.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 {
  text-align: left;
  --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-subtle);
  --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-accent);
  --rx-quote-border-color:var(--rx-border-dark-accent);
  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[dir=rtl] {
  text-align: right;
}
.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: 8px !important;
}
.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: 20px !important;
}
.rx-content address + *,
.rx-content dl + *,
.rx-content ol + *,
.rx-content p + *,
.rx-content pre + *,
.rx-content ul + * {
  margin-top: 16px !important;
}
.rx-content blockquote + *,
.rx-content figure + *,
.rx-content table + *,
.rx-content > div:not([data-rx-tag=br], [data-rx-type=text]) + * {
  margin-top: 16px !important;
}
.rx-content h1 + h2,
.rx-content h2 + h3,
.rx-content h3 + h4,
.rx-content h4 + h5,
.rx-content h5 + h6 {
  margin-top: 12px !important;
}
.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,
.rx-content h2 {
  font-weight: 700;
  letter-spacing: -.02em;
}
.rx-content h3,
.rx-content h4,
.rx-content h5,
.rx-content h6 {
  font-weight: 600;
  letter-spacing: -.01em;
}
.rx-content h1 {
  font-size: 36px;
  line-height: 1.25;
}
.rx-content h2 {
  font-size: 24px;
  line-height: 1.25;
}
.rx-content h3 {
  font-size: 20px;
  line-height: 1.25;
}
.rx-content h4 {
  font-size: 16px;
  line-height: 1.25;
}
.rx-content h5 {
  font-size: 16px;
  line-height: 1.25;
}
.rx-content h6 {
  font-size: 16px;
  line-height: 1.25;
}
.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 b,
.rx-content strong {
  font-weight: 700;
}
.rx-content em,
.rx-content i {
  font-style: italic;
}
.rx-content em strong,
.rx-content i b {
  font-style: italic;
}
.rx-content del,
.rx-content s,
.rx-content strike {
  text-decoration: line-through;
}
.rx-content u {
  text-decoration: underline;
}
.rx-content code,
.rx-content kbd,
.rx-content var {
  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: #ffea80;
  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 ul li {
  list-style: disc;
}
.rx-content ol li {
  list-style: decimal;
}
.rx-content ol > li > ol li {
  list-style-type: lower-alpha;
}
.rx-content ol > li > ol > li > ol li {
  list-style-type: lower-roman;
}
.rx-content ol,
.rx-content ul {
  padding-left: 0;
  margin-inline: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 20px !important;
}
.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;
  white-space: pre;
  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,3px) 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 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 caption,
.rx-content table td,
.rx-content table th {
  text-align: left;
  vertical-align: top;
  padding: .75em;
  border: 1px solid var(--rx-table-border);
}
.rx-content table tbody tr:last-child td,
.rx-content table tbody tr:last-child th {
  border-bottom: 1px solid var(--rx-table-border);
}
.rx-content caption {
  font-size: 14px;
  text-align: left;
  font-style: normal;
  padding: .5em .75em;
  border-bottom: none;
  color: var(--rx-fg-subtle);
}
.rx-content table 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-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-editor-wym address,
.rx-editor-wym dl,
.rx-editor-wym h1,
.rx-editor-wym h2,
.rx-editor-wym h3,
.rx-editor-wym h4,
.rx-editor-wym h5,
.rx-editor-wym h6,
.rx-editor-wym ol:not([data-structure=false]),
.rx-editor-wym p,
.rx-editor-wym ul:not([data-structure=false]) {
  position: relative;
  background: var(--rx-bg-base);
  padding: 8px 12px;
}
.rx-editor-wym address:after,
.rx-editor-wym dl:after,
.rx-editor-wym h1:after,
.rx-editor-wym h2:after,
.rx-editor-wym h3:after,
.rx-editor-wym h4:after,
.rx-editor-wym h5:after,
.rx-editor-wym h6:after,
.rx-editor-wym ol:not([data-structure=false]):after,
.rx-editor-wym p:after,
.rx-editor-wym ul:not([data-structure=false]):after {
  position: absolute;
  font-size: 11px;
  font-weight: 400;
  top: 2px;
  right: 4px;
  cursor: pointer;
  color: var(--rx-fg-placeholder);
}
.rx-editor-wym address:empty::before,
.rx-editor-wym dl:empty::before,
.rx-editor-wym h1:empty::before,
.rx-editor-wym h2:empty::before,
.rx-editor-wym h3:empty::before,
.rx-editor-wym h4:empty::before,
.rx-editor-wym h5:empty::before,
.rx-editor-wym h6:empty::before,
.rx-editor-wym ol:not([data-structure=false]):empty::before,
.rx-editor-wym p:empty::before,
.rx-editor-wym ul:not([data-structure=false]):empty::before {
  content: "\200b";
  display: inline-block;
}
.rx-editor-wym pre {
  position: relative;
}
.rx-editor-wym pre:after {
  position: absolute;
  font-size: 11px;
  font-weight: 400;
  top: 2px;
  right: 4px;
  cursor: pointer;
  color: var(--rx-fg-placeholder);
}
.rx-editor-wym ol:not([data-structure=false]) ol,
.rx-editor-wym ul:not([data-structure=false]) ul {
  outline: 1px solid var(--rx-border-divider) !important;
}
.rx-editor-wym ol,
.rx-editor-wym ul:not([data-rx-type=todo]) {
  margin-left: 0;
  padding-left: 24px;
  margin-bottom: 3px;
}
.rx-editor-wym ol:not([data-structure=false]):after {
  content: "ol";
}
.rx-editor-wym ul:not([data-structure=false]):after {
  content: "ul";
}
.rx-editor-wym dl:after {
  content: "dl";
}
.rx-editor-wym h1:after {
  content: "h1";
}
.rx-editor-wym h2:after {
  content: "h2";
}
.rx-editor-wym h3:after {
  content: "h3";
}
.rx-editor-wym h4:after {
  content: "h4";
}
.rx-editor-wym h5:after {
  content: "h5";
}
.rx-editor-wym h6:after {
  content: "h6";
}
.rx-editor-wym p:after {
  content: "p";
}
.rx-editor-wym pre:after {
  content: "pre";
}
.rx-editor-wym address:after {
  content: "address";
}

/* app/javascript/lib/redactor/redactor-custom.css */
.rx-control {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 100 !important;
}
[data-rx-type].rx-block-focus ~ .rx-control,
[data-rx-type]:hover ~ .rx-control {
  display: flex !important;
}
.rx-editor-container {
  position: relative;
}
.rx-editor {
  position: relative;
}
.redactor-wrapper {
  position: relative;
}
.rx-editor [data-rx-focusable]:hover {
  box-shadow: 0 0 0 1px rgba(7, 7, 7, 0.1);
}
.rx-sticky,
.rx-toolbox {
  z-index: 100 !important;
}
.rx-dropdown[data-name=control],
.rx-dropdown[data-name=wrap],
.rx-dropdown[data-name=outset] {
  z-index: 110 !important;
}
.rx-dropdown:not([data-name=control]):not([data-name=wrap]):not([data-name=outset]) {
  z-index: 120 !important;
}
.rx-colorpicker {
  z-index: 130 !important;
}
.rx-ai-main {
  position: relative;
  z-index: 100 !important;
}
.rx-form:has(.rx-ai-main) {
  position: relative;
  z-index: 100 !important;
}
.rx-editor-overlay {
  z-index: 115 !important;
}
.rx-editor [data-rx-type=table],
.rx-editor table {
  width: 100%;
}
.rx-editor table td,
.rx-editor table th {
  min-width: 50px;
}
.rx-ai-processing-text {
  color: #666;
  font-size: 13px;
  font-style: italic;
  margin-right: 8px;
  display: inline;
}
.rx-ai-textarea[disabled] {
  cursor: not-allowed;
  background-color: #f5f5f5;
}
.rx-ai-progress:not(:empty) {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 12px;
  background-color: #f8f9fa;
  border-radius: 4px;
  margin-bottom: 12px;
}
.rx-ai-progress svg {
  width: 20px;
  height: 20px;
  animation: rx-ai-spin 1s linear infinite;
}
@keyframes rx-ai-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.rx-source,
.rx-source:hover,
.rx-source:focus,
textarea.rx-source {
  background-color: #191919 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  caret-color: white !important;
}
.rx-content figure img,
.rx-editor figure img {
  max-width: 100%;
  height: auto;
}
.rx-fullscreen .rx-editor {
  overflow: visible !important;
  position: relative;
}
.rx-fullscreen .rx-editor-container {
  overflow: visible !important;
  position: relative;
}
body.rx-stop-scrolling .rx-control {
  z-index: 10010 !important;
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.rx-fullscreen .rx-toolbox,
.rx-fullscreen .rx-sticky {
  z-index: 10010 !important;
}
.rx-fullscreen .rx-context {
  z-index: 10020 !important;
}
.rx-fullscreen .rx-editor-overlay {
  z-index: 10015 !important;
}
body.rx-stop-scrolling .rx-dropdown[data-name=control],
body.rx-stop-scrolling .rx-dropdown[data-name=wrap],
body.rx-stop-scrolling .rx-dropdown[data-name=outset] {
  z-index: 10020 !important;
}
body.rx-stop-scrolling .rx-dropdown:not([data-name=control]):not([data-name=wrap]):not([data-name=outset]) {
  z-index: 10020 !important;
}
body.rx-stop-scrolling .rx-addbar {
  z-index: 10020 !important;
}
body.rx-stop-scrolling .rx-colorpicker {
  z-index: 10030 !important;
}
body.rx-stop-scrolling .rx-popup {
  z-index: 10030 !important;
}
body.rx-stop-scrolling > .rx-context {
  z-index: 10020 !important;
}
.rx-content ul,
.rx-editor ul {
  margin-left: 0 !important;
  padding-left: 20px !important;
}
.rx-content ol,
.rx-editor ol {
  margin-left: 0 !important;
  padding-left: 24px !important;
}
.rx-editor ul li {
  list-style-type: disc !important;
}
.rx-editor ol li {
  list-style-type: decimal !important;
}
.rx-editor [data-rx-type=text] a {
  text-decoration: underline;
}
.rx-content [data-block=layout] {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.rx-content [data-block=column] {
  min-width: 0;
}
.rx-content--stacked [data-block=layout] {
  flex-direction: column;
}
.rx-content--stacked [data-block=column] {
  flex-basis: 100% !important;
}

/* app/javascript/lib/redactor/plugins/mention/mention.css */
.rx-content .mention,
.redactor-content .mention,
span.mention {
  color: #055980;
  background-color: #e8f4f8;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 500;
  white-space: nowrap;
  cursor: default;
  user-select: all;
  text-decoration: none;
}
.rx-content .mention:hover,
.redactor-content .mention:hover,
span.mention:hover {
  background-color: #d1e9f4;
}
.rx-panel .rx-panel-item img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 8px;
}
.rx-panel .rx-panel-item {
  display: flex !important;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
}
.rx-panel .rx-panel-item.active,
.rx-panel .rx-panel-item:hover {
  background-color: #f0f0f0;
}
.rx-panel .rx-panel-loading {
  padding: 8px 12px;
  color: #666;
  font-style: italic;
}
.rx-panel .rx-panel-empty {
  padding: 8px 12px;
  color: #999;
  font-style: italic;
}

/* node_modules/react-pdf/dist/esm/Page/AnnotationLayer.css */
:root {
  --react-pdf-annotation-layer: 1;
  --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --input-focus-border-color: Highlight;
  --input-focus-outline: 1px solid Canvas;
  --input-unfocused-border-color: transparent;
  --input-disabled-border-color: transparent;
  --input-hover-border-color: black;
  --link-outline: none;
}
@media screen and (forced-colors: active) {
  :root {
    --input-focus-border-color: CanvasText;
    --input-unfocused-border-color: ActiveText;
    --input-disabled-border-color: GrayText;
    --input-hover-border-color: Highlight;
    --link-outline: 1.5px solid LinkText;
  }
  .annotationLayer .textWidgetAnnotation :is(input, textarea):required,
  .annotationLayer .choiceWidgetAnnotation select:required,
  .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
    outline: 1.5px solid selectedItem;
  }
  .annotationLayer .linkAnnotation:hover {
    backdrop-filter: invert(100%);
  }
}
.annotationLayer {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transform-origin: 0 0;
  z-index: 3;
}
.annotationLayer[data-main-rotation="90"] .norotate {
  transform: rotate(270deg) translateX(-100%);
}
.annotationLayer[data-main-rotation="180"] .norotate {
  transform: rotate(180deg) translate(-100%, -100%);
}
.annotationLayer[data-main-rotation="270"] .norotate {
  transform: rotate(90deg) translateY(-100%);
}
.annotationLayer canvas {
  position: absolute;
  width: 100%;
  height: 100%;
}
.annotationLayer section {
  position: absolute;
  text-align: initial;
  pointer-events: auto;
  box-sizing: border-box;
  margin: 0;
  transform-origin: 0 0;
}
.annotationLayer .linkAnnotation {
  outline: var(--link-outline);
}
.textLayer.selecting ~ .annotationLayer section {
  pointer-events: none;
}
.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover {
  opacity: 0.2;
  background: rgba(255, 255, 0, 1);
  box-shadow: 0 2px 10px rgba(255, 255, 0, 1);
}
.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.annotationLayer .textWidgetAnnotation :is(input, textarea),
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  background-image: var(--annotation-unfocused-field-background);
  border: 2px solid var(--input-unfocused-border-color);
  box-sizing: border-box;
  font: calc(9px * var(--scale-factor)) sans-serif;
  height: 100%;
  margin: 0;
  vertical-align: top;
  width: 100%;
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):required,
.annotationLayer .choiceWidgetAnnotation select:required,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
  outline: 1.5px solid red;
}
.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}
.annotationLayer .textWidgetAnnotation textarea {
  resize: none;
}
.annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] {
  background: none;
  border: 2px solid var(--input-disabled-border-color);
  cursor: not-allowed;
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover {
  border: 2px solid var(--input-hover-border-color);
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover {
  border-radius: 2px;
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus {
  background-image: none;
  background-color: transparent;
}
.annotationLayer .buttonWidgetAnnotation.checkBox :focus {
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}
.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  border: 2px solid var(--input-focus-border-color);
  outline: var(--input-focus-outline);
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  background-color: CanvasText;
  content: "";
  display: block;
  position: absolute;
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  height: 80%;
  left: 45%;
  width: 1px;
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before {
  transform: rotate(45deg);
}
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  transform: rotate(-45deg);
}
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}
.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}
.annotationLayer .textWidgetAnnotation input.comb:focus {
  width: 103%;
}
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  appearance: none;
}
.annotationLayer .popupTriggerArea {
  height: 100%;
  width: 100%;
}
.annotationLayer .fileAttachmentAnnotation .popupTriggerArea {
  position: absolute;
}
.annotationLayer .popupWrapper {
  position: absolute;
  font-size: calc(9px * var(--scale-factor));
  width: 100%;
  min-width: calc(180px * var(--scale-factor));
  pointer-events: none;
}
.annotationLayer .popup {
  position: absolute;
  max-width: calc(180px * var(--scale-factor));
  background-color: rgba(255, 255, 153, 1);
  box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgba(136, 136, 136, 1);
  border-radius: calc(2px * var(--scale-factor));
  padding: calc(6px * var(--scale-factor));
  margin-left: calc(5px * var(--scale-factor));
  cursor: pointer;
  font: message-box;
  white-space: normal;
  word-wrap: break-word;
  pointer-events: auto;
}
.annotationLayer .popup > * {
  font-size: calc(9px * var(--scale-factor));
}
.annotationLayer .popup h1 {
  display: inline-block;
}
.annotationLayer .popupDate {
  display: inline-block;
  margin-left: calc(5px * var(--scale-factor));
}
.annotationLayer .popupContent {
  border-top: 1px solid rgba(51, 51, 51, 1);
  margin-top: calc(2px * var(--scale-factor));
  padding-top: calc(2px * var(--scale-factor));
}
.annotationLayer .richText > * {
  white-space: pre-wrap;
  font-size: calc(9px * var(--scale-factor));
}
.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .freeTextAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .squareAnnotation svg rect,
.annotationLayer .circleAnnotation svg ellipse,
.annotationLayer .polylineAnnotation svg polyline,
.annotationLayer .polygonAnnotation svg polygon,
.annotationLayer .caretAnnotation,
.annotationLayer .inkAnnotation svg polyline,
.annotationLayer .stampAnnotation,
.annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}
.annotationLayer section svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.annotationLayer .annotationTextContent {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: transparent;
  user-select: none;
  pointer-events: none;
}
.annotationLayer .annotationTextContent span {
  width: 100%;
  display: inline-block;
}

/* node_modules/react-pdf/dist/esm/Page/TextLayer.css */
:root {
  --react-pdf-text-layer: 1;
  --highlight-bg-color: rgba(180, 0, 170, 1);
  --highlight-selected-bg-color: rgba(0, 100, 0, 1);
}
@media screen and (forced-colors: active) {
  :root {
    --highlight-bg-color: Highlight;
    --highlight-selected-bg-color: ButtonText;
  }
}
[data-main-rotation="90"] {
  transform: rotate(90deg) translateY(-100%);
}
[data-main-rotation="180"] {
  transform: rotate(180deg) translate(-100%, -100%);
}
[data-main-rotation="270"] {
  transform: rotate(270deg) translateX(-100%);
}
.textLayer {
  position: absolute;
  text-align: initial;
  inset: 0;
  overflow: hidden;
  line-height: 1;
  text-size-adjust: none;
  forced-color-adjust: none;
  transform-origin: 0 0;
  z-index: 2;
}
.textLayer :is(span, br) {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  margin: 0;
  transform-origin: 0 0;
}
.textLayer span.markedContent {
  top: 0;
  height: 0;
}
.textLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: var(--highlight-bg-color);
  border-radius: 4px;
}
.textLayer .highlight.appended {
  position: initial;
}
.textLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}
.textLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}
.textLayer .highlight.middle {
  border-radius: 0;
}
.textLayer .highlight.selected {
  background-color: var(--highlight-selected-bg-color);
}
.textLayer br::selection {
  background: transparent;
}
.textLayer .endOfContent {
  display: block;
  position: absolute;
  inset: 100% 0 0;
  z-index: -1;
  cursor: default;
  user-select: none;
}
.textLayer.selecting .endOfContent {
  top: 0;
}
.hiddenCanvasElement {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  display: none;
}

/* node_modules/react-big-calendar/lib/css/react-big-calendar.css */
.rbc-btn {
  color: inherit;
  font: inherit;
  margin: 0;
}
button.rbc-btn {
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  cursor: pointer;
}
button[disabled].rbc-btn {
  cursor: not-allowed;
}
button.rbc-input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.rbc-calendar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.rbc-m-b-negative-3 {
  margin-bottom: -3px;
}
.rbc-h-full {
  height: 100%;
}
.rbc-calendar *,
.rbc-calendar *:before,
.rbc-calendar *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.rbc-abs-full,
.rbc-row-bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rbc-ellipsis,
.rbc-show-more,
.rbc-row-segment .rbc-event-content,
.rbc-event-label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rbc-rtl {
  direction: rtl;
}
.rbc-off-range {
  color: #999999;
}
.rbc-off-range-bg {
  background: #e6e6e6;
}
.rbc-header {
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 3px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 90%;
  min-height: 0;
  border-bottom: 1px solid #ddd;
}
.rbc-header + .rbc-header {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-header + .rbc-header {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-header > a,
.rbc-header > a:active,
.rbc-header > a:visited {
  color: inherit;
  text-decoration: none;
}
.rbc-button-link {
  color: inherit;
  background: none;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.rbc-row-content {
  position: relative;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  z-index: 4;
}
.rbc-row-content-scrollable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.rbc-row-content-scrollable .rbc-row-content-scroll-container {
  height: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar {
  display: none;
}
.rbc-today {
  background-color: #eaf6ff;
}
.rbc-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
}
.rbc-toolbar .rbc-toolbar-label {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 10px;
  text-align: center;
}
.rbc-toolbar button {
  color: #373a3c;
  display: inline-block;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  background: none;
  background-image: none;
  border: 1px solid #ccc;
  padding: 0.375rem 1rem;
  border-radius: 4px;
  line-height: normal;
  white-space: nowrap;
}
.rbc-toolbar button:active,
.rbc-toolbar button.rbc-active {
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  background-color: #e6e6e6;
  border-color: #adadad;
}
.rbc-toolbar button:active:hover,
.rbc-toolbar button:active:focus,
.rbc-toolbar button.rbc-active:hover,
.rbc-toolbar button.rbc-active:focus {
  color: #373a3c;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.rbc-toolbar button:focus {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.rbc-toolbar button:hover {
  color: #373a3c;
  cursor: pointer;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.rbc-btn-group {
  display: inline-block;
  white-space: nowrap;
}
.rbc-btn-group > button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-btn-group > button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-btn-group > button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.rbc-btn-group button + button {
  margin-left: -1px;
}
.rbc-rtl .rbc-btn-group button + button {
  margin-left: 0;
  margin-right: -1px;
}
.rbc-btn-group + .rbc-btn-group,
.rbc-btn-group + button {
  margin-left: 10px;
}
@media (max-width: 767px) {
  .rbc-toolbar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.rbc-event,
.rbc-day-slot .rbc-background-event {
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  padding: 2px 5px;
  background-color: #3174ad;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.rbc-slot-selecting .rbc-event,
.rbc-slot-selecting .rbc-day-slot .rbc-background-event,
.rbc-day-slot .rbc-slot-selecting .rbc-background-event {
  cursor: inherit;
  pointer-events: none;
}
.rbc-event.rbc-selected,
.rbc-day-slot .rbc-selected.rbc-background-event {
  background-color: #265985;
}
.rbc-event:focus,
.rbc-day-slot .rbc-background-event:focus {
  outline: 5px auto #3b99fc;
}
.rbc-event-label {
  font-size: 80%;
}
.rbc-event-overlaps {
  -webkit-box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
  box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
}
.rbc-event-continues-prior {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-event-continues-after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-event-continues-earlier {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.rbc-event-continues-later {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.rbc-row-segment {
  padding: 0 1px 1px 1px;
}
.rbc-selected-cell {
  background-color: rgba(0, 0, 0, 0.1);
}
.rbc-show-more {
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 4;
  font-weight: bold;
  font-size: 85%;
  height: auto;
  line-height: normal;
  color: #3174ad;
}
.rbc-show-more:hover,
.rbc-show-more:focus {
  color: #265985;
}
.rbc-month-view {
  position: relative;
  border: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  width: 100%;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  height: 100%;
}
.rbc-month-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.rbc-month-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  -ms-flex-preferred-size: 0px;
  flex-basis: 0px;
  overflow: hidden;
  height: 100%;
}
.rbc-month-row + .rbc-month-row {
  border-top: 1px solid #ddd;
}
.rbc-date-cell {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  min-width: 0;
  padding-right: 5px;
  text-align: right;
}
.rbc-date-cell.rbc-now {
  font-weight: bold;
}
.rbc-date-cell > a,
.rbc-date-cell > a:active,
.rbc-date-cell > a:visited {
  color: inherit;
  text-decoration: none;
}
.rbc-row-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  overflow: hidden;
  right: 1px;
}
.rbc-day-bg {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
}
.rbc-day-bg + .rbc-day-bg {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-day-bg + .rbc-day-bg {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-overlay {
  position: absolute;
  z-index: 5;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  padding: 10px;
}
.rbc-overlay > * + * {
  margin-top: 1px;
}
.rbc-overlay-header {
  border-bottom: 1px solid #e5e5e5;
  margin: -10px -10px 5px -10px;
  padding: 2px 10px;
}
.rbc-agenda-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  overflow: auto;
}
.rbc-agenda-view table.rbc-agenda-table {
  width: 100%;
  border: 1px solid #ddd;
  border-spacing: 0;
  border-collapse: collapse;
}
.rbc-agenda-view table.rbc-agenda-table tbody > tr > td {
  padding: 5px 10px;
  vertical-align: top;
}
.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {
  padding-left: 15px;
  padding-right: 15px;
  text-transform: lowercase;
}
.rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-agenda-view table.rbc-agenda-table tbody > tr + tr {
  border-top: 1px solid #ddd;
}
.rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  padding: 3px 5px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  text-align: right;
}
.rbc-agenda-time-cell {
  text-transform: lowercase;
}
.rbc-agenda-time-cell .rbc-continues-after:after {
  content: " \bb";
}
.rbc-agenda-time-cell .rbc-continues-prior:before {
  content: "\ab  ";
}
.rbc-agenda-date-cell,
.rbc-agenda-time-cell {
  white-space: nowrap;
}
.rbc-agenda-event-cell {
  width: 100%;
}
.rbc-time-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
}
.rbc-time-column .rbc-timeslot-group {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.rbc-timeslot-group {
  border-bottom: 1px solid #ddd;
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.rbc-time-gutter,
.rbc-header-gutter {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.rbc-label {
  padding: 0 5px;
}
.rbc-day-slot {
  position: relative;
}
.rbc-day-slot .rbc-events-container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  margin-right: 10px;
  top: 0;
}
.rbc-day-slot .rbc-events-container.rbc-rtl {
  left: 10px;
  right: 0;
}
.rbc-day-slot .rbc-event,
.rbc-day-slot .rbc-background-event {
  border: 1px solid #265985;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 100%;
  min-height: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  overflow: hidden;
  position: absolute;
}
.rbc-day-slot .rbc-background-event {
  opacity: 0.75;
}
.rbc-day-slot .rbc-event-label {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  padding-right: 5px;
  width: auto;
}
.rbc-day-slot .rbc-event-content {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  word-wrap: break-word;
  line-height: 1;
  height: 100%;
  min-height: 1em;
}
.rbc-day-slot .rbc-time-slot {
  border-top: 1px solid #f7f7f7;
}
.rbc-time-view-resources .rbc-time-gutter,
.rbc-time-view-resources .rbc-time-header-gutter {
  position: sticky;
  left: 0;
  background-color: white;
  border-right: 1px solid #ddd;
  z-index: 10;
  margin-right: -1px;
}
.rbc-time-view-resources .rbc-time-header {
  overflow: hidden;
}
.rbc-time-view-resources .rbc-time-header-content {
  min-width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  -ms-flex-preferred-size: 0px;
  flex-basis: 0px;
}
.rbc-time-view-resources .rbc-time-header-cell-single-day {
  display: none;
}
.rbc-time-view-resources .rbc-day-slot {
  min-width: 140px;
}
.rbc-time-view-resources .rbc-header,
.rbc-time-view-resources .rbc-day-bg {
  width: 140px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  -ms-flex-preferred-size: 0 px;
  flex-basis: 0 px;
}
.rbc-time-header-content + .rbc-time-header-content {
  margin-left: -1px;
}
.rbc-time-slot {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
}
.rbc-time-slot.rbc-now {
  font-weight: bold;
}
.rbc-day-header {
  text-align: center;
}
.rbc-slot-selection {
  z-index: 10;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 75%;
  width: 100%;
  padding: 3px;
}
.rbc-slot-selecting {
  cursor: move;
}
.rbc-time-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  border: 1px solid #ddd;
  min-height: 0;
}
.rbc-time-view .rbc-time-gutter {
  white-space: nowrap;
  text-align: right;
}
.rbc-time-view .rbc-allday-cell {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  position: relative;
}
.rbc-time-view .rbc-allday-cell + .rbc-allday-cell {
  border-left: 1px solid #ddd;
}
.rbc-time-view .rbc-allday-events {
  position: relative;
  z-index: 4;
}
.rbc-time-view .rbc-row {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 20px;
}
.rbc-time-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.rbc-time-header.rbc-overflowing {
  border-right: 1px solid #ddd;
}
.rbc-rtl .rbc-time-header.rbc-overflowing {
  border-right-width: 0;
  border-left: 1px solid #ddd;
}
.rbc-time-header > .rbc-row:first-child {
  border-bottom: 1px solid #ddd;
}
.rbc-time-header > .rbc-row.rbc-row-resource {
  border-bottom: 1px solid #ddd;
}
.rbc-time-header-cell-single-day {
  display: none;
}
.rbc-time-header-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-time-header-content {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-time-header-content > .rbc-row.rbc-row-resource {
  border-bottom: 1px solid #ddd;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.rbc-time-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  border-top: 2px solid #ddd;
  overflow-y: auto;
  position: relative;
}
.rbc-time-content > .rbc-time-gutter {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.rbc-time-content > * + * > * {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-time-content > * + * > * {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-time-content > .rbc-day-slot {
  width: 100%;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
.rbc-current-time-indicator {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #74ad31;
  pointer-events: none;
}
.rbc-resource-grouping.rbc-time-header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.rbc-resource-grouping .rbc-row .rbc-header {
  width: 141px;
}

/* node_modules/react-big-calendar/lib/addons/dragAndDrop/styles.css */
.rbc-addons-dnd .rbc-addons-dnd-row-body {
  position: relative;
}
.rbc-addons-dnd .rbc-addons-dnd-drag-row {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.rbc-addons-dnd .rbc-addons-dnd-over {
  background-color: rgba(0, 0, 0, 0.3);
}
.rbc-addons-dnd .rbc-event {
  transition: opacity 150ms;
}
.rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ns-icon,
.rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ew-icon {
  display: block;
}
.rbc-addons-dnd .rbc-addons-dnd-dragged-event {
  opacity: 0;
}
.rbc-addons-dnd.rbc-addons-dnd-is-dragging .rbc-event:not(.rbc-addons-dnd-dragged-event):not(.rbc-addons-dnd-drag-preview) {
  opacity: 0.5;
}
.rbc-addons-dnd .rbc-addons-dnd-resizable {
  position: relative;
  width: 100%;
  height: 100%;
}
.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor {
  width: 100%;
  text-align: center;
  position: absolute;
}
.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor:first-child {
  top: 0;
}
.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor:last-child {
  bottom: 0;
}
.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor .rbc-addons-dnd-resize-ns-icon {
  display: none;
  border-top: 3px double;
  margin: 0 auto;
  width: 10px;
  cursor: ns-resize;
}
.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor {
  position: absolute;
  top: 4px;
  bottom: 0;
}
.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor:first-child {
  left: 0;
}
.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor:last-child {
  right: 0;
}
.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor .rbc-addons-dnd-resize-ew-icon {
  display: none;
  border-left: 3px double;
  margin-top: auto;
  margin-bottom: auto;
  height: 10px;
  cursor: ew-resize;
}

/* app/javascript/components/features/Calendar/styles/calendar.css */
.rbc-calendar {
  font-family: inherit;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.rbc-month-view {
  border: 1px solid #D5D5D5;
  border-radius: 0.5rem;
  overflow: visible;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.rbc-month-header {
  border-bottom: 2px solid #D5D5D5;
  background-color: #FDF8F0;
  border-radius: 0.5rem 0.5rem 0 0;
}
.rbc-header {
  padding: 0.75rem 0.5rem;
  font-weight: 600;
  font-size: 0.875rem;
  color: #1E1E1E;
  background-color: #FDF8F0;
  border-left: 1px solid #D5D5D5;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.rbc-header:first-child {
  border-left: none;
  border-top-left-radius: 0.5rem;
}
.rbc-header:last-child {
  border-top-right-radius: 0.5rem;
}
.rbc-header + .rbc-header {
  border-left: 1px solid #D5D5D5;
}
.rbc-time-view .rbc-header {
  padding: 0.75rem 0.5rem;
  text-align: center;
}
.rbc-time-view .rbc-allday-cell {
  min-height: 20px;
  height: auto;
}
.rbc-month-row {
  border-top: 1px solid #D5D5D5;
  min-height: 100px;
  flex: 1;
}
.rbc-month-row:first-child {
  border-top: none;
}
.rbc-row-content {
  position: relative;
  z-index: 4;
}
.rbc-row {
  display: flex;
  flex-direction: row;
}
.rbc-day-bg {
  border-left: 1px solid #D5D5D5;
}
.rbc-day-bg:first-child {
  border-left: none;
}
.rbc-off-range-bg {
  background-color: #F1F1F1;
}
.rbc-today {
  background-color: #CDDEE6;
}
.rbc-date-cell {
  padding: 0.5rem;
  text-align: right;
}
.rbc-date-cell > a,
.rbc-date-cell > button {
  font-weight: 400;
  color: #1E1E1E;
}
.rbc-off-range .rbc-date-cell > a,
.rbc-off-range .rbc-date-cell > button {
  color: #A8A8A8;
}
.rbc-today .rbc-date-cell > a,
.rbc-today .rbc-date-cell > button {
  font-weight: 700;
  color: #055980;
}
.rbc-event {
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 0.75rem;
  border: none;
  cursor: pointer;
}
.rbc-event:hover {
  opacity: 0.85;
}
.rbc-event-label {
  font-size: 0.7rem;
}
.rbc-event-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rbc-show-more {
  background-color: transparent;
  color: #055980;
  font-weight: 600;
  font-size: 0.75rem;
  padding: 2px 5px;
  margin: 0;
  cursor: pointer;
  border: none;
}
.rbc-show-more:hover {
  text-decoration: underline;
}
.rbc-time-view {
  border: 1px solid #D5D5D5;
  border-radius: 0.5rem;
  overflow: hidden;
}
.rbc-time-header {
  background-color: #FDF8F0;
  display: flex;
  flex-direction: row;
  border-radius: 0.5rem 0.5rem 0 0;
}
.rbc-time-header-content {
  border-left: 1px solid #D5D5D5;
  flex: 1;
  display: flex;
}
.rbc-time-header-gutter {
  background-color: #FDF8F0;
  flex: none;
  border-top-left-radius: 0.5rem;
}
.rbc-time-content {
  border-top: 2px solid #D5D5D5;
  display: flex;
}
.rbc-time-gutter {
  background-color: #F1F1F1;
  flex: none;
}
.rbc-timeslot-group {
  min-height: 60px;
  border-bottom: 1px solid #D5D5D5;
}
.rbc-time-slot {
  border-top: 1px solid #E3E3E3;
}
.rbc-current-time-indicator {
  background-color: #E95656;
  height: 2px;
}
.rbc-addons-dnd-dragging {
  opacity: 0.5;
}
.rbc-addons-dnd-over {
  background-color: #CDDEE6 !important;
}
.rbc-addons-dnd-resizable {
  position: relative;
}
.rbc-slot-selection {
  background-color: #9BBDCC;
  z-index: 10;
}
.rbc-slot-selecting {
  cursor: move;
}
.rbc-overlay {
  background-color: #FFFFFF;
  border: 1px solid #D5D5D5;
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  padding: 0.5rem;
  z-index: 50;
}
.rbc-overlay-header {
  font-weight: 600;
  font-size: 0.875rem;
  padding: 0.5rem;
  border-bottom: 1px solid #D5D5D5;
  margin-bottom: 0.5rem;
}
.rbc-events-container .rbc-day-slot-empty {
  color: #8A8A8A;
}
@media (max-width: 768px) {
  .rbc-header {
    font-size: 0.75rem;
    padding: 0.5rem 0.25rem;
  }
  .rbc-event {
    font-size: 0.7rem;
    padding: 1px 3px;
  }
  .rbc-date-cell {
    padding: 0.25rem;
  }
  .rbc-month-row {
    min-height: 80px;
  }
}

/* node_modules/@rollout/link-react/dist/style.css */
.universal-AuthUserInputs-root,
.universal-CredentialInput-userInputArray {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}
.universal-CredentialInput-userInputArray[data-has-label],
.universal-CredentialInput-userInputArray[data-has-description] {
  margin-top: .3125rem;
}
.universal-CredentialInput-userInputArrayItem {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .5rem;
}
.universal-CredentialInput-removeButton {
  opacity: .5;
}
.universal-CredentialInput-removeButton:hover,
.universal-CredentialInput-removeButton:focus {
  opacity: 1;
}
.universal-ApiTokenAuthForm-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
}
.universal-ApiTokenAuthForm-error {
  font-size: .875rem;
}
.universal-AuthUserInputs-root + .universal-OAuthForm-submitButton {
  margin-top: 1rem;
}
.universal-UserTerms {
  opacity: .5;
  font-size: var(--mantine-font-size-sm);
  margin-top: var(--mantine-spacing-sm);
}
.universal-UserTerms a {
  color: #000;
}
.universal-UserTerms a:hover {
  text-decoration: none;
}
.universal-CredentialsManager-credentials {
  display: flex;
  flex-direction: column;
  gap: .75rem;
}
.universal-ConnectorList-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 1rem;
}
@keyframes universal-ConnectorListItemSkeleton-animation {
  0%, to {
    opacity: .4;
  }
  50% {
    opacity: 1;
  }
}
.universal-ConnectorListItemSkeleton {
  aspect-ratio: 1;
  background: #0000000d;
  border-radius: .5rem;
  animation: universal-ConnectorListItemSkeleton-animation 1.5s linear infinite;
}
.universal-ConnectorListItem-root {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  aspect-ratio: 1;
  padding: .75rem;
  border-radius: .5rem;
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 0 0 6px #0000000f;
  text-align: center;
  transition: .3s box-shadow;
  cursor: pointer;
}
.universal-ConnectorListItem-root:hover {
  box-shadow: 0 0 10px #00000026;
}
.universal-ConnectorListItem-root[data-connected]:after {
  content: "\2713";
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-50%) translate(50%);
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  color: #fff;
  background-color: var(--mantine-color-green-8);
  font-size: .8rem;
  font-weight: 700;
  border-radius: 999px;
}
.universal-ConnectorListItem-icon {
  display: block;
  margin-inline: auto;
  width: 3rem;
  aspect-ratio: 1;
}
.universal-ConnectorListItem-name {
  margin-top: .875rem;
  font-weight: 600;
  font-size: .875rem;
}
.universal-CredentialsManager-header {
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1rem;
}
.universal-CredentialsManager-heading {
  font-size: 1.25rem;
  font-weight: 700;
}
.universal-CredentialsManager-connectorIcon {
  display: block;
  width: 1.5rem;
  margin-right: .2rem;
}
.universal-CredentialsManagerCredential-root {
  display: flex;
  align-items: center;
}
.universal-CredentialsManagerCredential-label {
  margin-left: .75rem;
  font-size: 1rem;
  font-weight: 600;
}
.universal-CredentialInput-userInputs {
  margin-top: .5rem;
}
[class^=universal-],
[class^=universal-] *,
[class^=universal-] *:before,
[class^=universal-] *:after,
[class*=" universal-"],
[class*=" universal-"] *,
[class*=" universal-"] *:before,
[class*=" universal-"] *:after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: reduce) {
  [data-respect-reduced-motion] [data-reduce-motion] {
    transition: none;
    animation: none;
  }
}
[data-mantine-color-scheme=light] .mantine-light-hidden,
[data-mantine-color-scheme=dark] .mantine-dark-hidden {
  display: none;
}
.mantine-focus-auto:focus-visible {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: 2px;
}
.mantine-focus-always:focus {
  outline: 2px solid var(--mantine-primary-color-filled);
  outline-offset: 2px;
}
.mantine-focus-never:focus {
  outline: none;
}
.mantine-active:active {
  transform: translateY(calc(.0625rem * var(--mantine-scale)));
}
fieldset:disabled .mantine-active:active {
  transform: none;
}
:where([dir=rtl]) .mantine-rotate-rtl {
  transform: rotate(180deg);
}
:root {
  color-scheme: var(--mantine-color-scheme);
  --mantine-z-index-app: 100;
  --mantine-z-index-modal: 200;
  --mantine-z-index-popover: 300;
  --mantine-z-index-overlay: 400;
  --mantine-z-index-max: 9999;
  --mantine-scale: 1;
  --mantine-cursor-type: default;
  --mantine-webkit-font-smoothing: antialiased;
  --mantine-color-scheme: light dark;
  --mantine-moz-font-smoothing: grayscale;
  --mantine-color-white: #fff;
  --mantine-color-black: #000;
  --mantine-line-height: 1.55;
  --mantine-font-family:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji;
  --mantine-font-family-monospace:
    ui-monospace,
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace;
  --mantine-font-family-headings:
    -apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji;
  --mantine-heading-font-weight: 700;
  --mantine-radius-default: calc(.25rem * var(--mantine-scale));
  --mantine-primary-color-0: var(--mantine-color-blue-0);
  --mantine-primary-color-1: var(--mantine-color-blue-1);
  --mantine-primary-color-2: var(--mantine-color-blue-2);
  --mantine-primary-color-3: var(--mantine-color-blue-3);
  --mantine-primary-color-4: var(--mantine-color-blue-4);
  --mantine-primary-color-5: var(--mantine-color-blue-5);
  --mantine-primary-color-6: var(--mantine-color-blue-6);
  --mantine-primary-color-7: var(--mantine-color-blue-7);
  --mantine-primary-color-8: var(--mantine-color-blue-8);
  --mantine-primary-color-9: var(--mantine-color-blue-9);
  --mantine-primary-color-filled: var(--mantine-color-blue-filled);
  --mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
  --mantine-primary-color-light: var(--mantine-color-blue-light);
  --mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);
  --mantine-primary-color-light-color: var(--mantine-color-blue-light-color);
  --mantine-breakpoint-xs: 36em;
  --mantine-breakpoint-sm: 48em;
  --mantine-breakpoint-md: 62em;
  --mantine-breakpoint-lg: 75em;
  --mantine-breakpoint-xl: 88em;
  --mantine-spacing-xs: calc(.625rem * var(--mantine-scale));
  --mantine-spacing-sm: calc(.75rem * var(--mantine-scale));
  --mantine-spacing-md: calc(1rem * var(--mantine-scale));
  --mantine-spacing-lg: calc(1.25rem * var(--mantine-scale));
  --mantine-spacing-xl: calc(2rem * var(--mantine-scale));
  --mantine-font-size-xs: calc(.75rem * var(--mantine-scale));
  --mantine-font-size-sm: calc(.875rem * var(--mantine-scale));
  --mantine-font-size-md: calc(1rem * var(--mantine-scale));
  --mantine-font-size-lg: calc(1.125rem * var(--mantine-scale));
  --mantine-font-size-xl: calc(1.25rem * var(--mantine-scale));
  --mantine-line-height-xs: 1.4;
  --mantine-line-height-sm: 1.45;
  --mantine-line-height-md: 1.55;
  --mantine-line-height-lg: 1.6;
  --mantine-line-height-xl: 1.65;
  --mantine-shadow-xs: 0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05), 0 calc(.0625rem * var(--mantine-scale)) calc(.125rem * var(--mantine-scale)) rgba(0, 0, 0, .1);
  --mantine-shadow-sm:
    0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05),
    rgba(0, 0, 0, .05) 0 calc(.625rem * var(--mantine-scale)) calc(.9375rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale)),
    rgba(0, 0, 0, .04) 0 calc(.4375rem * var(--mantine-scale)) calc(.4375rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale));
  --mantine-shadow-md:
    0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05),
    rgba(0, 0, 0, .05) 0 calc(1.25rem * var(--mantine-scale)) calc(1.5625rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale)),
    rgba(0, 0, 0, .04) 0 calc(.625rem * var(--mantine-scale)) calc(.625rem * var(--mantine-scale)) calc(-.3125rem * var(--mantine-scale));
  --mantine-shadow-lg:
    0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05),
    rgba(0, 0, 0, .05) 0 calc(1.75rem * var(--mantine-scale)) calc(1.4375rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale)),
    rgba(0, 0, 0, .04) 0 calc(.75rem * var(--mantine-scale)) calc(.75rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale));
  --mantine-shadow-xl:
    0 calc(.0625rem * var(--mantine-scale)) calc(.1875rem * var(--mantine-scale)) rgba(0, 0, 0, .05),
    rgba(0, 0, 0, .05) 0 calc(2.25rem * var(--mantine-scale)) calc(1.75rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale)),
    rgba(0, 0, 0, .04) 0 calc(1.0625rem * var(--mantine-scale)) calc(1.0625rem * var(--mantine-scale)) calc(-.4375rem * var(--mantine-scale));
  --mantine-radius-xs: calc(.125rem * var(--mantine-scale));
  --mantine-radius-sm: calc(.25rem * var(--mantine-scale));
  --mantine-radius-md: calc(.5rem * var(--mantine-scale));
  --mantine-radius-lg: calc(1rem * var(--mantine-scale));
  --mantine-radius-xl: calc(2rem * var(--mantine-scale));
  --mantine-color-dark-0: #c9c9c9;
  --mantine-color-dark-1: #b8b8b8;
  --mantine-color-dark-2: #828282;
  --mantine-color-dark-3: #696969;
  --mantine-color-dark-4: #424242;
  --mantine-color-dark-5: #3b3b3b;
  --mantine-color-dark-6: #2e2e2e;
  --mantine-color-dark-7: #242424;
  --mantine-color-dark-8: #1f1f1f;
  --mantine-color-dark-9: #141414;
  --mantine-color-gray-0: #f8f9fa;
  --mantine-color-gray-1: #f1f3f5;
  --mantine-color-gray-2: #e9ecef;
  --mantine-color-gray-3: #dee2e6;
  --mantine-color-gray-4: #ced4da;
  --mantine-color-gray-5: #adb5bd;
  --mantine-color-gray-6: #868e96;
  --mantine-color-gray-7: #495057;
  --mantine-color-gray-8: #343a40;
  --mantine-color-gray-9: #212529;
  --mantine-color-red-0: #fff5f5;
  --mantine-color-red-1: #ffe3e3;
  --mantine-color-red-2: #ffc9c9;
  --mantine-color-red-3: #ffa8a8;
  --mantine-color-red-4: #ff8787;
  --mantine-color-red-5: #ff6b6b;
  --mantine-color-red-6: #fa5252;
  --mantine-color-red-7: #f03e3e;
  --mantine-color-red-8: #e03131;
  --mantine-color-red-9: #c92a2a;
  --mantine-color-pink-0: #fff0f6;
  --mantine-color-pink-1: #ffdeeb;
  --mantine-color-pink-2: #fcc2d7;
  --mantine-color-pink-3: #faa2c1;
  --mantine-color-pink-4: #f783ac;
  --mantine-color-pink-5: #f06595;
  --mantine-color-pink-6: #e64980;
  --mantine-color-pink-7: #d6336c;
  --mantine-color-pink-8: #c2255c;
  --mantine-color-pink-9: #a61e4d;
  --mantine-color-grape-0: #f8f0fc;
  --mantine-color-grape-1: #f3d9fa;
  --mantine-color-grape-2: #eebefa;
  --mantine-color-grape-3: #e599f7;
  --mantine-color-grape-4: #da77f2;
  --mantine-color-grape-5: #cc5de8;
  --mantine-color-grape-6: #be4bdb;
  --mantine-color-grape-7: #ae3ec9;
  --mantine-color-grape-8: #9c36b5;
  --mantine-color-grape-9: #862e9c;
  --mantine-color-violet-0: #f3f0ff;
  --mantine-color-violet-1: #e5dbff;
  --mantine-color-violet-2: #d0bfff;
  --mantine-color-violet-3: #b197fc;
  --mantine-color-violet-4: #9775fa;
  --mantine-color-violet-5: #845ef7;
  --mantine-color-violet-6: #7950f2;
  --mantine-color-violet-7: #7048e8;
  --mantine-color-violet-8: #6741d9;
  --mantine-color-violet-9: #5f3dc4;
  --mantine-color-indigo-0: #edf2ff;
  --mantine-color-indigo-1: #dbe4ff;
  --mantine-color-indigo-2: #bac8ff;
  --mantine-color-indigo-3: #91a7ff;
  --mantine-color-indigo-4: #748ffc;
  --mantine-color-indigo-5: #5c7cfa;
  --mantine-color-indigo-6: #4c6ef5;
  --mantine-color-indigo-7: #4263eb;
  --mantine-color-indigo-8: #3b5bdb;
  --mantine-color-indigo-9: #364fc7;
  --mantine-color-blue-0: #e7f5ff;
  --mantine-color-blue-1: #d0ebff;
  --mantine-color-blue-2: #a5d8ff;
  --mantine-color-blue-3: #74c0fc;
  --mantine-color-blue-4: #4dabf7;
  --mantine-color-blue-5: #339af0;
  --mantine-color-blue-6: #228be6;
  --mantine-color-blue-7: #1c7ed6;
  --mantine-color-blue-8: #1971c2;
  --mantine-color-blue-9: #1864ab;
  --mantine-color-cyan-0: #e3fafc;
  --mantine-color-cyan-1: #c5f6fa;
  --mantine-color-cyan-2: #99e9f2;
  --mantine-color-cyan-3: #66d9e8;
  --mantine-color-cyan-4: #3bc9db;
  --mantine-color-cyan-5: #22b8cf;
  --mantine-color-cyan-6: #15aabf;
  --mantine-color-cyan-7: #1098ad;
  --mantine-color-cyan-8: #0c8599;
  --mantine-color-cyan-9: #0b7285;
  --mantine-color-teal-0: #e6fcf5;
  --mantine-color-teal-1: #c3fae8;
  --mantine-color-teal-2: #96f2d7;
  --mantine-color-teal-3: #63e6be;
  --mantine-color-teal-4: #38d9a9;
  --mantine-color-teal-5: #20c997;
  --mantine-color-teal-6: #12b886;
  --mantine-color-teal-7: #0ca678;
  --mantine-color-teal-8: #099268;
  --mantine-color-teal-9: #087f5b;
  --mantine-color-green-0: #ebfbee;
  --mantine-color-green-1: #d3f9d8;
  --mantine-color-green-2: #b2f2bb;
  --mantine-color-green-3: #8ce99a;
  --mantine-color-green-4: #69db7c;
  --mantine-color-green-5: #51cf66;
  --mantine-color-green-6: #40c057;
  --mantine-color-green-7: #37b24d;
  --mantine-color-green-8: #2f9e44;
  --mantine-color-green-9: #2b8a3e;
  --mantine-color-lime-0: #f4fce3;
  --mantine-color-lime-1: #e9fac8;
  --mantine-color-lime-2: #d8f5a2;
  --mantine-color-lime-3: #c0eb75;
  --mantine-color-lime-4: #a9e34b;
  --mantine-color-lime-5: #94d82d;
  --mantine-color-lime-6: #82c91e;
  --mantine-color-lime-7: #74b816;
  --mantine-color-lime-8: #66a80f;
  --mantine-color-lime-9: #5c940d;
  --mantine-color-yellow-0: #fff9db;
  --mantine-color-yellow-1: #fff3bf;
  --mantine-color-yellow-2: #ffec99;
  --mantine-color-yellow-3: #ffe066;
  --mantine-color-yellow-4: #ffd43b;
  --mantine-color-yellow-5: #fcc419;
  --mantine-color-yellow-6: #fab005;
  --mantine-color-yellow-7: #f59f00;
  --mantine-color-yellow-8: #f08c00;
  --mantine-color-yellow-9: #e67700;
  --mantine-color-orange-0: #fff4e6;
  --mantine-color-orange-1: #ffe8cc;
  --mantine-color-orange-2: #ffd8a8;
  --mantine-color-orange-3: #ffc078;
  --mantine-color-orange-4: #ffa94d;
  --mantine-color-orange-5: #ff922b;
  --mantine-color-orange-6: #fd7e14;
  --mantine-color-orange-7: #f76707;
  --mantine-color-orange-8: #e8590c;
  --mantine-color-orange-9: #d9480f;
  --mantine-h1-font-size: calc(2.125rem * var(--mantine-scale));
  --mantine-h1-line-height: 1.3;
  --mantine-h1-font-weight: 700;
  --mantine-h2-font-size: calc(1.625rem * var(--mantine-scale));
  --mantine-h2-line-height: 1.35;
  --mantine-h2-font-weight: 700;
  --mantine-h3-font-size: calc(1.375rem * var(--mantine-scale));
  --mantine-h3-line-height: 1.4;
  --mantine-h3-font-weight: 700;
  --mantine-h4-font-size: calc(1.125rem * var(--mantine-scale));
  --mantine-h4-line-height: 1.45;
  --mantine-h4-font-weight: 700;
  --mantine-h5-font-size: calc(1rem * var(--mantine-scale));
  --mantine-h5-line-height: 1.5;
  --mantine-h5-font-weight: 700;
  --mantine-h6-font-size: calc(.875rem * var(--mantine-scale));
  --mantine-h6-line-height: 1.5;
  --mantine-h6-font-weight: 700;
}
:root[data-mantine-color-scheme=dark] {
  --mantine-color-scheme: dark;
  --mantine-primary-color-contrast: var(--mantine-color-white);
  --mantine-color-bright: var(--mantine-color-white);
  --mantine-color-text: var(--mantine-color-dark-0);
  --mantine-color-body: var(--mantine-color-dark-7);
  --mantine-color-error: var(--mantine-color-red-8);
  --mantine-color-placeholder: var(--mantine-color-dark-3);
  --mantine-color-anchor: var(--mantine-color-blue-4);
  --mantine-color-default: var(--mantine-color-dark-6);
  --mantine-color-default-hover: var(--mantine-color-dark-5);
  --mantine-color-default-color: var(--mantine-color-white);
  --mantine-color-default-border: var(--mantine-color-dark-4);
  --mantine-color-dimmed: var(--mantine-color-dark-2);
  --mantine-color-dark-text: var(--mantine-color-dark-4);
  --mantine-color-dark-filled: var(--mantine-color-dark-8);
  --mantine-color-dark-filled-hover: var(--mantine-color-dark-7);
  --mantine-color-dark-light: rgba(36, 36, 36, .15);
  --mantine-color-dark-light-hover: rgba(36, 36, 36, .2);
  --mantine-color-dark-light-color: var(--mantine-color-dark-3);
  --mantine-color-dark-outline: var(--mantine-color-dark-4);
  --mantine-color-dark-outline-hover: rgba(36, 36, 36, .05);
  --mantine-color-gray-text: var(--mantine-color-gray-4);
  --mantine-color-gray-filled: var(--mantine-color-gray-8);
  --mantine-color-gray-filled-hover: var(--mantine-color-gray-9);
  --mantine-color-gray-light: rgba(134, 142, 150, .15);
  --mantine-color-gray-light-hover: rgba(134, 142, 150, .2);
  --mantine-color-gray-light-color: var(--mantine-color-gray-3);
  --mantine-color-gray-outline: var(--mantine-color-gray-4);
  --mantine-color-gray-outline-hover: rgba(206, 212, 218, .05);
  --mantine-color-red-text: var(--mantine-color-red-4);
  --mantine-color-red-filled: var(--mantine-color-red-8);
  --mantine-color-red-filled-hover: var(--mantine-color-red-9);
  --mantine-color-red-light: rgba(250, 82, 82, .15);
  --mantine-color-red-light-hover: rgba(250, 82, 82, .2);
  --mantine-color-red-light-color: var(--mantine-color-red-3);
  --mantine-color-red-outline: var(--mantine-color-red-4);
  --mantine-color-red-outline-hover: rgba(255, 135, 135, .05);
  --mantine-color-pink-text: var(--mantine-color-pink-4);
  --mantine-color-pink-filled: var(--mantine-color-pink-8);
  --mantine-color-pink-filled-hover: var(--mantine-color-pink-9);
  --mantine-color-pink-light: rgba(230, 73, 128, .15);
  --mantine-color-pink-light-hover: rgba(230, 73, 128, .2);
  --mantine-color-pink-light-color: var(--mantine-color-pink-3);
  --mantine-color-pink-outline: var(--mantine-color-pink-4);
  --mantine-color-pink-outline-hover: rgba(247, 131, 172, .05);
  --mantine-color-grape-text: var(--mantine-color-grape-4);
  --mantine-color-grape-filled: var(--mantine-color-grape-8);
  --mantine-color-grape-filled-hover: var(--mantine-color-grape-9);
  --mantine-color-grape-light: rgba(190, 75, 219, .15);
  --mantine-color-grape-light-hover: rgba(190, 75, 219, .2);
  --mantine-color-grape-light-color: var(--mantine-color-grape-3);
  --mantine-color-grape-outline: var(--mantine-color-grape-4);
  --mantine-color-grape-outline-hover: rgba(218, 119, 242, .05);
  --mantine-color-violet-text: var(--mantine-color-violet-4);
  --mantine-color-violet-filled: var(--mantine-color-violet-8);
  --mantine-color-violet-filled-hover: var(--mantine-color-violet-9);
  --mantine-color-violet-light: rgba(121, 80, 242, .15);
  --mantine-color-violet-light-hover: rgba(121, 80, 242, .2);
  --mantine-color-violet-light-color: var(--mantine-color-violet-3);
  --mantine-color-violet-outline: var(--mantine-color-violet-4);
  --mantine-color-violet-outline-hover: rgba(151, 117, 250, .05);
  --mantine-color-indigo-text: var(--mantine-color-indigo-4);
  --mantine-color-indigo-filled: var(--mantine-color-indigo-8);
  --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-9);
  --mantine-color-indigo-light: rgba(76, 110, 245, .15);
  --mantine-color-indigo-light-hover: rgba(76, 110, 245, .2);
  --mantine-color-indigo-light-color: var(--mantine-color-indigo-3);
  --mantine-color-indigo-outline: var(--mantine-color-indigo-4);
  --mantine-color-indigo-outline-hover: rgba(116, 143, 252, .05);
  --mantine-color-blue-text: var(--mantine-color-blue-4);
  --mantine-color-blue-filled: var(--mantine-color-blue-8);
  --mantine-color-blue-filled-hover: var(--mantine-color-blue-9);
  --mantine-color-blue-light: rgba(34, 139, 230, .15);
  --mantine-color-blue-light-hover: rgba(34, 139, 230, .2);
  --mantine-color-blue-light-color: var(--mantine-color-blue-3);
  --mantine-color-blue-outline: var(--mantine-color-blue-4);
  --mantine-color-blue-outline-hover: rgba(77, 171, 247, .05);
  --mantine-color-cyan-text: var(--mantine-color-cyan-4);
  --mantine-color-cyan-filled: var(--mantine-color-cyan-8);
  --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-9);
  --mantine-color-cyan-light: rgba(21, 170, 191, .15);
  --mantine-color-cyan-light-hover: rgba(21, 170, 191, .2);
  --mantine-color-cyan-light-color: var(--mantine-color-cyan-3);
  --mantine-color-cyan-outline: var(--mantine-color-cyan-4);
  --mantine-color-cyan-outline-hover: rgba(59, 201, 219, .05);
  --mantine-color-teal-text: var(--mantine-color-teal-4);
  --mantine-color-teal-filled: var(--mantine-color-teal-8);
  --mantine-color-teal-filled-hover: var(--mantine-color-teal-9);
  --mantine-color-teal-light: rgba(18, 184, 134, .15);
  --mantine-color-teal-light-hover: rgba(18, 184, 134, .2);
  --mantine-color-teal-light-color: var(--mantine-color-teal-3);
  --mantine-color-teal-outline: var(--mantine-color-teal-4);
  --mantine-color-teal-outline-hover: rgba(56, 217, 169, .05);
  --mantine-color-green-text: var(--mantine-color-green-4);
  --mantine-color-green-filled: var(--mantine-color-green-8);
  --mantine-color-green-filled-hover: var(--mantine-color-green-9);
  --mantine-color-green-light: rgba(64, 192, 87, .15);
  --mantine-color-green-light-hover: rgba(64, 192, 87, .2);
  --mantine-color-green-light-color: var(--mantine-color-green-3);
  --mantine-color-green-outline: var(--mantine-color-green-4);
  --mantine-color-green-outline-hover: rgba(105, 219, 124, .05);
  --mantine-color-lime-text: var(--mantine-color-lime-4);
  --mantine-color-lime-filled: var(--mantine-color-lime-8);
  --mantine-color-lime-filled-hover: var(--mantine-color-lime-9);
  --mantine-color-lime-light: rgba(130, 201, 30, .15);
  --mantine-color-lime-light-hover: rgba(130, 201, 30, .2);
  --mantine-color-lime-light-color: var(--mantine-color-lime-3);
  --mantine-color-lime-outline: var(--mantine-color-lime-4);
  --mantine-color-lime-outline-hover: rgba(169, 227, 75, .05);
  --mantine-color-yellow-text: var(--mantine-color-yellow-4);
  --mantine-color-yellow-filled: var(--mantine-color-yellow-8);
  --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-9);
  --mantine-color-yellow-light: rgba(250, 176, 5, .15);
  --mantine-color-yellow-light-hover: rgba(250, 176, 5, .2);
  --mantine-color-yellow-light-color: var(--mantine-color-yellow-3);
  --mantine-color-yellow-outline: var(--mantine-color-yellow-4);
  --mantine-color-yellow-outline-hover: rgba(255, 212, 59, .05);
  --mantine-color-orange-text: var(--mantine-color-orange-4);
  --mantine-color-orange-filled: var(--mantine-color-orange-8);
  --mantine-color-orange-filled-hover: var(--mantine-color-orange-9);
  --mantine-color-orange-light: rgba(253, 126, 20, .15);
  --mantine-color-orange-light-hover: rgba(253, 126, 20, .2);
  --mantine-color-orange-light-color: var(--mantine-color-orange-3);
  --mantine-color-orange-outline: var(--mantine-color-orange-4);
  --mantine-color-orange-outline-hover: rgba(255, 169, 77, .05);
}
:root[data-mantine-color-scheme=light] {
  --mantine-color-scheme: light;
  --mantine-color-bright: var(--mantine-color-black);
  --mantine-color-text: var(--mantine-color-black);
  --mantine-color-body: var(--mantine-color-white);
  --mantine-primary-color-contrast: var(--mantine-color-white);
  --mantine-color-error: var(--mantine-color-red-6);
  --mantine-color-placeholder: var(--mantine-color-gray-5);
  --mantine-color-anchor: var(--mantine-primary-color-filled);
  --mantine-color-default: var(--mantine-color-white);
  --mantine-color-default-hover: var(--mantine-color-gray-0);
  --mantine-color-default-color: var(--mantine-color-gray-9);
  --mantine-color-default-border: var(--mantine-color-gray-4);
  --mantine-color-dimmed: var(--mantine-color-gray-6);
  --mantine-color-dark-text: var(--mantine-color-dark-filled);
  --mantine-color-dark-filled: var(--mantine-color-dark-6);
  --mantine-color-dark-filled-hover: var(--mantine-color-dark-7);
  --mantine-color-dark-light: rgba(56, 56, 56, .1);
  --mantine-color-dark-light-hover: rgba(56, 56, 56, .12);
  --mantine-color-dark-light-color: var(--mantine-color-dark-6);
  --mantine-color-dark-outline: var(--mantine-color-dark-6);
  --mantine-color-dark-outline-hover: rgba(56, 56, 56, .05);
  --mantine-color-gray-text: var(--mantine-color-gray-filled);
  --mantine-color-gray-filled: var(--mantine-color-gray-6);
  --mantine-color-gray-filled-hover: var(--mantine-color-gray-7);
  --mantine-color-gray-light: rgba(134, 142, 150, .1);
  --mantine-color-gray-light-hover: rgba(134, 142, 150, .12);
  --mantine-color-gray-light-color: var(--mantine-color-gray-6);
  --mantine-color-gray-outline: var(--mantine-color-gray-6);
  --mantine-color-gray-outline-hover: rgba(134, 142, 150, .05);
  --mantine-color-red-text: var(--mantine-color-red-filled);
  --mantine-color-red-filled: var(--mantine-color-red-6);
  --mantine-color-red-filled-hover: var(--mantine-color-red-7);
  --mantine-color-red-light: rgba(250, 82, 82, .1);
  --mantine-color-red-light-hover: rgba(250, 82, 82, .12);
  --mantine-color-red-light-color: var(--mantine-color-red-6);
  --mantine-color-red-outline: var(--mantine-color-red-6);
  --mantine-color-red-outline-hover: rgba(250, 82, 82, .05);
  --mantine-color-pink-text: var(--mantine-color-pink-filled);
  --mantine-color-pink-filled: var(--mantine-color-pink-6);
  --mantine-color-pink-filled-hover: var(--mantine-color-pink-7);
  --mantine-color-pink-light: rgba(230, 73, 128, .1);
  --mantine-color-pink-light-hover: rgba(230, 73, 128, .12);
  --mantine-color-pink-light-color: var(--mantine-color-pink-6);
  --mantine-color-pink-outline: var(--mantine-color-pink-6);
  --mantine-color-pink-outline-hover: rgba(230, 73, 128, .05);
  --mantine-color-grape-text: var(--mantine-color-grape-filled);
  --mantine-color-grape-filled: var(--mantine-color-grape-6);
  --mantine-color-grape-filled-hover: var(--mantine-color-grape-7);
  --mantine-color-grape-light: rgba(190, 75, 219, .1);
  --mantine-color-grape-light-hover: rgba(190, 75, 219, .12);
  --mantine-color-grape-light-color: var(--mantine-color-grape-6);
  --mantine-color-grape-outline: var(--mantine-color-grape-6);
  --mantine-color-grape-outline-hover: rgba(190, 75, 219, .05);
  --mantine-color-violet-text: var(--mantine-color-violet-filled);
  --mantine-color-violet-filled: var(--mantine-color-violet-6);
  --mantine-color-violet-filled-hover: var(--mantine-color-violet-7);
  --mantine-color-violet-light: rgba(121, 80, 242, .1);
  --mantine-color-violet-light-hover: rgba(121, 80, 242, .12);
  --mantine-color-violet-light-color: var(--mantine-color-violet-6);
  --mantine-color-violet-outline: var(--mantine-color-violet-6);
  --mantine-color-violet-outline-hover: rgba(121, 80, 242, .05);
  --mantine-color-indigo-text: var(--mantine-color-indigo-filled);
  --mantine-color-indigo-filled: var(--mantine-color-indigo-6);
  --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-7);
  --mantine-color-indigo-light: rgba(76, 110, 245, .1);
  --mantine-color-indigo-light-hover: rgba(76, 110, 245, .12);
  --mantine-color-indigo-light-color: var(--mantine-color-indigo-6);
  --mantine-color-indigo-outline: var(--mantine-color-indigo-6);
  --mantine-color-indigo-outline-hover: rgba(76, 110, 245, .05);
  --mantine-color-blue-text: var(--mantine-color-blue-filled);
  --mantine-color-blue-filled: var(--mantine-color-blue-6);
  --mantine-color-blue-filled-hover: var(--mantine-color-blue-7);
  --mantine-color-blue-light: rgba(34, 139, 230, .1);
  --mantine-color-blue-light-hover: rgba(34, 139, 230, .12);
  --mantine-color-blue-light-color: var(--mantine-color-blue-6);
  --mantine-color-blue-outline: var(--mantine-color-blue-6);
  --mantine-color-blue-outline-hover: rgba(34, 139, 230, .05);
  --mantine-color-cyan-text: var(--mantine-color-cyan-filled);
  --mantine-color-cyan-filled: var(--mantine-color-cyan-6);
  --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-7);
  --mantine-color-cyan-light: rgba(21, 170, 191, .1);
  --mantine-color-cyan-light-hover: rgba(21, 170, 191, .12);
  --mantine-color-cyan-light-color: var(--mantine-color-cyan-6);
  --mantine-color-cyan-outline: var(--mantine-color-cyan-6);
  --mantine-color-cyan-outline-hover: rgba(21, 170, 191, .05);
  --mantine-color-teal-text: var(--mantine-color-teal-filled);
  --mantine-color-teal-filled: var(--mantine-color-teal-6);
  --mantine-color-teal-filled-hover: var(--mantine-color-teal-7);
  --mantine-color-teal-light: rgba(18, 184, 134, .1);
  --mantine-color-teal-light-hover: rgba(18, 184, 134, .12);
  --mantine-color-teal-light-color: var(--mantine-color-teal-6);
  --mantine-color-teal-outline: var(--mantine-color-teal-6);
  --mantine-color-teal-outline-hover: rgba(18, 184, 134, .05);
  --mantine-color-green-text: var(--mantine-color-green-filled);
  --mantine-color-green-filled: var(--mantine-color-green-6);
  --mantine-color-green-filled-hover: var(--mantine-color-green-7);
  --mantine-color-green-light: rgba(64, 192, 87, .1);
  --mantine-color-green-light-hover: rgba(64, 192, 87, .12);
  --mantine-color-green-light-color: var(--mantine-color-green-6);
  --mantine-color-green-outline: var(--mantine-color-green-6);
  --mantine-color-green-outline-hover: rgba(64, 192, 87, .05);
  --mantine-color-lime-text: var(--mantine-color-lime-filled);
  --mantine-color-lime-filled: var(--mantine-color-lime-6);
  --mantine-color-lime-filled-hover: var(--mantine-color-lime-7);
  --mantine-color-lime-light: rgba(130, 201, 30, .1);
  --mantine-color-lime-light-hover: rgba(130, 201, 30, .12);
  --mantine-color-lime-light-color: var(--mantine-color-lime-6);
  --mantine-color-lime-outline: var(--mantine-color-lime-6);
  --mantine-color-lime-outline-hover: rgba(130, 201, 30, .05);
  --mantine-color-yellow-text: var(--mantine-color-yellow-filled);
  --mantine-color-yellow-filled: var(--mantine-color-yellow-6);
  --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-7);
  --mantine-color-yellow-light: rgba(250, 176, 5, .1);
  --mantine-color-yellow-light-hover: rgba(250, 176, 5, .12);
  --mantine-color-yellow-light-color: var(--mantine-color-yellow-6);
  --mantine-color-yellow-outline: var(--mantine-color-yellow-6);
  --mantine-color-yellow-outline-hover: rgba(250, 176, 5, .05);
  --mantine-color-orange-text: var(--mantine-color-orange-filled);
  --mantine-color-orange-filled: var(--mantine-color-orange-6);
  --mantine-color-orange-filled-hover: var(--mantine-color-orange-7);
  --mantine-color-orange-light: rgba(253, 126, 20, .1);
  --mantine-color-orange-light-hover: rgba(253, 126, 20, .12);
  --mantine-color-orange-light-color: var(--mantine-color-orange-6);
  --mantine-color-orange-outline: var(--mantine-color-orange-6);
  --mantine-color-orange-outline-hover: rgba(253, 126, 20, .05);
}
.mantine-ScrollArea-root {
  --scrollarea-scrollbar-size: 12px;
  position: relative;
  overflow: hidden;
}
.mantine-ScrollArea-viewport {
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 100%;
}
.mantine-ScrollArea-viewport::-webkit-scrollbar {
  display: none;
}
.mantine-ScrollArea-viewport:where([data-scrollbars=xy], [data-scrollbars=y]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=y]) {
  padding-inline-end: var(--scrollarea-scrollbar-size);
  padding-inline-start: unset;
}
.mantine-ScrollArea-viewport:where([data-scrollbars=xy], [data-scrollbars=x]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=x]) {
  padding-bottom: var(--scrollarea-scrollbar-size);
}
.mantine-ScrollArea-viewportInner {
  min-width: 100%;
  display: table;
}
.mantine-ScrollArea-scrollbar {
  user-select: none;
  touch-action: none;
  box-sizing: border-box;
  transition: background-color .15s ease, opacity .15s ease;
  padding: calc(var(--scrollarea-scrollbar-size) / 5);
  display: flex;
  background-color: transparent;
  flex-direction: row;
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .mantine-ScrollArea-scrollbar:hover {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=light]) .mantine-ScrollArea-scrollbar:hover > .mantine-ScrollArea-thumb {
    background-color: #00000080;
  }
  :where([data-mantine-color-scheme=dark]) .mantine-ScrollArea-scrollbar:hover {
    background-color: var(--mantine-color-dark-8);
  }
  :where([data-mantine-color-scheme=dark]) .mantine-ScrollArea-scrollbar:hover > .mantine-ScrollArea-thumb {
    background-color: #ffffff80;
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .mantine-ScrollArea-scrollbar:active {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=light]) .mantine-ScrollArea-scrollbar:active > .mantine-ScrollArea-thumb {
    background-color: #00000080;
  }
  :where([data-mantine-color-scheme=dark]) .mantine-ScrollArea-scrollbar:active {
    background-color: var(--mantine-color-dark-8);
  }
  :where([data-mantine-color-scheme=dark]) .mantine-ScrollArea-scrollbar:active > .mantine-ScrollArea-thumb {
    background-color: #ffffff80;
  }
}
.mantine-ScrollArea-scrollbar:where([data-hidden], [data-state=hidden]) {
  display: none;
}
.mantine-ScrollArea-scrollbar:where([data-orientation=vertical]) {
  width: var(--scrollarea-scrollbar-size);
  top: 0;
  bottom: var(--sa-corner-width);
  inset-inline-end: 0;
}
.mantine-ScrollArea-scrollbar:where([data-orientation=horizontal]) {
  height: var(--scrollarea-scrollbar-size);
  flex-direction: column;
  bottom: 0;
  inset-inline-start: 0;
  inset-inline-end: var(--sa-corner-width);
}
.mantine-ScrollArea-thumb {
  flex: 1;
  border-radius: var(--scrollarea-scrollbar-size);
  position: relative;
  transition: background-color .15s ease;
  overflow: hidden;
}
.mantine-ScrollArea-thumb:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  min-width: 44px;
  min-height: 44px;
}
:where([data-mantine-color-scheme=light]) .mantine-ScrollArea-thumb {
  background-color: #0006;
}
:where([data-mantine-color-scheme=dark]) .mantine-ScrollArea-thumb {
  background-color: #fff6;
}
.mantine-ScrollArea-corner {
  position: absolute;
  opacity: 0;
  transition: opacity .15s ease;
  display: block;
  inset-inline-end: 0;
  bottom: 0;
}
:where([data-mantine-color-scheme=light]) .mantine-ScrollArea-corner {
  background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .mantine-ScrollArea-corner {
  background-color: var(--mantine-color-dark-8);
}
.mantine-ScrollArea-corner:where([data-hovered]) {
  opacity: 1;
}
.mantine-ScrollArea-corner:where([data-hidden]) {
  display: none;
}
.universal-UnstyledButton-root {
  background-color: transparent;
  cursor: pointer;
  border: 0;
  padding: 0;
  appearance: none;
  font: inherit;
  font-size: var(--mantine-font-size-md);
  text-align: left;
  text-decoration: none;
  color: inherit;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
:where([dir=rtl]) .universal-UnstyledButton-root {
  text-align: right;
}
.universal-VisuallyHidden-root {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
}
.universal-Popover-dropdown {
  position: absolute;
  border: 1px solid var(--popover-border-color);
  padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
  box-shadow: var(--popover-shadow, none);
  border-radius: var(--popover-radius, var(--mantine-radius-default));
}
.universal-Popover-dropdown:where([data-fixed]) {
  position: fixed;
}
.universal-Popover-dropdown:focus {
  outline: none;
}
:where([data-mantine-color-scheme=light]) .universal-Popover-dropdown {
  --popover-border-color: var(--mantine-color-gray-2);
  background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=dark]) .universal-Popover-dropdown {
  --popover-border-color: var(--mantine-color-dark-4);
  background-color: var(--mantine-color-dark-6);
}
.universal-Popover-arrow {
  background-color: inherit;
  border: 1px solid var(--popover-border-color);
  z-index: 1;
}
.universal-Group-root {
  display: flex;
  flex-direction: row;
  flex-wrap: var(--group-wrap, wrap);
  justify-content: var(--group-justify, flex-start);
  align-items: var(--group-align, center);
  gap: var(--group-gap, var(--mantine-spacing-md));
}
.universal-Group-root:where([data-grow]) > * {
  flex-grow: 1;
  max-width: var(--group-child-width);
}
@keyframes oval-loader-animation {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.universal-Loader-root {
  --loader-size-xs: 18px;
  --loader-size-sm: 22px;
  --loader-size-md: 36px;
  --loader-size-lg: 44px;
  --loader-size-xl: 58px;
  --loader-size: var(--loader-size-md);
  --loader-color: var(--mantine-primary-color-filled);
  display: inline-block;
  width: var(--loader-size);
  height: var(--loader-size);
}
.universal-Loader-root:after {
  content: "";
  display: block;
  width: var(--loader-size);
  height: var(--loader-size);
  border-radius: 10000px;
  border-width: calc(var(--loader-size) / 8);
  border-style: solid;
  border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
  animation: oval-loader-animation 1.2s linear infinite;
}
.universal-Input-wrapper {
  position: relative;
  margin-top: var(--input-margin-top, 0rem);
  margin-bottom: var(--input-margin-bottom, 0rem);
  --input-height-xs: 30px;
  --input-height-sm: 36px;
  --input-height-md: 42px;
  --input-height-lg: 50px;
  --input-height-xl: 60px;
  --input-padding-y-xs: 5px;
  --input-padding-y-sm: 6px;
  --input-padding-y-md: 8px;
  --input-padding-y-lg: 10px;
  --input-padding-y-xl: 13px;
  --input-height: var(--input-height-sm);
  --input-radius: var(--mantine-radius-default);
  --input-cursor: text;
  --input-text-align: left;
  --input-line-height: calc(var(--input-height) - calc(.125rem * var(--mantine-scale)));
  --input-padding: calc(var(--input-height) / 3);
  --input-padding-inline-start: var(--input-padding);
  --input-padding-inline-end: var(--input-padding);
  --input-placeholder-color: var(--mantine-color-placeholder);
  --input-color: var(--mantine-color-text);
  --input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(.125rem * var(--mantine-scale))));
  --input-right-section-size: var( --input-right-section-width, calc(var(--input-height) - calc(.125rem * var(--mantine-scale))) );
  --input-size: var(--input-height);
  --section-y: 1px;
  --left-section-start: 1px;
  --left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
  --right-section-end: 1px;
  --right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
}
.universal-Input-wrapper[data-variant=unstyled] {
  --input-padding: 0;
  --input-padding-y: 0;
  --input-padding-inline-start: 0;
  --input-padding-inline-end: 0;
}
.universal-Input-wrapper[data-pointer] {
  --input-cursor: pointer;
}
.universal-Input-wrapper[data-multiline] {
  --input-padding-y-xs: 4.5px;
  --input-padding-y-sm: 5.5px;
  --input-padding-y-md: 7px;
  --input-padding-y-lg: 9.5px;
  --input-padding-y-xl: 13px;
  --input-size: auto;
  --input-line-height: var(--mantine-line-height);
  --input-padding-y: var(--input-padding-y-sm);
}
.universal-Input-wrapper[data-with-left-section] {
  --input-padding-inline-start: var(--input-left-section-size);
}
.universal-Input-wrapper[data-with-right-section] {
  --input-padding-inline-end: var(--input-right-section-size);
}
[data-mantine-color-scheme=light] .universal-Input-wrapper {
  --input-disabled-bg: var(--mantine-color-gray-1);
  --input-disabled-color: var(--mantine-color-gray-6);
}
[data-mantine-color-scheme=light] .universal-Input-wrapper[data-variant=default] {
  --input-bd: var(--mantine-color-gray-4);
  --input-bg: var(--mantine-color-white);
  --input-bd-focus: var(--mantine-primary-color-filled);
}
[data-mantine-color-scheme=light] .universal-Input-wrapper[data-variant=filled] {
  --input-bd: transparent;
  --input-bg: var(--mantine-color-gray-1);
  --input-bd-focus: var(--mantine-primary-color-filled);
}
[data-mantine-color-scheme=light] .universal-Input-wrapper[data-variant=unstyled] {
  --input-bd: transparent;
  --input-bg: transparent;
  --input-bd-focus: transparent;
}
[data-mantine-color-scheme=dark] .universal-Input-wrapper {
  --input-disabled-bg: var(--mantine-color-dark-6);
  --input-disabled-color: var(--mantine-color-dark-2);
}
[data-mantine-color-scheme=dark] .universal-Input-wrapper[data-variant=default] {
  --input-bd: var(--mantine-color-dark-4);
  --input-bg: var(--mantine-color-dark-6);
  --input-bd-focus: var(--mantine-primary-color-filled);
}
[data-mantine-color-scheme=dark] .universal-Input-wrapper[data-variant=filled] {
  --input-bd: transparent;
  --input-bg: var(--mantine-color-dark-5);
  --input-bd-focus: var(--mantine-primary-color-filled);
}
[data-mantine-color-scheme=dark] .universal-Input-wrapper[data-variant=unstyled] {
  --input-bd: transparent;
  --input-bg: transparent;
  --input-bd-focus: transparent;
}
[data-mantine-color-scheme] .universal-Input-wrapper[data-error]:not([data-variant=unstyled]) {
  --input-bd: var(--mantine-color-error);
}
[data-mantine-color-scheme] .universal-Input-wrapper[data-error] {
  --input-color: var(--mantine-color-error);
  --input-placeholder-color: var(--mantine-color-error);
  --input-section-color: var(--mantine-color-error);
}
:where([dir=rtl]) .universal-Input-wrapper {
  --input-text-align: right;
  --left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
  --right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
}
.universal-Input-input {
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  resize: var(--input-resize, none);
  display: block;
  width: 100%;
  transition: border-color .1s ease;
  text-align: var(--input-text-align);
  color: var(--input-color);
  border: calc(.0625rem * var(--mantine-scale)) solid var(--input-bd);
  background-color: var(--input-bg);
  font: inherit;
  font-family: var(--input-font-family, var(--mantine-font-family));
  height: var(--input-size);
  min-height: var(--input-height);
  line-height: var(--input-line-height);
  font-size: var(--input-fz, var(--input-fz, var(--mantine-font-size-sm)));
  border-radius: var(--input-radius);
  padding-inline-start: var(--input-padding-inline-start);
  padding-inline-end: var(--input-padding-inline-end);
  padding-top: var(--input-padding-y, 0rem);
  padding-bottom: var(--input-padding-y, 0rem);
  cursor: var(--input-cursor);
  overflow: var(--input-overflow);
}
.universal-Input-input[data-no-overflow] {
  --input-overflow: hidden;
}
.universal-Input-input[data-monospace] {
  --input-font-family: var(--mantine-font-family-monospace);
  --input-fz: calc(var(--input-fz, var(--mantine-font-size-sm)) - calc(.125rem * var(--mantine-scale)));
}
.universal-Input-input:focus,
.universal-Input-input:focus-within {
  outline: none;
  --input-bd: var(--input-bd-focus);
}
[data-error] .universal-Input-input:focus,
[data-error] .universal-Input-input:focus-within {
  --input-bd: var(--mantine-color-error);
}
.universal-Input-input::placeholder {
  color: var(--input-placeholder-color);
  opacity: 1;
}
.universal-Input-input::-webkit-inner-spin-button,
.universal-Input-input::-webkit-outer-spin-button,
.universal-Input-input::-webkit-search-decoration,
.universal-Input-input::-webkit-search-cancel-button,
.universal-Input-input::-webkit-search-results-button,
.universal-Input-input::-webkit-search-results-decoration {
  appearance: none;
}
.universal-Input-input[type=number] {
  -moz-appearance: textfield;
}
.universal-Input-input:disabled,
.universal-Input-input[data-disabled] {
  cursor: not-allowed;
  opacity: .6;
  background-color: var(--input-disabled-bg);
  color: var(--input-disabled-color);
}
.universal-Input-input:has(input:disabled) {
  cursor: not-allowed;
  opacity: .6;
  background-color: var(--input-disabled-bg);
  color: var(--input-disabled-color);
}
.universal-Input-section {
  pointer-events: var(--section-pointer-events);
  position: absolute;
  z-index: 1;
  inset-inline-start: var(--section-start);
  inset-inline-end: var(--section-end);
  bottom: var(--section-y);
  top: var(--section-y);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--section-size);
  border-radius: var(--section-border-radius);
  color: var(--input-section-color, var(--mantine-color-dimmed));
}
.universal-Input-section[data-position=right] {
  --section-pointer-events: var(--input-right-section-pointer-events);
  --section-end: var(--right-section-end);
  --section-size: var(--input-right-section-size);
  --section-border-radius: var(--right-section-border-radius);
}
.universal-Input-section[data-position=left] {
  --section-pointer-events: var(--input-left-section-pointer-events);
  --section-start: var(--left-section-start);
  --section-size: var(--input-left-section-size);
  --section-border-radius: var(--left-section-border-radius);
}
.universal-Input-placeholder {
  color: var(--input-placeholder-color, var(--mantine-color-placeholder));
}
[data-error] .universal-Input-placeholder {
  --input-placeholder-color: var(--input-color, var(--mantine-color-placeholder));
}
.universal-InputWrapper-root {
  line-height: var(--mantine-line-height);
}
.universal-InputWrapper-label {
  display: inline-block;
  font-weight: 500;
  word-break: break-word;
  cursor: default;
  -webkit-tap-highlight-color: transparent;
  font-size: var(--input-label-size, var(--mantine-font-size-sm));
}
.universal-InputWrapper-required {
  color: var(--input-asterisk-color, var(--mantine-color-error));
}
.universal-InputWrapper-error,
.universal-InputWrapper-description {
  word-wrap: break-word;
  line-height: 1.2;
  display: block;
  margin: 0;
  padding: 0;
}
.universal-InputWrapper-error {
  color: var(--mantine-color-error);
  font-size: var(--input-error-size, calc(var(--mantine-font-size-sm) - calc(.125rem * var(--mantine-scale))));
}
.universal-InputWrapper-description {
  color: var(--mantine-color-dimmed);
  font-size: var(--input-description-size, calc(var(--mantine-font-size-sm) - calc(.125rem * var(--mantine-scale))));
}
.universal-Flex-root {
  display: flex;
}
.universal-AvatarGroup-group {
  --ag-spacing: var(--mantine-spacing-sm);
  --ag-offset: calc(var(--ag-spacing) * -1);
  display: flex;
  padding-inline-start: var(--ag-spacing);
}
.universal-Avatar-root {
  --avatar-size-xs: 16px;
  --avatar-size-sm: 26px;
  --avatar-size-md: 38px;
  --avatar-size-lg: 56px;
  --avatar-size-xl: 84px;
  --avatar-size: var(--avatar-size-md);
  --avatar-radius: 1000px;
  --avatar-bg: var(--mantine-color-gray-light);
  --avatar-bd: 1px solid transparent;
  --avatar-color: var(--mantine-color-gray-light-color);
  --avatar-placeholder-fz: calc(var(--avatar-size) / 2.5);
  -webkit-tap-highlight-color: transparent;
  position: relative;
  display: block;
  user-select: none;
  overflow: hidden;
  border-radius: var(--avatar-radius);
  text-decoration: none;
  padding: 0;
  width: var(--avatar-size);
  height: var(--avatar-size);
  min-width: var(--avatar-size);
}
.universal-Avatar-root:where([data-within-group]) {
  margin-inline-start: var(--ag-offset);
  border: 2px solid var(--mantine-color-body);
  background: var(--mantine-color-body);
}
.universal-Avatar-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}
.universal-Avatar-placeholder {
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  user-select: none;
  border-radius: var(--avatar-radius);
  font-size: var(--avatar-placeholder-fz);
  background: var(--avatar-bg);
  border: var(--avatar-bd);
  color: var(--avatar-color);
}
.universal-Avatar-placeholder > [data-avatar-placeholder-icon] {
  width: 70%;
  height: 70%;
}
.universal-Button-root {
  --button-height-xs: 30px;
  --button-height-sm: 36px;
  --button-height-md: 42px;
  --button-height-lg: 50px;
  --button-height-xl: 60px;
  --button-height-compact-xs: 22px;
  --button-height-compact-sm: 26px;
  --button-height-compact-md: 30px;
  --button-height-compact-lg: 34px;
  --button-height-compact-xl: 40px;
  --button-padding-x-xs: 14px;
  --button-padding-x-sm: 18px;
  --button-padding-x-md: 22px;
  --button-padding-x-lg: 26px;
  --button-padding-x-xl: 32px;
  --button-padding-x-compact-xs: 7px;
  --button-padding-x-compact-sm: 8px;
  --button-padding-x-compact-md: 10px;
  --button-padding-x-compact-lg: 12px;
  --button-padding-x-compact-xl: 14px;
  --button-height: var(--button-height-sm);
  --button-padding-x: var(--button-padding-x-sm);
  --button-color: var(--mantine-color-white);
  user-select: none;
  font-weight: 600;
  position: relative;
  line-height: 1;
  text-align: center;
  text-transform: none;
  overflow: hidden;
  width: auto;
  cursor: pointer;
  display: inline-block;
  border-radius: var(--button-radius, var(--mantine-radius-default));
  font-size: var(--button-fz, var(--mantine-font-size-sm));
  background: var(--button-bg, var(--mantine-primary-color-filled));
  border: var(--button-bd, calc(.0625rem * var(--mantine-scale)) solid transparent);
  color: var(--button-color, var(--mantine-color-white));
  height: var(--button-height, var(--button-height-sm));
  padding-inline: var(--button-padding-x, var(--button-padding-x-sm));
  vertical-align: middle;
}
.universal-Button-root:where([data-block]) {
  display: block;
  width: 100%;
}
.universal-Button-root:where([data-with-left-section]) {
  padding-inline-start: calc(var(--button-padding-x) / 1.5);
}
.universal-Button-root:where([data-with-right-section]) {
  padding-inline-end: calc(var(--button-padding-x) / 1.5);
}
.universal-Button-root:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
  cursor: not-allowed;
  border: 1px solid transparent;
  transform: none;
}
:where([data-mantine-color-scheme=light]) .universal-Button-root:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
  color: var(--mantine-color-gray-5);
  background: var(--mantine-color-gray-1);
}
:where([data-mantine-color-scheme=dark]) .universal-Button-root:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
  color: var(--mantine-color-dark-3);
  background: var(--mantine-color-dark-6);
}
.universal-Button-root:before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: -1px;
  border-radius: var(--button-radius, var(--mantine-radius-default));
  transform: translateY(-100%);
  opacity: 0;
  filter: blur(12px);
  transition: transform .15s ease, opacity .1s ease;
}
:where([data-mantine-color-scheme=light]) .universal-Button-root:before {
  background-color: #ffffff26;
}
:where([data-mantine-color-scheme=dark]) .universal-Button-root:before {
  background-color: #00000026;
}
.universal-Button-root:where([data-loading]) {
  cursor: not-allowed;
  transform: none;
}
.universal-Button-root:where([data-loading]):before {
  transform: translateY(0);
  opacity: 1;
}
.universal-Button-root:where([data-loading]) .universal-Button-inner {
  opacity: 0;
  transform: translateY(100%);
}
@media (hover: hover) {
  .universal-Button-root:hover:where(:not([data-loading], :disabled, [data-disabled])) {
    background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
    color: var(--button-hover-color, var(--button-color));
  }
}
@media (hover: none) {
  .universal-Button-root:active:where(:not([data-loading], :disabled, [data-disabled])) {
    background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
    color: var(--button-hover-color, var(--button-color));
  }
}
.universal-Button-inner {
  display: flex;
  align-items: center;
  justify-content: var(--button-justify, center);
  height: 100%;
  overflow: visible;
  transition: transform .15s ease, opacity .1s ease;
}
.universal-Button-label {
  white-space: nowrap;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  opacity: 1;
}
.universal-Button-label:where([data-loading]) {
  opacity: .2;
}
.universal-Button-section {
  display: flex;
  align-items: center;
}
.universal-Button-section:where([data-position=left]) {
  margin-inline-end: var(--mantine-spacing-xs);
}
.universal-Button-section:where([data-position=right]) {
  margin-inline-start: var(--mantine-spacing-xs);
}
.universal-Button-loader {
  position: absolute;
  left: 50%;
  top: 50%;
}
.universal-Button-group {
  --button-border-width: 1px;
  display: flex;
}
.universal-Button-group :where(.universal-Button-root):focus {
  position: relative;
  z-index: 1;
}
.universal-Button-group[data-orientation=horizontal] {
  flex-direction: row;
}
.universal-Button-group[data-orientation=horizontal] .universal-Button-root:not(:only-child):first-child {
  border-end-end-radius: 0;
  border-start-end-radius: 0;
  border-inline-end-width: calc(var(--button-border-width) / 2);
}
.universal-Button-group[data-orientation=horizontal] .universal-Button-root:not(:only-child):last-child {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
  border-inline-start-width: calc(var(--button-border-width) / 2);
}
.universal-Button-group[data-orientation=horizontal] .universal-Button-root:not(:only-child):not(:first-child):not(:last-child) {
  border-radius: 0;
  border-inline-width: calc(var(--button-border-width) / 2);
}
.universal-Button-group[data-orientation=vertical] {
  flex-direction: column;
}
.universal-Button-group[data-orientation=vertical] .universal-Button-root:not(:only-child):first-child {
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  border-bottom-width: calc(var(--button-border-width) / 2);
}
.universal-Button-group[data-orientation=vertical] .universal-Button-root:not(:only-child):last-child {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-top-width: calc(var(--button-border-width) / 2);
}
.universal-Button-group[data-orientation=vertical] .universal-Button-root:not(:only-child):not(:first-child):not(:last-child) {
  border-radius: 0;
  border-bottom-width: calc(var(--button-border-width) / 2);
  border-top-width: calc(var(--button-border-width) / 2);
}
.universal-Combobox-dropdown,
.universal-Select-dropdown {
  --combobox-padding: 4px;
  padding: var(--combobox-padding);
  line-height: var(--mantine-line-height);
}
.universal-Combobox-dropdown:has([data-mantine-scrollbar]),
.universal-Select-dropdown:has([data-mantine-scrollbar]) {
  padding-inline-end: 0;
}
.universal-Combobox-dropdown:has([data-mantine-scrollbar]) .search,
.universal-Select-dropdown:has([data-mantine-scrollbar]) .search {
  max-width: calc(100% + var(--combobox-padding));
}
.universal-Combobox-dropdown[data-hidden],
.universal-Select-dropdown[data-hidden] {
  display: none;
}
.universal-Combobox-dropdown,
.universal-Combobox-options,
.universal-Select-dropdown,
.universal-Select-options {
  --combobox-option-padding-xs: 4px 8px;
  --combobox-option-padding-sm: 6px 10px;
  --combobox-option-padding-md: 8px 12px;
  --combobox-option-padding-lg: 10px 16px;
  --combobox-option-padding-xl: 14px 20px;
  --combobox-option-padding: var(--combobox-option-padding-sm);
}
.universal-Combobox-option,
.universal-Select-option {
  padding: var(--combobox-option-padding);
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  border-radius: var(--mantine-radius-default);
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  word-break: break-word;
}
.universal-Combobox-option:where([data-combobox-selected]),
.universal-Select-option:where([data-combobox-selected]) {
  background-color: var(--mantine-primary-color-filled);
  color: var(--mantine-color-white);
}
.universal-Combobox-option:where([data-combobox-disabled]),
.universal-Select-option:where([data-combobox-disabled]) {
  cursor: not-allowed;
  opacity: .35;
}
@media (hover: hover) {
  :where([data-mantine-color-scheme=light]) .universal-Combobox-option:hover:where(:not([data-combobox-selected], [data-combobox-disabled])),
  :where([data-mantine-color-scheme=light]) .universal-Select-option:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .universal-Combobox-option:hover:where(:not([data-combobox-selected], [data-combobox-disabled])),
  :where([data-mantine-color-scheme=dark]) .universal-Select-option:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
    background-color: var(--mantine-color-dark-7);
  }
}
@media (hover: none) {
  :where([data-mantine-color-scheme=light]) .universal-Combobox-option:active:where(:not([data-combobox-selected], [data-combobox-disabled])),
  :where([data-mantine-color-scheme=light]) .universal-Select-option:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
    background-color: var(--mantine-color-gray-0);
  }
  :where([data-mantine-color-scheme=dark]) .universal-Combobox-option:active:where(:not([data-combobox-selected], [data-combobox-disabled])),
  :where([data-mantine-color-scheme=dark]) .universal-Select-option:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
    background-color: var(--mantine-color-dark-7);
  }
}
.universal-Combobox-search,
.universal-Select-search {
  margin-inline: calc(var(--combobox-padding) * -1);
  margin-top: calc(var(--combobox-padding) * -1);
  width: calc(100% + var(--combobox-padding) * 2);
  border-top-width: 0;
  border-inline-width: 0;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  margin-bottom: var(--combobox-padding);
  position: relative;
}
:where([data-mantine-color-scheme=light]) .universal-Combobox-search,
:where([data-mantine-color-scheme=light]) .universal-Combobox-search:focus,
:where([data-mantine-color-scheme=light]) .universal-Select-search,
:where([data-mantine-color-scheme=light]) .universal-Select-search:focus {
  border-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .universal-Combobox-search,
:where([data-mantine-color-scheme=dark]) .universal-Combobox-search:focus,
:where([data-mantine-color-scheme=dark]) .universal-Select-search,
:where([data-mantine-color-scheme=dark]) .universal-Select-search:focus {
  border-color: var(--mantine-color-dark-4);
}
:where([data-mantine-color-scheme=light]) .universal-Combobox-search,
:where([data-mantine-color-scheme=light]) .universal-Select-search {
  background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=dark]) .universal-Combobox-search,
:where([data-mantine-color-scheme=dark]) .universal-Select-search {
  background-color: var(--mantine-color-dark-7);
}
.universal-Combobox-empty,
.universal-Select-empty {
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  text-align: center;
  padding: var(--combobox-option-padding);
  color: var(--mantine-color-dimmed);
}
.universal-Combobox-header,
.universal-Combobox-footer,
.universal-Select-header,
.universal-Select-footer {
  font-size: var(--combobox-option-fz, var(--mantine-font-size-sm));
  border: 0 solid transparent;
  margin-inline: calc(var(--combobox-padding) * -1);
  padding: var(--combobox-option-padding);
}
:where([data-mantine-color-scheme=light]) .universal-Combobox-header,
:where([data-mantine-color-scheme=light]) .universal-Combobox-footer,
:where([data-mantine-color-scheme=light]) .universal-Select-header,
:where([data-mantine-color-scheme=light]) .universal-Select-footer {
  border-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .universal-Combobox-header,
:where([data-mantine-color-scheme=dark]) .universal-Combobox-footer,
:where([data-mantine-color-scheme=dark]) .universal-Select-header,
:where([data-mantine-color-scheme=dark]) .universal-Select-footer {
  border-color: var(--mantine-color-dark-4);
}
.universal-Combobox-footer,
.universal-Select-footer {
  border-top-width: 1px;
  margin-top: var(--combobox-padding);
  margin-bottom: calc(var(--combobox-padding) * -1);
}
.universal-Combobox-header,
.universal-Select-header {
  border-bottom-width: 1px;
  margin-bottom: var(--combobox-padding);
  margin-top: calc(var(--combobox-padding) * -1);
}
.universal-Combobox-group:has(.universal-Select-groupLabel:only-child),
.universal-Select-group:has(.universal-Select-groupLabel:only-child) {
  display: none;
}
.universal-Combobox-groupLabel,
.universal-Select-groupLabel {
  color: var(--mantine-color-dimmed);
  font-size: calc(var(--combobox-option-fz, var(--mantine-font-size-sm)) * .85);
  padding: var(--combobox-option-padding);
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
}
.universal-Combobox-groupLabel:after,
.universal-Select-groupLabel:after {
  content: "";
  flex: 1;
  inset-inline: 0;
  height: 1px;
  margin-inline-start: var(--mantine-spacing-xs);
}
:where([data-mantine-color-scheme=light]) .universal-Combobox-groupLabel:after,
:where([data-mantine-color-scheme=light]) .universal-Select-groupLabel:after {
  background-color: var(--mantine-color-gray-2);
}
:where([data-mantine-color-scheme=dark]) .universal-Combobox-groupLabel:after,
:where([data-mantine-color-scheme=dark]) .universal-Select-groupLabel:after {
  background-color: var(--mantine-color-dark-4);
}
.universal-Combobox-groupLabel:only-child,
.universal-Select-groupLabel:only-child {
  display: none;
}
.universal-ComboboxChevron-chevron {
  --combobox-chevron-size-xs: 14px;
  --combobox-chevron-size-sm: 18px;
  --combobox-chevron-size-md: 20px;
  --combobox-chevron-size-lg: 24px;
  --combobox-chevron-size-xl: 28px;
  --combobox-chevron-size: var(--combobox-chevron-size-sm);
  width: var(--combobox-chevron-size);
  height: var(--combobox-chevron-size);
}
:where([data-mantine-color-scheme=light]) .universal-ComboboxChevron-chevron {
  color: var(--mantine-color-gray-6);
}
:where([data-mantine-color-scheme=dark]) .universal-ComboboxChevron-chevron {
  color: var(--mantine-color-dark-3);
}
.universal-ComboboxChevron-chevron:where([data-error]) {
  color: var(--mantine-color-error);
}
.universal-Combobox-option,
.universal-Select-option {
  display: flex;
  align-items: center;
  gap: 8px;
}
.universal-Combobox-option:where([data-reverse]),
.universal-Select-option:where([data-reverse]) {
  justify-content: space-between;
}
.universal-Select-option > svg {
  opacity: .4;
  width: .8em;
  min-width: .8em;
  height: .8em;
}
:where([data-combobox-selected]) .universal-Select-option > svg {
  opacity: 1;
}
.universal-Tooltip-tooltip {
  --tooltip-radius: var(--mantine-radius-default);
  position: absolute;
  padding: calc(var(--mantine-spacing-xs) / 2) var(--mantine-spacing-xs);
  pointer-events: none;
  font-size: var(--mantine-font-size-sm);
  white-space: nowrap;
  border-radius: var(--tooltip-radius);
}
:where([data-mantine-color-scheme=light]) .universal-Tooltip-tooltip {
  background-color: var(--tooltip-bg, var(--mantine-color-gray-9));
  color: var(--tooltip-color, var(--mantine-color-white));
}
:where([data-mantine-color-scheme=dark]) .universal-Tooltip-tooltip {
  background-color: var(--tooltip-bg, var(--mantine-color-gray-2));
  color: var(--tooltip-color, var(--mantine-color-black));
}
.universal-Tooltip-tooltip:where([data-multiline]) {
  white-space: normal;
}
.universal-Tooltip-tooltip:where([data-fixed]) {
  position: fixed;
}
.universal-Tooltip-arrow {
  background-color: inherit;
  border: 0;
  z-index: 1;
}
.universal-PasswordInput-root {
  --psi-button-size-xs: 22px;
  --psi-button-size-sm: 26px;
  --psi-button-size-md: 28px;
  --psi-button-size-lg: 32px;
  --psi-button-size-xl: 40px;
  --psi-icon-size-xs: 12px;
  --psi-icon-size-sm: 15px;
  --psi-icon-size-md: 17px;
  --psi-icon-size-lg: 19px;
  --psi-icon-size-xl: 21px;
  --psi-button-size: var(--psi-button-size-sm);
  --psi-icon-size: var(--psi-icon-size-sm);
}
.universal-PasswordInput-input {
  position: relative;
  overflow: hidden;
}
.universal-PasswordInput-innerInput {
  font-family: var(--mantine-font-family);
  background-color: transparent;
  border: 0;
  padding-inline-end: var(--input-padding-inline-end);
  padding-inline-start: var(--input-padding-inline-start);
  position: absolute;
  inset: 0;
  outline: 0;
  font-size: inherit;
  line-height: var(--mantine-line-height);
  height: 100%;
  width: 100%;
  color: inherit;
}
.universal-PasswordInput-input[data-disabled] .universal-PasswordInput-innerInput,
.universal-PasswordInput-innerInput:disabled {
  cursor: not-allowed;
}
.universal-PasswordInput-innerInput::placeholder {
  color: var(--input-placeholder-color);
  opacity: 1;
}
.universal-PasswordInput-innerInput::-ms-reveal {
  display: none;
}
.universal-PasswordInput-visibilityToggle {
  width: var(--psi-button-size);
  height: var(--psi-button-size);
  min-width: var(--psi-button-size);
  min-height: var(--psi-button-size);
}
.universal-PasswordInput-visibilityToggle:disabled {
  display: none;
}

/* app/javascript/pages/integrations/integrations.css */
.universal-AuthUserInputs-root,
.universal-CredentialInput-userInputArray {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.universal-CredentialInput-userInputArray[data-has-label],
.universal-CredentialInput-userInputArray[data-has-description] {
  margin-top: 0.3125rem;
}
.universal-CredentialInput-userInputArrayItem {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.universal-CredentialInput-removeButton {
  opacity: 0.5;
}
.universal-CredentialInput-removeButton:hover,
.universal-CredentialInput-removeButton:focus {
  opacity: 1;
}
.universal-CredentialsManager-credentials {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.universal-CredentialsManager-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.universal-CredentialsManager-heading {
  font-size: 1.25rem;
  font-weight: 700;
}
.universal-ConnectorList-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 1rem;
}
.universal-ConnectorListItem-root {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  aspect-ratio: 1;
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
  text-align: center;
  transition: 0.3s box-shadow;
  cursor: pointer;
}
.universal-ConnectorListItem-root:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.universal-ConnectorListItem-icon {
  display: block;
  margin-inline: auto;
  width: 3rem;
  aspect-ratio: 1;
}
.universal-ConnectorListItem-name {
  margin-top: 0.875rem;
  font-weight: 600;
  font-size: 0.875rem;
}
.universal-Input-wrapper {
  position: relative;
  --input-height: 42px;
  --input-radius: 0.375rem;
  --input-padding: calc(var(--input-height) / 3);
}
.universal-Input-input {
  -webkit-tap-highlight-color: transparent;
  appearance: none;
  display: block;
  width: 100%;
  transition: border-color 0.1s ease;
  border: 1px solid #d1d5db;
  background-color: white;
  color: #1f2937;
  font: inherit;
  height: var(--input-height);
  line-height: calc(var(--input-height) - 2px);
  border-radius: var(--input-radius);
  padding-inline: var(--input-padding);
}
.universal-Input-input:focus {
  outline: none;
  border-color: #3b82f6;
}
.universal-Button-root {
  --button-height: 42px;
  --button-padding-x: 18px;
  user-select: none;
  font-weight: 600;
  position: relative;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  background: #3b82f6;
  border: 1px solid transparent;
  color: white;
  height: var(--button-height);
  padding-inline: var(--button-padding-x);
  vertical-align: middle;
}
.universal-Button-root:hover {
  background-color: #2563eb;
}
.universal-Button-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@keyframes oval-loader-animation {
  0%, to {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.universal-Loader-root {
  --loader-size: 36px;
  --loader-color: #3b82f6;
  display: inline-block;
  width: var(--loader-size);
  height: var(--loader-size);
}
.universal-Loader-root:after {
  content: "";
  display: block;
  width: var(--loader-size);
  height: var(--loader-size);
  border-radius: 50%;
  border-width: calc(var(--loader-size) / 8);
  border-style: solid;
  border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
  animation: oval-loader-animation 1.2s linear infinite;
}
.rollout-integration {
  min-height: 200px;
}
[class^=universal-],
[class^=universal-] *,
[class^=universal-] *:before,
[class^=universal-] *:after,
[class*=" universal-"],
[class*=" universal-"] *,
[class*=" universal-"] *:before,
[class*=" universal-"] *:after {
  box-sizing: border-box;
}
/*# sourceMappingURL=/assets/spa-75a114d3.css.map */