@keyframes r-loading-spinner {
  to {
    transform: rotate(1rad);
  }
}
@layer roughness__base {
  :root {
    --r-common-font-family: cursive;
    --r-common-mono-font-family: monospace;
    --r-common-font-size: 16px;
    --r-common-small-font-size: calc(var(--r-common-font-size) - 4px);
    --r-common-large-font-size: calc(var(--r-common-font-size) + 4px);
    --r-common-line-height: calc(1em + 8px);
    --r-common-stroke-width: 1px;
    --r-common-emphasized-stroke-width: calc(var(--r-common-stroke-width) + 1px);
    --r-common-text-stroke-width: calc(var(--r-common-stroke-width) + 1px);
    --r-common-stroke-dash: 8px;
    --r-common-box-padding-block: 0.5em;
    --r-common-box-padding-inline: calc(1em + 4px);
    --r-common-overlay-z-index: 2;
    --r-element-color: var(--r-common-color);
    --r-element-font-family: var(--r-common-font-family);
    --r-element-font-size: var(--r-common-font-size);
    --r-element-line-height: var(--r-common-line-height);
    --r-common-color: #383a42;
    --r-common-background-color: #fafafa;
    --r-common-placeholder-color: #383a4240;
    --r-common-comment-color: #383a4280;
    --r-common-primary-color: #4078f2;
    --r-common-info-color: #0184bc;
    --r-common-success-color: #50a14f;
    --r-common-warning-color: #c18401;
    --r-common-error-color: #ca1243;
    --r-common-stroke-text-shadow: 3px 0px 0 var(--r-common-background-color), 2.7716385975px 1.1480502971px 0 var(--r-common-background-color), 2.1213203436px 2.1213203436px 0 var(--r-common-background-color), 1.1480502971px 2.7716385975px 0 var(--r-common-background-color), 0px 3px 0 var(--r-common-background-color), -1.1480502971px 2.7716385975px 0 var(--r-common-background-color), -2.1213203436px 2.1213203436px 0 var(--r-common-background-color), -2.7716385975px 1.1480502971px 0 var(--r-common-background-color), -3px 0px 0 var(--r-common-background-color), -2.7716385975px -1.1480502971px 0 var(--r-common-background-color), -2.1213203436px -2.1213203436px 0 var(--r-common-background-color), -1.1480502971px -2.7716385975px 0 var(--r-common-background-color), 0px -3px 0 var(--r-common-background-color), 1.1480502971px -2.7716385975px 0 var(--r-common-background-color), 2.1213203436px -2.1213203436px 0 var(--r-common-background-color), 2.7716385975px -1.1480502971px 0 var(--r-common-background-color);
  }
  :root.dark {
    --r-common-color: #abb2bf;
    --r-common-background-color: #282c34;
    --r-common-placeholder-color: #abb2bf60;
    --r-common-comment-color: #abb2bf80;
    --r-common-primary-color: #61aff0;
    --r-common-info-color: #56b6c2;
    --r-common-success-color: #98c379;
    --r-common-warning-color: #e5c07b;
    --r-common-error-color: #be5046;
  }
  :where(pre, code, kbd, samp) {
    --r-element-font-family: var(--r-common-mono-font-family);
  }
  [class^=r-], [class*=" r-"] {
    font-family: var(--r-element-font-family);
    font-size: var(--r-element-font-size);
    line-height: var(--r-element-line-height);
  }
  :root.dark [class^=r-], :root.dark [class*=" r-"] {
    color-scheme: dark;
  }
}@property --R-graphics-stroke-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
.r-graphics {
  --R-graphics-stroke-color: var(--r-graphics-stroke-color, var(--r-common-color));
  pointer-events: none;
}
.r-graphics.is-responsive {
  position: absolute;
  inset: 0;
  z-index: -1;
  block-size: 100%;
  inline-size: 100%;
}
@layer roughness__base {
:has(> .r-graphics.is-responsive) {
    position: relative;
    z-index: 0;
}
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-box-border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-box-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-box-border-dash {
  syntax: "<length>+ | none";
  inherits: true;
  initial-value: none;
}
.r-box {
  --R-box-border-color: var(--r-box-border-color, var(--r-element-color));
  --R-box-fill-color: var(--r-box-fill-color, var(--R-box-border-color));
  --R-box-border-width: var(--r-box-border-width, var(--r-common-stroke-width));
  --R-box-border-dash: var(--r-box-border-dash, none);
  --R-box-border-color: var(--r-box-border-color, var(--r-element-color));
  --R-box-fill-color: var(--r-box-fill-color, var(--R-box-border-color));
  --R-box-border-width: var(--r-box-border-width, var(--r-common-stroke-width));
  --R-box-border-dash: var(--r-box-border-dash, none);
}
.r-box.primary {
  --r-element-color: var(--r-common-primary-color);
}
.r-box.info {
  --r-element-color: var(--r-common-info-color);
}
.r-box.success {
  --r-element-color: var(--r-common-success-color);
}
.r-box.warning {
  --r-element-color: var(--r-common-warning-color);
}
.r-box.error {
  --r-element-color: var(--r-common-error-color);
}
.r-box.comment {
  --r-element-color: var(--r-common-comment-color);
}
.r-box.neutral {
  --r-element-color: var(--r-common-color);
}
.r-box.small {
  --r-element-font-size: var(--r-common-small-font-size);
}
.r-box.large {
  --r-element-font-size: var(--r-common-large-font-size);
}
.r-box.medium {
  --r-element-font-size: var(--r-common-font-size);
}
.r-box::before {
  border-top-style: solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  block-size: 0;
  inline-size: 0;
  visibility: hidden;
  border-top-width: var(--R-box-border-width);
  border-spacing: var(--R-box-border-dash);
  transition: border-top-width 1ms, border-spacing 1ms !important;
}
.r-box.is-filled {
  text-shadow: var(--r-common-stroke-text-shadow);
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-avatar-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.r-avatar {
  --R-avatar-size: var(--r-avatar-size, 2em);
  block-size: var(--R-avatar-size);
  inline-size: var(--R-avatar-size);
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-badge-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-badge-padding-block {
  syntax: "<length-percentage>+";
  inherits: true;
  initial-value: 0px;
}
@property --R-badge-padding-inline {
  syntax: "<length-percentage>+";
  inherits: true;
  initial-value: 0px;
}
@property --R-badge-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.r-badge {
  --R-badge-color: var(--r-badge-color, var(--r-common-error-color));
  --R-badge-padding-block: var(--r-badge-padding-block, calc((1em - 4px) / 2 - 4px));
  --R-badge-padding-inline: var(--r-badge-padding-inline, calc((1em - 4px) - 4px));
  --R-badge-border-width: var(--r-badge-border-width, var(--r-common-stroke-width));
  --r-box-border-color: var(--R-badge-color);
  --r-box-border-width: var(--R-badge-border-width);
  position: relative;
}
.r-badge__marker {
  --r-element-font-size: calc(1em - 4px);
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
  padding-block: var(--R-badge-padding-block);
  padding-inline: var(--R-badge-padding-inline);
  color: var(--R-badge-color);
  transform: translate(75%, -25%);
}
.r-badge__marker:has(> .r-badge__marker-content:empty) {
  padding-inline: var(--R-badge-padding-block);
}
.r-badge__marker-content {
  font-size: inherit;
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-text-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
.r-text {
  --R-text-color: var(--r-text-color, var(--r-element-color));
  color: var(--R-text-color);
}
.r-text.primary {
  --r-element-color: var(--r-common-primary-color);
}
.r-text.info {
  --r-element-color: var(--r-common-info-color);
}
.r-text.success {
  --r-element-color: var(--r-common-success-color);
}
.r-text.warning {
  --r-element-color: var(--r-common-warning-color);
}
.r-text.error {
  --r-element-color: var(--r-common-error-color);
}
.r-text.comment {
  --r-element-color: var(--r-common-comment-color);
}
.r-text.neutral {
  --r-element-color: var(--r-common-color);
}
.r-text.small {
  --r-element-font-size: var(--r-common-small-font-size);
}
.r-text.large {
  --r-element-font-size: var(--r-common-large-font-size);
}
.r-text.medium {
  --r-element-font-size: var(--r-common-font-size);
}
.r-text.is-block {
  display: block;
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-icon-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-icon-stroke-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-icon-stroke-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.r-icon {
  --R-icon-color: var(--r-icon-color, var(--R-text-color));
  --R-icon-stroke-color: var(--r-icon-stroke-color, var(--R-icon-color));
  --R-icon-stroke-width: var(--r-icon-stroke-width, var(--r-common-text-stroke-width));
  display: inline-block;
  block-size: calc(1em + 4px);
  inline-size: calc(1em + 4px);
}
.r-icon::before {
  border-top-style: solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  block-size: 0;
  inline-size: 0;
  visibility: hidden;
  border-top-width: var(--R-icon-stroke-width);
  transition: border-top-width 1ms !important;
}
.r-icon .r-graphics {
  block-size: 100%;
  inline-size: 100%;
}@property --R-space-gap-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.r-space {
  --R-space-gap-size: var(--r-space-gap-size, calc(1em - 4px));
  display: flex;
  gap: var(--R-space-gap-size);
}
.r-space.is-inline {
  display: inline-flex;
}
.r-space.small {
  --r-element-font-size: var(--r-common-small-font-size);
}
.r-space.large {
  --r-element-font-size: var(--r-common-large-font-size);
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
.r-loading {
  position: absolute;
  inset: 0;
}
.r-loading::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: var(--r-common-background-color);
  opacity: 0.2;
}
@layer roughness__base {
:has(> .r-loading) {
    position: relative;
}
}
.r-loading__icon {
  animation: r-loading-spinner 1s infinite steps(4);
  position: relative;
  z-index: var(--r-common-overlay-z-index);
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-button-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-button-border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-button-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-button-border-dash {
  syntax: "<length>+ | none";
  inherits: true;
  initial-value: none;
}
@layer roughness__base {
.r-button {
    appearance: none;
    padding: 0;
    border: none;
    background-color: transparent;
}
.r-button:focus, .r-button:focus-visible {
    outline: none;
}
a.r-button {
    text-decoration: none;
}
}
.r-button {
  --R-button-color: var(--r-button-color, var(--r-element-color));
  --R-button-border-color: var(--r-button-border-color, var(--R-button-color));
  --R-button-border-width: var(--r-button-border-width, var(--r-common-stroke-width));
  --R-button-border-dash: var(--r-button-border-dash, none);
  --r-box-border-color: var(--R-button-border-color);
  --r-box-border-width: var(--R-button-border-width);
  --r-box-border-dash: var(--R-button-border-dash);
  display: inline-block;
  padding-block: var(--r-common-box-padding-block);
  padding-inline: var(--r-common-box-padding-inline);
  color: var(--R-button-color);
  white-space: nowrap;
  text-align: center;
  text-decoration-thickness: calc(var(--R-button-border-width) + 1px);
}
.r-button:hover:not(:disabled) {
  --R-button-border-dash: var(--r-button-border-dash, var(--r-common-stroke-dash));
}
.r-button:focus-visible:not(:disabled), .r-button:active:not(:disabled) {
  --R-button-border-width: var(--r-button-border-width, var(--r-common-emphasized-stroke-width));
}
.r-button:not(.is-loading) {
  cursor: pointer;
}
.r-button:disabled:not(.is-loading) {
  opacity: 0.8;
  cursor: not-allowed;
  text-decoration-line: line-through;
}
.r-button.is-filled:disabled {
  text-shadow: none;
}
.r-button.is-block {
  display: block;
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-box-border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-box-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-box-border-dash {
  syntax: "<length>+ | none";
  inherits: true;
  initial-value: none;
}
@property --R-card-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-card-border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-card-padding-block {
  syntax: "<length-percenatage>+";
  inherits: true;
  initial-value: 0px;
}
@property --R-card-padding-inline {
  syntax: "<length-percenatage>+";
  inherits: true;
  initial-value: 0px;
}
.r-card {
  --R-card-color: var(--r-card-color, var(--r-element-color));
  --R-card-border-color: var(--r-card-border-color, var(--R-card-color));
  --R-card-padding-block: var(--r-card-padding-block, calc(var(--r-common-box-padding-block) * 2));
  --R-card-padding-inline: var(--r-card-padding-inline, var(--r-common-box-padding-inline));
  --r-box-border-color: var(--R-card-border-color);
  padding-block: var(--R-card-padding-block);
  padding-inline: var(--R-card-padding-inline);
  color: var(--R-card-color);
  --R-box-border-color: var(--r-box-border-color, var(--r-element-color));
  --R-box-fill-color: var(--r-box-fill-color, var(--R-box-border-color));
  --R-box-border-width: var(--r-box-border-width, var(--r-common-stroke-width));
  --R-box-border-dash: var(--r-box-border-dash, none);
}
.r-card.primary {
  --r-element-color: var(--r-common-primary-color);
}
.r-card.info {
  --r-element-color: var(--r-common-info-color);
}
.r-card.success {
  --r-element-color: var(--r-common-success-color);
}
.r-card.warning {
  --r-element-color: var(--r-common-warning-color);
}
.r-card.error {
  --r-element-color: var(--r-common-error-color);
}
.r-card.comment {
  --r-element-color: var(--r-common-comment-color);
}
.r-card.neutral {
  --r-element-color: var(--r-common-color);
}
.r-card.small {
  --r-element-font-size: var(--r-common-small-font-size);
}
.r-card.large {
  --r-element-font-size: var(--r-common-large-font-size);
}
.r-card.medium {
  --r-element-font-size: var(--r-common-font-size);
}
.r-card::before {
  border-top-style: solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  block-size: 0;
  inline-size: 0;
  visibility: hidden;
  border-top-width: var(--R-box-border-width);
  border-spacing: var(--R-box-border-dash);
  transition: border-top-width 1ms, border-spacing 1ms !important;
}
.r-card.is-filled {
  text-shadow: var(--r-common-stroke-text-shadow);
}
.r-card__header, .r-card__footer {
  flex: none;
}
.r-card__title {
  --r-element-font-size: calc(1em + 4px);
}
.r-card__body {
  flex: auto;
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-checkbox-border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-checkbox-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-checkbox-checked-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-checkbox-checked-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-checkbox-control-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.r-checkbox {
  --R-checkbox-border-color: var(--r-checkbox-border-color, var(--r-common-color));
  --R-checkbox-border-width: var(--r-checkbox-border-width, var(--r-common-stroke-width));
  --R-checkbox-checked-color: var(--r-checkbox-checked-color, var(--r-common-primary-color));
  --R-checkbox-checked-width: var(--r-checkbox-checked-width, var(--r-common-text-stroke-width));
  --R-checkbox-control-size: var(--r-checkbox-control-size, var(--r-common-line-height));
  position: relative;
  cursor: pointer;
}
.r-checkbox::before {
  border-top-style: solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  block-size: 0;
  inline-size: 0;
  visibility: hidden;
  border-top-width: var(--R-checkbox-checked-width);
  transition: border-top-width 1ms !important;
}
.r-checkbox:has(> .r-checkbox__input:focus-visible), .r-checkbox:not(:has(> .r-checkbox__input:disabled)):active {
  --R-checkbox-border-width: var(--r-checkbox-border-width, var(--r-common-emphasized-stroke-width));
}
.r-checkbox:has(> .r-checkbox__input:disabled) {
  cursor: not-allowed;
  text-decoration-line: line-through;
}
@layer roughness__base {
.r-checkbox__input {
    appearance: none;
    margin: 0;
}
.r-checkbox__input:focus, .r-checkbox__input:focus-visible {
    outline: none;
}
}
.r-checkbox__input {
  position: absolute;
}
.r-checkbox__control {
  --r-box-border-width: var(--R-checkbox-border-width);
  --r-box-border-color: var(--R-checkbox-border-color);
  flex: none;
  block-size: var(--R-checkbox-control-size);
  inline-size: var(--R-checkbox-control-size);
}
.r-checkbox__input:disabled + .r-checkbox__control {
  opacity: 0.8;
}@layer roughness__base {
.r-checkbox-group {
    margin: 0;
    padding: 0;
    border: none;
}
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-color-picker-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-color-picker-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-color-picker-border-dash {
  syntax: "<length>+ | none";
  inherits: true;
  initial-value: none;
}
.r-color-picker {
  --R-color-picker-color: var(--r-color-picker-color, var(--r-common-color));
  --R-color-picker-border-width: var(--r-color-picker-border-width, var(--r-common-stroke-width));
  --R-color-picker-border-dash: var(--r-color-picker-border-dash, none);
  --r-box-border-color: var(--R-color-picker-color);
  --r-box-border-width: var(--R-color-picker-border-width);
  --r-box-border-dash: var(--R-color-picker-border-dash);
  display: inline-block;
  padding-block: var(--r-common-box-padding-block);
  padding-inline: var(--r-common-box-padding-inline);
  color: var(--R-color-picker-color);
}
.r-color-picker::before {
  content: "";
  position: absolute;
  box-sizing: border-box;
  block-size: 0;
  inline-size: 0;
  visibility: hidden;
  background-color: var(--r-common-color);
  transition: background-color 1ms !important;
}
.r-color-picker:hover:not(.is-loading) {
  --R-color-picker-border-dash: var(--r-color-picker-border-dash, var(--r-common-stroke-dash));
}
.r-color-picker:focus-visible, .r-color-picker:active {
  --R-color-picker-border-width: var(--r-color-picker-border-width, var(--r-common-emphasized-stroke-width));
}
.r-color-picker:not(.is-loading) {
  cursor: pointer;
}
.r-color-picker:disabled:not(.is-loading) {
  opacity: 0.8;
  cursor: not-allowed;
  text-decoration-line: line-through;
}
.r-color-picker:not(:disabled) {
  text-shadow: var(--r-common-stroke-text-shadow);
}
.r-color-picker__input {
  position: absolute;
  block-size: 0;
  inline-size: 0;
  opacity: 0;
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-link-underline-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@layer roughness__base {
a.r-link {
    text-decoration: none;
}
a.r-link:focus, a.r-link:focus-visible {
    outline: none;
}
button.r-link {
    appearance: none;
    padding: 0;
    border: none;
    background-color: transparent;
}
button.r-link:focus, button.r-link:focus-visible {
    outline: none;
}
}
.r-link {
  --R-link-underline-width: var(--r-link-underline-width, var(--r-common-text-stroke-width));
  cursor: pointer;
}
.r-link[href], .r-link:hover {
  text-decoration-line: underline;
  text-decoration-style: dashed;
  text-decoration-thickness: var(--R-link-underline-width);
}
.r-link:focus-visible, .r-link:active {
  --R-link-underline-width: var(--r-link-underline-width, calc(var(--r-common-text-stroke-width) + 1px));
}
button.r-link {
  color: var(--r-element-color);
}@layer roughness__base {
.r-dialog {
    padding: 0;
    border: none;
    background-color: transparent;
}
}
.r-dialog {
  max-inline-size: min(90vi, 960px);
  color: var(--r-element-color);
}
.r-dialog::backdrop {
  background-color: var(--r-common-background-color);
  opacity: 0.5;
}
.r-dialog__close {
  display: inline-flex;
}.r-confirm__button {
  display: inline-flex;
}.r-confirm-provider {
  position: fixed;
  block-size: 0;
  inline-size: 0;
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-details-summary-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-details-summary-marker-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-details-gap-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.r-details {
  --R-details-summary-color: var(--r-details-summary-color, var(--r-common-color));
  --R-details-summary-marker-size: var(--r-details-summary-marker-size, var(--r-common-line-height));
  --R-details-summary-marker-border-width: var(--r-details-summary-marker-border-width, var(--r-common-stroke-width));
  --R-details-gap-size: var(--r-details-gap-size, calc(1em - 4px));
}
.r-details::before {
  border-top-style: solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  block-size: 0;
  inline-size: 0;
  visibility: hidden;
  border-top-width: var(--R-details-summary-marker-border-width);
  transition: border-top-width 1ms !important;
}
.r-details__summary {
  display: flex;
  align-items: center;
  margin-block-end: var(--R-details-gap-size);
  color: var(--R-details-summary-color);
  cursor: pointer;
}
.r-details__summary::-webkit-details-marker {
  display: none;
}
.r-details__summary::marker {
  content: none;
}
.r-details__summary-marker {
  flex: none;
  block-size: var(--R-details-summary-marker-size);
  inline-size: var(--R-details-summary-marker-size);
  pointer-events: none;
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-divider-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-divider-gap-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.r-divider {
  --R-divider-color: var(--r-divider-color, var(--r-common-color));
  --R-divider-line-width: var(--r-divider-line-width, var(--r-common-stroke-width));
  --R-divider-gap-size: var(--r-divider-gap-size, calc(1em - 4px));
  display: block;
  block-size: 5px;
  margin-block: calc(var(--R-divider-gap-size) - 2px);
  margin-inline: auto;
}
.r-divider::before {
  border-top-style: solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  block-size: 0;
  inline-size: 0;
  visibility: hidden;
  border-top-width: var(--R-divider-line-width);
  transition: border-top-width 1ms !important;
}
.r-divider.is-vertical {
  display: inline-block;
  block-size: var(--r-common-line-height);
  inline-size: 5px;
  margin-block: auto;
  margin-inline: calc(var(--R-divider-gap-size) - 2px);
  vertical-align: middle;
}.r-drawer.left {
  right: 50%;
  width: auto;
  height: auto;
  max-height: none;
}
.r-drawer.left .r-card {
  height: 100%;
}
.r-drawer.right {
  left: auto;
  width: auto;
  height: auto;
  max-height: none;
}
.r-drawer.right .r-card {
  height: 100%;
}
.r-drawer.top {
  bottom: auto;
  width: auto;
  max-width: none;
  max-height: min(90vh, 960px);
}
.r-drawer.bottom {
  top: auto;
  width: auto;
  max-width: none;
  max-height: min(90vh, 960px);
}@property --R-form-item-label-inline-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.r-form-item__label {
  --R-form-item-label-inline-size: var(--r-form-item-label-inline-size, 105px);
  position: relative;
  box-sizing: border-box;
  padding-block-start: var(--r-common-box-padding-block);
  padding-inline-end: var(--r-common-box-padding-inline);
}
.r-form-item.is-label-inline > .r-form-item__label {
  inline-size: var(--R-form-item-label-inline-size);
  padding-block-end: var(--r-common-box-padding-block);
  text-align: end;
}
.r-form-item__required-marker {
  position: absolute;
  inset-block-start: calc(var(--r-common-box-padding-block) + var(--r-common-line-height) / 2);
  inset-inline-end: calc(var(--r-common-box-padding-inline) / 2);
  display: inline-block;
  transform: translate(50%, -50%);
}
.r-form-item__content {
  min-block-size: calc(var(--r-common-line-height) + var(--r-common-box-padding-block) * 2);
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-grid-guide-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-grid-guide-cell-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-grid-guide-section-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.r-grid-guide {
  --R-grid-guide-color: var(--r-grid-guide-color, #f5f5f5);
  --R-grid-guide-cell-size: var(--r-grid-guide-cell-size, var(--r-common-font-size));
  --R-grid-guide-section-size: var(--r-grid-guide-section-size, calc(var(--R-grid-guide-cell-size) * 8));
  position: relative;
  background-image: linear-gradient(to bottom, var(--R-grid-guide-color) 2px, transparent 2px), linear-gradient(to right, var(--R-grid-guide-color) 2px, transparent 2px), linear-gradient(to bottom, var(--R-grid-guide-color) 1px, transparent 1px), linear-gradient(to right, var(--R-grid-guide-color) 1px, transparent 1px);
  background-position: calc(var(--R-grid-guide-section-size) / 2 - 1.5px) calc(var(--R-grid-guide-section-size) / 2 - 1.5px), calc(var(--R-grid-guide-section-size) / 2 - 1.5px) calc(var(--R-grid-guide-section-size) / 2 - 1.5px), -1px -1px, -1px -1px;
  background-size: var(--R-grid-guide-section-size) var(--R-grid-guide-section-size), var(--R-grid-guide-section-size) var(--R-grid-guide-section-size), var(--R-grid-guide-cell-size) var(--R-grid-guide-cell-size), var(--R-grid-guide-cell-size) var(--R-grid-guide-cell-size);
  pointer-events: none;
}
.r-grid-guide.is-responsive {
  position: absolute;
  inset: 0;
  z-index: -1;
  block-size: 100%;
  inline-size: 100%;
}
:root.dark .r-grid-guide {
  --R-grid-guide-color: var(--r-grid-guide-color, rgb(255 255 255 / 4%));
}
@layer roughness__base {
:has(> .r-grid-guide.is-responsive) {
    position: relative;
    z-index: 0;
}
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-input-border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-input-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-input-border-dash {
  syntax: "<length>+ | none";
  inherits: true;
  initial-value: none;
}
@property --R-input-inline-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.r-input {
  --R-input-border-color: var(--r-input-border-color, var(--r-common-color));
  --R-input-border-width: var(--r-input-border-width, var(--r-common-stroke-width));
  --R-input-border-dash: var(--r-input-border-dash, none);
  --R-input-inline-size: var(--r-input-inline-size, 210px);
  --r-element-line-height: calc(var(--r-common-box-padding-block) * 2 + var(--r-common-line-height));
  display: inline-flex;
  inline-size: 210px;
}
.r-input::before {
  border-top-style: solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  block-size: 0;
  inline-size: 0;
  visibility: hidden;
  border-top-width: var(--R-input-border-width);
  border-spacing: var(--R-input-border-dash);
  transition: border-top-width 1ms, border-spacing 1ms !important;
}
.r-input:has(> .r-input__input:hover:not(:read-only, :disabled)) {
  --R-input-border-dash: var(--r-input-border-dash, var(--r-common-stroke-dash));
}
.r-input:has(> .r-input__input:focus-visible:not(:disabled)), .r-input:active:not(:has(> .r-input__input:disabled)) {
  --R-input-border-width: var(--r-input-border-width, var(--r-common-emphasized-stroke-width));
}
.r-input:has(> .r-input__input:user-invalid) {
  --R-input-border-color: var(--r-input-border-color, var(--r-common-error-color));
}
.r-input.is-multiline {
  display: flex;
  inline-size: auto;
}
@layer roughness__base {
.r-input__input {
    appearance: none;
    border: none;
    background-color: transparent;
}
.r-input__input:focus, .r-input__input:focus-visible {
    outline: none;
}
textarea.r-input__input {
    background: none;
    resize: none;
}
textarea.r-input__input:focus, textarea.r-input__input:focus-visible {
    outline: none;
}
}
.r-input__input {
  inline-size: 100%;
  padding-inline: var(--r-common-box-padding-inline);
  color: var(--r-common-color);
  text-decoration-thickness: calc(var(--R-input-border-width) + 1px);
}
.r-input__input:disabled {
  opacity: 0.8;
  cursor: not-allowed;
  text-decoration-line: line-through;
}
.r-input__input::placeholder {
  color: var(--r-common-placeholder-color);
}
textarea.r-input__input {
  height: calc(var(--R-input-lines) * var(--r-element-line-height));
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-keyboard-border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-keyboard-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-keyboard-top-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-keyboard-padding-inline {
  syntax: "<length-percentage>+";
  inherits: true;
  initial-value: 0px;
}
@property --R-keyboard-side-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-keyboard-inset-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.r-keyboard {
  --R-keyboard-border-color: var(--r-keyboard-border-color, var(--r-element-color));
  --R-keyboard-border-width: var(--r-keyboard-border-width, var(--r-common-stroke-width));
  --R-keyboard-top-size: var(--r-keyboard-block-size, 2em);
  --R-keyboard-padding-inline: var(--r-keyboard-padding-inline, calc(var(--R-keyboard-top-size) - 2 * 1ch));
  --R-keyboard-side-size: var(--r-keyboard-side-size, 6px);
  --R-keyboard-inset-size: var(--r-keyboard-inset-size, 0px);
  display: inline-block;
  padding-top: var(--R-keyboard-inset-size);
  padding-right: calc(var(--R-keyboard-padding-inline) + var(--R-keyboard-side-size) - var(--R-keyboard-inset-size));
  padding-bottom: calc(var(--R-keyboard-side-size) - var(--R-keyboard-inset-size));
  padding-left: calc(var(--R-keyboard-padding-inline) + var(--R-keyboard-inset-size));
  color: var(--r-element-color);
  line-height: var(--R-keyboard-top-size);
}
.r-keyboard.primary {
  --r-element-color: var(--r-common-primary-color);
}
.r-keyboard.info {
  --r-element-color: var(--r-common-info-color);
}
.r-keyboard.success {
  --r-element-color: var(--r-common-success-color);
}
.r-keyboard.warning {
  --r-element-color: var(--r-common-warning-color);
}
.r-keyboard.error {
  --r-element-color: var(--r-common-error-color);
}
.r-keyboard.comment {
  --r-element-color: var(--r-common-comment-color);
}
.r-keyboard.neutral {
  --r-element-color: var(--r-common-color);
}
.r-keyboard.small {
  --r-element-font-size: var(--r-common-small-font-size);
}
.r-keyboard.large {
  --r-element-font-size: var(--r-common-large-font-size);
}
.r-keyboard.medium {
  --r-element-font-size: var(--r-common-font-size);
}
.r-keyboard::before {
  border-top-style: solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  block-size: 0;
  inline-size: 0;
  visibility: hidden;
  border-top-width: var(--R-keyboard-border-width);
  padding-top: var(--R-keyboard-side-size);
  padding-right: var(--R-keyboard-inset-size);
  transition: border-top-width 1ms, padding-top 1ms, padding-right 1ms !important;
}
.r-keyboard:focus:active {
  --R-keyboard-inset-size: var(--r-keyboard-inset-size, 4px);
}@property --R-list-marker-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-list-marker-block-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-list-marker-inline-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-list-marker-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.r-list {
  --R-list-marker-color: var(--r-list-marker-color, var(--r-common-color));
  --R-list-marker-block-size: var(--r-list-marker-block-size, var(--r-common-line-height));
  --R-list-marker-inline-size: var(--r-list-marker-inline-size, 1.5em);
  --R-list-marker-border-width: var(--r-list-marker-border-width, var(--r-common-stroke-width));
  padding-inline-start: var(--R-list-marker-inline-size);
}
ul.r-list {
  list-style-type: none;
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
.r-list-item {
  position: relative;
}
.r-list-item::marker {
  inline-size: var(--R-list-marker-inline-size);
}
.r-list-item::before {
  border-top-style: solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  block-size: 0;
  inline-size: 0;
  visibility: hidden;
  border-top-width: var(--R-list-marker-border-width);
  transition: border-top-width 1ms !important;
}
.r-list-item__marker {
  position: absolute;
  inset-block: 0;
  inset-inline-start: calc(0px - var(--R-list-marker-inline-size));
  display: inline-block;
  block-size: var(--R-list-marker-block-size);
  inline-size: var(--R-list-marker-inline-size);
  pointer-events: none;
}@property --R-mark-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
.r-mark {
  --R-mark-color: var(--r-mark-color, #ffd54f);
  position: relative;
}
.r-mark__target {
  display: inline-block;
}.r-picture {
  display: contents;
}
.r-picture__source {
  position: absolute;
  inset: 0;
  block-size: 0;
  inline-size: 0;
  overflow: hidden;
  pointer-events: none;
}.r-popover {
  position: relative;
  display: inline-block;
}
@layer roughness__base {
.r-popover__anchor {
    appearance: none;
    padding: 0;
    border: none;
    background-color: transparent;
}
.r-popover__anchor:focus, .r-popover__anchor:focus-visible {
    outline: none;
}
}
.r-popover__anchor {
  display: block;
  color: var(--r-element-color);
}
.r-popover__content {
  position: absolute;
  z-index: var(--r-common-overlay-z-index);
  inline-size: max-content;
}
.r-popover__arrow {
  position: absolute;
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-box-border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-box-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-box-border-dash {
  syntax: "<length>+ | none";
  inherits: true;
  initial-value: none;
}
@property --R-progress-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-progress-block-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-progress-inline-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-progress-border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-progress-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-progress-border-dash {
  syntax: "<length>+ | none";
  inherits: true;
  initial-value: none;
}
@property --R-progress-inset-size {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 0px;
}
@keyframes r-indeterminate-progress {
0% {
    --R-progress-inset-size: 0%;
}
25% {
    --R-progress-inset-size: 25%;
}
50% {
    --R-progress-inset-size: 50%;
}
75% {
    --R-progress-inset-size: 75%;
}
100% {
    --R-progress-inset-size: 100%;
}
}
.r-progress {
  --R-progress-color: var(--r-progress-color, var(--r-element-color));
  --R-progress-block-size: var(--r-progress-block-size, var(--r-common-line-height));
  --R-progress-inline-size: var(--r-progress-inline-size, calc(var(--R-progress-block-size) * 10));
  --R-progress-border-color: var(--r-progress-border-color, var(--r-common-color));
  --R-progress-border-width: var(--r-progress-border-width, var(--r-common-stroke-width));
  --R-progress-border-dash: var(--r-progress-border-dash, none);
  --R-progress-inset-size: var(--r-progress-inset-size, 0%);
  --r-box-border-color: var(--R-progress-border-color);
  --r-box-border-width: var(--R-progress-border-width);
  --r-box-border-dash: var(--r-common-border-dash);
  display: inline-block;
  block-size: var(--R-progress-block-size);
  inline-size: var(--R-progress-inline-size);
  --R-box-border-color: var(--r-box-border-color, var(--r-element-color));
  --R-box-fill-color: var(--r-box-fill-color, var(--R-box-border-color));
  --R-box-border-width: var(--r-box-border-width, var(--r-common-stroke-width));
  --R-box-border-dash: var(--r-box-border-dash, none);
}
.r-progress.primary {
  --r-element-color: var(--r-common-primary-color);
}
.r-progress.info {
  --r-element-color: var(--r-common-info-color);
}
.r-progress.success {
  --r-element-color: var(--r-common-success-color);
}
.r-progress.warning {
  --r-element-color: var(--r-common-warning-color);
}
.r-progress.error {
  --r-element-color: var(--r-common-error-color);
}
.r-progress.comment {
  --r-element-color: var(--r-common-comment-color);
}
.r-progress.neutral {
  --r-element-color: var(--r-common-color);
}
.r-progress.small {
  --r-element-font-size: var(--r-common-small-font-size);
}
.r-progress.large {
  --r-element-font-size: var(--r-common-large-font-size);
}
.r-progress.medium {
  --r-element-font-size: var(--r-common-font-size);
}
.r-progress.primary {
  --r-element-color: var(--r-common-primary-color);
}
.r-progress.info {
  --r-element-color: var(--r-common-info-color);
}
.r-progress.success {
  --r-element-color: var(--r-common-success-color);
}
.r-progress.warning {
  --r-element-color: var(--r-common-warning-color);
}
.r-progress.error {
  --r-element-color: var(--r-common-error-color);
}
.r-progress.comment {
  --r-element-color: var(--r-common-comment-color);
}
.r-progress.neutral {
  --r-element-color: var(--r-common-color);
}
.r-progress.small {
  --r-element-font-size: var(--r-common-small-font-size);
}
.r-progress.large {
  --r-element-font-size: var(--r-common-large-font-size);
}
.r-progress.medium {
  --r-element-font-size: var(--r-common-font-size);
}
.r-progress::before {
  border-top-style: solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  block-size: 0;
  inline-size: 0;
  visibility: hidden;
  border-top-width: var(--R-box-border-width);
  border-spacing: var(--R-box-border-dash);
  transition: border-top-width 1ms, border-spacing 1ms !important;
}
.r-progress.is-filled {
  text-shadow: var(--r-common-stroke-text-shadow);
}
.r-progress::before {
  border-top-style: solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  block-size: 0;
  inline-size: 0;
  visibility: hidden;
  border-top-width: var(--R-progress-border-width);
  border-spacing: var(--R-progress-border-dash);
  padding-top: var(--R-progress-inset-size);
  transition: border-top-width 1ms, border-spacing 1ms, padding-top 1ms !important;
}
.r-progress.is-indeterminate {
  animation: r-indeterminate-progress 1s infinite steps(1);
}
.r-progress__content {
  --r-element-font-size: calc(1em - 2px);
  padding-inline: var(--r-common-box-padding-inline);
  color: var(--R-progress-color);
  text-shadow: var(--r-common-stroke-text-shadow);
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-qr-code-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-qr-code-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.r-qr-code {
  --R-qr-code-color: var(--r-qr-code-color, var(--r-common-color));
  --R-qr-code-size: var(--r-qr-code-size, 8em);
  block-size: var(--R-qr-code-size);
  inline-size: var(--R-qr-code-size);
}@property --R-rate-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-rate-control-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-rate-gap-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.r-rate {
  --R-rate-color: var(--r-rate-color, var(--r-common-primary-color));
  --R-rate-control-size: var(--r-rate-control-size, calc(1em + 4px));
  --R-rate-gap-size: var(--r-rate-gap-size, 4px);
  display: inline-flex;
  flex-direction: row-reverse;
  gap: var(--R-rate-gap-size);
  cursor: pointer;
}
.r-rate:has(> .r-rate__input:disabled) {
  cursor: not-allowed;
}
@layer roughness__base {
.r-rate__input {
    appearance: none;
    margin: 0;
}
.r-rate__input:focus, .r-rate__input:focus-visible {
    outline: none;
}
}
.r-rate__input {
  position: absolute;
  block-size: 0;
  inline-size: 0;
  opacity: 0;
}
.r-rate__shape {
  font-size: var(--R-rate-control-size);
}
.r-rate__shape.is-filled, .r-rate:hover .r-rate__shape, .r-rate__input:focus-visible + .r-rate__shape {
  --R-icon-color: var(--R-rate-color);
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-select-border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-select-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-select-border-dash {
  syntax: "<length>+ | none";
  inherits: true;
  initial-value: none;
}
@property --R-select-dropdown-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-select-dropdown-border-dash {
  syntax: "<length>+ | none";
  inherits: true;
  initial-value: none;
}
@property --R-select-dropdown-padding-block {
  syntax: "<length-percentage>+";
  inherits: true;
  initial-value: 0px;
}
@property --R-select-dropdown-padding-inline {
  syntax: "<length-percentage>+";
  inherits: true;
  initial-value: 0px;
}
.r-select {
  --R-select-border-color: var(--r-select-border-color, var(--r-common-color));
  --R-select-border-width: var(--r-select-border-width, var(--r-common-stroke-width));
  --R-select-border-dash: var(--r-select-border-dash, none);
  --R-select-dropdown-border-width: var(--r-select-dropdown-border-width, var(--r-common-stroke-width));
  --R-select-dropdown-border-dash: var(--r-select-dropdown-border-dash, none);
  --R-select-dropdown-padding-block: var(--r-select-dropdown-padding-block, calc(1em - 4px));
  --R-select-dropdown-padding-inline: var(--r-select-dropdown-padding-inline, calc(1em - 4px));
  --r-box-border-color: var(--R-select-border-color);
  --r-box-border-width: var(--R-select-border-width);
  --r-box-border-dash: var(--R-select-border-dash);
  position: relative;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  inline-size: 210px;
  padding-block: var(--r-common-box-padding-block);
  padding-inline: var(--r-common-box-padding-inline) calc(var(--r-common-box-padding-inline) - (1em + 4px) / 2);
}
.r-select:has(> .r-select__input:focus-visible) {
  --R-select-border-width: var(--r-select-border-width, var(--r-common-emphasized-stroke-width));
}
.r-select:not(.is-loading) {
  cursor: pointer;
}
.r-select:has(.r-select__input:disabled) {
  cursor: not-allowed;
}
.r-select.is-open {
  z-index: var(--r-common-overlay-z-index);
}
.r-select__icon {
  --R-icon-stroke-width: var(--R-select-border-width);
  --r-element-font-size: calc(1em + 4px);
  flex: none;
  margin-inline-start: calc(var(--r-common-box-padding-inline) - (1em + 4px) / 2 - 4px);
}
.r-select__icon.r-select__loading-icon {
  animation: r-loading-spinner 1s infinite steps(4);
}
@layer roughness__base {
.r-select__input {
    appearance: none;
    border: none;
    background-color: transparent;
}
.r-select__input:focus, .r-select__input:focus-visible {
    outline: none;
}
}
.r-select__input {
  inline-size: 100%;
  color: var(--r-common-color);
  cursor: inherit;
}
.r-select__input:disabled {
  opacity: 0.8;
  text-decoration-line: line-through;
}
.r-select__input::placeholder {
  color: var(--r-common-placeholder-color);
}
.r-select__dropdown {
  --r-box-border-color: var(--R-select-border-color);
  --r-box-border-width: var(--R-select-dropdown-border-width);
  --r-box-border-dash: var(--R-select-dropdown-border-dash);
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  transform: translateY(100%);
}
.r-select__group {
  max-block-size: calc(var(--R-select-dropdown-padding-block) * 2 + var(--r-common-line-height) * 5 + var(--r-space-gap-size) * 4);
  padding-block: var(--R-select-dropdown-padding-block);
  padding-inline: var(--R-select-dropdown-padding-inline);
  overflow: auto;
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-slider-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-slider-border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-slider-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-slider-control-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-slider-track-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.r-slider {
  --R-slider-color: var(--r-slider-color, var(--r-common-primary-color));
  --R-slider-border-color: var(--r-slider-border-color, var(--r-common-color));
  --R-slider-border-width: var(--r-slider-border-width, var(--r-common-stroke-width));
  --R-slider-control-size: var(--r-slider-control-size, var(--r-common-line-height));
  --R-slider-track-size: var(--r-slider-track-size, var(--r-common-font-size));
  display: inline-flex;
  block-size: var(--R-slider-control-size);
  inline-size: 210px;
  cursor: pointer;
}
.r-slider::before {
  border-top-style: solid;
  border-right-style: solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  block-size: 0;
  inline-size: 0;
  visibility: hidden;
  border-top-width: var(--R-slider-border-width);
  border-right-width: var(--R-slider-track-size);
  transition: border-top-width 1ms, border-right-width 1ms !important;
}
.r-slider:has(> .r-slider__input:focus-visible), .r-slider:active {
  --R-slider-border-width: var(--r-slider-border-width, var(--r-common-emphasized-stroke-width));
}
.r-slider:has(> .r-slider__input:disabled) {
  cursor: not-allowed;
}
@layer roughness__base {
.r-slider__input {
    appearance: none;
    margin: 0;
}
.r-slider__input:focus, .r-slider__input:focus-visible {
    outline: none;
}
}
.r-slider__input {
  position: absolute;
  block-size: 0;
  inline-size: 0;
  opacity: 0;
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-switch-border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-switch-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-switch-control-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-switch-track-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-switch-handle-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-switch-handle-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.r-switch {
  --R-switch-border-color: var(--r-switch-border-color, var(--r-common-color));
  --R-switch-border-width: var(--r-switch-border-width, var(--r-common-stroke-width));
  --R-switch-control-size: var(--r-switch-control-size, var(--r-common-line-height));
  --R-switch-track-color: var(--r-switch-track-color, var(--r-common-primary-color));
  --R-switch-handle-color: var(--r-switch-handle-color, var(--r-common-background-color));
  --R-switch-handle-border-width: var(--r-switch-handle-border-width, var(--r-common-stroke-width));
  position: relative;
  cursor: pointer;
}
.r-switch::before {
  border-top-style: solid;
  border-right-style: solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  block-size: 0;
  inline-size: 0;
  visibility: hidden;
  border-top-width: var(--R-switch-border-width);
  border-right-width: var(--R-switch-handle-border-width);
  transition: border-top-width 1ms, border-right-width 1ms !important;
}
.r-switch:has(> .r-switch__input:focus-visible), .r-switch:not(:has(> .r-switch__input:disabled)):active {
  --R-switch-border-width: var(--r-switch-border-width, var(--r-common-emphasized-stroke-width));
}
.r-switch:has(> .r-switch__input:disabled) {
  cursor: not-allowed;
  text-decoration-line: line-through;
}
@layer roughness__base {
.r-switch__input {
    appearance: none;
    margin: 0;
}
.r-switch__input:focus, .r-switch__input:focus-visible {
    outline: none;
}
}
.r-switch__input {
  position: absolute;
}
.r-switch__control {
  flex: none;
  block-size: var(--R-switch-control-size);
  inline-size: calc(var(--R-switch-control-size) * 2);
}
.r-switch__input:disabled + .r-switch__control {
  opacity: 0.8;
}.r-table-cell {
  padding-block: var(--r-common-box-padding-block);
  padding-inline: var(--r-common-box-padding-inline);
}.r-table-header-cell {
  padding-block: var(--r-common-box-padding-block);
  padding-inline: var(--r-common-box-padding-inline);
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-table-border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@layer roughness__base {
.r-table {
    border-spacing: 0;
}
}
.r-table {
  --R-table-border-color: var(--r-table-border-color, var(--r-common-color));
  --R-table-border-width: var(--r-table-border-width, var(--r-common-stroke-width));
}
.r-table::before {
  border-top-style: solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  block-size: 0;
  inline-size: 0;
  visibility: hidden;
  border-top-width: var(--R-table-border-width);
  transition: border-top-width 1ms !important;
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-tab-anchor-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-tab-anchor-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-tab-anchor-border-dash {
  syntax: "<length>+ | none";
  inherits: true;
  initial-value: none;
}
.r-tab-anchor {
  --R-tab-anchor-color: var(--r-tab-anchor-color, var(--r-common-color));
  --R-tab-anchor-border-width: var(--r-tab-anchor-border-width, var(--r-common-stroke-width));
  --R-tab-anchor-border-dash: var(--r-tab-anchor-border-dash, none);
  cursor: pointer;
}
.r-tab-anchor::before {
  border-top-style: solid;
  content: "";
  position: absolute;
  box-sizing: border-box;
  block-size: 0;
  inline-size: 0;
  visibility: hidden;
  border-top-width: var(--R-tab-anchor-border-width);
  border-spacing: var(--R-tab-anchor-border-dash);
  transition: border-top-width 1ms, border-spacing 1ms !important;
}
.r-tab-anchor:hover {
  --R-tab-anchor-border-dash: var(--r-tab-anchor-border-dash, var(--r-common-stroke-dash));
}
.r-tab-anchor:has(.r-tab-anchor__button:focus-visible), .r-tab-anchor:active {
  --R-tab-anchor-border-width: var(--r-tab-anchor-border-width, var(--r-common-emphasized-stroke-width));
}
.r-tab-anchor.is-active {
  --R-tab-anchor-color: var(--r-tab-anchor-color, var(--r-common-primary-color));
}
@layer roughness__base {
.r-tab-anchor__button {
    appearance: none;
    padding: 0;
    border: none;
    background-color: transparent;
}
.r-tab-anchor__button:focus, .r-tab-anchor__button:focus-visible {
    outline: none;
}
}
.r-tab-anchor__button {
  display: inline-block;
  padding-block: var(--r-common-box-padding-block);
  padding-inline: var(--r-common-box-padding-inline);
  color: var(--R-tab-anchor-color);
}.r-tabs__anchors {
  margin-block: 0;
  padding-inline: 0;
  list-style-type: none;
}
.r-tabs__content:not(.is-active) {
  display: none;
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-toast-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@layer roughness__base {
.r-toast {
    border: none;
}
}
.r-toast {
  --R-toast-color: var(--r-toast-color, var(--r-element-color));
  --r-box-border-color: var(--R-toast-color);
  position: fixed;
  inset: unset;
  inset-block-start: 75%;
  inset-inline-start: 50%;
  padding-block: var(--r-common-box-padding-block);
  padding-inline: var(--r-common-box-padding-inline);
  color: var(--R-toast-color);
  transform: translate(-50%, -50%);
}@property --R-toast-provider-base-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-toast-provider-gap-size {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
.r-toast-provider {
  --R-toast-provider-base-size: var(--r-toast-provider-base-size, calc(var(--r-common-line-height) + var(--r-common-box-padding-block) * 2));
  --R-toast-provider-gap-size: var(--r-toast-provider-gap-size, calc(1em - 4px));
  position: fixed;
  block-size: 0;
  inline-size: 0;
}
.r-toast-provider > .r-toast {
  transform: translate(-50%, calc(-50% - var(--R-toast-provider-index) * (var(--R-toast-provider-base-size) + var(--R-toast-provider-gap-size))));
}@keyframes r-loading-spinner {
to {
    transform: rotate(1rad);
}
}
@property --R-upload-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-upload-border-color {
  syntax: "<color>";
  inherits: true;
  initial-value: currentColor;
}
@property --R-upload-border-width {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
@property --R-upload-border-dash {
  syntax: "<length>+ | none";
  inherits: true;
  initial-value: none;
}
.r-upload {
  --R-upload-color: var(--r-upload-color, var(--r-common-color));
  --R-upload-border-color: var(--r-upload-border-color, var(--R-upload-color));
  --R-upload-border-width: var(--r-upload-border-width, var(--r-common-stroke-width));
  --R-upload-border-dash: var(--r-upload-border-dash, var(--r-common-stroke-dash));
  --r-box-border-color: var(--R-upload-border-color);
  --r-box-border-width: var(--R-upload-border-width);
  --r-box-border-dash: var(--R-upload-border-dash);
  display: inline-block;
  padding-block: var(--r-common-box-padding-block);
  padding-inline: var(--r-common-box-padding-inline);
  color: var(--R-upload-color);
  text-align: center;
  cursor: pointer;
}
.r-upload:focus-visible, .r-upload:active {
  --R-upload-border-width: var(--r-upload-border-width, var(--r-common-emphasized-stroke-width));
}
.r-upload:disabled:not(.is-loading) {
  opacity: 0.8;
  cursor: not-allowed;
  text-decoration-line: line-through;
}
.r-upload.is-filled:disabled {
  text-shadow: none;
}
.r-upload.is-block {
  display: block;
}
.r-upload__input {
  position: absolute;
  block-size: 0;
  inline-size: 0;
  opacity: 0;
}