.rt-reset:where(body, blockquote, dl, dd, figure, p) {
    margin: 0;
}
.rt-reset:where(address, b, cite, code, dfn, em, i, kbd, q, samp, small, strong, var) {
    font: unset;
}
.rt-reset:where(h1, h2, h3, h4, h5, h6) {
    font: unset;
    margin: 0;
}
.rt-reset:where(a) {
    all: unset;
    -webkit-tap-highlight-color: transparent;
}
.rt-reset:where(
      button,
      select,

      
      [type='button'],
      [type='image'],
      [type='reset'],
      [type='submit'],

      
      [type='checkbox'],
      [type='color'],
      [type='radio'],
      [type='range']
    ) {
    all: unset;
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    text-indent: initial;
    -webkit-tap-highlight-color: transparent;
}
.rt-reset:where(label) {
    -webkit-tap-highlight-color: transparent;
}
.rt-reset:where(select) {
    font-weight: normal;
    font-style: normal;
    text-align: start;
}
.rt-reset:where(
      textarea,
      input:not(
          
          [type='button'],
          [type='image'],
          [type='reset'],
          [type='submit'],

          
          [type='checkbox'],
          [type='color'],
          [type='radio'],
          [type='range']
        )
    ) {
    all: unset;
    display: block;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    font-weight: normal;
    font-style: normal;
    text-align: start;
    text-indent: initial;
    -webkit-tap-highlight-color: transparent;
    cursor: text;
    white-space: pre-wrap;
}
.rt-reset:where(:focus) {
    outline: none;
}
.rt-reset::placeholder {
    color: unset;
    opacity: unset;
    -webkit-user-select: none;
            user-select: none;
}
.rt-reset:where(table) {
    all: unset;
    display: table;
    text-indent: initial;
}
.rt-reset:where(caption) {
    text-align: inherit;
}
.rt-reset:where(td) {
    padding: 0;
}
.rt-reset:where(th) {
    font-weight: unset;
    text-align: inherit;
    padding: 0;
}
.rt-reset:where(abbr, acronym) {
    text-decoration: none;
}
.rt-reset:where(canvas, object, picture, summary) {
    display: block;
}
.rt-reset:where(del, s) {
    text-decoration: unset;
}
.rt-reset:where(fieldset, hr) {
    all: unset;
    display: block;
}
.rt-reset:where(legend) {
    padding: 0;
    border: none;
    cursor: default;
}
.rt-reset:where(li) {
    display: block;
    text-align: unset;
}
.rt-reset:where(ol, ul) {
    list-style: none;
    margin: 0;
    padding: 0;
}
.rt-reset:where(iframe) {
    display: block;
    border: none;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
}
.rt-reset:where(ins, u) {
    text-decoration: none;
}
.rt-reset:where(img) {
    display: block;
    max-width: 100%;
}
.rt-reset:where(svg) {
    display: block;
    max-width: 100%;
    flex-shrink: 0;
}
.rt-reset:where(mark) {
    all: unset;
}
.rt-reset:where(pre) {
    font: unset;
    margin: unset;
}
.rt-reset:where(q)::before,
  .rt-reset:where(q)::after {
    content: '';
}
.rt-reset:where(sub, sup) {
    font: unset;
    vertical-align: unset;
}
.rt-reset:where(details) ::marker,
  .rt-reset:where(summary)::marker {
    content: none;
}
.rt-reset:where(video) {
    display: block;
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
}
.rt-reset:where(:any-link) {
    cursor: var(--cursor-link);
}
.rt-reset:where(button) {
    cursor: var(--cursor-button);
}
.rt-reset:where(:disabled, [data-disabled]) {
    cursor: var(--cursor-disabled);
}
.rt-reset:where(input[type='checkbox']) {
    cursor: var(--cursor-checkbox);
}
.rt-reset:where(input[type='radio']) {
    cursor: var(--cursor-radio);
}
.rt-reset,
  .rt-reset::before,
  .rt-reset::after {
    box-sizing: border-box;
}
@keyframes rt-fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes rt-fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes rt-slide-from-top {
    from {
        transform: translateY(4px) scale(0.97);
    }
    to {
        transform: translateY(0) scale(1);
    }
}
@keyframes rt-slide-to-top {
    from {
        transform: translateY(0) scale(1);
    }
    to {
        transform: translateY(4px) scale(0.97);
    }
}
@keyframes rt-slide-from-bottom {
    from {
        transform: translateY(-4px) scale(0.97);
    }
    to {
        transform: translateY(0) scale(1);
    }
}
@keyframes rt-slide-to-bottom {
    from {
        transform: translateY(0) scale(1);
    }
    to {
        transform: translateY(-4px) scale(0.97);
    }
}
@keyframes rt-slide-from-left {
    from {
        transform: translateX(4px) scale(0.97);
    }
    to {
        transform: translateX(0) scale(1);
    }
}
@keyframes rt-slide-to-left {
    from {
        transform: translateX(0) scale(1);
    }
    to {
        transform: translateX(4px) scale(0.97);
    }
}
@keyframes rt-slide-from-right {
    from {
        transform: translateX(-4px) scale(0.97);
    }
    to {
        transform: translateX(0) scale(1);
    }
}
@keyframes rt-slide-to-right {
    from {
        transform: translateX(0) scale(1);
    }
    to {
        transform: translateX(-4px) scale(0.97);
    }
}
@media (prefers-reduced-motion: no-preference) {
    .rt-PopperContent {
        animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    }
    .rt-PopperContent:where([data-state='open']) {
        animation-duration: 160ms;
    }
    .rt-PopperContent:where([data-state='open']):where([data-side='top']) {
        animation-name: rt-slide-from-top, rt-fade-in;
    }
    .rt-PopperContent:where([data-state='open']):where([data-side='bottom']) {
        animation-name: rt-slide-from-bottom, rt-fade-in;
    }
    .rt-PopperContent:where([data-state='open']):where([data-side='left']) {
        animation-name: rt-slide-from-left, rt-fade-in;
    }
    .rt-PopperContent:where([data-state='open']):where([data-side='right']) {
        animation-name: rt-slide-from-right, rt-fade-in;
    }
    .rt-PopperContent:where([data-state='closed']) {
        animation-duration: 100ms;
    }
    .rt-PopperContent:where([data-state='closed']):where([data-side='top']) {
        animation-name: rt-slide-to-top, rt-fade-out;
    }
    .rt-PopperContent:where([data-state='closed']):where([data-side='bottom']) {
        animation-name: rt-slide-to-bottom, rt-fade-out;
    }
    .rt-PopperContent:where([data-state='closed']):where([data-side='left']) {
        animation-name: rt-slide-to-left, rt-fade-out;
    }
    .rt-PopperContent:where([data-state='closed']):where([data-side='right']) {
        animation-name: rt-slide-to-right, rt-fade-out;
    }
}
.rt-Box {
    box-sizing: border-box;
    display: block;
}
.rt-Flex {
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
}
.rt-Grid {
    box-sizing: border-box;
    display: grid;
    align-items: stretch;
    justify-content: flex-start;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
}
.rt-Section {
    box-sizing: border-box;
    flex-shrink: 0;
}
.rt-Section:where(.rt-r-size-1) {
    padding-top: var(--space-5);
    padding-bottom: var(--space-5);
}
.rt-Section:where(.rt-r-size-2) {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
}
.rt-Section:where(.rt-r-size-3) {
    padding-top: var(--space-9);
    padding-bottom: var(--space-9);
}
.rt-Section:where(.rt-r-size-4) {
    padding-top: calc(80px * var(--scaling));
    padding-bottom: calc(80px * var(--scaling));
}
@media (min-width: 520px) {
    .rt-Section:where(.xs\:rt-r-size-1) {
        padding-top: var(--space-5);
        padding-bottom: var(--space-5);
    }
    .rt-Section:where(.xs\:rt-r-size-2) {
        padding-top: var(--space-7);
        padding-bottom: var(--space-7);
    }
    .rt-Section:where(.xs\:rt-r-size-3) {
        padding-top: var(--space-9);
        padding-bottom: var(--space-9);
    }
    .rt-Section:where(.xs\:rt-r-size-4) {
        padding-top: calc(80px * var(--scaling));
        padding-bottom: calc(80px * var(--scaling));
    }
}
@media (min-width: 768px) {
    .rt-Section:where(.sm\:rt-r-size-1) {
        padding-top: var(--space-5);
        padding-bottom: var(--space-5);
    }
    .rt-Section:where(.sm\:rt-r-size-2) {
        padding-top: var(--space-7);
        padding-bottom: var(--space-7);
    }
    .rt-Section:where(.sm\:rt-r-size-3) {
        padding-top: var(--space-9);
        padding-bottom: var(--space-9);
    }
    .rt-Section:where(.sm\:rt-r-size-4) {
        padding-top: calc(80px * var(--scaling));
        padding-bottom: calc(80px * var(--scaling));
    }
}
@media (min-width: 1024px) {
    .rt-Section:where(.md\:rt-r-size-1) {
        padding-top: var(--space-5);
        padding-bottom: var(--space-5);
    }
    .rt-Section:where(.md\:rt-r-size-2) {
        padding-top: var(--space-7);
        padding-bottom: var(--space-7);
    }
    .rt-Section:where(.md\:rt-r-size-3) {
        padding-top: var(--space-9);
        padding-bottom: var(--space-9);
    }
    .rt-Section:where(.md\:rt-r-size-4) {
        padding-top: calc(80px * var(--scaling));
        padding-bottom: calc(80px * var(--scaling));
    }
}
@media (min-width: 1280px) {
    .rt-Section:where(.lg\:rt-r-size-1) {
        padding-top: var(--space-5);
        padding-bottom: var(--space-5);
    }
    .rt-Section:where(.lg\:rt-r-size-2) {
        padding-top: var(--space-7);
        padding-bottom: var(--space-7);
    }
    .rt-Section:where(.lg\:rt-r-size-3) {
        padding-top: var(--space-9);
        padding-bottom: var(--space-9);
    }
    .rt-Section:where(.lg\:rt-r-size-4) {
        padding-top: calc(80px * var(--scaling));
        padding-bottom: calc(80px * var(--scaling));
    }
}
@media (min-width: 1640px) {
    .rt-Section:where(.xl\:rt-r-size-1) {
        padding-top: var(--space-5);
        padding-bottom: var(--space-5);
    }
    .rt-Section:where(.xl\:rt-r-size-2) {
        padding-top: var(--space-7);
        padding-bottom: var(--space-7);
    }
    .rt-Section:where(.xl\:rt-r-size-3) {
        padding-top: var(--space-9);
        padding-bottom: var(--space-9);
    }
    .rt-Section:where(.xl\:rt-r-size-4) {
        padding-top: calc(80px * var(--scaling));
        padding-bottom: calc(80px * var(--scaling));
    }
}
.radix-themes {
    --container-1: 448px;
    --container-2: 688px;
    --container-3: 880px;
    --container-4: 1136px;
    --scrollarea-scrollbar-horizontal-margin-top: var(--space-1);
    --scrollarea-scrollbar-horizontal-margin-bottom: var(--space-1);
    --scrollarea-scrollbar-horizontal-margin-left: var(--space-1);
    --scrollarea-scrollbar-horizontal-margin-right: var(--space-1);
    --scrollarea-scrollbar-vertical-margin-top: var(--space-1);
    --scrollarea-scrollbar-vertical-margin-bottom: var(--space-1);
    --scrollarea-scrollbar-vertical-margin-left: var(--space-1);
    --scrollarea-scrollbar-vertical-margin-right: var(--space-1);
    --segmented-control-transition-duration: 100ms;
    --spinner-animation-duration: 800ms;
    --spinner-opacity: 0.65;
}
.rt-Container {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    flex-grow: 1;
}
.rt-ContainerInner {
    width: 100%;
}
:where(.rt-Container.rt-r-size-1) .rt-ContainerInner {
    max-width: var(--container-1);
}
:where(.rt-Container.rt-r-size-2) .rt-ContainerInner {
    max-width: var(--container-2);
}
:where(.rt-Container.rt-r-size-3) .rt-ContainerInner {
    max-width: var(--container-3);
}
:where(.rt-Container.rt-r-size-4) .rt-ContainerInner {
    max-width: var(--container-4);
}
@media (min-width: 520px) {
    :where(.rt-Container.xs\:rt-r-size-1) .rt-ContainerInner {
        max-width: var(--container-1);
    }
    :where(.rt-Container.xs\:rt-r-size-2) .rt-ContainerInner {
        max-width: var(--container-2);
    }
    :where(.rt-Container.xs\:rt-r-size-3) .rt-ContainerInner {
        max-width: var(--container-3);
    }
    :where(.rt-Container.xs\:rt-r-size-4) .rt-ContainerInner {
        max-width: var(--container-4);
    }
}
@media (min-width: 768px) {
    :where(.rt-Container.sm\:rt-r-size-1) .rt-ContainerInner {
        max-width: var(--container-1);
    }
    :where(.rt-Container.sm\:rt-r-size-2) .rt-ContainerInner {
        max-width: var(--container-2);
    }
    :where(.rt-Container.sm\:rt-r-size-3) .rt-ContainerInner {
        max-width: var(--container-3);
    }
    :where(.rt-Container.sm\:rt-r-size-4) .rt-ContainerInner {
        max-width: var(--container-4);
    }
}
@media (min-width: 1024px) {
    :where(.rt-Container.md\:rt-r-size-1) .rt-ContainerInner {
        max-width: var(--container-1);
    }
    :where(.rt-Container.md\:rt-r-size-2) .rt-ContainerInner {
        max-width: var(--container-2);
    }
    :where(.rt-Container.md\:rt-r-size-3) .rt-ContainerInner {
        max-width: var(--container-3);
    }
    :where(.rt-Container.md\:rt-r-size-4) .rt-ContainerInner {
        max-width: var(--container-4);
    }
}
@media (min-width: 1280px) {
    :where(.rt-Container.lg\:rt-r-size-1) .rt-ContainerInner {
        max-width: var(--container-1);
    }
    :where(.rt-Container.lg\:rt-r-size-2) .rt-ContainerInner {
        max-width: var(--container-2);
    }
    :where(.rt-Container.lg\:rt-r-size-3) .rt-ContainerInner {
        max-width: var(--container-3);
    }
    :where(.rt-Container.lg\:rt-r-size-4) .rt-ContainerInner {
        max-width: var(--container-4);
    }
}
@media (min-width: 1640px) {
    :where(.rt-Container.xl\:rt-r-size-1) .rt-ContainerInner {
        max-width: var(--container-1);
    }
    :where(.rt-Container.xl\:rt-r-size-2) .rt-ContainerInner {
        max-width: var(--container-2);
    }
    :where(.rt-Container.xl\:rt-r-size-3) .rt-ContainerInner {
        max-width: var(--container-3);
    }
    :where(.rt-Container.xl\:rt-r-size-4) .rt-ContainerInner {
        max-width: var(--container-4);
    }
}
.rt-Skeleton {
    --skeleton-radius: var(--skeleton-radius-override);
    --skeleton-height: var(--skeleton-height-override);
    border-radius: var(--radius-1);
    animation: rt-skeleton-pulse 1000ms infinite alternate-reverse !important;
    background-image: none !important;
    background-clip: border-box !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-box-decoration-break: clone !important;
            box-decoration-break: clone !important;
    color: transparent !important;
    outline: none !important;
    pointer-events: none !important;
    -webkit-user-select: none !important;
            user-select: none !important;
    cursor: default !important;
}
.rt-Skeleton:where([data-inline-skeleton]) {
    line-height: 0;
    font-family: Arial, sans-serif !important;
}
:where(.rt-Skeleton:empty) {
    display: block;
    height: var(--space-3);
}
.rt-Skeleton > *,
.rt-Skeleton::after,
.rt-Skeleton::before {
    visibility: hidden !important;
}
@keyframes rt-skeleton-pulse {
    from {
        background-color: var(--gray-a3);
    }
    to {
        background-color: var(--gray-a4);
    }
}
.rt-Text {
    line-height: var(--line-height, var(--default-line-height));
    letter-spacing: var(--letter-spacing, inherit);
}
:where(.rt-Text) {
    margin: 0;
}
.rt-Text:where([data-accent-color]) {
    color: var(--accent-a11);
}
.rt-Text:where([data-accent-color].rt-high-contrast),
  :where([data-accent-color]:not(.radix-themes)) .rt-Text:where(.rt-high-contrast) {
    color: var(--accent-12);
}
@media (pointer: coarse) {
    .rt-Text:where(label) {
        -webkit-tap-highlight-color: transparent;
    }
    .rt-Text:where(label):where(:active) {
        outline: 0.75em solid var(--gray-a4);
        outline-offset: -0.6em;
    }
}
.rt-Text:where(.rt-r-size-1) {
    font-size: var(--font-size-1);
    --line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
}
.rt-Text:where(.rt-r-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
}
.rt-Text:where(.rt-r-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
}
.rt-Text:where(.rt-r-size-4) {
    font-size: var(--font-size-4);
    --line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
}
.rt-Text:where(.rt-r-size-5) {
    font-size: var(--font-size-5);
    --line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
}
.rt-Text:where(.rt-r-size-6) {
    font-size: var(--font-size-6);
    --line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
}
.rt-Text:where(.rt-r-size-7) {
    font-size: var(--font-size-7);
    --line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
}
.rt-Text:where(.rt-r-size-8) {
    font-size: var(--font-size-8);
    --line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
}
.rt-Text:where(.rt-r-size-9) {
    font-size: var(--font-size-9);
    --line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
}
@media (min-width: 520px) {
    .rt-Text:where(.xs\:rt-r-size-1) {
        font-size: var(--font-size-1);
        --line-height: var(--line-height-1);
        --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Text:where(.xs\:rt-r-size-2) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Text:where(.xs\:rt-r-size-3) {
        font-size: var(--font-size-3);
        --line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Text:where(.xs\:rt-r-size-4) {
        font-size: var(--font-size-4);
        --line-height: var(--line-height-4);
        --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Text:where(.xs\:rt-r-size-5) {
        font-size: var(--font-size-5);
        --line-height: var(--line-height-5);
        --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Text:where(.xs\:rt-r-size-6) {
        font-size: var(--font-size-6);
        --line-height: var(--line-height-6);
        --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Text:where(.xs\:rt-r-size-7) {
        font-size: var(--font-size-7);
        --line-height: var(--line-height-7);
        --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Text:where(.xs\:rt-r-size-8) {
        font-size: var(--font-size-8);
        --line-height: var(--line-height-8);
        --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Text:where(.xs\:rt-r-size-9) {
        font-size: var(--font-size-9);
        --line-height: var(--line-height-9);
        --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 768px) {
    .rt-Text:where(.sm\:rt-r-size-1) {
        font-size: var(--font-size-1);
        --line-height: var(--line-height-1);
        --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Text:where(.sm\:rt-r-size-2) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Text:where(.sm\:rt-r-size-3) {
        font-size: var(--font-size-3);
        --line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Text:where(.sm\:rt-r-size-4) {
        font-size: var(--font-size-4);
        --line-height: var(--line-height-4);
        --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Text:where(.sm\:rt-r-size-5) {
        font-size: var(--font-size-5);
        --line-height: var(--line-height-5);
        --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Text:where(.sm\:rt-r-size-6) {
        font-size: var(--font-size-6);
        --line-height: var(--line-height-6);
        --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Text:where(.sm\:rt-r-size-7) {
        font-size: var(--font-size-7);
        --line-height: var(--line-height-7);
        --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Text:where(.sm\:rt-r-size-8) {
        font-size: var(--font-size-8);
        --line-height: var(--line-height-8);
        --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Text:where(.sm\:rt-r-size-9) {
        font-size: var(--font-size-9);
        --line-height: var(--line-height-9);
        --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1024px) {
    .rt-Text:where(.md\:rt-r-size-1) {
        font-size: var(--font-size-1);
        --line-height: var(--line-height-1);
        --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Text:where(.md\:rt-r-size-2) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Text:where(.md\:rt-r-size-3) {
        font-size: var(--font-size-3);
        --line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Text:where(.md\:rt-r-size-4) {
        font-size: var(--font-size-4);
        --line-height: var(--line-height-4);
        --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Text:where(.md\:rt-r-size-5) {
        font-size: var(--font-size-5);
        --line-height: var(--line-height-5);
        --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Text:where(.md\:rt-r-size-6) {
        font-size: var(--font-size-6);
        --line-height: var(--line-height-6);
        --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Text:where(.md\:rt-r-size-7) {
        font-size: var(--font-size-7);
        --line-height: var(--line-height-7);
        --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Text:where(.md\:rt-r-size-8) {
        font-size: var(--font-size-8);
        --line-height: var(--line-height-8);
        --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Text:where(.md\:rt-r-size-9) {
        font-size: var(--font-size-9);
        --line-height: var(--line-height-9);
        --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1280px) {
    .rt-Text:where(.lg\:rt-r-size-1) {
        font-size: var(--font-size-1);
        --line-height: var(--line-height-1);
        --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Text:where(.lg\:rt-r-size-2) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Text:where(.lg\:rt-r-size-3) {
        font-size: var(--font-size-3);
        --line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Text:where(.lg\:rt-r-size-4) {
        font-size: var(--font-size-4);
        --line-height: var(--line-height-4);
        --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Text:where(.lg\:rt-r-size-5) {
        font-size: var(--font-size-5);
        --line-height: var(--line-height-5);
        --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Text:where(.lg\:rt-r-size-6) {
        font-size: var(--font-size-6);
        --line-height: var(--line-height-6);
        --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Text:where(.lg\:rt-r-size-7) {
        font-size: var(--font-size-7);
        --line-height: var(--line-height-7);
        --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Text:where(.lg\:rt-r-size-8) {
        font-size: var(--font-size-8);
        --line-height: var(--line-height-8);
        --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Text:where(.lg\:rt-r-size-9) {
        font-size: var(--font-size-9);
        --line-height: var(--line-height-9);
        --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1640px) {
    .rt-Text:where(.xl\:rt-r-size-1) {
        font-size: var(--font-size-1);
        --line-height: var(--line-height-1);
        --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Text:where(.xl\:rt-r-size-2) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Text:where(.xl\:rt-r-size-3) {
        font-size: var(--font-size-3);
        --line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Text:where(.xl\:rt-r-size-4) {
        font-size: var(--font-size-4);
        --line-height: var(--line-height-4);
        --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Text:where(.xl\:rt-r-size-5) {
        font-size: var(--font-size-5);
        --line-height: var(--line-height-5);
        --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Text:where(.xl\:rt-r-size-6) {
        font-size: var(--font-size-6);
        --line-height: var(--line-height-6);
        --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Text:where(.xl\:rt-r-size-7) {
        font-size: var(--font-size-7);
        --line-height: var(--line-height-7);
        --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Text:where(.xl\:rt-r-size-8) {
        font-size: var(--font-size-8);
        --line-height: var(--line-height-8);
        --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Text:where(.xl\:rt-r-size-9) {
        font-size: var(--font-size-9);
        --line-height: var(--line-height-9);
        --letter-spacing: var(--letter-spacing-9);
    }
}
.rt-BaseDialogOverlay {
    position: fixed;
    inset: 0;
}
.rt-BaseDialogOverlay::before {
    position: fixed;
    content: '';
    inset: 0;
    background-color: var(--color-overlay);
}
.rt-BaseDialogScroll {
    display: flex;
    overflow: auto;
    position: absolute;
    inset: 0;
}
.rt-BaseDialogScrollPadding {
    flex-grow: 1;
    margin: auto;
    padding-top: var(--space-6);
    padding-bottom: max(var(--space-6), 6vh);
    padding-left: var(--space-4);
    padding-right: var(--space-4);
}
.rt-BaseDialogScrollPadding:where(.rt-r-align-start) {
    margin-top: 0;
}
.rt-BaseDialogScrollPadding:where(.rt-r-align-center) {
    margin-top: auto;
}
@media (min-width: 520px) {
    .rt-BaseDialogScrollPadding:where(.xs\:rt-r-align-start) {
        margin-top: 0;
    }
    .rt-BaseDialogScrollPadding:where(.xs\:rt-r-align-center) {
        margin-top: auto;
    }
}
@media (min-width: 768px) {
    .rt-BaseDialogScrollPadding:where(.sm\:rt-r-align-start) {
        margin-top: 0;
    }
    .rt-BaseDialogScrollPadding:where(.sm\:rt-r-align-center) {
        margin-top: auto;
    }
}
@media (min-width: 1024px) {
    .rt-BaseDialogScrollPadding:where(.md\:rt-r-align-start) {
        margin-top: 0;
    }
    .rt-BaseDialogScrollPadding:where(.md\:rt-r-align-center) {
        margin-top: auto;
    }
}
@media (min-width: 1280px) {
    .rt-BaseDialogScrollPadding:where(.lg\:rt-r-align-start) {
        margin-top: 0;
    }
    .rt-BaseDialogScrollPadding:where(.lg\:rt-r-align-center) {
        margin-top: auto;
    }
}
@media (min-width: 1640px) {
    .rt-BaseDialogScrollPadding:where(.xl\:rt-r-align-start) {
        margin-top: 0;
    }
    .rt-BaseDialogScrollPadding:where(.xl\:rt-r-align-center) {
        margin-top: auto;
    }
}
.rt-BaseDialogContent {
    margin: auto;
    width: 100%;
    z-index: 1;
    position: relative;
    box-sizing: border-box;
    overflow: auto;
    --inset-padding-top: var(--dialog-content-padding);
    --inset-padding-right: var(--dialog-content-padding);
    --inset-padding-bottom: var(--dialog-content-padding);
    --inset-padding-left: var(--dialog-content-padding);
    padding: var(--dialog-content-padding);
    box-sizing: border-box;
    background-color: var(--color-panel-solid);
    box-shadow: var(--shadow-6);
    outline: none;
}
.rt-BaseDialogContent:where(.rt-r-size-1) {
    --dialog-content-padding: var(--space-3);
    border-radius: var(--radius-4);
}
.rt-BaseDialogContent:where(.rt-r-size-2) {
    --dialog-content-padding: var(--space-4);
    border-radius: var(--radius-4);
}
.rt-BaseDialogContent:where(.rt-r-size-3) {
    --dialog-content-padding: var(--space-5);
    border-radius: var(--radius-5);
}
.rt-BaseDialogContent:where(.rt-r-size-4) {
    --dialog-content-padding: var(--space-6);
    border-radius: var(--radius-5);
}
@media (min-width: 520px) {
    .rt-BaseDialogContent:where(.xs\:rt-r-size-1) {
        --dialog-content-padding: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-BaseDialogContent:where(.xs\:rt-r-size-2) {
        --dialog-content-padding: var(--space-4);
        border-radius: var(--radius-4);
    }
    .rt-BaseDialogContent:where(.xs\:rt-r-size-3) {
        --dialog-content-padding: var(--space-5);
        border-radius: var(--radius-5);
    }
    .rt-BaseDialogContent:where(.xs\:rt-r-size-4) {
        --dialog-content-padding: var(--space-6);
        border-radius: var(--radius-5);
    }
}
@media (min-width: 768px) {
    .rt-BaseDialogContent:where(.sm\:rt-r-size-1) {
        --dialog-content-padding: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-BaseDialogContent:where(.sm\:rt-r-size-2) {
        --dialog-content-padding: var(--space-4);
        border-radius: var(--radius-4);
    }
    .rt-BaseDialogContent:where(.sm\:rt-r-size-3) {
        --dialog-content-padding: var(--space-5);
        border-radius: var(--radius-5);
    }
    .rt-BaseDialogContent:where(.sm\:rt-r-size-4) {
        --dialog-content-padding: var(--space-6);
        border-radius: var(--radius-5);
    }
}
@media (min-width: 1024px) {
    .rt-BaseDialogContent:where(.md\:rt-r-size-1) {
        --dialog-content-padding: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-BaseDialogContent:where(.md\:rt-r-size-2) {
        --dialog-content-padding: var(--space-4);
        border-radius: var(--radius-4);
    }
    .rt-BaseDialogContent:where(.md\:rt-r-size-3) {
        --dialog-content-padding: var(--space-5);
        border-radius: var(--radius-5);
    }
    .rt-BaseDialogContent:where(.md\:rt-r-size-4) {
        --dialog-content-padding: var(--space-6);
        border-radius: var(--radius-5);
    }
}
@media (min-width: 1280px) {
    .rt-BaseDialogContent:where(.lg\:rt-r-size-1) {
        --dialog-content-padding: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-BaseDialogContent:where(.lg\:rt-r-size-2) {
        --dialog-content-padding: var(--space-4);
        border-radius: var(--radius-4);
    }
    .rt-BaseDialogContent:where(.lg\:rt-r-size-3) {
        --dialog-content-padding: var(--space-5);
        border-radius: var(--radius-5);
    }
    .rt-BaseDialogContent:where(.lg\:rt-r-size-4) {
        --dialog-content-padding: var(--space-6);
        border-radius: var(--radius-5);
    }
}
@media (min-width: 1640px) {
    .rt-BaseDialogContent:where(.xl\:rt-r-size-1) {
        --dialog-content-padding: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-BaseDialogContent:where(.xl\:rt-r-size-2) {
        --dialog-content-padding: var(--space-4);
        border-radius: var(--radius-4);
    }
    .rt-BaseDialogContent:where(.xl\:rt-r-size-3) {
        --dialog-content-padding: var(--space-5);
        border-radius: var(--radius-5);
    }
    .rt-BaseDialogContent:where(.xl\:rt-r-size-4) {
        --dialog-content-padding: var(--space-6);
        border-radius: var(--radius-5);
    }
}
@media (prefers-reduced-motion: no-preference) {
    @keyframes rt-dialog-overlay-no-op {
        from {
            opacity: 1;
        }
        to {
            opacity: 1;
        }
    }
    @keyframes rt-dialog-content-show {
        from {
            opacity: 0;
            transform: translateY(5px) scale(0.97);
        }
        to {
            opacity: 1;
            transform: translateY(0px) scale(1);
        }
    }
    @keyframes rt-dialog-content-hide {
        from {
            opacity: 1;
            transform: translateY(0px) scale(1);
        }
        to {
            opacity: 0;
            transform: translateY(5px) scale(0.99);
        }
    }
    .rt-BaseDialogOverlay:where([data-state='closed']) {
        animation: rt-dialog-overlay-no-op 160ms cubic-bezier(0.16, 1, 0.3, 1);
    }
    .rt-BaseDialogOverlay:where([data-state='open'])::before {
        animation: rt-fade-in 200ms cubic-bezier(0.16, 1, 0.3, 1);
    }
    .rt-BaseDialogOverlay:where([data-state='closed'])::before {
        opacity: 0;
        animation: rt-fade-out 160ms cubic-bezier(0.16, 1, 0.3, 1);
    }
    .rt-BaseDialogContent:where([data-state='open']) {
        animation: rt-dialog-content-show 200ms cubic-bezier(0.16, 1, 0.3, 1);
    }
    .rt-BaseDialogContent:where([data-state='closed']) {
        opacity: 0;
        animation: rt-dialog-content-hide 100ms cubic-bezier(0.16, 1, 0.3, 1);
    }
}
.rt-AvatarRoot {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    -webkit-user-select: none;
            user-select: none;
    width: var(--avatar-size);
    height: var(--avatar-size);
    flex-shrink: 0;
}
.rt-AvatarImage {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}
.rt-AvatarFallback {
    font-family: var(--default-font-family);
    font-weight: var(--font-weight-medium);
    font-style: normal;
    z-index: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-radius: inherit;
    text-transform: uppercase;
}
.rt-AvatarFallback:where(.rt-one-letter) {
    font-size: var(--avatar-fallback-one-letter-font-size);
}
.rt-AvatarFallback:where(.rt-two-letters) {
    font-size: var(--avatar-fallback-two-letters-font-size, var(--avatar-fallback-one-letter-font-size));
}
.rt-AvatarRoot:where(.rt-r-size-1) {
    --avatar-size: var(--space-5);
    --avatar-fallback-one-letter-font-size: var(--font-size-2);
    --avatar-fallback-two-letters-font-size: var(--font-size-1);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-1);
}
.rt-AvatarRoot:where(.rt-r-size-2) {
    --avatar-size: var(--space-6);
    --avatar-fallback-one-letter-font-size: var(--font-size-3);
    --avatar-fallback-two-letters-font-size: var(--font-size-2);
    border-radius: max(var(--radius-2), var(--radius-full));
    letter-spacing: var(--letter-spacing-2);
}
.rt-AvatarRoot:where(.rt-r-size-3) {
    --avatar-size: var(--space-7);
    --avatar-fallback-one-letter-font-size: var(--font-size-4);
    --avatar-fallback-two-letters-font-size: var(--font-size-3);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-3);
}
.rt-AvatarRoot:where(.rt-r-size-4) {
    --avatar-size: var(--space-8);
    --avatar-fallback-one-letter-font-size: var(--font-size-5);
    --avatar-fallback-two-letters-font-size: var(--font-size-4);
    border-radius: max(var(--radius-3), var(--radius-full));
    letter-spacing: var(--letter-spacing-4);
}
.rt-AvatarRoot:where(.rt-r-size-5) {
    --avatar-size: var(--space-9);
    --avatar-fallback-one-letter-font-size: var(--font-size-6);
    border-radius: max(var(--radius-4), var(--radius-full));
    letter-spacing: var(--letter-spacing-6);
}
.rt-AvatarRoot:where(.rt-r-size-6) {
    --avatar-size: 80px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
}
.rt-AvatarRoot:where(.rt-r-size-7) {
    --avatar-size: 96px;
    --avatar-fallback-one-letter-font-size: var(--font-size-7);
    border-radius: max(var(--radius-5), var(--radius-full));
    letter-spacing: var(--letter-spacing-7);
}
.rt-AvatarRoot:where(.rt-r-size-8) {
    --avatar-size: 128px;
    --avatar-fallback-one-letter-font-size: var(--font-size-8);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-8);
}
.rt-AvatarRoot:where(.rt-r-size-9) {
    --avatar-size: 160px;
    --avatar-fallback-one-letter-font-size: var(--font-size-9);
    border-radius: max(var(--radius-6), var(--radius-full));
    letter-spacing: var(--letter-spacing-9);
}
@media (min-width: 520px) {
    .rt-AvatarRoot:where(.xs\:rt-r-size-1) {
        --avatar-size: var(--space-5);
        --avatar-fallback-one-letter-font-size: var(--font-size-2);
        --avatar-fallback-two-letters-font-size: var(--font-size-1);
        border-radius: max(var(--radius-2), var(--radius-full));
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-AvatarRoot:where(.xs\:rt-r-size-2) {
        --avatar-size: var(--space-6);
        --avatar-fallback-one-letter-font-size: var(--font-size-3);
        --avatar-fallback-two-letters-font-size: var(--font-size-2);
        border-radius: max(var(--radius-2), var(--radius-full));
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-AvatarRoot:where(.xs\:rt-r-size-3) {
        --avatar-size: var(--space-7);
        --avatar-fallback-one-letter-font-size: var(--font-size-4);
        --avatar-fallback-two-letters-font-size: var(--font-size-3);
        border-radius: max(var(--radius-3), var(--radius-full));
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-AvatarRoot:where(.xs\:rt-r-size-4) {
        --avatar-size: var(--space-8);
        --avatar-fallback-one-letter-font-size: var(--font-size-5);
        --avatar-fallback-two-letters-font-size: var(--font-size-4);
        border-radius: max(var(--radius-3), var(--radius-full));
        letter-spacing: var(--letter-spacing-4);
    }
    .rt-AvatarRoot:where(.xs\:rt-r-size-5) {
        --avatar-size: var(--space-9);
        --avatar-fallback-one-letter-font-size: var(--font-size-6);
        border-radius: max(var(--radius-4), var(--radius-full));
        letter-spacing: var(--letter-spacing-6);
    }
    .rt-AvatarRoot:where(.xs\:rt-r-size-6) {
        --avatar-size: 80px;
        --avatar-fallback-one-letter-font-size: var(--font-size-7);
        border-radius: max(var(--radius-5), var(--radius-full));
        letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot:where(.xs\:rt-r-size-7) {
        --avatar-size: 96px;
        --avatar-fallback-one-letter-font-size: var(--font-size-7);
        border-radius: max(var(--radius-5), var(--radius-full));
        letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot:where(.xs\:rt-r-size-8) {
        --avatar-size: 128px;
        --avatar-fallback-one-letter-font-size: var(--font-size-8);
        border-radius: max(var(--radius-6), var(--radius-full));
        letter-spacing: var(--letter-spacing-8);
    }
    .rt-AvatarRoot:where(.xs\:rt-r-size-9) {
        --avatar-size: 160px;
        --avatar-fallback-one-letter-font-size: var(--font-size-9);
        border-radius: max(var(--radius-6), var(--radius-full));
        letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 768px) {
    .rt-AvatarRoot:where(.sm\:rt-r-size-1) {
        --avatar-size: var(--space-5);
        --avatar-fallback-one-letter-font-size: var(--font-size-2);
        --avatar-fallback-two-letters-font-size: var(--font-size-1);
        border-radius: max(var(--radius-2), var(--radius-full));
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-AvatarRoot:where(.sm\:rt-r-size-2) {
        --avatar-size: var(--space-6);
        --avatar-fallback-one-letter-font-size: var(--font-size-3);
        --avatar-fallback-two-letters-font-size: var(--font-size-2);
        border-radius: max(var(--radius-2), var(--radius-full));
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-AvatarRoot:where(.sm\:rt-r-size-3) {
        --avatar-size: var(--space-7);
        --avatar-fallback-one-letter-font-size: var(--font-size-4);
        --avatar-fallback-two-letters-font-size: var(--font-size-3);
        border-radius: max(var(--radius-3), var(--radius-full));
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-AvatarRoot:where(.sm\:rt-r-size-4) {
        --avatar-size: var(--space-8);
        --avatar-fallback-one-letter-font-size: var(--font-size-5);
        --avatar-fallback-two-letters-font-size: var(--font-size-4);
        border-radius: max(var(--radius-3), var(--radius-full));
        letter-spacing: var(--letter-spacing-4);
    }
    .rt-AvatarRoot:where(.sm\:rt-r-size-5) {
        --avatar-size: var(--space-9);
        --avatar-fallback-one-letter-font-size: var(--font-size-6);
        border-radius: max(var(--radius-4), var(--radius-full));
        letter-spacing: var(--letter-spacing-6);
    }
    .rt-AvatarRoot:where(.sm\:rt-r-size-6) {
        --avatar-size: 80px;
        --avatar-fallback-one-letter-font-size: var(--font-size-7);
        border-radius: max(var(--radius-5), var(--radius-full));
        letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot:where(.sm\:rt-r-size-7) {
        --avatar-size: 96px;
        --avatar-fallback-one-letter-font-size: var(--font-size-7);
        border-radius: max(var(--radius-5), var(--radius-full));
        letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot:where(.sm\:rt-r-size-8) {
        --avatar-size: 128px;
        --avatar-fallback-one-letter-font-size: var(--font-size-8);
        border-radius: max(var(--radius-6), var(--radius-full));
        letter-spacing: var(--letter-spacing-8);
    }
    .rt-AvatarRoot:where(.sm\:rt-r-size-9) {
        --avatar-size: 160px;
        --avatar-fallback-one-letter-font-size: var(--font-size-9);
        border-radius: max(var(--radius-6), var(--radius-full));
        letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1024px) {
    .rt-AvatarRoot:where(.md\:rt-r-size-1) {
        --avatar-size: var(--space-5);
        --avatar-fallback-one-letter-font-size: var(--font-size-2);
        --avatar-fallback-two-letters-font-size: var(--font-size-1);
        border-radius: max(var(--radius-2), var(--radius-full));
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-AvatarRoot:where(.md\:rt-r-size-2) {
        --avatar-size: var(--space-6);
        --avatar-fallback-one-letter-font-size: var(--font-size-3);
        --avatar-fallback-two-letters-font-size: var(--font-size-2);
        border-radius: max(var(--radius-2), var(--radius-full));
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-AvatarRoot:where(.md\:rt-r-size-3) {
        --avatar-size: var(--space-7);
        --avatar-fallback-one-letter-font-size: var(--font-size-4);
        --avatar-fallback-two-letters-font-size: var(--font-size-3);
        border-radius: max(var(--radius-3), var(--radius-full));
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-AvatarRoot:where(.md\:rt-r-size-4) {
        --avatar-size: var(--space-8);
        --avatar-fallback-one-letter-font-size: var(--font-size-5);
        --avatar-fallback-two-letters-font-size: var(--font-size-4);
        border-radius: max(var(--radius-3), var(--radius-full));
        letter-spacing: var(--letter-spacing-4);
    }
    .rt-AvatarRoot:where(.md\:rt-r-size-5) {
        --avatar-size: var(--space-9);
        --avatar-fallback-one-letter-font-size: var(--font-size-6);
        border-radius: max(var(--radius-4), var(--radius-full));
        letter-spacing: var(--letter-spacing-6);
    }
    .rt-AvatarRoot:where(.md\:rt-r-size-6) {
        --avatar-size: 80px;
        --avatar-fallback-one-letter-font-size: var(--font-size-7);
        border-radius: max(var(--radius-5), var(--radius-full));
        letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot:where(.md\:rt-r-size-7) {
        --avatar-size: 96px;
        --avatar-fallback-one-letter-font-size: var(--font-size-7);
        border-radius: max(var(--radius-5), var(--radius-full));
        letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot:where(.md\:rt-r-size-8) {
        --avatar-size: 128px;
        --avatar-fallback-one-letter-font-size: var(--font-size-8);
        border-radius: max(var(--radius-6), var(--radius-full));
        letter-spacing: var(--letter-spacing-8);
    }
    .rt-AvatarRoot:where(.md\:rt-r-size-9) {
        --avatar-size: 160px;
        --avatar-fallback-one-letter-font-size: var(--font-size-9);
        border-radius: max(var(--radius-6), var(--radius-full));
        letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1280px) {
    .rt-AvatarRoot:where(.lg\:rt-r-size-1) {
        --avatar-size: var(--space-5);
        --avatar-fallback-one-letter-font-size: var(--font-size-2);
        --avatar-fallback-two-letters-font-size: var(--font-size-1);
        border-radius: max(var(--radius-2), var(--radius-full));
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-AvatarRoot:where(.lg\:rt-r-size-2) {
        --avatar-size: var(--space-6);
        --avatar-fallback-one-letter-font-size: var(--font-size-3);
        --avatar-fallback-two-letters-font-size: var(--font-size-2);
        border-radius: max(var(--radius-2), var(--radius-full));
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-AvatarRoot:where(.lg\:rt-r-size-3) {
        --avatar-size: var(--space-7);
        --avatar-fallback-one-letter-font-size: var(--font-size-4);
        --avatar-fallback-two-letters-font-size: var(--font-size-3);
        border-radius: max(var(--radius-3), var(--radius-full));
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-AvatarRoot:where(.lg\:rt-r-size-4) {
        --avatar-size: var(--space-8);
        --avatar-fallback-one-letter-font-size: var(--font-size-5);
        --avatar-fallback-two-letters-font-size: var(--font-size-4);
        border-radius: max(var(--radius-3), var(--radius-full));
        letter-spacing: var(--letter-spacing-4);
    }
    .rt-AvatarRoot:where(.lg\:rt-r-size-5) {
        --avatar-size: var(--space-9);
        --avatar-fallback-one-letter-font-size: var(--font-size-6);
        border-radius: max(var(--radius-4), var(--radius-full));
        letter-spacing: var(--letter-spacing-6);
    }
    .rt-AvatarRoot:where(.lg\:rt-r-size-6) {
        --avatar-size: 80px;
        --avatar-fallback-one-letter-font-size: var(--font-size-7);
        border-radius: max(var(--radius-5), var(--radius-full));
        letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot:where(.lg\:rt-r-size-7) {
        --avatar-size: 96px;
        --avatar-fallback-one-letter-font-size: var(--font-size-7);
        border-radius: max(var(--radius-5), var(--radius-full));
        letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot:where(.lg\:rt-r-size-8) {
        --avatar-size: 128px;
        --avatar-fallback-one-letter-font-size: var(--font-size-8);
        border-radius: max(var(--radius-6), var(--radius-full));
        letter-spacing: var(--letter-spacing-8);
    }
    .rt-AvatarRoot:where(.lg\:rt-r-size-9) {
        --avatar-size: 160px;
        --avatar-fallback-one-letter-font-size: var(--font-size-9);
        border-radius: max(var(--radius-6), var(--radius-full));
        letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1640px) {
    .rt-AvatarRoot:where(.xl\:rt-r-size-1) {
        --avatar-size: var(--space-5);
        --avatar-fallback-one-letter-font-size: var(--font-size-2);
        --avatar-fallback-two-letters-font-size: var(--font-size-1);
        border-radius: max(var(--radius-2), var(--radius-full));
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-AvatarRoot:where(.xl\:rt-r-size-2) {
        --avatar-size: var(--space-6);
        --avatar-fallback-one-letter-font-size: var(--font-size-3);
        --avatar-fallback-two-letters-font-size: var(--font-size-2);
        border-radius: max(var(--radius-2), var(--radius-full));
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-AvatarRoot:where(.xl\:rt-r-size-3) {
        --avatar-size: var(--space-7);
        --avatar-fallback-one-letter-font-size: var(--font-size-4);
        --avatar-fallback-two-letters-font-size: var(--font-size-3);
        border-radius: max(var(--radius-3), var(--radius-full));
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-AvatarRoot:where(.xl\:rt-r-size-4) {
        --avatar-size: var(--space-8);
        --avatar-fallback-one-letter-font-size: var(--font-size-5);
        --avatar-fallback-two-letters-font-size: var(--font-size-4);
        border-radius: max(var(--radius-3), var(--radius-full));
        letter-spacing: var(--letter-spacing-4);
    }
    .rt-AvatarRoot:where(.xl\:rt-r-size-5) {
        --avatar-size: var(--space-9);
        --avatar-fallback-one-letter-font-size: var(--font-size-6);
        border-radius: max(var(--radius-4), var(--radius-full));
        letter-spacing: var(--letter-spacing-6);
    }
    .rt-AvatarRoot:where(.xl\:rt-r-size-6) {
        --avatar-size: 80px;
        --avatar-fallback-one-letter-font-size: var(--font-size-7);
        border-radius: max(var(--radius-5), var(--radius-full));
        letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot:where(.xl\:rt-r-size-7) {
        --avatar-size: 96px;
        --avatar-fallback-one-letter-font-size: var(--font-size-7);
        border-radius: max(var(--radius-5), var(--radius-full));
        letter-spacing: var(--letter-spacing-7);
    }
    .rt-AvatarRoot:where(.xl\:rt-r-size-8) {
        --avatar-size: 128px;
        --avatar-fallback-one-letter-font-size: var(--font-size-8);
        border-radius: max(var(--radius-6), var(--radius-full));
        letter-spacing: var(--letter-spacing-8);
    }
    .rt-AvatarRoot:where(.xl\:rt-r-size-9) {
        --avatar-size: 160px;
        --avatar-fallback-one-letter-font-size: var(--font-size-9);
        border-radius: max(var(--radius-6), var(--radius-full));
        letter-spacing: var(--letter-spacing-9);
    }
}
.rt-AvatarRoot:where(.rt-variant-solid) :where(.rt-AvatarFallback) {
    background-color: var(--accent-9);
    color: var(--accent-contrast);
}
.rt-AvatarRoot:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
    background-color: var(--accent-12);
    color: var(--accent-1);
}
.rt-AvatarRoot:where(.rt-variant-soft) :where(.rt-AvatarFallback) {
    background-color: var(--accent-a3);
    color: var(--accent-a11);
}
.rt-AvatarRoot:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
    color: var(--accent-12);
}
.rt-Badge {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    font-family: var(--default-font-family);
    font-weight: var(--font-weight-medium);
    font-style: normal;
    flex-shrink: 0;
    line-height: 1;
    height: -moz-fit-content;
    height: fit-content;
}
.rt-Badge:where(.rt-r-size-1) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
    gap: calc(var(--space-1) * 1.5);
    border-radius: max(var(--radius-1), var(--radius-full));
}
.rt-Badge:where(.rt-r-size-2) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    padding: var(--space-1) var(--space-2);
    gap: calc(var(--space-1) * 1.5);
    border-radius: max(var(--radius-2), var(--radius-full));
}
.rt-Badge:where(.rt-r-size-3) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    padding: var(--space-1) calc(var(--space-2) * 1.25);
    gap: var(--space-2);
    border-radius: max(var(--radius-2), var(--radius-full));
}
@media (min-width: 520px) {
    .rt-Badge:where(.xs\:rt-r-size-1) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
        gap: calc(var(--space-1) * 1.5);
        border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-Badge:where(.xs\:rt-r-size-2) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        padding: var(--space-1) var(--space-2);
        gap: calc(var(--space-1) * 1.5);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-Badge:where(.xs\:rt-r-size-3) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        padding: var(--space-1) calc(var(--space-2) * 1.25);
        gap: var(--space-2);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
}
@media (min-width: 768px) {
    .rt-Badge:where(.sm\:rt-r-size-1) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
        gap: calc(var(--space-1) * 1.5);
        border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-Badge:where(.sm\:rt-r-size-2) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        padding: var(--space-1) var(--space-2);
        gap: calc(var(--space-1) * 1.5);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-Badge:where(.sm\:rt-r-size-3) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        padding: var(--space-1) calc(var(--space-2) * 1.25);
        gap: var(--space-2);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
}
@media (min-width: 1024px) {
    .rt-Badge:where(.md\:rt-r-size-1) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
        gap: calc(var(--space-1) * 1.5);
        border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-Badge:where(.md\:rt-r-size-2) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        padding: var(--space-1) var(--space-2);
        gap: calc(var(--space-1) * 1.5);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-Badge:where(.md\:rt-r-size-3) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        padding: var(--space-1) calc(var(--space-2) * 1.25);
        gap: var(--space-2);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
}
@media (min-width: 1280px) {
    .rt-Badge:where(.lg\:rt-r-size-1) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
        gap: calc(var(--space-1) * 1.5);
        border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-Badge:where(.lg\:rt-r-size-2) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        padding: var(--space-1) var(--space-2);
        gap: calc(var(--space-1) * 1.5);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-Badge:where(.lg\:rt-r-size-3) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        padding: var(--space-1) calc(var(--space-2) * 1.25);
        gap: var(--space-2);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
}
@media (min-width: 1640px) {
    .rt-Badge:where(.xl\:rt-r-size-1) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        padding: calc(var(--space-1) * 0.5) calc(var(--space-1) * 1.5);
        gap: calc(var(--space-1) * 1.5);
        border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-Badge:where(.xl\:rt-r-size-2) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        padding: var(--space-1) var(--space-2);
        gap: calc(var(--space-1) * 1.5);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-Badge:where(.xl\:rt-r-size-3) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        padding: var(--space-1) calc(var(--space-2) * 1.25);
        gap: var(--space-2);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
}
.rt-Badge:where(.rt-variant-solid) {
    background-color: var(--accent-9);
    color: var(--accent-contrast);
}
.rt-Badge:where(.rt-variant-solid)::selection {
    background-color: var(--accent-7);
    color: var(--accent-12);
}
.rt-Badge:where(.rt-variant-solid):where(.rt-high-contrast) {
    background-color: var(--accent-12);
    color: var(--accent-1);
}
.rt-Badge:where(.rt-variant-solid):where(.rt-high-contrast)::selection {
    background-color: var(--accent-a11);
    color: var(--accent-1);
}
.rt-Badge:where(.rt-variant-surface) {
    background-color: var(--accent-surface);
    box-shadow: inset 0 0 0 1px var(--accent-a6);
    color: var(--accent-a11);
}
.rt-Badge:where(.rt-variant-surface):where(.rt-high-contrast) {
    color: var(--accent-12);
}
.rt-Badge:where(.rt-variant-soft) {
    background-color: var(--accent-a3);
    color: var(--accent-a11);
}
.rt-Badge:where(.rt-variant-soft):where(.rt-high-contrast) {
    color: var(--accent-12);
}
.rt-Badge:where(.rt-variant-outline) {
    box-shadow: inset 0 0 0 1px var(--accent-a8);
    color: var(--accent-a11);
}
.rt-Badge:where(.rt-variant-outline):where(.rt-high-contrast) {
    box-shadow: inset 0 0 0 1px var(--accent-a7), inset 0 0 0 1px var(--gray-a11);
    color: var(--accent-12);
}
.rt-Blockquote {
    box-sizing: border-box;
    border-left: max(var(--space-1), 0.25em) solid var(--accent-a6);
    padding-left: min(var(--space-5), max(var(--space-3), 0.5em));
}
.rt-BaseButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    -webkit-user-select: none;
            user-select: none;
    vertical-align: top;
    font-family: var(--default-font-family);
    font-style: normal;
    text-align: center;
}
.rt-BaseButton:where([data-disabled]) {
    --spinner-opacity: 1;
}
.rt-BaseButton:where(.rt-loading) {
    position: relative;
}
.rt-BaseButton:where(:not(.rt-variant-ghost)) {
    height: var(--base-button-height);
}
.rt-BaseButton:where(.rt-variant-ghost) {
    box-sizing: content-box;
    height: -moz-fit-content;
    height: fit-content;
}
.rt-BaseButton:where(.rt-r-size-1) {
    --base-button-classic-active-padding-top: 1px;
    --base-button-height: var(--space-5);
    border-radius: max(var(--radius-1), var(--radius-full));
}
.rt-BaseButton:where(.rt-r-size-2) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-6);
    border-radius: max(var(--radius-2), var(--radius-full));
}
.rt-BaseButton:where(.rt-r-size-3) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-7);
    border-radius: max(var(--radius-3), var(--radius-full));
}
.rt-BaseButton:where(.rt-r-size-4) {
    --base-button-classic-active-padding-top: 2px;
    --base-button-height: var(--space-8);
    border-radius: max(var(--radius-4), var(--radius-full));
}
@media (min-width: 520px) {
    .rt-BaseButton:where(.xs\:rt-r-size-1) {
        --base-button-classic-active-padding-top: 1px;
        --base-button-height: var(--space-5);
        border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-BaseButton:where(.xs\:rt-r-size-2) {
        --base-button-classic-active-padding-top: 2px;
        --base-button-height: var(--space-6);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-BaseButton:where(.xs\:rt-r-size-3) {
        --base-button-classic-active-padding-top: 2px;
        --base-button-height: var(--space-7);
        border-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-BaseButton:where(.xs\:rt-r-size-4) {
        --base-button-classic-active-padding-top: 2px;
        --base-button-height: var(--space-8);
        border-radius: max(var(--radius-4), var(--radius-full));
    }
}
@media (min-width: 768px) {
    .rt-BaseButton:where(.sm\:rt-r-size-1) {
        --base-button-classic-active-padding-top: 1px;
        --base-button-height: var(--space-5);
        border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-BaseButton:where(.sm\:rt-r-size-2) {
        --base-button-classic-active-padding-top: 2px;
        --base-button-height: var(--space-6);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-BaseButton:where(.sm\:rt-r-size-3) {
        --base-button-classic-active-padding-top: 2px;
        --base-button-height: var(--space-7);
        border-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-BaseButton:where(.sm\:rt-r-size-4) {
        --base-button-classic-active-padding-top: 2px;
        --base-button-height: var(--space-8);
        border-radius: max(var(--radius-4), var(--radius-full));
    }
}
@media (min-width: 1024px) {
    .rt-BaseButton:where(.md\:rt-r-size-1) {
        --base-button-classic-active-padding-top: 1px;
        --base-button-height: var(--space-5);
        border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-BaseButton:where(.md\:rt-r-size-2) {
        --base-button-classic-active-padding-top: 2px;
        --base-button-height: var(--space-6);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-BaseButton:where(.md\:rt-r-size-3) {
        --base-button-classic-active-padding-top: 2px;
        --base-button-height: var(--space-7);
        border-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-BaseButton:where(.md\:rt-r-size-4) {
        --base-button-classic-active-padding-top: 2px;
        --base-button-height: var(--space-8);
        border-radius: max(var(--radius-4), var(--radius-full));
    }
}
@media (min-width: 1280px) {
    .rt-BaseButton:where(.lg\:rt-r-size-1) {
        --base-button-classic-active-padding-top: 1px;
        --base-button-height: var(--space-5);
        border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-BaseButton:where(.lg\:rt-r-size-2) {
        --base-button-classic-active-padding-top: 2px;
        --base-button-height: var(--space-6);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-BaseButton:where(.lg\:rt-r-size-3) {
        --base-button-classic-active-padding-top: 2px;
        --base-button-height: var(--space-7);
        border-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-BaseButton:where(.lg\:rt-r-size-4) {
        --base-button-classic-active-padding-top: 2px;
        --base-button-height: var(--space-8);
        border-radius: max(var(--radius-4), var(--radius-full));
    }
}
@media (min-width: 1640px) {
    .rt-BaseButton:where(.xl\:rt-r-size-1) {
        --base-button-classic-active-padding-top: 1px;
        --base-button-height: var(--space-5);
        border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-BaseButton:where(.xl\:rt-r-size-2) {
        --base-button-classic-active-padding-top: 2px;
        --base-button-height: var(--space-6);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-BaseButton:where(.xl\:rt-r-size-3) {
        --base-button-classic-active-padding-top: 2px;
        --base-button-height: var(--space-7);
        border-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-BaseButton:where(.xl\:rt-r-size-4) {
        --base-button-classic-active-padding-top: 2px;
        --base-button-height: var(--space-8);
        border-radius: max(var(--radius-4), var(--radius-full));
    }
}
:where(.radix-themes) {
    --base-button-classic-after-inset: 2px;
    --base-button-classic-box-shadow-top: inset 0 0 0 1px var(--gray-a4), inset 0 -2px 1px var(--gray-a3);
    --base-button-classic-box-shadow-bottom: inset 0 4px 2px -2px var(--white-a9), inset 0 2px 1px -1px var(--white-a9);
    --base-button-classic-disabled-box-shadow: var(--base-button-classic-box-shadow-top), var(--base-button-classic-box-shadow-bottom);
    --base-button-classic-active-filter: brightness(0.92) saturate(1.1);
    --base-button-classic-high-contrast-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
    --base-button-classic-high-contrast-active-filter: contrast(0.82) saturate(1.2) brightness(1.16);
    --base-button-solid-active-filter: brightness(0.92) saturate(1.1);
    --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
    --base-button-solid-high-contrast-active-filter: contrast(0.82) saturate(1.2) brightness(1.16);
    --kbd-box-shadow: inset 0 -0.05em 0.5em var(--gray-a2), inset 0 0.05em var(--white-a12), inset 0 0.25em 0.5em var(--gray-a2), inset 0 -0.05em var(--gray-a6), 0 0 0 0.05em var(--gray-a5), 0 0.08em 0.17em var(--gray-a7);
    --progress-indicator-after-linear-gradient: var(--white-a5), var(--white-a9), var(--white-a5);
    --segmented-control-indicator-background-color: var(--color-background);
    --select-trigger-classic-box-shadow: inset 0 0 0 1px var(--gray-a5), inset 0 2px 1px var(--white-a11), inset 0 -2px 1px var(--gray-a4) ;
    --slider-range-high-contrast-background-image: linear-gradient(var(--black-a8), var(--black-a8));
    --slider-disabled-blend-mode: multiply;
    --switch-disabled-blend-mode: multiply;
    --switch-high-contrast-checked-color-overlay: var(--black-a8);
    --switch-high-contrast-checked-active-before-filter: contrast(0.82) saturate(1.2) brightness(1.16);
    --switch-surface-checked-active-filter: brightness(0.92) saturate(1.1);
    --switch-surface-checked-active-filter: brightness(0.92) saturate(1.1);
    --base-card-surface-box-shadow: 0 0 0 1px var(--gray-a5);
    --base-card-surface-hover-box-shadow: 0 0 0 1px var(--gray-a7);
    --base-card-surface-active-box-shadow: 0 0 0 1px var(--gray-a6);
    --base-card-classic-box-shadow-inner: 0 0 0 1px var(--base-card-classic-border-color), 0 0 0 1px var(--color-transparent), 0 0 0 0.5px var(--black-a1), 0 1px 1px 0 var(--gray-a2), 0 2px 1px -1px var(--black-a1), 0 1px 3px 0 var(--black-a1);
    --base-card-classic-box-shadow-outer: 0 0 0 0 var(--base-card-classic-border-color), 0 0 0 0 var(--color-transparent), 0 0 0 0 var(--black-a1), 0 1px 1px -1px var(--gray-a2), 0 2px 1px -2px var(--black-a1), 0 1px 3px -1px var(--black-a1);
    --base-card-classic-hover-box-shadow-inner: 0 0 0 1px var(--base-card-classic-hover-border-color), 0 1px 1px 1px var(--black-a1), 0 2px 1px -1px var(--gray-a3), 0 2px 3px -2px var(--black-a1), 0 3px 12px -4px var(--gray-a3), 0 4px 16px -8px var(--black-a1);
    --base-card-classic-hover-box-shadow-outer: 0 0 0 0 var(--base-card-classic-hover-border-color), 0 1px 1px 0 var(--black-a1), 0 2px 1px -2px var(--gray-a3), 0 2px 3px -3px var(--black-a1), 0 3px 12px -5px var(--gray-a3), 0 4px 16px -9px var(--black-a1);
    --base-card-classic-active-box-shadow-inner: 0 0 0 1px var(--base-card-classic-active-border-color), 0 0 0 1px var(--color-transparent), 0 0 0 0.5px var(--black-a1), 0 1px 1px 0 var(--gray-a4), 0 2px 1px -1px var(--black-a1), 0 1px 3px 0 var(--black-a1);
    --base-card-classic-active-box-shadow-outer: 0 0 0 0 var(--base-card-classic-active-border-color), 0 0 0 0 var(--color-transparent), 0 0 0 0 var(--black-a1), 0 1px 1px -1px var(--gray-a4), 0 2px 1px -2px var(--black-a1), 0 1px 3px -1px var(--black-a1);
    --base-card-classic-border-color: var(--gray-a3);
    --base-card-classic-hover-border-color: var(--gray-a3);
    --base-card-classic-active-border-color: var(--gray-a4);
}
:is(.dark, .dark-theme),
:is(.dark, .dark-theme) :where(.radix-themes:not(.light, .light-theme)) {
    --base-button-classic-after-inset: 1px;
    --base-button-classic-box-shadow-top: inset 0 0 0 1px var(--white-a2), inset 0 4px 2px -2px var(--white-a3), inset 0 1px 1px var(--white-a6), inset 0 -1px 1px var(--black-a6);
    --base-button-classic-box-shadow-bottom: 0 0 transparent;
    --base-button-classic-disabled-box-shadow: inset 0 0 0 1px var(--gray-a5), inset 0 4px 2px -2px var(--gray-a2), inset 0 1px 1px var(--gray-a5), inset 0 -1px 1px var(--black-a3), inset 0 0 0 1px var(--gray-a2);
    --base-button-classic-active-filter: brightness(1.08);
    --base-button-classic-high-contrast-hover-filter: contrast(0.88) saturate(1.3) brightness(1.14);
    --base-button-classic-high-contrast-active-filter: brightness(0.95) saturate(1.2);
    --base-button-solid-active-filter: brightness(1.08);
    --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.3) brightness(1.18);
    --base-button-solid-high-contrast-active-filter: brightness(0.95) saturate(1.2);
    --kbd-box-shadow: inset 0 -0.05em 0.5em var(--gray-a3), inset 0 0.05em var(--gray-a11), inset 0 0.25em 0.5em var(--gray-a2), inset 0 -0.1em var(--black-a11), 0 0 0 0.075em var(--gray-a7), 0 0.08em 0.17em var(--black-a12);
    --progress-indicator-after-linear-gradient: var(--white-a3), var(--white-a6), var(--white-a3);
    --segmented-control-indicator-background-color: var(--gray-a3);
    --select-trigger-classic-box-shadow: inset 0 0 0 1px var(--white-a4), inset 0 1px 1px var(--white-a4), inset 0 -1px 1px var(--black-a9) ;
    --slider-range-high-contrast-background-image: none;
    --slider-disabled-blend-mode: screen;
    --switch-disabled-blend-mode: screen;
    --switch-high-contrast-checked-color-overlay: transparent;
    --switch-high-contrast-checked-active-before-filter: brightness(1.08);
    --switch-surface-checked-active-filter: brightness(1.08);
    --switch-surface-checked-active-filter: brightness(1.08);
    --base-card-classic-box-shadow-inner: 0 0 0 1px var(--base-card-classic-border-color), 0 0 0 1px var(--color-transparent), 0 0 0 0.5px var(--black-a3), 0 1px 1px 0 var(--black-a6), 0 2px 1px -1px var(--black-a6), 0 1px 3px 0 var(--black-a5);
    --base-card-classic-box-shadow-outer: 0 0 0 0 var(--base-card-classic-border-color), 0 0 0 0 var(--color-transparent), 0 0 0 0 var(--black-a3), 0 1px 1px -1px var(--black-a6), 0 2px 1px -2px var(--black-a6), 0 1px 3px -1px var(--black-a5);
    --base-card-classic-hover-box-shadow-inner: 0 0 0 1px var(--base-card-classic-hover-border-color), 0 0 1px 1px var(--gray-a4), 0 0 1px -1px var(--gray-a4), 0 0 3px -2px var(--gray-a3), 0 0 12px -2px var(--gray-a3), 0 0 16px -8px var(--gray-a7);
    --base-card-classic-hover-box-shadow-outer: 0 0 0 0 var(--base-card-classic-hover-border-color), 0 0 1px 0 var(--gray-a4), 0 0 1px -2px var(--gray-a4), 0 0 3px -3px var(--gray-a3), 0 0 12px -3px var(--gray-a3), 0 0 16px -9px var(--gray-a7);
    --base-card-classic-active-box-shadow-inner: 0 0 0 1px var(--base-card-classic-active-border-color), 0 0 0 1px var(--color-transparent), 0 0 0 0.5px var(--black-a3), 0 1px 1px 0 var(--black-a6), 0 2px 1px -1px var(--black-a6), 0 1px 3px 0 var(--black-a5);
    --base-card-classic-active-box-shadow-outer: 0 0 0 0 var(--base-card-classic-active-border-color), 0 0 0 0 var(--color-transparent), 0 0 0 0 var(--black-a3), 0 1px 1px -1px var(--black-a6), 0 2px 1px -2px var(--black-a6), 0 1px 3px -1px var(--black-a5);
    --base-card-classic-border-color: var(--gray-a6);
    --base-card-classic-hover-border-color: var(--gray-a6);
    --base-card-classic-active-border-color: var(--gray-a6);
}
.rt-BaseButton:where(.rt-variant-classic) {
    background-color: var(--accent-9);
    color: var(--accent-contrast);
    position: relative;
    z-index: 0;
    background-image: linear-gradient(to bottom, transparent 50%, var(--gray-a4)), linear-gradient(to bottom, transparent 50%, var(--accent-9) 80%);
    box-shadow: var(--base-button-classic-box-shadow-top), inset 0 0 0 1px var(--accent-9), var(--base-button-classic-box-shadow-bottom);
}
.rt-BaseButton:where(.rt-variant-classic)::after {
    content: '';
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
    inset: 0;
    z-index: -1;
    border: var(--base-button-classic-after-inset) solid transparent;
    background-clip: content-box;
    background-color: inherit;
    background-image: linear-gradient(var(--black-a1), transparent, var(--white-a2));
    box-shadow: inset 0 2px 3px -1px var(--white-a4);
}
.rt-BaseButton:where(.rt-variant-classic):where(.rt-high-contrast) {
    background-color: var(--accent-12);
    color: var(--gray-1);
    background-image: linear-gradient(to bottom, transparent 50%, var(--gray-a4)), linear-gradient(to bottom, transparent 50%, var(--accent-12) 80%);
    box-shadow: var(--base-button-classic-box-shadow-top), inset 0 0 0 1px var(--accent-12), var(--base-button-classic-box-shadow-bottom);
}
.rt-BaseButton:where(.rt-variant-classic):where(.rt-high-contrast)::after {
    background-image: linear-gradient(var(--black-a3), transparent, var(--white-a2));
}
@media (pointer: coarse) {
    .rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state='open'])) {
        outline: 0.5em solid var(--accent-a4);
        outline-offset: 0;
    }
}
.rt-BaseButton:where(.rt-variant-classic):where(:focus-visible) {
    outline: 2px solid var(--focus-8);
    outline-offset: 2px;
}
@media (hover: hover) {
    .rt-BaseButton:where(.rt-variant-classic):where(:hover)::after {
        background-color: var(--accent-10);
        background-image: linear-gradient(var(--black-a2) -15%, transparent, var(--white-a3));
    }
    .rt-BaseButton:where(.rt-variant-classic):where(:hover):where(.rt-high-contrast) {
        filter: var(--base-button-classic-high-contrast-hover-filter);
    }
    .rt-BaseButton:where(.rt-variant-classic):where(:hover):where(.rt-high-contrast)::after {
        background-color: var(--accent-12);
        background-image: linear-gradient(var(--black-a5), transparent, var(--white-a2));
    }
}
.rt-BaseButton:where(.rt-variant-classic):where([data-state='open'])::after {
    background-color: var(--accent-10);
    background-image: linear-gradient(var(--black-a2) -15%, transparent, var(--white-a3));
}
.rt-BaseButton:where(.rt-variant-classic):where([data-state='open']):where(.rt-high-contrast) {
    filter: var(--base-button-classic-high-contrast-hover-filter);
}
.rt-BaseButton:where(.rt-variant-classic):where([data-state='open']):where(.rt-high-contrast)::after {
    background-color: var(--accent-12);
    background-image: linear-gradient(var(--black-a5), transparent, var(--white-a2));
}
.rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state='open'], [data-disabled])) {
    background-color: var(--accent-9);
    background-image: linear-gradient(var(--black-a1), transparent);
    padding-top: var(--base-button-classic-active-padding-top);
    box-shadow: inset 0 4px 2px -2px var(--gray-a4), inset 0 1px 1px var(--gray-a7), inset 0 0 0 1px var(--gray-a5), inset 0 0 0 1px var(--accent-9), inset 0 3px 2px var(--gray-a3), inset 0 0 0 1px var(--white-a7), inset 0 -2px 1px var(--white-a5);
}
.rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state='open'], [data-disabled]))::after {
    box-shadow: none;
    background-color: inherit;
    background-image: linear-gradient(var(--black-a2), transparent, var(--white-a3));
}
.rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state='open'], [data-disabled])):where(.rt-high-contrast) {
    background-color: var(--accent-12);
    filter: var(--base-button-classic-high-contrast-active-filter);
    box-shadow: var(--base-button__classic-active__shadow-front-layer), inset 0 0 0 1px var(--accent-12), var(--base-button__classic-active__shadow-bottom-layer);
}
.rt-BaseButton:where(.rt-variant-classic):where(:active:not([data-state='open'], [data-disabled])):where(.rt-high-contrast)::after {
    background-image: linear-gradient(var(--black-a5), transparent, var(--white-a3));
}
.rt-BaseButton:where(.rt-variant-classic):where([data-disabled]) {
    color: var(--gray-a8);
    background-color: var(--gray-2);
    background-image: none;
    box-shadow: var(--base-button-classic-disabled-box-shadow);
    outline: none;
    filter: none;
}
.rt-BaseButton:where(.rt-variant-classic):where([data-disabled])::after {
    box-shadow: none;
    background-color: var(--gray-a2);
    background-image: linear-gradient(var(--black-a1) -20%, transparent, var(--white-a1));
}
.rt-BaseButton:where(.rt-variant-solid) {
    background-color: var(--accent-9);
    color: var(--accent-contrast);
}
@media (hover: hover) {
    .rt-BaseButton:where(.rt-variant-solid):where(:hover) {
        background-color: var(--accent-10);
    }
}
.rt-BaseButton:where(.rt-variant-solid):where([data-state='open']) {
    background-color: var(--accent-10);
}
.rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])) {
    background-color: var(--accent-10);
    filter: var(--base-button-solid-active-filter);
}
@media (pointer: coarse) {
    .rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])) {
        outline: 0.5em solid var(--accent-a4);
        outline-offset: 0;
    }
}
.rt-BaseButton:where(.rt-variant-solid):where(:focus-visible) {
    outline: 2px solid var(--focus-8);
    outline-offset: 2px;
}
.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast) {
    background-color: var(--accent-12);
    color: var(--gray-1);
}
@media (hover: hover) {
    .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:hover) {
        background-color: var(--accent-12);
        filter: var(--base-button-solid-high-contrast-hover-filter);
    }
}
.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='open']) {
    background-color: var(--accent-12);
    filter: var(--base-button-solid-high-contrast-hover-filter);
}
.rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not([data-state='open'])) {
    background-color: var(--accent-12);
    filter: var(--base-button-solid-high-contrast-active-filter);
}
.rt-BaseButton:where(.rt-variant-solid):where([data-disabled]) {
    color: var(--gray-a8);
    background-color: var(--gray-a3);
    outline: none;
    filter: none;
}
.rt-BaseButton:where(.rt-variant-soft, .rt-variant-ghost) {
    color: var(--accent-a11);
}
.rt-BaseButton:where(.rt-variant-soft, .rt-variant-ghost):where(.rt-high-contrast) {
    color: var(--accent-12);
}
.rt-BaseButton:where(.rt-variant-soft, .rt-variant-ghost):where([data-disabled]) {
    color: var(--gray-a8);
    background-color: var(--gray-a3);
}
.rt-BaseButton:where(.rt-variant-soft) {
    background-color: var(--accent-a3);
}
.rt-BaseButton:where(.rt-variant-soft):where(:focus-visible) {
    outline: 2px solid var(--accent-8);
    outline-offset: -1px;
}
@media (hover: hover) {
    .rt-BaseButton:where(.rt-variant-soft):where(:hover) {
        background-color: var(--accent-a4);
    }
}
.rt-BaseButton:where(.rt-variant-soft):where([data-state='open']) {
    background-color: var(--accent-a4);
}
.rt-BaseButton:where(.rt-variant-soft):where(:active:not([data-state='open'])) {
    background-color: var(--accent-a5);
}
.rt-BaseButton:where(.rt-variant-soft):where([data-disabled]) {
    color: var(--gray-a8);
    background-color: var(--gray-a3);
}
@media (hover: hover) {
    .rt-BaseButton:where(.rt-variant-ghost):where(:hover) {
        background-color: var(--accent-a3);
    }
}
.rt-BaseButton:where(.rt-variant-ghost):where(:focus-visible) {
    outline: 2px solid var(--focus-8);
    outline-offset: -1px;
}
.rt-BaseButton:where(.rt-variant-ghost):where([data-state='open']) {
    background-color: var(--accent-a3);
}
.rt-BaseButton:where(.rt-variant-ghost):where(:active:not([data-state='open'])) {
    background-color: var(--accent-a4);
}
.rt-BaseButton:where(.rt-variant-ghost):where([data-disabled]) {
    color: var(--gray-a8);
    background-color: transparent;
}
.rt-BaseButton:where(.rt-variant-outline) {
    box-shadow: inset 0 0 0 1px var(--accent-a8);
    color: var(--accent-a11);
}
@media (hover: hover) {
    .rt-BaseButton:where(.rt-variant-outline):where(:hover) {
        background-color: var(--accent-a2);
    }
}
.rt-BaseButton:where(.rt-variant-outline):where([data-state='open']) {
    background-color: var(--accent-a2);
}
.rt-BaseButton:where(.rt-variant-outline):where(:active:not([data-state='open'])) {
    background-color: var(--accent-a3);
}
.rt-BaseButton:where(.rt-variant-outline):where(:focus-visible) {
    outline: 2px solid var(--focus-8);
    outline-offset: -1px;
}
.rt-BaseButton:where(.rt-variant-outline):where(.rt-high-contrast) {
    box-shadow: inset 0 0 0 1px var(--accent-a7), inset 0 0 0 1px var(--gray-a11);
    color: var(--accent-12);
}
.rt-BaseButton:where(.rt-variant-outline):where([data-disabled]) {
    color: var(--gray-a8);
    box-shadow: inset 0 0 0 1px var(--gray-a7);
    background-color: transparent;
}
.rt-BaseButton:where(.rt-variant-surface) {
    background-color: var(--accent-surface);
    box-shadow: inset 0 0 0 1px var(--accent-a7);
    color: var(--accent-a11);
}
@media (hover: hover) {
    .rt-BaseButton:where(.rt-variant-surface):where(:hover) {
        box-shadow: inset 0 0 0 1px var(--accent-a8);
    }
}
.rt-BaseButton:where(.rt-variant-surface):where([data-state='open']) {
    box-shadow: inset 0 0 0 1px var(--accent-a8);
}
.rt-BaseButton:where(.rt-variant-surface):where(:active:not([data-state='open'])) {
    background-color: var(--accent-a3);
    box-shadow: inset 0 0 0 1px var(--accent-a8);
}
.rt-BaseButton:where(.rt-variant-surface):where(:focus-visible) {
    outline: 2px solid var(--focus-8);
    outline-offset: -1px;
}
.rt-BaseButton:where(.rt-variant-surface):where(.rt-high-contrast) {
    color: var(--accent-12);
}
.rt-BaseButton:where(.rt-variant-surface):where([data-disabled]) {
    color: var(--gray-a8);
    box-shadow: inset 0 0 0 1px var(--gray-a6);
    background-color: var(--gray-a2);
}
.rt-Button:where(:not(.rt-variant-ghost)) :where(svg) {
    opacity: 0.9;
}
.rt-Button:where(.rt-variant-ghost) {
    padding: var(--button-ghost-padding-y) var(--button-ghost-padding-x);
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-top-override: calc(var(--margin-top) - var(--button-ghost-padding-y));
    --margin-right-override: calc(var(--margin-right) - var(--button-ghost-padding-x));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--button-ghost-padding-y));
    --margin-left-override: calc(var(--margin-left) - var(--button-ghost-padding-x));
    margin: var(--margin-top-override) var(--margin-right-override) var(--margin-bottom-override) var(--margin-left-override);
}
:where(.rt-Button:where(.rt-variant-ghost)) > * {
    --margin-top-override: initial;
    --margin-right-override: initial;
    --margin-bottom-override: initial;
    --margin-left-override: initial;
}
.rt-Button:where(.rt-r-size-1) {
    gap: var(--space-1);
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
}
.rt-Button:where(.rt-r-size-1):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
}
.rt-Button:where(.rt-r-size-1):where(.rt-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
}
.rt-Button:where(.rt-r-size-2) {
    gap: var(--space-2);
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
}
.rt-Button:where(.rt-r-size-2):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
}
.rt-Button:where(.rt-r-size-2):where(.rt-variant-ghost) {
    gap: var(--space-1);
    --button-ghost-padding-x: var(--space-2);
    --button-ghost-padding-y: var(--space-1);
}
.rt-Button:where(.rt-r-size-3) {
    gap: var(--space-3);
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    letter-spacing: var(--letter-spacing-3);
}
.rt-Button:where(.rt-r-size-3):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
}
.rt-Button:where(.rt-r-size-3):where(.rt-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-3);
    --button-ghost-padding-y: calc(var(--space-1) * 1.5);
}
.rt-Button:where(.rt-r-size-4) {
    gap: var(--space-3);
    font-size: var(--font-size-4);
    line-height: var(--line-height-4);
    letter-spacing: var(--letter-spacing-4);
}
.rt-Button:where(.rt-r-size-4):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-5);
    padding-right: var(--space-5);
}
.rt-Button:where(.rt-r-size-4):where(.rt-variant-ghost) {
    gap: var(--space-2);
    --button-ghost-padding-x: var(--space-4);
    --button-ghost-padding-y: var(--space-2);
}
@media (min-width: 520px) {
    .rt-Button:where(.xs\:rt-r-size-1) {
        gap: var(--space-1);
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-Button:where(.xs\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }
    .rt-Button:where(.xs\:rt-r-size-1):where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
    }
    .rt-Button:where(.xs\:rt-r-size-2) {
        gap: var(--space-2);
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-Button:where(.xs\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }
    .rt-Button:where(.xs\:rt-r-size-2):where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
    }
    .rt-Button:where(.xs\:rt-r-size-3) {
        gap: var(--space-3);
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-Button:where(.xs\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }
    .rt-Button:where(.xs\:rt-r-size-3):where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-3);
        --button-ghost-padding-y: calc(var(--space-1) * 1.5);
    }
    .rt-Button:where(.xs\:rt-r-size-4) {
        gap: var(--space-3);
        font-size: var(--font-size-4);
        line-height: var(--line-height-4);
        letter-spacing: var(--letter-spacing-4);
    }
    .rt-Button:where(.xs\:rt-r-size-4):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
    }
    .rt-Button:where(.xs\:rt-r-size-4):where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-4);
        --button-ghost-padding-y: var(--space-2);
    }
}
@media (min-width: 768px) {
    .rt-Button:where(.sm\:rt-r-size-1) {
        gap: var(--space-1);
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-Button:where(.sm\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }
    .rt-Button:where(.sm\:rt-r-size-1):where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
    }
    .rt-Button:where(.sm\:rt-r-size-2) {
        gap: var(--space-2);
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-Button:where(.sm\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }
    .rt-Button:where(.sm\:rt-r-size-2):where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
    }
    .rt-Button:where(.sm\:rt-r-size-3) {
        gap: var(--space-3);
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-Button:where(.sm\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }
    .rt-Button:where(.sm\:rt-r-size-3):where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-3);
        --button-ghost-padding-y: calc(var(--space-1) * 1.5);
    }
    .rt-Button:where(.sm\:rt-r-size-4) {
        gap: var(--space-3);
        font-size: var(--font-size-4);
        line-height: var(--line-height-4);
        letter-spacing: var(--letter-spacing-4);
    }
    .rt-Button:where(.sm\:rt-r-size-4):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
    }
    .rt-Button:where(.sm\:rt-r-size-4):where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-4);
        --button-ghost-padding-y: var(--space-2);
    }
}
@media (min-width: 1024px) {
    .rt-Button:where(.md\:rt-r-size-1) {
        gap: var(--space-1);
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-Button:where(.md\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }
    .rt-Button:where(.md\:rt-r-size-1):where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
    }
    .rt-Button:where(.md\:rt-r-size-2) {
        gap: var(--space-2);
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-Button:where(.md\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }
    .rt-Button:where(.md\:rt-r-size-2):where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
    }
    .rt-Button:where(.md\:rt-r-size-3) {
        gap: var(--space-3);
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-Button:where(.md\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }
    .rt-Button:where(.md\:rt-r-size-3):where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-3);
        --button-ghost-padding-y: calc(var(--space-1) * 1.5);
    }
    .rt-Button:where(.md\:rt-r-size-4) {
        gap: var(--space-3);
        font-size: var(--font-size-4);
        line-height: var(--line-height-4);
        letter-spacing: var(--letter-spacing-4);
    }
    .rt-Button:where(.md\:rt-r-size-4):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
    }
    .rt-Button:where(.md\:rt-r-size-4):where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-4);
        --button-ghost-padding-y: var(--space-2);
    }
}
@media (min-width: 1280px) {
    .rt-Button:where(.lg\:rt-r-size-1) {
        gap: var(--space-1);
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-Button:where(.lg\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }
    .rt-Button:where(.lg\:rt-r-size-1):where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
    }
    .rt-Button:where(.lg\:rt-r-size-2) {
        gap: var(--space-2);
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-Button:where(.lg\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }
    .rt-Button:where(.lg\:rt-r-size-2):where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
    }
    .rt-Button:where(.lg\:rt-r-size-3) {
        gap: var(--space-3);
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-Button:where(.lg\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }
    .rt-Button:where(.lg\:rt-r-size-3):where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-3);
        --button-ghost-padding-y: calc(var(--space-1) * 1.5);
    }
    .rt-Button:where(.lg\:rt-r-size-4) {
        gap: var(--space-3);
        font-size: var(--font-size-4);
        line-height: var(--line-height-4);
        letter-spacing: var(--letter-spacing-4);
    }
    .rt-Button:where(.lg\:rt-r-size-4):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
    }
    .rt-Button:where(.lg\:rt-r-size-4):where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-4);
        --button-ghost-padding-y: var(--space-2);
    }
}
@media (min-width: 1640px) {
    .rt-Button:where(.xl\:rt-r-size-1) {
        gap: var(--space-1);
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-Button:where(.xl\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }
    .rt-Button:where(.xl\:rt-r-size-1):where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
    }
    .rt-Button:where(.xl\:rt-r-size-2) {
        gap: var(--space-2);
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-Button:where(.xl\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }
    .rt-Button:where(.xl\:rt-r-size-2):where(.rt-variant-ghost) {
        gap: var(--space-1);
        --button-ghost-padding-x: var(--space-2);
        --button-ghost-padding-y: var(--space-1);
    }
    .rt-Button:where(.xl\:rt-r-size-3) {
        gap: var(--space-3);
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-Button:where(.xl\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }
    .rt-Button:where(.xl\:rt-r-size-3):where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-3);
        --button-ghost-padding-y: calc(var(--space-1) * 1.5);
    }
    .rt-Button:where(.xl\:rt-r-size-4) {
        gap: var(--space-3);
        font-size: var(--font-size-4);
        line-height: var(--line-height-4);
        letter-spacing: var(--letter-spacing-4);
    }
    .rt-Button:where(.xl\:rt-r-size-4):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-5);
        padding-right: var(--space-5);
    }
    .rt-Button:where(.xl\:rt-r-size-4):where(.rt-variant-ghost) {
        gap: var(--space-2);
        --button-ghost-padding-x: var(--space-4);
        --button-ghost-padding-y: var(--space-2);
    }
}
.rt-Button:where(:not(.rt-variant-ghost)) {
    font-weight: var(--font-weight-medium);
}
.rt-CalloutRoot {
    box-sizing: border-box;
    display: grid;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
    color: var(--accent-a11);
}
.rt-CalloutRoot:where(.rt-high-contrast) {
    color: var(--accent-12);
}
.rt-CalloutIcon {
    display: flex;
    align-items: center;
    grid-column-start: -2;
    height: var(--callout-icon-height);
}
.rt-CalloutRoot > :where(:not(.rt-CalloutIcon)) {
    grid-column-start: -1;
}
.rt-CalloutRoot:where(.rt-r-size-1) {
    row-gap: var(--space-2);
    column-gap: var(--space-2);
    padding: var(--space-3);
    border-radius: var(--radius-3);
    --callout-icon-height: var(--line-height-2);
}
.rt-CalloutRoot:where(.rt-r-size-2) {
    row-gap: var(--space-2);
    column-gap: var(--space-3);
    padding: var(--space-4);
    border-radius: var(--radius-4);
    --callout-icon-height: var(--line-height-2);
}
.rt-CalloutRoot:where(.rt-r-size-3) {
    row-gap: var(--space-3);
    column-gap: var(--space-4);
    padding: var(--space-5);
    border-radius: var(--radius-5);
    --callout-icon-height: var(--line-height-3);
}
@media (min-width: 520px) {
    .rt-CalloutRoot:where(.xs\:rt-r-size-1) {
        row-gap: var(--space-2);
        column-gap: var(--space-2);
        padding: var(--space-3);
        border-radius: var(--radius-3);
        --callout-icon-height: var(--line-height-2);
    }
    .rt-CalloutRoot:where(.xs\:rt-r-size-2) {
        row-gap: var(--space-2);
        column-gap: var(--space-3);
        padding: var(--space-4);
        border-radius: var(--radius-4);
        --callout-icon-height: var(--line-height-2);
    }
    .rt-CalloutRoot:where(.xs\:rt-r-size-3) {
        row-gap: var(--space-3);
        column-gap: var(--space-4);
        padding: var(--space-5);
        border-radius: var(--radius-5);
        --callout-icon-height: var(--line-height-3);
    }
}
@media (min-width: 768px) {
    .rt-CalloutRoot:where(.sm\:rt-r-size-1) {
        row-gap: var(--space-2);
        column-gap: var(--space-2);
        padding: var(--space-3);
        border-radius: var(--radius-3);
        --callout-icon-height: var(--line-height-2);
    }
    .rt-CalloutRoot:where(.sm\:rt-r-size-2) {
        row-gap: var(--space-2);
        column-gap: var(--space-3);
        padding: var(--space-4);
        border-radius: var(--radius-4);
        --callout-icon-height: var(--line-height-2);
    }
    .rt-CalloutRoot:where(.sm\:rt-r-size-3) {
        row-gap: var(--space-3);
        column-gap: var(--space-4);
        padding: var(--space-5);
        border-radius: var(--radius-5);
        --callout-icon-height: var(--line-height-3);
    }
}
@media (min-width: 1024px) {
    .rt-CalloutRoot:where(.md\:rt-r-size-1) {
        row-gap: var(--space-2);
        column-gap: var(--space-2);
        padding: var(--space-3);
        border-radius: var(--radius-3);
        --callout-icon-height: var(--line-height-2);
    }
    .rt-CalloutRoot:where(.md\:rt-r-size-2) {
        row-gap: var(--space-2);
        column-gap: var(--space-3);
        padding: var(--space-4);
        border-radius: var(--radius-4);
        --callout-icon-height: var(--line-height-2);
    }
    .rt-CalloutRoot:where(.md\:rt-r-size-3) {
        row-gap: var(--space-3);
        column-gap: var(--space-4);
        padding: var(--space-5);
        border-radius: var(--radius-5);
        --callout-icon-height: var(--line-height-3);
    }
}
@media (min-width: 1280px) {
    .rt-CalloutRoot:where(.lg\:rt-r-size-1) {
        row-gap: var(--space-2);
        column-gap: var(--space-2);
        padding: var(--space-3);
        border-radius: var(--radius-3);
        --callout-icon-height: var(--line-height-2);
    }
    .rt-CalloutRoot:where(.lg\:rt-r-size-2) {
        row-gap: var(--space-2);
        column-gap: var(--space-3);
        padding: var(--space-4);
        border-radius: var(--radius-4);
        --callout-icon-height: var(--line-height-2);
    }
    .rt-CalloutRoot:where(.lg\:rt-r-size-3) {
        row-gap: var(--space-3);
        column-gap: var(--space-4);
        padding: var(--space-5);
        border-radius: var(--radius-5);
        --callout-icon-height: var(--line-height-3);
    }
}
@media (min-width: 1640px) {
    .rt-CalloutRoot:where(.xl\:rt-r-size-1) {
        row-gap: var(--space-2);
        column-gap: var(--space-2);
        padding: var(--space-3);
        border-radius: var(--radius-3);
        --callout-icon-height: var(--line-height-2);
    }
    .rt-CalloutRoot:where(.xl\:rt-r-size-2) {
        row-gap: var(--space-2);
        column-gap: var(--space-3);
        padding: var(--space-4);
        border-radius: var(--radius-4);
        --callout-icon-height: var(--line-height-2);
    }
    .rt-CalloutRoot:where(.xl\:rt-r-size-3) {
        row-gap: var(--space-3);
        column-gap: var(--space-4);
        padding: var(--space-5);
        border-radius: var(--radius-5);
        --callout-icon-height: var(--line-height-3);
    }
}
.rt-CalloutRoot:where(.rt-variant-soft) {
    background-color: var(--accent-a3);
}
.rt-CalloutRoot:where(.rt-variant-surface) {
    box-shadow: inset 0 0 0 1px var(--accent-a6);
    background-color: var(--accent-a2);
}
.rt-CalloutRoot:where(.rt-variant-outline) {
    box-shadow: inset 0 0 0 1px var(--accent-a7);
}
.rt-BaseCard {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: var(--base-card-border-radius);
    font-family: var(--default-font-family);
    font-weight: var(--font-weight-normal);
    font-style: normal;
    text-align: start;
    --inset-border-width: var(--base-card-border-width);
    --inset-border-radius: var(--base-card-border-radius);
    padding-top: var(--base-card-padding-top);
    padding-right: var(--base-card-padding-right);
    padding-bottom: var(--base-card-padding-bottom);
    padding-left: var(--base-card-padding-left);
    box-sizing: border-box;
    --inset-padding-top: calc(var(--base-card-padding-top) - var(--base-card-border-width));
    --inset-padding-right: calc(var(--base-card-padding-right) - var(--base-card-border-width));
    --inset-padding-bottom: calc(var(--base-card-padding-bottom) - var(--base-card-border-width));
    --inset-padding-left: calc(var(--base-card-padding-left) - var(--base-card-border-width));
    contain: paint;
}
.rt-BaseCard::before,
  .rt-BaseCard::after {
    content: '';
    position: absolute;
    pointer-events: none;
    transition: inherit;
    border-radius: calc(var(--base-card-border-radius) - var(--base-card-border-width));
    inset: var(--base-card-border-width);
}
.rt-BaseCard::before {
    z-index: -1;
}
@supports (color: color-mix(in oklab, white, black)) {
    :where(.radix-themes) {
        --base-card-surface-box-shadow: 0 0 0 1px color-mix(in oklab, var(--gray-a5), var(--gray-5) 25%);
        --base-card-surface-hover-box-shadow: 0 0 0 1px color-mix(in oklab, var(--gray-a7), var(--gray-7) 25%);
        --base-card-surface-active-box-shadow: 0 0 0 1px color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%);
        --base-card-classic-border-color: color-mix(in oklab, var(--gray-a3), var(--gray-3) 25%);
        --base-card-classic-hover-border-color: color-mix(in oklab, var(--gray-a4), var(--gray-4) 25%);
        --base-card-classic-active-border-color: color-mix(in oklab, var(--gray-a3), var(--gray-3) 25%);
    }
}
@supports (color: color-mix(in oklab, white, black)) {
    :is(.dark, .dark-theme),
:is(.dark, .dark-theme) :where(.radix-themes:not(.light, .light-theme)) {
        --base-card-classic-border-color: color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%);
        --base-card-classic-hover-border-color: color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%);
        --base-card-classic-active-border-color: color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%);
    }
}
.rt-Card {
    --base-card-padding-top: var(--card-padding);
    --base-card-padding-right: var(--card-padding);
    --base-card-padding-bottom: var(--card-padding);
    --base-card-padding-left: var(--card-padding);
    --base-card-border-radius: var(--card-border-radius);
    --base-card-border-width: var(--card-border-width);
}
.rt-Card:where(:focus-visible) {
    outline: 2px solid var(--focus-8);
    outline-offset: -1px;
}
.rt-Card:where(:focus-visible)::after {
    outline: inherit;
}
.rt-Card:where(:focus-visible):where(:active:not([data-state='open']))::before {
    background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
}
.rt-Card:where(.rt-r-size-1) {
    --card-padding: var(--space-3);
    --card-border-radius: var(--radius-4);
}
.rt-Card:where(.rt-r-size-2) {
    --card-padding: var(--space-4);
    --card-border-radius: var(--radius-4);
}
.rt-Card:where(.rt-r-size-3) {
    --card-padding: var(--space-5);
    --card-border-radius: var(--radius-5);
}
.rt-Card:where(.rt-r-size-4) {
    --card-padding: var(--space-6);
    --card-border-radius: var(--radius-5);
}
.rt-Card:where(.rt-r-size-5) {
    --card-padding: var(--space-8);
    --card-border-radius: var(--radius-6);
}
@media (min-width: 520px) {
    .rt-Card:where(.xs\:rt-r-size-1) {
        --card-padding: var(--space-3);
        --card-border-radius: var(--radius-4);
    }
    .rt-Card:where(.xs\:rt-r-size-2) {
        --card-padding: var(--space-4);
        --card-border-radius: var(--radius-4);
    }
    .rt-Card:where(.xs\:rt-r-size-3) {
        --card-padding: var(--space-5);
        --card-border-radius: var(--radius-5);
    }
    .rt-Card:where(.xs\:rt-r-size-4) {
        --card-padding: var(--space-6);
        --card-border-radius: var(--radius-5);
    }
    .rt-Card:where(.xs\:rt-r-size-5) {
        --card-padding: var(--space-8);
        --card-border-radius: var(--radius-6);
    }
}
@media (min-width: 768px) {
    .rt-Card:where(.sm\:rt-r-size-1) {
        --card-padding: var(--space-3);
        --card-border-radius: var(--radius-4);
    }
    .rt-Card:where(.sm\:rt-r-size-2) {
        --card-padding: var(--space-4);
        --card-border-radius: var(--radius-4);
    }
    .rt-Card:where(.sm\:rt-r-size-3) {
        --card-padding: var(--space-5);
        --card-border-radius: var(--radius-5);
    }
    .rt-Card:where(.sm\:rt-r-size-4) {
        --card-padding: var(--space-6);
        --card-border-radius: var(--radius-5);
    }
    .rt-Card:where(.sm\:rt-r-size-5) {
        --card-padding: var(--space-8);
        --card-border-radius: var(--radius-6);
    }
}
@media (min-width: 1024px) {
    .rt-Card:where(.md\:rt-r-size-1) {
        --card-padding: var(--space-3);
        --card-border-radius: var(--radius-4);
    }
    .rt-Card:where(.md\:rt-r-size-2) {
        --card-padding: var(--space-4);
        --card-border-radius: var(--radius-4);
    }
    .rt-Card:where(.md\:rt-r-size-3) {
        --card-padding: var(--space-5);
        --card-border-radius: var(--radius-5);
    }
    .rt-Card:where(.md\:rt-r-size-4) {
        --card-padding: var(--space-6);
        --card-border-radius: var(--radius-5);
    }
    .rt-Card:where(.md\:rt-r-size-5) {
        --card-padding: var(--space-8);
        --card-border-radius: var(--radius-6);
    }
}
@media (min-width: 1280px) {
    .rt-Card:where(.lg\:rt-r-size-1) {
        --card-padding: var(--space-3);
        --card-border-radius: var(--radius-4);
    }
    .rt-Card:where(.lg\:rt-r-size-2) {
        --card-padding: var(--space-4);
        --card-border-radius: var(--radius-4);
    }
    .rt-Card:where(.lg\:rt-r-size-3) {
        --card-padding: var(--space-5);
        --card-border-radius: var(--radius-5);
    }
    .rt-Card:where(.lg\:rt-r-size-4) {
        --card-padding: var(--space-6);
        --card-border-radius: var(--radius-5);
    }
    .rt-Card:where(.lg\:rt-r-size-5) {
        --card-padding: var(--space-8);
        --card-border-radius: var(--radius-6);
    }
}
@media (min-width: 1640px) {
    .rt-Card:where(.xl\:rt-r-size-1) {
        --card-padding: var(--space-3);
        --card-border-radius: var(--radius-4);
    }
    .rt-Card:where(.xl\:rt-r-size-2) {
        --card-padding: var(--space-4);
        --card-border-radius: var(--radius-4);
    }
    .rt-Card:where(.xl\:rt-r-size-3) {
        --card-padding: var(--space-5);
        --card-border-radius: var(--radius-5);
    }
    .rt-Card:where(.xl\:rt-r-size-4) {
        --card-padding: var(--space-6);
        --card-border-radius: var(--radius-5);
    }
    .rt-Card:where(.xl\:rt-r-size-5) {
        --card-padding: var(--space-8);
        --card-border-radius: var(--radius-6);
    }
}
.rt-Card:where(.rt-variant-surface) {
    --card-border-width: 1px;
    --card-background-color: var(--color-panel);
}
.rt-Card:where(.rt-variant-surface)::before {
    background-color: var(--card-background-color);
    -webkit-backdrop-filter: var(--backdrop-filter-panel);
            backdrop-filter: var(--backdrop-filter-panel);
}
.rt-Card:where(.rt-variant-surface)::after {
    box-shadow: var(--base-card-surface-box-shadow);
}
@media (hover: hover) {
    .rt-Card:where(.rt-variant-surface):where(:any-link, button, label):where(:hover)::after {
        box-shadow: var(--base-card-surface-hover-box-shadow);
    }
}
.rt-Card:where(.rt-variant-surface):where(:any-link, button, label):where([data-state='open'])::after {
    box-shadow: var(--base-card-surface-hover-box-shadow);
}
.rt-Card:where(.rt-variant-surface):where(:any-link, button, label):where(:active:not([data-state='open']))::after {
    box-shadow: var(--base-card-surface-active-box-shadow);
}
.rt-Card:where(.rt-variant-classic) {
    --card-border-width: 1px;
    --card-background-color: var(--color-panel);
    transition: box-shadow 120ms;
    box-shadow: var(--base-card-classic-box-shadow-outer);
}
.rt-Card:where(.rt-variant-classic)::before {
    background-color: var(--card-background-color);
    -webkit-backdrop-filter: var(--backdrop-filter-panel);
            backdrop-filter: var(--backdrop-filter-panel);
}
.rt-Card:where(.rt-variant-classic)::after {
    box-shadow: var(--base-card-classic-box-shadow-inner);
}
@media (hover: hover) {
    .rt-Card:where(.rt-variant-classic):where(:any-link, button, label):where(:hover) {
        transition-duration: 40ms;
        box-shadow: var(--base-card-classic-hover-box-shadow-outer);
    }
    .rt-Card:where(.rt-variant-classic):where(:any-link, button, label):where(:hover)::after {
        box-shadow: var(--base-card-classic-hover-box-shadow-inner);
    }
}
.rt-Card:where(.rt-variant-classic):where(:any-link, button, label):where([data-state='open']) {
    transition-duration: 40ms;
    box-shadow: var(--base-card-classic-hover-box-shadow-outer);
}
.rt-Card:where(.rt-variant-classic):where(:any-link, button, label):where([data-state='open'])::after {
    box-shadow: var(--base-card-classic-hover-box-shadow-inner);
}
.rt-Card:where(.rt-variant-classic):where(:any-link, button, label):where(:active:not([data-state='open'])) {
    transition-duration: 40ms;
    box-shadow: var(--base-card-classic-active-box-shadow-outer);
}
.rt-Card:where(.rt-variant-classic):where(:any-link, button, label):where(:active:not([data-state='open']))::after {
    box-shadow: var(--base-card-classic-active-box-shadow-inner);
}
.rt-Card:where(.rt-variant-ghost) {
    --card-border-width: 0px;
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-top-override: calc(var(--margin-top) - var(--card-padding));
    --margin-right-override: calc(var(--margin-right) - var(--card-padding));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--card-padding));
    --margin-left-override: calc(var(--margin-left) - var(--card-padding));
    margin-top: var(--margin-top-override);
    margin-right: var(--margin-right-override);
    margin-bottom: var(--margin-bottom-override);
    margin-left: var(--margin-left-override);
}
:where(.rt-Card:where(.rt-variant-ghost)) > * {
    --margin-top-override: initial;
    --margin-right-override: initial;
    --margin-bottom-override: initial;
    --margin-left-override: initial;
}
@media (hover: hover) {
    .rt-Card:where(.rt-variant-ghost):where(:any-link, button, label):where(:hover) {
        background-color: var(--gray-a3);
    }
    .rt-Card:where(.rt-variant-ghost):where(:any-link, button, label):where(:hover):where(:focus-visible) {
        background-color: var(--focus-a2);
    }
}
.rt-Card:where(.rt-variant-ghost):where(:any-link, button, label):where([data-state='open']) {
    background-color: var(--gray-a3);
}
.rt-Card:where(.rt-variant-ghost):where(:any-link, button, label):where([data-state='open']):where(:focus-visible) {
    background-color: var(--focus-a2);
}
.rt-Card:where(.rt-variant-ghost):where(:any-link, button, label):where(:active:not([data-state='open'])) {
    background-color: var(--gray-a4);
}
.rt-Card:where(.rt-variant-ghost):where(:any-link, button, label):where(:active:not([data-state='open'])):where(:focus-visible) {
    background-color: var(--focus-a2);
}
@media (pointer: coarse) {
    .rt-Card:where(:any-link, button, label):where(:active:not(:focus-visible, [data-state='open']))::before {
        background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
    }
}
.rt-BaseCheckboxRoot {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    flex-shrink: 0;
    cursor: var(--cursor-checkbox);
    height: var(--skeleton-height, var(--line-height, var(--checkbox-size)));
    --skeleton-height-override: var(--checkbox-size);
    border-radius: var(--skeleton-radius);
    --skeleton-radius-override: var(--checkbox-border-radius);
}
.rt-BaseCheckboxRoot::before {
    content: '';
    display: block;
    height: var(--checkbox-size);
    width: var(--checkbox-size);
    border-radius: var(--checkbox-border-radius);
}
.rt-BaseCheckboxIndicator {
    position: absolute;
    width: var(--checkbox-indicator-size);
    height: var(--checkbox-indicator-size);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.rt-BaseCheckboxRoot:where(.rt-r-size-1) {
    --checkbox-size: calc(var(--space-4) * 0.875);
    --checkbox-indicator-size: calc(9px * var(--scaling));
    --checkbox-border-radius: calc(var(--radius-1) * 0.875);
}
.rt-BaseCheckboxRoot:where(.rt-r-size-2) {
    --checkbox-size: var(--space-4);
    --checkbox-indicator-size: calc(10px * var(--scaling));
    --checkbox-border-radius: var(--radius-1);
}
.rt-BaseCheckboxRoot:where(.rt-r-size-3) {
    --checkbox-size: calc(var(--space-4) * 1.25);
    --checkbox-indicator-size: calc(12px * var(--scaling));
    --checkbox-border-radius: calc(var(--radius-1) * 1.25);
}
@media (min-width: 520px) {
    .rt-BaseCheckboxRoot:where(.xs\:rt-r-size-1) {
        --checkbox-size: calc(var(--space-4) * 0.875);
        --checkbox-indicator-size: calc(9px * var(--scaling));
        --checkbox-border-radius: calc(var(--radius-1) * 0.875);
    }
    .rt-BaseCheckboxRoot:where(.xs\:rt-r-size-2) {
        --checkbox-size: var(--space-4);
        --checkbox-indicator-size: calc(10px * var(--scaling));
        --checkbox-border-radius: var(--radius-1);
    }
    .rt-BaseCheckboxRoot:where(.xs\:rt-r-size-3) {
        --checkbox-size: calc(var(--space-4) * 1.25);
        --checkbox-indicator-size: calc(12px * var(--scaling));
        --checkbox-border-radius: calc(var(--radius-1) * 1.25);
    }
}
@media (min-width: 768px) {
    .rt-BaseCheckboxRoot:where(.sm\:rt-r-size-1) {
        --checkbox-size: calc(var(--space-4) * 0.875);
        --checkbox-indicator-size: calc(9px * var(--scaling));
        --checkbox-border-radius: calc(var(--radius-1) * 0.875);
    }
    .rt-BaseCheckboxRoot:where(.sm\:rt-r-size-2) {
        --checkbox-size: var(--space-4);
        --checkbox-indicator-size: calc(10px * var(--scaling));
        --checkbox-border-radius: var(--radius-1);
    }
    .rt-BaseCheckboxRoot:where(.sm\:rt-r-size-3) {
        --checkbox-size: calc(var(--space-4) * 1.25);
        --checkbox-indicator-size: calc(12px * var(--scaling));
        --checkbox-border-radius: calc(var(--radius-1) * 1.25);
    }
}
@media (min-width: 1024px) {
    .rt-BaseCheckboxRoot:where(.md\:rt-r-size-1) {
        --checkbox-size: calc(var(--space-4) * 0.875);
        --checkbox-indicator-size: calc(9px * var(--scaling));
        --checkbox-border-radius: calc(var(--radius-1) * 0.875);
    }
    .rt-BaseCheckboxRoot:where(.md\:rt-r-size-2) {
        --checkbox-size: var(--space-4);
        --checkbox-indicator-size: calc(10px * var(--scaling));
        --checkbox-border-radius: var(--radius-1);
    }
    .rt-BaseCheckboxRoot:where(.md\:rt-r-size-3) {
        --checkbox-size: calc(var(--space-4) * 1.25);
        --checkbox-indicator-size: calc(12px * var(--scaling));
        --checkbox-border-radius: calc(var(--radius-1) * 1.25);
    }
}
@media (min-width: 1280px) {
    .rt-BaseCheckboxRoot:where(.lg\:rt-r-size-1) {
        --checkbox-size: calc(var(--space-4) * 0.875);
        --checkbox-indicator-size: calc(9px * var(--scaling));
        --checkbox-border-radius: calc(var(--radius-1) * 0.875);
    }
    .rt-BaseCheckboxRoot:where(.lg\:rt-r-size-2) {
        --checkbox-size: var(--space-4);
        --checkbox-indicator-size: calc(10px * var(--scaling));
        --checkbox-border-radius: var(--radius-1);
    }
    .rt-BaseCheckboxRoot:where(.lg\:rt-r-size-3) {
        --checkbox-size: calc(var(--space-4) * 1.25);
        --checkbox-indicator-size: calc(12px * var(--scaling));
        --checkbox-border-radius: calc(var(--radius-1) * 1.25);
    }
}
@media (min-width: 1640px) {
    .rt-BaseCheckboxRoot:where(.xl\:rt-r-size-1) {
        --checkbox-size: calc(var(--space-4) * 0.875);
        --checkbox-indicator-size: calc(9px * var(--scaling));
        --checkbox-border-radius: calc(var(--radius-1) * 0.875);
    }
    .rt-BaseCheckboxRoot:where(.xl\:rt-r-size-2) {
        --checkbox-size: var(--space-4);
        --checkbox-indicator-size: calc(10px * var(--scaling));
        --checkbox-border-radius: var(--radius-1);
    }
    .rt-BaseCheckboxRoot:where(.xl\:rt-r-size-3) {
        --checkbox-size: calc(var(--space-4) * 1.25);
        --checkbox-indicator-size: calc(12px * var(--scaling));
        --checkbox-border-radius: calc(var(--radius-1) * 1.25);
    }
}
.rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='unchecked'])::before {
    background-color: var(--color-surface);
    box-shadow: inset 0 0 0 1px var(--gray-a7);
}
.rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'], [data-state='indeterminate'])::before {
    background-color: var(--accent-indicator);
}
.rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'], [data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
    color: var(--accent-contrast);
}
.rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'], [data-state='indeterminate']):where(.rt-high-contrast)::before {
    background-color: var(--accent-12);
}
.rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'], [data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
    color: var(--accent-1);
}
.rt-BaseCheckboxRoot:where(.rt-variant-surface):where(:disabled)::before {
    box-shadow: inset 0 0 0 1px var(--gray-a6);
    background-color: transparent;
}
.rt-BaseCheckboxRoot:where(.rt-variant-surface):where(:disabled) :where(.rt-BaseCheckboxIndicator) {
    color: var(--gray-a8);
}
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='unchecked'])::before {
    background-color: var(--color-surface);
    box-shadow: inset 0 0 0 1px var(--gray-a3), var(--shadow-1);
}
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'], [data-state='indeterminate'])::before {
    background-color: var(--accent-indicator);
    background-image: linear-gradient(to bottom, var(--white-a3), transparent, var(--black-a1));
    box-shadow: inset 0 0.5px 0.5px var(--white-a4), inset 0 -0.5px 0.5px var(--black-a4);
}
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'], [data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
    color: var(--accent-contrast);
}
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'], [data-state='indeterminate']):where(.rt-high-contrast)::before {
    background-color: var(--accent-12);
}
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'], [data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
    color: var(--accent-1);
}
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:disabled)::before {
    box-shadow: var(--shadow-1);
    background-color: transparent;
    background-image: none;
}
.rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:disabled) :where(.rt-BaseCheckboxIndicator) {
    color: var(--gray-a8);
}
.rt-BaseCheckboxRoot:where(.rt-variant-soft)::before {
    background-color: var(--accent-a5);
}
.rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'], [data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
    color: var(--accent-a11);
}
.rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'], [data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
    color: var(--accent-12);
}
.rt-BaseCheckboxRoot:where(.rt-variant-soft):where(:disabled)::before {
    background-color: transparent;
}
.rt-BaseCheckboxRoot:where(.rt-variant-soft):where(:disabled) :where(.rt-BaseCheckboxIndicator) {
    color: var(--gray-a8);
}
.rt-CheckboxCardsRoot {
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    cursor: default;
}
.rt-CheckboxCardsItem:where(:has(:focus-visible)) {
    outline: 2px solid var(--focus-8);
    outline-offset: -1px;
}
.rt-CheckboxCardsItem:where(:has(:focus-visible))::after {
    outline: inherit;
}
.rt-CheckboxCardsItem > * {
    pointer-events: none;
}
.rt-CheckboxCardsItem > :where(svg) {
    flex-shrink: 0;
}
.rt-CheckboxCardCheckbox {
    position: absolute;
    right: var(--checkbox-cards-item-padding-left);
}
.rt-CheckboxCardsItem {
    --checkbox-cards-item-padding-right: calc(var(--checkbox-cards-item-padding-left) * 2 + var(--checkbox-cards-item-checkbox-size));
    --base-card-padding-top: var(--checkbox-cards-item-padding-top);
    --base-card-padding-right: var(--checkbox-cards-item-padding-right);
    --base-card-padding-bottom: var(--checkbox-cards-item-padding-bottom);
    --base-card-padding-left: var(--checkbox-cards-item-padding-left);
    --base-card-border-radius: var(--checkbox-cards-item-border-radius);
    --base-card-border-width: var(--checkbox-cards-item-border-width);
    display: flex;
    align-items: center;
    gap: var(--space-2);
    cursor: var(--cursor-button);
    -webkit-tap-highlight-color: transparent;
}
.rt-CheckboxCardsRoot:where(.rt-r-size-1) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --checkbox-cards-item-padding-top: calc(var(--space-3) / 1.2);
    --checkbox-cards-item-padding-bottom: calc(var(--space-3) / 1.2);
    --checkbox-cards-item-padding-left: var(--space-3);
    --checkbox-cards-item-border-radius: var(--radius-3);
    --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 0.875);
}
.rt-CheckboxCardsRoot:where(.rt-r-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --checkbox-cards-item-padding-top: calc(var(--space-4) * 0.875);
    --checkbox-cards-item-padding-bottom: calc(var(--space-4) * 0.875);
    --checkbox-cards-item-padding-left: var(--space-4);
    --checkbox-cards-item-border-radius: var(--radius-3);
    --checkbox-cards-item-checkbox-size: var(--space-4);
}
.rt-CheckboxCardsRoot:where(.rt-r-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
    --checkbox-cards-item-padding-top: calc(var(--space-5) / 1.2);
    --checkbox-cards-item-padding-bottom: calc(var(--space-5) / 1.2);
    --checkbox-cards-item-padding-left: var(--space-5);
    --checkbox-cards-item-border-radius: var(--radius-4);
    --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 1.25);
}
@media (min-width: 520px) {
    .rt-CheckboxCardsRoot:where(.xs\:rt-r-size-1) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --checkbox-cards-item-padding-top: calc(var(--space-3) / 1.2);
        --checkbox-cards-item-padding-bottom: calc(var(--space-3) / 1.2);
        --checkbox-cards-item-padding-left: var(--space-3);
        --checkbox-cards-item-border-radius: var(--radius-3);
        --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 0.875);
    }
    .rt-CheckboxCardsRoot:where(.xs\:rt-r-size-2) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --checkbox-cards-item-padding-top: calc(var(--space-4) * 0.875);
        --checkbox-cards-item-padding-bottom: calc(var(--space-4) * 0.875);
        --checkbox-cards-item-padding-left: var(--space-4);
        --checkbox-cards-item-border-radius: var(--radius-3);
        --checkbox-cards-item-checkbox-size: var(--space-4);
    }
    .rt-CheckboxCardsRoot:where(.xs\:rt-r-size-3) {
        font-size: var(--font-size-3);
        --line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
        --checkbox-cards-item-padding-top: calc(var(--space-5) / 1.2);
        --checkbox-cards-item-padding-bottom: calc(var(--space-5) / 1.2);
        --checkbox-cards-item-padding-left: var(--space-5);
        --checkbox-cards-item-border-radius: var(--radius-4);
        --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 1.25);
    }
}
@media (min-width: 768px) {
    .rt-CheckboxCardsRoot:where(.sm\:rt-r-size-1) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --checkbox-cards-item-padding-top: calc(var(--space-3) / 1.2);
        --checkbox-cards-item-padding-bottom: calc(var(--space-3) / 1.2);
        --checkbox-cards-item-padding-left: var(--space-3);
        --checkbox-cards-item-border-radius: var(--radius-3);
        --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 0.875);
    }
    .rt-CheckboxCardsRoot:where(.sm\:rt-r-size-2) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --checkbox-cards-item-padding-top: calc(var(--space-4) * 0.875);
        --checkbox-cards-item-padding-bottom: calc(var(--space-4) * 0.875);
        --checkbox-cards-item-padding-left: var(--space-4);
        --checkbox-cards-item-border-radius: var(--radius-3);
        --checkbox-cards-item-checkbox-size: var(--space-4);
    }
    .rt-CheckboxCardsRoot:where(.sm\:rt-r-size-3) {
        font-size: var(--font-size-3);
        --line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
        --checkbox-cards-item-padding-top: calc(var(--space-5) / 1.2);
        --checkbox-cards-item-padding-bottom: calc(var(--space-5) / 1.2);
        --checkbox-cards-item-padding-left: var(--space-5);
        --checkbox-cards-item-border-radius: var(--radius-4);
        --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 1.25);
    }
}
@media (min-width: 1024px) {
    .rt-CheckboxCardsRoot:where(.md\:rt-r-size-1) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --checkbox-cards-item-padding-top: calc(var(--space-3) / 1.2);
        --checkbox-cards-item-padding-bottom: calc(var(--space-3) / 1.2);
        --checkbox-cards-item-padding-left: var(--space-3);
        --checkbox-cards-item-border-radius: var(--radius-3);
        --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 0.875);
    }
    .rt-CheckboxCardsRoot:where(.md\:rt-r-size-2) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --checkbox-cards-item-padding-top: calc(var(--space-4) * 0.875);
        --checkbox-cards-item-padding-bottom: calc(var(--space-4) * 0.875);
        --checkbox-cards-item-padding-left: var(--space-4);
        --checkbox-cards-item-border-radius: var(--radius-3);
        --checkbox-cards-item-checkbox-size: var(--space-4);
    }
    .rt-CheckboxCardsRoot:where(.md\:rt-r-size-3) {
        font-size: var(--font-size-3);
        --line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
        --checkbox-cards-item-padding-top: calc(var(--space-5) / 1.2);
        --checkbox-cards-item-padding-bottom: calc(var(--space-5) / 1.2);
        --checkbox-cards-item-padding-left: var(--space-5);
        --checkbox-cards-item-border-radius: var(--radius-4);
        --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 1.25);
    }
}
@media (min-width: 1280px) {
    .rt-CheckboxCardsRoot:where(.lg\:rt-r-size-1) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --checkbox-cards-item-padding-top: calc(var(--space-3) / 1.2);
        --checkbox-cards-item-padding-bottom: calc(var(--space-3) / 1.2);
        --checkbox-cards-item-padding-left: var(--space-3);
        --checkbox-cards-item-border-radius: var(--radius-3);
        --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 0.875);
    }
    .rt-CheckboxCardsRoot:where(.lg\:rt-r-size-2) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --checkbox-cards-item-padding-top: calc(var(--space-4) * 0.875);
        --checkbox-cards-item-padding-bottom: calc(var(--space-4) * 0.875);
        --checkbox-cards-item-padding-left: var(--space-4);
        --checkbox-cards-item-border-radius: var(--radius-3);
        --checkbox-cards-item-checkbox-size: var(--space-4);
    }
    .rt-CheckboxCardsRoot:where(.lg\:rt-r-size-3) {
        font-size: var(--font-size-3);
        --line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
        --checkbox-cards-item-padding-top: calc(var(--space-5) / 1.2);
        --checkbox-cards-item-padding-bottom: calc(var(--space-5) / 1.2);
        --checkbox-cards-item-padding-left: var(--space-5);
        --checkbox-cards-item-border-radius: var(--radius-4);
        --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 1.25);
    }
}
@media (min-width: 1640px) {
    .rt-CheckboxCardsRoot:where(.xl\:rt-r-size-1) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --checkbox-cards-item-padding-top: calc(var(--space-3) / 1.2);
        --checkbox-cards-item-padding-bottom: calc(var(--space-3) / 1.2);
        --checkbox-cards-item-padding-left: var(--space-3);
        --checkbox-cards-item-border-radius: var(--radius-3);
        --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 0.875);
    }
    .rt-CheckboxCardsRoot:where(.xl\:rt-r-size-2) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --checkbox-cards-item-padding-top: calc(var(--space-4) * 0.875);
        --checkbox-cards-item-padding-bottom: calc(var(--space-4) * 0.875);
        --checkbox-cards-item-padding-left: var(--space-4);
        --checkbox-cards-item-border-radius: var(--radius-3);
        --checkbox-cards-item-checkbox-size: var(--space-4);
    }
    .rt-CheckboxCardsRoot:where(.xl\:rt-r-size-3) {
        font-size: var(--font-size-3);
        --line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
        --checkbox-cards-item-padding-top: calc(var(--space-5) / 1.2);
        --checkbox-cards-item-padding-bottom: calc(var(--space-5) / 1.2);
        --checkbox-cards-item-padding-left: var(--space-5);
        --checkbox-cards-item-border-radius: var(--radius-4);
        --checkbox-cards-item-checkbox-size: calc(var(--space-4) * 1.25);
    }
}
:where(.rt-CheckboxCardsRoot.rt-variant-surface) .rt-CheckboxCardsItem {
    --checkbox-cards-item-border-width: 1px;
    --checkbox-cards-item-background-color: var(--color-surface);
}
:where(.rt-CheckboxCardsRoot.rt-variant-surface) .rt-CheckboxCardsItem::before {
    background-color: var(--checkbox-cards-item-background-color);
}
:where(.rt-CheckboxCardsRoot.rt-variant-surface) .rt-CheckboxCardsItem::after {
    box-shadow: var(--base-card-surface-box-shadow);
}
@media (hover: hover) {
    :where(.rt-CheckboxCardsRoot.rt-variant-surface) .rt-CheckboxCardsItem:where(:not(:has(:disabled)):hover)::after {
        box-shadow: var(--base-card-surface-hover-box-shadow);
    }
}
:where(.rt-CheckboxCardsRoot.rt-variant-classic) .rt-CheckboxCardsItem {
    --checkbox-cards-item-border-width: 1px;
    --checkbox-cards-item-background-color: var(--color-surface);
    transition: box-shadow 120ms;
    box-shadow: var(--base-card-classic-box-shadow-outer);
}
:where(.rt-CheckboxCardsRoot.rt-variant-classic) .rt-CheckboxCardsItem::before {
    background-color: var(--checkbox-cards-item-background-color);
}
:where(.rt-CheckboxCardsRoot.rt-variant-classic) .rt-CheckboxCardsItem::after {
    box-shadow: var(--base-card-classic-box-shadow-inner);
}
@media (hover: hover) {
    :where(.rt-CheckboxCardsRoot.rt-variant-classic) .rt-CheckboxCardsItem:where(:not(:has(:disabled)):hover) {
        transition-duration: 40ms;
        box-shadow: var(--base-card-classic-hover-box-shadow-outer);
    }
    :where(.rt-CheckboxCardsRoot.rt-variant-classic) .rt-CheckboxCardsItem:where(:not(:has(:disabled)):hover)::after {
        box-shadow: var(--base-card-classic-hover-box-shadow-inner);
    }
}
@media (pointer: coarse) {
    .rt-CheckboxCardsItem:where(:active:not(:focus-visible))::before {
        background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
    }
}
.rt-CheckboxCardsItem:where(:has(:disabled)) {
    cursor: var(--cursor-disabled);
    color: var(--gray-a9);
}
.rt-CheckboxCardsItem:where(:has(:disabled))::before {
    background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
}
.rt-CheckboxCardsItem:where(:has(:disabled))::selection {
    background-color: var(--gray-a5);
}
.rt-CheckboxGroupRoot {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}
.rt-CheckboxGroupItem {
    display: flex;
    gap: 0.5em;
    width: -moz-fit-content;
    width: fit-content;
}
.rt-CheckboxGroupItemCheckbox:where(:focus-visible)::before {
    outline: 2px solid var(--focus-8);
    outline-offset: 2px;
}
.rt-CheckboxGroupItemCheckbox:where(:disabled) {
    cursor: var(--cursor-disabled);
}
.rt-CheckboxGroupItemCheckbox:where(:disabled)::before {
    background-color: var(--gray-a3);
}
.rt-CheckboxGroupItemInner {
    min-width: 0;
}
.rt-CheckboxRoot:where(:focus-visible)::before {
    outline: 2px solid var(--focus-8);
    outline-offset: 2px;
}
.rt-CheckboxRoot:where(:disabled) {
    cursor: var(--cursor-disabled);
}
.rt-CheckboxRoot:where(:disabled)::before {
    background-color: var(--gray-a3);
}
.rt-Code {
    --code-variant-font-size-adjust: calc(var(--code-font-size-adjust) * 0.95);
    font-family: var(--code-font-family);
    font-size: calc(var(--code-variant-font-size-adjust) * 1em);
    font-style: var(--code-font-style);
    font-weight: var(--code-font-weight);
    line-height: 1.25;
    letter-spacing: calc(var(--code-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing)));
    border-radius: calc((0.5px + 0.2em) * var(--radius-factor));
    box-sizing: border-box;
    padding-top: var(--code-padding-top);
    padding-left: var(--code-padding-left);
    padding-bottom: var(--code-padding-bottom);
    padding-right: var(--code-padding-right);
    height: -moz-fit-content;
    height: fit-content;
}
.rt-Code :where(.rt-Code) {
    font-size: inherit;
}
.rt-Code:where(.rt-r-size-1) {
    font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-1);
    --letter-spacing: var(--letter-spacing-1);
}
.rt-Code:where(.rt-r-size-2) {
    font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
}
.rt-Code:where(.rt-r-size-3) {
    font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
}
.rt-Code:where(.rt-r-size-4) {
    font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-4);
    --letter-spacing: var(--letter-spacing-4);
}
.rt-Code:where(.rt-r-size-5) {
    font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-5);
    --letter-spacing: var(--letter-spacing-5);
}
.rt-Code:where(.rt-r-size-6) {
    font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-6);
    --letter-spacing: var(--letter-spacing-6);
}
.rt-Code:where(.rt-r-size-7) {
    font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-7);
    --letter-spacing: var(--letter-spacing-7);
}
.rt-Code:where(.rt-r-size-8) {
    font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-8);
    --letter-spacing: var(--letter-spacing-8);
}
.rt-Code:where(.rt-r-size-9) {
    font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
    line-height: var(--line-height-9);
    --letter-spacing: var(--letter-spacing-9);
}
@media (min-width: 520px) {
    .rt-Code:where(.xs\:rt-r-size-1) {
        font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-1);
        --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Code:where(.xs\:rt-r-size-2) {
        font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Code:where(.xs\:rt-r-size-3) {
        font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Code:where(.xs\:rt-r-size-4) {
        font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-4);
        --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Code:where(.xs\:rt-r-size-5) {
        font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-5);
        --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Code:where(.xs\:rt-r-size-6) {
        font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-6);
        --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Code:where(.xs\:rt-r-size-7) {
        font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-7);
        --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Code:where(.xs\:rt-r-size-8) {
        font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-8);
        --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Code:where(.xs\:rt-r-size-9) {
        font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-9);
        --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 768px) {
    .rt-Code:where(.sm\:rt-r-size-1) {
        font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-1);
        --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Code:where(.sm\:rt-r-size-2) {
        font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Code:where(.sm\:rt-r-size-3) {
        font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Code:where(.sm\:rt-r-size-4) {
        font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-4);
        --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Code:where(.sm\:rt-r-size-5) {
        font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-5);
        --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Code:where(.sm\:rt-r-size-6) {
        font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-6);
        --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Code:where(.sm\:rt-r-size-7) {
        font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-7);
        --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Code:where(.sm\:rt-r-size-8) {
        font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-8);
        --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Code:where(.sm\:rt-r-size-9) {
        font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-9);
        --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1024px) {
    .rt-Code:where(.md\:rt-r-size-1) {
        font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-1);
        --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Code:where(.md\:rt-r-size-2) {
        font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Code:where(.md\:rt-r-size-3) {
        font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Code:where(.md\:rt-r-size-4) {
        font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-4);
        --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Code:where(.md\:rt-r-size-5) {
        font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-5);
        --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Code:where(.md\:rt-r-size-6) {
        font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-6);
        --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Code:where(.md\:rt-r-size-7) {
        font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-7);
        --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Code:where(.md\:rt-r-size-8) {
        font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-8);
        --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Code:where(.md\:rt-r-size-9) {
        font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-9);
        --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1280px) {
    .rt-Code:where(.lg\:rt-r-size-1) {
        font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-1);
        --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Code:where(.lg\:rt-r-size-2) {
        font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Code:where(.lg\:rt-r-size-3) {
        font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Code:where(.lg\:rt-r-size-4) {
        font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-4);
        --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Code:where(.lg\:rt-r-size-5) {
        font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-5);
        --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Code:where(.lg\:rt-r-size-6) {
        font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-6);
        --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Code:where(.lg\:rt-r-size-7) {
        font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-7);
        --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Code:where(.lg\:rt-r-size-8) {
        font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-8);
        --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Code:where(.lg\:rt-r-size-9) {
        font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-9);
        --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1640px) {
    .rt-Code:where(.xl\:rt-r-size-1) {
        font-size: calc(var(--font-size-1) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-1);
        --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Code:where(.xl\:rt-r-size-2) {
        font-size: calc(var(--font-size-2) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Code:where(.xl\:rt-r-size-3) {
        font-size: calc(var(--font-size-3) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Code:where(.xl\:rt-r-size-4) {
        font-size: calc(var(--font-size-4) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-4);
        --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Code:where(.xl\:rt-r-size-5) {
        font-size: calc(var(--font-size-5) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-5);
        --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Code:where(.xl\:rt-r-size-6) {
        font-size: calc(var(--font-size-6) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-6);
        --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Code:where(.xl\:rt-r-size-7) {
        font-size: calc(var(--font-size-7) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-7);
        --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Code:where(.xl\:rt-r-size-8) {
        font-size: calc(var(--font-size-8) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-8);
        --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Code:where(.xl\:rt-r-size-9) {
        font-size: calc(var(--font-size-9) * var(--code-variant-font-size-adjust));
        line-height: var(--line-height-9);
        --letter-spacing: var(--letter-spacing-9);
    }
}
.rt-Code:where(.rt-variant-ghost) {
    --code-variant-font-size-adjust: var(--code-font-size-adjust);
    padding: 0;
}
.rt-Code:where(.rt-variant-ghost):where([data-accent-color]) {
    color: var(--accent-a11);
}
.rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-high-contrast),
  :where([data-accent-color]:not(.radix-themes)) .rt-Code:where(.rt-variant-ghost):where(.rt-high-contrast) {
    color: var(--accent-12);
}
.rt-Code:where(.rt-variant-solid) {
    background-color: var(--accent-a9);
    color: var(--accent-contrast);
}
.rt-Code:where(.rt-variant-solid)::selection {
    background-color: var(--accent-7);
    color: var(--accent-12);
}
.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast) {
    background-color: var(--accent-12);
    color: var(--accent-1);
}
.rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::selection {
    background-color: var(--accent-a11);
    color: var(--accent-1);
}
:where(.rt-Link) .rt-Code:where(.rt-variant-solid),
  .rt-Code:where(.rt-variant-solid):where(:any-link, button) {
    isolation: isolate;
}
@media (hover: hover) {
    :where(.rt-Link) .rt-Code:where(.rt-variant-solid):where(:hover), .rt-Code:where(.rt-variant-solid):where(:any-link, button):where(:hover) {
        background-color: var(--accent-10);
    }
    :where(.rt-Link) .rt-Code:where(.rt-variant-solid):where(.rt-high-contrast:hover), .rt-Code:where(.rt-variant-solid):where(:any-link, button):where(.rt-high-contrast:hover) {
        background-color: var(--accent-12);
        filter: var(--base-button-solid-high-contrast-hover-filter);
    }
}
.rt-Code:where(.rt-variant-soft) {
    background-color: var(--accent-a3);
    color: var(--accent-a11);
}
.rt-Code:where(.rt-variant-soft):where(.rt-high-contrast) {
    color: var(--accent-12);
}
:where(.rt-Link) .rt-Code:where(.rt-variant-soft),
  .rt-Code:where(.rt-variant-soft):where(:any-link, button) {
    isolation: isolate;
}
@media (hover: hover) {
    :where(.rt-Link) .rt-Code:where(.rt-variant-soft):where(:hover), .rt-Code:where(.rt-variant-soft):where(:any-link, button):where(:hover) {
        background-color: var(--accent-a4);
    }
}
.rt-Code:where(.rt-variant-outline) {
    box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
    color: var(--accent-a11);
}
.rt-Code:where(.rt-variant-outline):where(.rt-high-contrast) {
    box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a7), inset 0 0 0 max(1px, 0.033em) var(--gray-a11);
    color: var(--accent-12);
}
:where(.rt-Link) .rt-Code:where(.rt-variant-outline),
  .rt-Code:where(.rt-variant-outline):where(:any-link, button) {
    isolation: isolate;
}
@media (hover: hover) {
    :where(.rt-Link) .rt-Code:where(.rt-variant-outline):where(:hover), .rt-Code:where(.rt-variant-outline):where(:any-link, button):where(:hover) {
        background-color: var(--accent-a2);
    }
}
.rt-BaseMenuContent {
    --scrollarea-scrollbar-vertical-margin-top: var(--base-menu-content-padding);
    --scrollarea-scrollbar-vertical-margin-bottom: var(--base-menu-content-padding);
    --scrollarea-scrollbar-horizontal-margin-left: var(--base-menu-content-padding);
    --scrollarea-scrollbar-horizontal-margin-right: var(--base-menu-content-padding);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    overflow: hidden;
    background-color: var(--base-menu-bg);
    --base-menu-bg: var(--color-panel-solid);
    box-shadow: var(--shadow-5);
}
.rt-BaseMenuViewport {
    flex: 1 1 0%;
    display: flex;
    flex-direction: column;
    overflow: auto;
    padding: var(--base-menu-content-padding);
    box-sizing: border-box;
}
:where(.rt-BaseMenuContent:has(.rt-ScrollAreaScrollbar[data-orientation='vertical'])) .rt-BaseMenuViewport {
    padding-right: var(--space-3);
}
.rt-BaseMenuItem {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    height: var(--base-menu-item-height);
    padding-left: var(--base-menu-item-padding-left);
    padding-right: var(--base-menu-item-padding-right);
    box-sizing: border-box;
    position: relative;
    outline: none;
    scroll-margin: var(--base-menu-content-padding) 0;
    -webkit-user-select: none;
            user-select: none;
    cursor: var(--cursor-menu-item);
}
.rt-BaseMenuShortcut {
    display: flex;
    align-items: center;
    margin-left: auto;
    padding-left: var(--space-4);
    color: var(--gray-a11);
}
.rt-BaseMenuSubTriggerIcon {
    color: var(--gray-12);
    margin-right: calc(-2px * var(--scaling));
}
.rt-BaseMenuItemIndicator {
    position: absolute;
    left: 0;
    width: var(--base-menu-item-padding-left);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.rt-BaseMenuSeparator {
    height: 1px;
    margin-top: var(--space-2);
    margin-bottom: var(--space-2);
    margin-left: var(--base-menu-item-padding-left);
    margin-right: var(--base-menu-item-padding-right);
    background-color: var(--gray-a6);
}
.rt-BaseMenuLabel {
    display: flex;
    align-items: center;
    height: var(--base-menu-item-height);
    padding-left: var(--base-menu-item-padding-left);
    padding-right: var(--base-menu-item-padding-right);
    box-sizing: border-box;
    color: var(--gray-a10);
    -webkit-user-select: none;
            user-select: none;
    cursor: default;
}
:where(.rt-BaseMenuItem) + .rt-BaseMenuLabel {
    margin-top: var(--space-2);
}
.rt-BaseMenuArrow {
    fill: var(--base-menu-bg);
}
.rt-BaseMenuContent:where(.rt-r-size-1) {
    --base-menu-content-padding: var(--space-1);
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
    --base-menu-item-padding-right: var(--space-2);
    --base-menu-item-height: var(--space-5);
    border-radius: var(--radius-3);
}
.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuItem) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    border-radius: var(--radius-1);
}
.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuLabel) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
}
.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
    width: calc(8px * var(--scaling));
    height: calc(8px * var(--scaling));
}
.rt-BaseMenuContent:where(.rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
    --base-menu-item-padding-left: var(--space-2);
}
.rt-BaseMenuContent:where(.rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
}
.rt-BaseMenuContent:where(.rt-r-size-2) {
    --base-menu-content-padding: var(--space-2);
    --base-menu-item-padding-left: var(--space-3);
    --base-menu-item-padding-right: var(--space-3);
    --base-menu-item-height: var(--space-6);
    border-radius: var(--radius-4);
}
.rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuItem) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    border-radius: var(--radius-2);
}
.rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuLabel) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
}
.rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
    width: calc(10px * var(--scaling));
    height: calc(10px * var(--scaling));
}
.rt-BaseMenuContent:where(.rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
    --base-menu-item-padding-left: var(--space-3);
}
.rt-BaseMenuContent:where(.rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
    --base-menu-item-padding-left: var(--space-5);
}
@media (min-width: 520px) {
    .rt-BaseMenuContent:where(.xs\:rt-r-size-1) {
        --base-menu-content-padding: var(--space-1);
        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
        --base-menu-item-padding-right: var(--space-2);
        --base-menu-item-height: var(--space-5);
        border-radius: var(--radius-3);
    }
    .rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuItem) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        border-radius: var(--radius-1);
    }
    .rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuLabel) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
        width: calc(8px * var(--scaling));
        height: calc(8px * var(--scaling));
    }
    .rt-BaseMenuContent:where(.xs\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
        --base-menu-item-padding-left: var(--space-2);
    }
    .rt-BaseMenuContent:where(.xs\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
    }
    .rt-BaseMenuContent:where(.xs\:rt-r-size-2) {
        --base-menu-content-padding: var(--space-2);
        --base-menu-item-padding-left: var(--space-3);
        --base-menu-item-padding-right: var(--space-3);
        --base-menu-item-height: var(--space-6);
        border-radius: var(--radius-4);
    }
    .rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuItem) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        border-radius: var(--radius-2);
    }
    .rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuLabel) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
        width: calc(10px * var(--scaling));
        height: calc(10px * var(--scaling));
    }
    .rt-BaseMenuContent:where(.xs\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
        --base-menu-item-padding-left: var(--space-3);
    }
    .rt-BaseMenuContent:where(.xs\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
        --base-menu-item-padding-left: var(--space-5);
    }
}
@media (min-width: 768px) {
    .rt-BaseMenuContent:where(.sm\:rt-r-size-1) {
        --base-menu-content-padding: var(--space-1);
        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
        --base-menu-item-padding-right: var(--space-2);
        --base-menu-item-height: var(--space-5);
        border-radius: var(--radius-3);
    }
    .rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuItem) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        border-radius: var(--radius-1);
    }
    .rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuLabel) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
        width: calc(8px * var(--scaling));
        height: calc(8px * var(--scaling));
    }
    .rt-BaseMenuContent:where(.sm\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
        --base-menu-item-padding-left: var(--space-2);
    }
    .rt-BaseMenuContent:where(.sm\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
    }
    .rt-BaseMenuContent:where(.sm\:rt-r-size-2) {
        --base-menu-content-padding: var(--space-2);
        --base-menu-item-padding-left: var(--space-3);
        --base-menu-item-padding-right: var(--space-3);
        --base-menu-item-height: var(--space-6);
        border-radius: var(--radius-4);
    }
    .rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuItem) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        border-radius: var(--radius-2);
    }
    .rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuLabel) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
        width: calc(10px * var(--scaling));
        height: calc(10px * var(--scaling));
    }
    .rt-BaseMenuContent:where(.sm\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
        --base-menu-item-padding-left: var(--space-3);
    }
    .rt-BaseMenuContent:where(.sm\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
        --base-menu-item-padding-left: var(--space-5);
    }
}
@media (min-width: 1024px) {
    .rt-BaseMenuContent:where(.md\:rt-r-size-1) {
        --base-menu-content-padding: var(--space-1);
        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
        --base-menu-item-padding-right: var(--space-2);
        --base-menu-item-height: var(--space-5);
        border-radius: var(--radius-3);
    }
    .rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuItem) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        border-radius: var(--radius-1);
    }
    .rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuLabel) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
        width: calc(8px * var(--scaling));
        height: calc(8px * var(--scaling));
    }
    .rt-BaseMenuContent:where(.md\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
        --base-menu-item-padding-left: var(--space-2);
    }
    .rt-BaseMenuContent:where(.md\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
    }
    .rt-BaseMenuContent:where(.md\:rt-r-size-2) {
        --base-menu-content-padding: var(--space-2);
        --base-menu-item-padding-left: var(--space-3);
        --base-menu-item-padding-right: var(--space-3);
        --base-menu-item-height: var(--space-6);
        border-radius: var(--radius-4);
    }
    .rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuItem) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        border-radius: var(--radius-2);
    }
    .rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuLabel) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
        width: calc(10px * var(--scaling));
        height: calc(10px * var(--scaling));
    }
    .rt-BaseMenuContent:where(.md\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
        --base-menu-item-padding-left: var(--space-3);
    }
    .rt-BaseMenuContent:where(.md\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
        --base-menu-item-padding-left: var(--space-5);
    }
}
@media (min-width: 1280px) {
    .rt-BaseMenuContent:where(.lg\:rt-r-size-1) {
        --base-menu-content-padding: var(--space-1);
        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
        --base-menu-item-padding-right: var(--space-2);
        --base-menu-item-height: var(--space-5);
        border-radius: var(--radius-3);
    }
    .rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuItem) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        border-radius: var(--radius-1);
    }
    .rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuLabel) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
        width: calc(8px * var(--scaling));
        height: calc(8px * var(--scaling));
    }
    .rt-BaseMenuContent:where(.lg\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
        --base-menu-item-padding-left: var(--space-2);
    }
    .rt-BaseMenuContent:where(.lg\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
    }
    .rt-BaseMenuContent:where(.lg\:rt-r-size-2) {
        --base-menu-content-padding: var(--space-2);
        --base-menu-item-padding-left: var(--space-3);
        --base-menu-item-padding-right: var(--space-3);
        --base-menu-item-height: var(--space-6);
        border-radius: var(--radius-4);
    }
    .rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuItem) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        border-radius: var(--radius-2);
    }
    .rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuLabel) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
        width: calc(10px * var(--scaling));
        height: calc(10px * var(--scaling));
    }
    .rt-BaseMenuContent:where(.lg\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
        --base-menu-item-padding-left: var(--space-3);
    }
    .rt-BaseMenuContent:where(.lg\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
        --base-menu-item-padding-left: var(--space-5);
    }
}
@media (min-width: 1640px) {
    .rt-BaseMenuContent:where(.xl\:rt-r-size-1) {
        --base-menu-content-padding: var(--space-1);
        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
        --base-menu-item-padding-right: var(--space-2);
        --base-menu-item-height: var(--space-5);
        border-radius: var(--radius-3);
    }
    .rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuItem) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        border-radius: var(--radius-1);
    }
    .rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuLabel) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
        width: calc(8px * var(--scaling));
        height: calc(8px * var(--scaling));
    }
    .rt-BaseMenuContent:where(.xl\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
        --base-menu-item-padding-left: var(--space-2);
    }
    .rt-BaseMenuContent:where(.xl\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
    }
    .rt-BaseMenuContent:where(.xl\:rt-r-size-2) {
        --base-menu-content-padding: var(--space-2);
        --base-menu-item-padding-left: var(--space-3);
        --base-menu-item-padding-right: var(--space-3);
        --base-menu-item-height: var(--space-6);
        border-radius: var(--radius-4);
    }
    .rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuItem) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        border-radius: var(--radius-2);
    }
    .rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuLabel) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon, .rt-BaseMenuSubTriggerIcon) {
        width: calc(10px * var(--scaling));
        height: calc(10px * var(--scaling));
    }
    .rt-BaseMenuContent:where(.xl\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem))) {
        --base-menu-item-padding-left: var(--space-3);
    }
    .rt-BaseMenuContent:where(.xl\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem, .rt-BaseMenuRadioItem)) {
        --base-menu-item-padding-left: var(--space-5);
    }
}
.rt-BaseMenuItem:where([data-accent-color]) {
    color: var(--accent-a11);
}
.rt-BaseMenuItem:where([data-disabled]) {
    color: var(--gray-a8);
    cursor: default;
}
.rt-BaseMenuItem:where([data-disabled], [data-highlighted]) :where(.rt-BaseMenuShortcut), .rt-BaseMenuSubTrigger:where([data-state='open']) :where(.rt-BaseMenuShortcut) {
    color: inherit;
}
.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
    background-color: var(--gray-a3);
}
.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) {
    background-color: var(--accent-9);
    color: var(--accent-contrast);
}
.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) :where(.rt-BaseMenuSubTriggerIcon) {
    color: var(--accent-contrast);
}
.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
    background-color: var(--accent-12);
    color: var(--accent-1);
}
.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) :where(.rt-BaseMenuSubTriggerIcon) {
    color: var(--accent-1);
}
.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]):where([data-accent-color]) {
    background-color: var(--accent-9);
    color: var(--accent-contrast);
}
.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
    background-color: var(--accent-a3);
}
.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) {
    background-color: var(--accent-a4);
}
.rt-ContextMenuContent {
    max-height: var(--radix-context-menu-content-available-height);
    transform-origin: var(--radix-context-menu-content-transform-origin);
}
.rt-DataListRoot {
    overflow-wrap: anywhere;
    font-family: var(--default-font-family);
    font-weight: var(--font-weight-normal);
    font-style: normal;
    text-align: start;
    --data-list-leading-trim-start: calc(var(--default-leading-trim-start) - var(--line-height) / 2);
    --data-list-leading-trim-end: calc(var(--default-leading-trim-end) - var(--line-height) / 2);
}
.rt-DataListLabel {
    display: flex;
    color: var(--gray-a11);
}
.rt-DataListLabel:where(.rt-high-contrast) {
    color: var(--gray-12);
}
.rt-DataListLabel:where([data-accent-color]) {
    color: var(--accent-a11);
}
.rt-DataListLabel:where([data-accent-color]):where(.rt-high-contrast) {
    color: var(--accent-12);
}
.rt-DataListValue {
    display: flex;
    margin: 0;
    min-width: 0px;
    margin-top: var(--data-list-value-margin-top);
    margin-bottom: var(--data-list-value-margin-bottom);
}
.rt-DataListItem {
    --data-list-value-margin-top: 0px;
    --data-list-value-margin-bottom: 0px;
    --data-list-first-item-value-margin-top: 0px;
    --data-list-last-item-value-margin-bottom: 0px;
    --data-list-value-trim-start: -0.25em;
    --data-list-value-trim-end: -0.25em;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
}
:where(.rt-DataListItem:first-child) .rt-DataListValue {
    margin-top: var(--data-list-first-item-value-margin-top);
}
:where(.rt-DataListItem:last-child) .rt-DataListValue {
    margin-bottom: var(--data-list-last-item-value-margin-bottom);
}
.rt-DataListRoot:where(.rt-r-size-1) {
    gap: var(--space-3);
}
.rt-DataListRoot:where(.rt-r-size-2) {
    gap: var(--space-4);
}
.rt-DataListRoot:where(.rt-r-size-3) {
    gap: calc(var(--space-4) * 1.25);
}
@media (min-width: 520px) {
    .rt-DataListRoot:where(.xs\:rt-r-size-1) {
        gap: var(--space-3);
    }
    .rt-DataListRoot:where(.xs\:rt-r-size-2) {
        gap: var(--space-4);
    }
    .rt-DataListRoot:where(.xs\:rt-r-size-3) {
        gap: calc(var(--space-4) * 1.25);
    }
}
@media (min-width: 768px) {
    .rt-DataListRoot:where(.sm\:rt-r-size-1) {
        gap: var(--space-3);
    }
    .rt-DataListRoot:where(.sm\:rt-r-size-2) {
        gap: var(--space-4);
    }
    .rt-DataListRoot:where(.sm\:rt-r-size-3) {
        gap: calc(var(--space-4) * 1.25);
    }
}
@media (min-width: 1024px) {
    .rt-DataListRoot:where(.md\:rt-r-size-1) {
        gap: var(--space-3);
    }
    .rt-DataListRoot:where(.md\:rt-r-size-2) {
        gap: var(--space-4);
    }
    .rt-DataListRoot:where(.md\:rt-r-size-3) {
        gap: calc(var(--space-4) * 1.25);
    }
}
@media (min-width: 1280px) {
    .rt-DataListRoot:where(.lg\:rt-r-size-1) {
        gap: var(--space-3);
    }
    .rt-DataListRoot:where(.lg\:rt-r-size-2) {
        gap: var(--space-4);
    }
    .rt-DataListRoot:where(.lg\:rt-r-size-3) {
        gap: calc(var(--space-4) * 1.25);
    }
}
@media (min-width: 1640px) {
    .rt-DataListRoot:where(.xl\:rt-r-size-1) {
        gap: var(--space-3);
    }
    .rt-DataListRoot:where(.xl\:rt-r-size-2) {
        gap: var(--space-4);
    }
    .rt-DataListRoot:where(.xl\:rt-r-size-3) {
        gap: calc(var(--space-4) * 1.25);
    }
}
.rt-DataListRoot:where(.rt-r-orientation-vertical) {
    display: flex;
    flex-direction: column;
}
.rt-DataListRoot:where(.rt-r-orientation-vertical) :where(.rt-DataListItem) {
    --data-list-value-margin-top: 0px;
    --data-list-value-margin-bottom: 0px;
    --data-list-first-item-value-margin-top: 0px;
    --data-list-last-item-value-margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}
.rt-DataListRoot:where(.rt-r-orientation-vertical) :where(.rt-DataListLabel) {
    min-width: 0px;
}
.rt-DataListRoot:where(.rt-r-orientation-horizontal) {
    display: grid;
    grid-template-columns: auto 1fr;
}
.rt-DataListRoot:where(.rt-r-orientation-horizontal) :where(.rt-DataListItem) {
    --data-list-value-margin-top: var(--data-list-value-trim-start);
    --data-list-value-margin-bottom: var(--data-list-value-trim-end);
    --data-list-first-item-value-margin-top: var(--data-list-first-item-value-trim-start);
    --data-list-last-item-value-margin-bottom: var(--data-list-last-item-value-trim-end);
    display: grid;
    grid-template-columns: inherit;
    grid-template-columns: subgrid;
    gap: inherit;
    grid-column: span 2;
    align-items: baseline;
}
.rt-DataListRoot:where(.rt-r-orientation-horizontal) :where(.rt-DataListLabel) {
    min-width: 120px;
}
@media (min-width: 520px) {
    .rt-DataListRoot:where(.xs\:rt-r-orientation-vertical) {
        display: flex;
        flex-direction: column;
    }
    .rt-DataListRoot:where(.xs\:rt-r-orientation-vertical) :where(.rt-DataListItem) {
        --data-list-value-margin-top: 0px;
        --data-list-value-margin-bottom: 0px;
        --data-list-first-item-value-margin-top: 0px;
        --data-list-last-item-value-margin-bottom: 0px;
        display: flex;
        flex-direction: column;
        gap: var(--space-1);
    }
    .rt-DataListRoot:where(.xs\:rt-r-orientation-vertical) :where(.rt-DataListLabel) {
        min-width: 0px;
    }
    .rt-DataListRoot:where(.xs\:rt-r-orientation-horizontal) {
        display: grid;
        grid-template-columns: auto 1fr;
    }
    .rt-DataListRoot:where(.xs\:rt-r-orientation-horizontal) :where(.rt-DataListItem) {
        --data-list-value-margin-top: var(--data-list-value-trim-start);
        --data-list-value-margin-bottom: var(--data-list-value-trim-end);
        --data-list-first-item-value-margin-top: var(--data-list-first-item-value-trim-start);
        --data-list-last-item-value-margin-bottom: var(--data-list-last-item-value-trim-end);
        display: grid;
        grid-template-columns: inherit;
        grid-template-columns: subgrid;
        gap: inherit;
        grid-column: span 2;
        align-items: baseline;
    }
    .rt-DataListRoot:where(.xs\:rt-r-orientation-horizontal) :where(.rt-DataListLabel) {
        min-width: 120px;
    }
}
@media (min-width: 768px) {
    .rt-DataListRoot:where(.sm\:rt-r-orientation-vertical) {
        display: flex;
        flex-direction: column;
    }
    .rt-DataListRoot:where(.sm\:rt-r-orientation-vertical) :where(.rt-DataListItem) {
        --data-list-value-margin-top: 0px;
        --data-list-value-margin-bottom: 0px;
        --data-list-first-item-value-margin-top: 0px;
        --data-list-last-item-value-margin-bottom: 0px;
        display: flex;
        flex-direction: column;
        gap: var(--space-1);
    }
    .rt-DataListRoot:where(.sm\:rt-r-orientation-vertical) :where(.rt-DataListLabel) {
        min-width: 0px;
    }
    .rt-DataListRoot:where(.sm\:rt-r-orientation-horizontal) {
        display: grid;
        grid-template-columns: auto 1fr;
    }
    .rt-DataListRoot:where(.sm\:rt-r-orientation-horizontal) :where(.rt-DataListItem) {
        --data-list-value-margin-top: var(--data-list-value-trim-start);
        --data-list-value-margin-bottom: var(--data-list-value-trim-end);
        --data-list-first-item-value-margin-top: var(--data-list-first-item-value-trim-start);
        --data-list-last-item-value-margin-bottom: var(--data-list-last-item-value-trim-end);
        display: grid;
        grid-template-columns: inherit;
        grid-template-columns: subgrid;
        gap: inherit;
        grid-column: span 2;
        align-items: baseline;
    }
    .rt-DataListRoot:where(.sm\:rt-r-orientation-horizontal) :where(.rt-DataListLabel) {
        min-width: 120px;
    }
}
@media (min-width: 1024px) {
    .rt-DataListRoot:where(.md\:rt-r-orientation-vertical) {
        display: flex;
        flex-direction: column;
    }
    .rt-DataListRoot:where(.md\:rt-r-orientation-vertical) :where(.rt-DataListItem) {
        --data-list-value-margin-top: 0px;
        --data-list-value-margin-bottom: 0px;
        --data-list-first-item-value-margin-top: 0px;
        --data-list-last-item-value-margin-bottom: 0px;
        display: flex;
        flex-direction: column;
        gap: var(--space-1);
    }
    .rt-DataListRoot:where(.md\:rt-r-orientation-vertical) :where(.rt-DataListLabel) {
        min-width: 0px;
    }
    .rt-DataListRoot:where(.md\:rt-r-orientation-horizontal) {
        display: grid;
        grid-template-columns: auto 1fr;
    }
    .rt-DataListRoot:where(.md\:rt-r-orientation-horizontal) :where(.rt-DataListItem) {
        --data-list-value-margin-top: var(--data-list-value-trim-start);
        --data-list-value-margin-bottom: var(--data-list-value-trim-end);
        --data-list-first-item-value-margin-top: var(--data-list-first-item-value-trim-start);
        --data-list-last-item-value-margin-bottom: var(--data-list-last-item-value-trim-end);
        display: grid;
        grid-template-columns: inherit;
        grid-template-columns: subgrid;
        gap: inherit;
        grid-column: span 2;
        align-items: baseline;
    }
    .rt-DataListRoot:where(.md\:rt-r-orientation-horizontal) :where(.rt-DataListLabel) {
        min-width: 120px;
    }
}
@media (min-width: 1280px) {
    .rt-DataListRoot:where(.lg\:rt-r-orientation-vertical) {
        display: flex;
        flex-direction: column;
    }
    .rt-DataListRoot:where(.lg\:rt-r-orientation-vertical) :where(.rt-DataListItem) {
        --data-list-value-margin-top: 0px;
        --data-list-value-margin-bottom: 0px;
        --data-list-first-item-value-margin-top: 0px;
        --data-list-last-item-value-margin-bottom: 0px;
        display: flex;
        flex-direction: column;
        gap: var(--space-1);
    }
    .rt-DataListRoot:where(.lg\:rt-r-orientation-vertical) :where(.rt-DataListLabel) {
        min-width: 0px;
    }
    .rt-DataListRoot:where(.lg\:rt-r-orientation-horizontal) {
        display: grid;
        grid-template-columns: auto 1fr;
    }
    .rt-DataListRoot:where(.lg\:rt-r-orientation-horizontal) :where(.rt-DataListItem) {
        --data-list-value-margin-top: var(--data-list-value-trim-start);
        --data-list-value-margin-bottom: var(--data-list-value-trim-end);
        --data-list-first-item-value-margin-top: var(--data-list-first-item-value-trim-start);
        --data-list-last-item-value-margin-bottom: var(--data-list-last-item-value-trim-end);
        display: grid;
        grid-template-columns: inherit;
        grid-template-columns: subgrid;
        gap: inherit;
        grid-column: span 2;
        align-items: baseline;
    }
    .rt-DataListRoot:where(.lg\:rt-r-orientation-horizontal) :where(.rt-DataListLabel) {
        min-width: 120px;
    }
}
@media (min-width: 1640px) {
    .rt-DataListRoot:where(.xl\:rt-r-orientation-vertical) {
        display: flex;
        flex-direction: column;
    }
    .rt-DataListRoot:where(.xl\:rt-r-orientation-vertical) :where(.rt-DataListItem) {
        --data-list-value-margin-top: 0px;
        --data-list-value-margin-bottom: 0px;
        --data-list-first-item-value-margin-top: 0px;
        --data-list-last-item-value-margin-bottom: 0px;
        display: flex;
        flex-direction: column;
        gap: var(--space-1);
    }
    .rt-DataListRoot:where(.xl\:rt-r-orientation-vertical) :where(.rt-DataListLabel) {
        min-width: 0px;
    }
    .rt-DataListRoot:where(.xl\:rt-r-orientation-horizontal) {
        display: grid;
        grid-template-columns: auto 1fr;
    }
    .rt-DataListRoot:where(.xl\:rt-r-orientation-horizontal) :where(.rt-DataListItem) {
        --data-list-value-margin-top: var(--data-list-value-trim-start);
        --data-list-value-margin-bottom: var(--data-list-value-trim-end);
        --data-list-first-item-value-margin-top: var(--data-list-first-item-value-trim-start);
        --data-list-last-item-value-margin-bottom: var(--data-list-last-item-value-trim-end);
        display: grid;
        grid-template-columns: inherit;
        grid-template-columns: subgrid;
        gap: inherit;
        grid-column: span 2;
        align-items: baseline;
    }
    .rt-DataListRoot:where(.xl\:rt-r-orientation-horizontal) :where(.rt-DataListLabel) {
        min-width: 120px;
    }
}
.rt-DataListLabel::before, .rt-DataListValue::before {
    content: '‍';
}
.rt-DataListItem:where(.rt-r-ai-baseline) {
    --data-list-value-trim-start: -0.25em;
    --data-list-value-trim-end: -0.25em;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
}
.rt-DataListItem:where(.rt-r-ai-start) {
    --data-list-value-trim-start: 0px;
    --data-list-value-trim-end: -0.25em;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
}
.rt-DataListItem:where(.rt-r-ai-center) {
    --data-list-value-trim-start: -0.25em;
    --data-list-value-trim-end: -0.25em;
    --data-list-first-item-value-trim-start: -0.25em;
    --data-list-last-item-value-trim-end: -0.25em;
}
.rt-DataListItem:where(.rt-r-ai-end) {
    --data-list-value-trim-start: -0.25em;
    --data-list-value-trim-end: 0px;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
}
.rt-DataListItem:where(.rt-r-ai-stretch) {
    --data-list-value-trim-start: 0px;
    --data-list-value-trim-end: 0px;
    --data-list-first-item-value-trim-start: 0px;
    --data-list-last-item-value-trim-end: 0px;
}
@media (min-width: 520px) {
    .rt-DataListItem:where(.xs\:rt-r-ai-baseline) {
        --data-list-value-trim-start: -0.25em;
        --data-list-value-trim-end: -0.25em;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
    .rt-DataListItem:where(.xs\:rt-r-ai-start) {
        --data-list-value-trim-start: 0px;
        --data-list-value-trim-end: -0.25em;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
    .rt-DataListItem:where(.xs\:rt-r-ai-center) {
        --data-list-value-trim-start: -0.25em;
        --data-list-value-trim-end: -0.25em;
        --data-list-first-item-value-trim-start: -0.25em;
        --data-list-last-item-value-trim-end: -0.25em;
    }
    .rt-DataListItem:where(.xs\:rt-r-ai-end) {
        --data-list-value-trim-start: -0.25em;
        --data-list-value-trim-end: 0px;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
    .rt-DataListItem:where(.xs\:rt-r-ai-stretch) {
        --data-list-value-trim-start: 0px;
        --data-list-value-trim-end: 0px;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
}
@media (min-width: 768px) {
    .rt-DataListItem:where(.sm\:rt-r-ai-baseline) {
        --data-list-value-trim-start: -0.25em;
        --data-list-value-trim-end: -0.25em;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
    .rt-DataListItem:where(.sm\:rt-r-ai-start) {
        --data-list-value-trim-start: 0px;
        --data-list-value-trim-end: -0.25em;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
    .rt-DataListItem:where(.sm\:rt-r-ai-center) {
        --data-list-value-trim-start: -0.25em;
        --data-list-value-trim-end: -0.25em;
        --data-list-first-item-value-trim-start: -0.25em;
        --data-list-last-item-value-trim-end: -0.25em;
    }
    .rt-DataListItem:where(.sm\:rt-r-ai-end) {
        --data-list-value-trim-start: -0.25em;
        --data-list-value-trim-end: 0px;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
    .rt-DataListItem:where(.sm\:rt-r-ai-stretch) {
        --data-list-value-trim-start: 0px;
        --data-list-value-trim-end: 0px;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
}
@media (min-width: 1024px) {
    .rt-DataListItem:where(.md\:rt-r-ai-baseline) {
        --data-list-value-trim-start: -0.25em;
        --data-list-value-trim-end: -0.25em;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
    .rt-DataListItem:where(.md\:rt-r-ai-start) {
        --data-list-value-trim-start: 0px;
        --data-list-value-trim-end: -0.25em;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
    .rt-DataListItem:where(.md\:rt-r-ai-center) {
        --data-list-value-trim-start: -0.25em;
        --data-list-value-trim-end: -0.25em;
        --data-list-first-item-value-trim-start: -0.25em;
        --data-list-last-item-value-trim-end: -0.25em;
    }
    .rt-DataListItem:where(.md\:rt-r-ai-end) {
        --data-list-value-trim-start: -0.25em;
        --data-list-value-trim-end: 0px;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
    .rt-DataListItem:where(.md\:rt-r-ai-stretch) {
        --data-list-value-trim-start: 0px;
        --data-list-value-trim-end: 0px;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
}
@media (min-width: 1280px) {
    .rt-DataListItem:where(.lg\:rt-r-ai-baseline) {
        --data-list-value-trim-start: -0.25em;
        --data-list-value-trim-end: -0.25em;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
    .rt-DataListItem:where(.lg\:rt-r-ai-start) {
        --data-list-value-trim-start: 0px;
        --data-list-value-trim-end: -0.25em;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
    .rt-DataListItem:where(.lg\:rt-r-ai-center) {
        --data-list-value-trim-start: -0.25em;
        --data-list-value-trim-end: -0.25em;
        --data-list-first-item-value-trim-start: -0.25em;
        --data-list-last-item-value-trim-end: -0.25em;
    }
    .rt-DataListItem:where(.lg\:rt-r-ai-end) {
        --data-list-value-trim-start: -0.25em;
        --data-list-value-trim-end: 0px;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
    .rt-DataListItem:where(.lg\:rt-r-ai-stretch) {
        --data-list-value-trim-start: 0px;
        --data-list-value-trim-end: 0px;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
}
@media (min-width: 1640px) {
    .rt-DataListItem:where(.xl\:rt-r-ai-baseline) {
        --data-list-value-trim-start: -0.25em;
        --data-list-value-trim-end: -0.25em;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
    .rt-DataListItem:where(.xl\:rt-r-ai-start) {
        --data-list-value-trim-start: 0px;
        --data-list-value-trim-end: -0.25em;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
    .rt-DataListItem:where(.xl\:rt-r-ai-center) {
        --data-list-value-trim-start: -0.25em;
        --data-list-value-trim-end: -0.25em;
        --data-list-first-item-value-trim-start: -0.25em;
        --data-list-last-item-value-trim-end: -0.25em;
    }
    .rt-DataListItem:where(.xl\:rt-r-ai-end) {
        --data-list-value-trim-start: -0.25em;
        --data-list-value-trim-end: 0px;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
    .rt-DataListItem:where(.xl\:rt-r-ai-stretch) {
        --data-list-value-trim-start: 0px;
        --data-list-value-trim-end: 0px;
        --data-list-first-item-value-trim-start: 0px;
        --data-list-last-item-value-trim-end: 0px;
    }
}
.rt-DataListItem:where(:first-child) {
    margin-top: var(--leading-trim-start);
}
.rt-DataListItem:where(:last-child) {
    margin-bottom: var(--leading-trim-end);
}
.rt-DataListRoot:where(.rt-r-trim-normal) {
    --leading-trim-start: initial;
    --leading-trim-end: initial;
}
.rt-DataListRoot:where(.rt-r-trim-start) {
    --leading-trim-start: var(--data-list-leading-trim-start);
    --leading-trim-end: initial;
}
.rt-DataListRoot:where(.rt-r-trim-end) {
    --leading-trim-start: initial;
    --leading-trim-end: var(--data-list-leading-trim-end);
}
.rt-DataListRoot:where(.rt-r-trim-both) {
    --leading-trim-start: var(--data-list-leading-trim-start);
    --leading-trim-end: var(--data-list-leading-trim-end);
}
@media (min-width: 520px) {
    .rt-DataListRoot:where(.xs\:rt-r-trim-normal) {
        --leading-trim-start: initial;
        --leading-trim-end: initial;
    }
    .rt-DataListRoot:where(.xs\:rt-r-trim-start) {
        --leading-trim-start: var(--data-list-leading-trim-start);
        --leading-trim-end: initial;
    }
    .rt-DataListRoot:where(.xs\:rt-r-trim-end) {
        --leading-trim-start: initial;
        --leading-trim-end: var(--data-list-leading-trim-end);
    }
    .rt-DataListRoot:where(.xs\:rt-r-trim-both) {
        --leading-trim-start: var(--data-list-leading-trim-start);
        --leading-trim-end: var(--data-list-leading-trim-end);
    }
}
@media (min-width: 768px) {
    .rt-DataListRoot:where(.sm\:rt-r-trim-normal) {
        --leading-trim-start: initial;
        --leading-trim-end: initial;
    }
    .rt-DataListRoot:where(.sm\:rt-r-trim-start) {
        --leading-trim-start: var(--data-list-leading-trim-start);
        --leading-trim-end: initial;
    }
    .rt-DataListRoot:where(.sm\:rt-r-trim-end) {
        --leading-trim-start: initial;
        --leading-trim-end: var(--data-list-leading-trim-end);
    }
    .rt-DataListRoot:where(.sm\:rt-r-trim-both) {
        --leading-trim-start: var(--data-list-leading-trim-start);
        --leading-trim-end: var(--data-list-leading-trim-end);
    }
}
@media (min-width: 1024px) {
    .rt-DataListRoot:where(.md\:rt-r-trim-normal) {
        --leading-trim-start: initial;
        --leading-trim-end: initial;
    }
    .rt-DataListRoot:where(.md\:rt-r-trim-start) {
        --leading-trim-start: var(--data-list-leading-trim-start);
        --leading-trim-end: initial;
    }
    .rt-DataListRoot:where(.md\:rt-r-trim-end) {
        --leading-trim-start: initial;
        --leading-trim-end: var(--data-list-leading-trim-end);
    }
    .rt-DataListRoot:where(.md\:rt-r-trim-both) {
        --leading-trim-start: var(--data-list-leading-trim-start);
        --leading-trim-end: var(--data-list-leading-trim-end);
    }
}
@media (min-width: 1280px) {
    .rt-DataListRoot:where(.lg\:rt-r-trim-normal) {
        --leading-trim-start: initial;
        --leading-trim-end: initial;
    }
    .rt-DataListRoot:where(.lg\:rt-r-trim-start) {
        --leading-trim-start: var(--data-list-leading-trim-start);
        --leading-trim-end: initial;
    }
    .rt-DataListRoot:where(.lg\:rt-r-trim-end) {
        --leading-trim-start: initial;
        --leading-trim-end: var(--data-list-leading-trim-end);
    }
    .rt-DataListRoot:where(.lg\:rt-r-trim-both) {
        --leading-trim-start: var(--data-list-leading-trim-start);
        --leading-trim-end: var(--data-list-leading-trim-end);
    }
}
@media (min-width: 1640px) {
    .rt-DataListRoot:where(.xl\:rt-r-trim-normal) {
        --leading-trim-start: initial;
        --leading-trim-end: initial;
    }
    .rt-DataListRoot:where(.xl\:rt-r-trim-start) {
        --leading-trim-start: var(--data-list-leading-trim-start);
        --leading-trim-end: initial;
    }
    .rt-DataListRoot:where(.xl\:rt-r-trim-end) {
        --leading-trim-start: initial;
        --leading-trim-end: var(--data-list-leading-trim-end);
    }
    .rt-DataListRoot:where(.xl\:rt-r-trim-both) {
        --leading-trim-start: var(--data-list-leading-trim-start);
        --leading-trim-end: var(--data-list-leading-trim-end);
    }
}
.rt-DropdownMenuContent {
    max-height: var(--radix-dropdown-menu-content-available-height);
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.rt-Em {
    box-sizing: border-box;
    font-family: var(--em-font-family);
    font-size: calc(var(--em-font-size-adjust) * 1em);
    font-style: var(--em-font-style);
    font-weight: var(--em-font-weight);
    line-height: 1.25;
    letter-spacing: calc(var(--em-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing)));
    color: inherit;
}
.rt-Em :where(.rt-Em) {
    font-size: inherit;
}
.rt-Heading {
    --leading-trim-start: var(--heading-leading-trim-start);
    --leading-trim-end: var(--heading-leading-trim-end);
    font-family: var(--heading-font-family);
    font-style: var(--heading-font-style);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height);
}
:where(.rt-Heading) {
    margin: 0;
}
.rt-Heading:where([data-accent-color]) {
    color: var(--accent-a11);
}
.rt-Heading:where([data-accent-color].rt-high-contrast),
  :where([data-accent-color]:not(.radix-themes)) .rt-Heading:where(.rt-high-contrast) {
    color: var(--accent-12);
}
.rt-Heading:where(.rt-r-size-1) {
    font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-1);
    letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
}
.rt-Heading:where(.rt-r-size-2) {
    font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-2);
    letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
}
.rt-Heading:where(.rt-r-size-3) {
    font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-3);
    letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
}
.rt-Heading:where(.rt-r-size-4) {
    font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-4);
    letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
}
.rt-Heading:where(.rt-r-size-5) {
    font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-5);
    letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
}
.rt-Heading:where(.rt-r-size-6) {
    font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-6);
    letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
}
.rt-Heading:where(.rt-r-size-7) {
    font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-7);
    letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
}
.rt-Heading:where(.rt-r-size-8) {
    font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-8);
    letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
}
.rt-Heading:where(.rt-r-size-9) {
    font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
    --line-height: var(--heading-line-height-9);
    letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
}
@media (min-width: 520px) {
    .rt-Heading:where(.xs\:rt-r-size-1) {
        font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-1);
        letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.xs\:rt-r-size-2) {
        font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-2);
        letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.xs\:rt-r-size-3) {
        font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-3);
        letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.xs\:rt-r-size-4) {
        font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-4);
        letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.xs\:rt-r-size-5) {
        font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-5);
        letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.xs\:rt-r-size-6) {
        font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-6);
        letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.xs\:rt-r-size-7) {
        font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-7);
        letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.xs\:rt-r-size-8) {
        font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-8);
        letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.xs\:rt-r-size-9) {
        font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-9);
        letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
    }
}
@media (min-width: 768px) {
    .rt-Heading:where(.sm\:rt-r-size-1) {
        font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-1);
        letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.sm\:rt-r-size-2) {
        font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-2);
        letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.sm\:rt-r-size-3) {
        font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-3);
        letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.sm\:rt-r-size-4) {
        font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-4);
        letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.sm\:rt-r-size-5) {
        font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-5);
        letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.sm\:rt-r-size-6) {
        font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-6);
        letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.sm\:rt-r-size-7) {
        font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-7);
        letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.sm\:rt-r-size-8) {
        font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-8);
        letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.sm\:rt-r-size-9) {
        font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-9);
        letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
    }
}
@media (min-width: 1024px) {
    .rt-Heading:where(.md\:rt-r-size-1) {
        font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-1);
        letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.md\:rt-r-size-2) {
        font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-2);
        letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.md\:rt-r-size-3) {
        font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-3);
        letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.md\:rt-r-size-4) {
        font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-4);
        letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.md\:rt-r-size-5) {
        font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-5);
        letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.md\:rt-r-size-6) {
        font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-6);
        letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.md\:rt-r-size-7) {
        font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-7);
        letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.md\:rt-r-size-8) {
        font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-8);
        letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.md\:rt-r-size-9) {
        font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-9);
        letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
    }
}
@media (min-width: 1280px) {
    .rt-Heading:where(.lg\:rt-r-size-1) {
        font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-1);
        letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.lg\:rt-r-size-2) {
        font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-2);
        letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.lg\:rt-r-size-3) {
        font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-3);
        letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.lg\:rt-r-size-4) {
        font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-4);
        letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.lg\:rt-r-size-5) {
        font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-5);
        letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.lg\:rt-r-size-6) {
        font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-6);
        letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.lg\:rt-r-size-7) {
        font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-7);
        letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.lg\:rt-r-size-8) {
        font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-8);
        letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.lg\:rt-r-size-9) {
        font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-9);
        letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
    }
}
@media (min-width: 1640px) {
    .rt-Heading:where(.xl\:rt-r-size-1) {
        font-size: calc(var(--font-size-1) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-1);
        letter-spacing: calc(var(--letter-spacing-1) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.xl\:rt-r-size-2) {
        font-size: calc(var(--font-size-2) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-2);
        letter-spacing: calc(var(--letter-spacing-2) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.xl\:rt-r-size-3) {
        font-size: calc(var(--font-size-3) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-3);
        letter-spacing: calc(var(--letter-spacing-3) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.xl\:rt-r-size-4) {
        font-size: calc(var(--font-size-4) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-4);
        letter-spacing: calc(var(--letter-spacing-4) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.xl\:rt-r-size-5) {
        font-size: calc(var(--font-size-5) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-5);
        letter-spacing: calc(var(--letter-spacing-5) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.xl\:rt-r-size-6) {
        font-size: calc(var(--font-size-6) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-6);
        letter-spacing: calc(var(--letter-spacing-6) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.xl\:rt-r-size-7) {
        font-size: calc(var(--font-size-7) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-7);
        letter-spacing: calc(var(--letter-spacing-7) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.xl\:rt-r-size-8) {
        font-size: calc(var(--font-size-8) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-8);
        letter-spacing: calc(var(--letter-spacing-8) + var(--heading-letter-spacing));
    }
    .rt-Heading:where(.xl\:rt-r-size-9) {
        font-size: calc(var(--font-size-9) * var(--heading-font-size-adjust));
        --line-height: var(--heading-line-height-9);
        letter-spacing: calc(var(--letter-spacing-9) + var(--heading-letter-spacing));
    }
}
.rt-HoverCardContent {
    background-color: var(--color-panel-solid);
    box-shadow: var(--shadow-4);
    overflow: auto;
    position: relative;
    --inset-padding-top: var(--hover-card-content-padding);
    --inset-padding-right: var(--hover-card-content-padding);
    --inset-padding-bottom: var(--hover-card-content-padding);
    --inset-padding-left: var(--hover-card-content-padding);
    padding: var(--hover-card-content-padding);
    box-sizing: border-box;
    transform-origin: var(--radix-hover-card-content-transform-origin);
}
.rt-HoverCardContent:where(.rt-r-size-1) {
    --hover-card-content-padding: var(--space-3);
    border-radius: var(--radius-4);
}
.rt-HoverCardContent:where(.rt-r-size-2) {
    --hover-card-content-padding: var(--space-4);
    border-radius: var(--radius-4);
}
.rt-HoverCardContent:where(.rt-r-size-3) {
    --hover-card-content-padding: var(--space-5);
    border-radius: var(--radius-5);
}
@media (min-width: 520px) {
    .rt-HoverCardContent:where(.xs\:rt-r-size-1) {
        --hover-card-content-padding: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-HoverCardContent:where(.xs\:rt-r-size-2) {
        --hover-card-content-padding: var(--space-4);
        border-radius: var(--radius-4);
    }
    .rt-HoverCardContent:where(.xs\:rt-r-size-3) {
        --hover-card-content-padding: var(--space-5);
        border-radius: var(--radius-5);
    }
}
@media (min-width: 768px) {
    .rt-HoverCardContent:where(.sm\:rt-r-size-1) {
        --hover-card-content-padding: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-HoverCardContent:where(.sm\:rt-r-size-2) {
        --hover-card-content-padding: var(--space-4);
        border-radius: var(--radius-4);
    }
    .rt-HoverCardContent:where(.sm\:rt-r-size-3) {
        --hover-card-content-padding: var(--space-5);
        border-radius: var(--radius-5);
    }
}
@media (min-width: 1024px) {
    .rt-HoverCardContent:where(.md\:rt-r-size-1) {
        --hover-card-content-padding: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-HoverCardContent:where(.md\:rt-r-size-2) {
        --hover-card-content-padding: var(--space-4);
        border-radius: var(--radius-4);
    }
    .rt-HoverCardContent:where(.md\:rt-r-size-3) {
        --hover-card-content-padding: var(--space-5);
        border-radius: var(--radius-5);
    }
}
@media (min-width: 1280px) {
    .rt-HoverCardContent:where(.lg\:rt-r-size-1) {
        --hover-card-content-padding: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-HoverCardContent:where(.lg\:rt-r-size-2) {
        --hover-card-content-padding: var(--space-4);
        border-radius: var(--radius-4);
    }
    .rt-HoverCardContent:where(.lg\:rt-r-size-3) {
        --hover-card-content-padding: var(--space-5);
        border-radius: var(--radius-5);
    }
}
@media (min-width: 1640px) {
    .rt-HoverCardContent:where(.xl\:rt-r-size-1) {
        --hover-card-content-padding: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-HoverCardContent:where(.xl\:rt-r-size-2) {
        --hover-card-content-padding: var(--space-4);
        border-radius: var(--radius-4);
    }
    .rt-HoverCardContent:where(.xl\:rt-r-size-3) {
        --hover-card-content-padding: var(--space-5);
        border-radius: var(--radius-5);
    }
}
.rt-IconButton:where(:not(.rt-variant-ghost)) {
    height: var(--base-button-height);
    width: var(--base-button-height);
}
.rt-IconButton:where(.rt-variant-ghost) {
    padding: var(--icon-button-ghost-padding);
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-top-override: calc(var(--margin-top) - var(--icon-button-ghost-padding));
    --margin-right-override: calc(var(--margin-right) - var(--icon-button-ghost-padding));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--icon-button-ghost-padding));
    --margin-left-override: calc(var(--margin-left) - var(--icon-button-ghost-padding));
    margin: var(--margin-top-override) var(--margin-right-override) var(--margin-bottom-override) var(--margin-left-override);
}
:where(.rt-IconButton:where(.rt-variant-ghost)) > * {
    --margin-top-override: initial;
    --margin-right-override: initial;
    --margin-bottom-override: initial;
    --margin-left-override: initial;
}
.rt-IconButton:where(.rt-variant-ghost):where(.rt-r-size-1) {
    --icon-button-ghost-padding: var(--space-1);
}
.rt-IconButton:where(.rt-variant-ghost):where(.rt-r-size-2) {
    --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
}
.rt-IconButton:where(.rt-variant-ghost):where(.rt-r-size-3) {
    --icon-button-ghost-padding: var(--space-2);
}
.rt-IconButton:where(.rt-variant-ghost):where(.rt-r-size-4) {
    --icon-button-ghost-padding: var(--space-3);
}
@media (min-width: 520px) {
    .rt-IconButton:where(.rt-variant-ghost):where(.xs\:rt-r-size-1) {
        --icon-button-ghost-padding: var(--space-1);
    }
    .rt-IconButton:where(.rt-variant-ghost):where(.xs\:rt-r-size-2) {
        --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
    }
    .rt-IconButton:where(.rt-variant-ghost):where(.xs\:rt-r-size-3) {
        --icon-button-ghost-padding: var(--space-2);
    }
    .rt-IconButton:where(.rt-variant-ghost):where(.xs\:rt-r-size-4) {
        --icon-button-ghost-padding: var(--space-3);
    }
}
@media (min-width: 768px) {
    .rt-IconButton:where(.rt-variant-ghost):where(.sm\:rt-r-size-1) {
        --icon-button-ghost-padding: var(--space-1);
    }
    .rt-IconButton:where(.rt-variant-ghost):where(.sm\:rt-r-size-2) {
        --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
    }
    .rt-IconButton:where(.rt-variant-ghost):where(.sm\:rt-r-size-3) {
        --icon-button-ghost-padding: var(--space-2);
    }
    .rt-IconButton:where(.rt-variant-ghost):where(.sm\:rt-r-size-4) {
        --icon-button-ghost-padding: var(--space-3);
    }
}
@media (min-width: 1024px) {
    .rt-IconButton:where(.rt-variant-ghost):where(.md\:rt-r-size-1) {
        --icon-button-ghost-padding: var(--space-1);
    }
    .rt-IconButton:where(.rt-variant-ghost):where(.md\:rt-r-size-2) {
        --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
    }
    .rt-IconButton:where(.rt-variant-ghost):where(.md\:rt-r-size-3) {
        --icon-button-ghost-padding: var(--space-2);
    }
    .rt-IconButton:where(.rt-variant-ghost):where(.md\:rt-r-size-4) {
        --icon-button-ghost-padding: var(--space-3);
    }
}
@media (min-width: 1280px) {
    .rt-IconButton:where(.rt-variant-ghost):where(.lg\:rt-r-size-1) {
        --icon-button-ghost-padding: var(--space-1);
    }
    .rt-IconButton:where(.rt-variant-ghost):where(.lg\:rt-r-size-2) {
        --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
    }
    .rt-IconButton:where(.rt-variant-ghost):where(.lg\:rt-r-size-3) {
        --icon-button-ghost-padding: var(--space-2);
    }
    .rt-IconButton:where(.rt-variant-ghost):where(.lg\:rt-r-size-4) {
        --icon-button-ghost-padding: var(--space-3);
    }
}
@media (min-width: 1640px) {
    .rt-IconButton:where(.rt-variant-ghost):where(.xl\:rt-r-size-1) {
        --icon-button-ghost-padding: var(--space-1);
    }
    .rt-IconButton:where(.rt-variant-ghost):where(.xl\:rt-r-size-2) {
        --icon-button-ghost-padding: calc(var(--space-1) * 1.5);
    }
    .rt-IconButton:where(.rt-variant-ghost):where(.xl\:rt-r-size-3) {
        --icon-button-ghost-padding: var(--space-2);
    }
    .rt-IconButton:where(.rt-variant-ghost):where(.xl\:rt-r-size-4) {
        --icon-button-ghost-padding: var(--space-3);
    }
}
.rt-Inset {
    box-sizing: border-box;
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    overflow: hidden;
    margin-top: var(--margin-top-override);
    margin-right: var(--margin-right-override);
    margin-bottom: var(--margin-bottom-override);
    margin-left: var(--margin-left-override);
}
:where(.rt-Inset) > * {
    --margin-top-override: initial;
    --margin-right-override: initial;
    --margin-bottom-override: initial;
    --margin-left-override: initial;
}
.rt-Inset:where(.rt-r-clip-border-box) {
    --inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
    --inset-padding-top-calc: var(--inset-padding-top, 0px);
    --inset-padding-right-calc: var(--inset-padding-right, 0px);
    --inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
    --inset-padding-left-calc: var(--inset-padding-left, 0px);
}
.rt-Inset:where(.rt-r-clip-padding-box) {
    --inset-border-radius-calc: var(--inset-border-radius, 0px);
    --inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
    --inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
    --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
    --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
}
.rt-Inset:where(.rt-r-side-top) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: var(--margin-bottom);
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-top-left-radius: var(--inset-border-radius-calc);
    border-top-right-radius: var(--inset-border-radius-calc);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.rt-Inset:where(.rt-r-side-bottom) {
    --margin-top-override: var(--margin-top);
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: var(--inset-border-radius-calc);
    border-bottom-right-radius: var(--inset-border-radius-calc);
}
.rt-Inset:where(.rt-r-side-left) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    --margin-right-override: var(--margin-right);
    border-top-left-radius: var(--inset-border-radius-calc);
    border-top-right-radius: 0px;
    border-bottom-left-radius: var(--inset-border-radius-calc);
    border-bottom-right-radius: 0px;
}
.rt-Inset:where(.rt-r-side-right) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: var(--margin-left);
    border-top-left-radius: 0px;
    border-top-right-radius: var(--inset-border-radius-calc);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: var(--inset-border-radius-calc);
}
.rt-Inset:where(.rt-r-side-x) {
    --margin-top-override: var(--margin-top);
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: var(--margin-bottom);
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-radius: 0px;
}
.rt-Inset:where(.rt-r-side-y) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: var(--margin-right);
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: var(--margin-left);
    border-radius: 0px;
}
.rt-Inset:where(.rt-r-side-all) {
    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
    border-radius: var(--inset-border-radius-calc);
}
@media (min-width: 520px) {
    .rt-Inset:where(.xs\:rt-r-clip-border-box) {
        --inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
        --inset-padding-top-calc: var(--inset-padding-top, 0px);
        --inset-padding-right-calc: var(--inset-padding-right, 0px);
        --inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
        --inset-padding-left-calc: var(--inset-padding-left, 0px);
    }
    .rt-Inset:where(.xs\:rt-r-clip-padding-box) {
        --inset-border-radius-calc: var(--inset-border-radius, 0px);
        --inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
        --inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
        --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
        --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
    }
    .rt-Inset:where(.xs\:rt-r-side-top) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: var(--margin-bottom);
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-top-left-radius: var(--inset-border-radius-calc);
        border-top-right-radius: var(--inset-border-radius-calc);
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .rt-Inset:where(.xs\:rt-r-side-bottom) {
        --margin-top-override: var(--margin-top);
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: var(--inset-border-radius-calc);
        border-bottom-right-radius: var(--inset-border-radius-calc);
    }
    .rt-Inset:where(.xs\:rt-r-side-left) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        --margin-right-override: var(--margin-right);
        border-top-left-radius: var(--inset-border-radius-calc);
        border-top-right-radius: 0px;
        border-bottom-left-radius: var(--inset-border-radius-calc);
        border-bottom-right-radius: 0px;
    }
    .rt-Inset:where(.xs\:rt-r-side-right) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: var(--margin-left);
        border-top-left-radius: 0px;
        border-top-right-radius: var(--inset-border-radius-calc);
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: var(--inset-border-radius-calc);
    }
    .rt-Inset:where(.xs\:rt-r-side-x) {
        --margin-top-override: var(--margin-top);
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: var(--margin-bottom);
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-radius: 0px;
    }
    .rt-Inset:where(.xs\:rt-r-side-y) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: var(--margin-right);
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: var(--margin-left);
        border-radius: 0px;
    }
    .rt-Inset:where(.xs\:rt-r-side-all) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-radius: var(--inset-border-radius-calc);
    }
}
@media (min-width: 768px) {
    .rt-Inset:where(.sm\:rt-r-clip-border-box) {
        --inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
        --inset-padding-top-calc: var(--inset-padding-top, 0px);
        --inset-padding-right-calc: var(--inset-padding-right, 0px);
        --inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
        --inset-padding-left-calc: var(--inset-padding-left, 0px);
    }
    .rt-Inset:where(.sm\:rt-r-clip-padding-box) {
        --inset-border-radius-calc: var(--inset-border-radius, 0px);
        --inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
        --inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
        --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
        --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
    }
    .rt-Inset:where(.sm\:rt-r-side-top) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: var(--margin-bottom);
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-top-left-radius: var(--inset-border-radius-calc);
        border-top-right-radius: var(--inset-border-radius-calc);
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .rt-Inset:where(.sm\:rt-r-side-bottom) {
        --margin-top-override: var(--margin-top);
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: var(--inset-border-radius-calc);
        border-bottom-right-radius: var(--inset-border-radius-calc);
    }
    .rt-Inset:where(.sm\:rt-r-side-left) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        --margin-right-override: var(--margin-right);
        border-top-left-radius: var(--inset-border-radius-calc);
        border-top-right-radius: 0px;
        border-bottom-left-radius: var(--inset-border-radius-calc);
        border-bottom-right-radius: 0px;
    }
    .rt-Inset:where(.sm\:rt-r-side-right) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: var(--margin-left);
        border-top-left-radius: 0px;
        border-top-right-radius: var(--inset-border-radius-calc);
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: var(--inset-border-radius-calc);
    }
    .rt-Inset:where(.sm\:rt-r-side-x) {
        --margin-top-override: var(--margin-top);
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: var(--margin-bottom);
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-radius: 0px;
    }
    .rt-Inset:where(.sm\:rt-r-side-y) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: var(--margin-right);
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: var(--margin-left);
        border-radius: 0px;
    }
    .rt-Inset:where(.sm\:rt-r-side-all) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-radius: var(--inset-border-radius-calc);
    }
}
@media (min-width: 1024px) {
    .rt-Inset:where(.md\:rt-r-clip-border-box) {
        --inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
        --inset-padding-top-calc: var(--inset-padding-top, 0px);
        --inset-padding-right-calc: var(--inset-padding-right, 0px);
        --inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
        --inset-padding-left-calc: var(--inset-padding-left, 0px);
    }
    .rt-Inset:where(.md\:rt-r-clip-padding-box) {
        --inset-border-radius-calc: var(--inset-border-radius, 0px);
        --inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
        --inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
        --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
        --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
    }
    .rt-Inset:where(.md\:rt-r-side-top) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: var(--margin-bottom);
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-top-left-radius: var(--inset-border-radius-calc);
        border-top-right-radius: var(--inset-border-radius-calc);
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .rt-Inset:where(.md\:rt-r-side-bottom) {
        --margin-top-override: var(--margin-top);
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: var(--inset-border-radius-calc);
        border-bottom-right-radius: var(--inset-border-radius-calc);
    }
    .rt-Inset:where(.md\:rt-r-side-left) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        --margin-right-override: var(--margin-right);
        border-top-left-radius: var(--inset-border-radius-calc);
        border-top-right-radius: 0px;
        border-bottom-left-radius: var(--inset-border-radius-calc);
        border-bottom-right-radius: 0px;
    }
    .rt-Inset:where(.md\:rt-r-side-right) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: var(--margin-left);
        border-top-left-radius: 0px;
        border-top-right-radius: var(--inset-border-radius-calc);
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: var(--inset-border-radius-calc);
    }
    .rt-Inset:where(.md\:rt-r-side-x) {
        --margin-top-override: var(--margin-top);
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: var(--margin-bottom);
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-radius: 0px;
    }
    .rt-Inset:where(.md\:rt-r-side-y) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: var(--margin-right);
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: var(--margin-left);
        border-radius: 0px;
    }
    .rt-Inset:where(.md\:rt-r-side-all) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-radius: var(--inset-border-radius-calc);
    }
}
@media (min-width: 1280px) {
    .rt-Inset:where(.lg\:rt-r-clip-border-box) {
        --inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
        --inset-padding-top-calc: var(--inset-padding-top, 0px);
        --inset-padding-right-calc: var(--inset-padding-right, 0px);
        --inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
        --inset-padding-left-calc: var(--inset-padding-left, 0px);
    }
    .rt-Inset:where(.lg\:rt-r-clip-padding-box) {
        --inset-border-radius-calc: var(--inset-border-radius, 0px);
        --inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
        --inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
        --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
        --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
    }
    .rt-Inset:where(.lg\:rt-r-side-top) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: var(--margin-bottom);
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-top-left-radius: var(--inset-border-radius-calc);
        border-top-right-radius: var(--inset-border-radius-calc);
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .rt-Inset:where(.lg\:rt-r-side-bottom) {
        --margin-top-override: var(--margin-top);
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: var(--inset-border-radius-calc);
        border-bottom-right-radius: var(--inset-border-radius-calc);
    }
    .rt-Inset:where(.lg\:rt-r-side-left) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        --margin-right-override: var(--margin-right);
        border-top-left-radius: var(--inset-border-radius-calc);
        border-top-right-radius: 0px;
        border-bottom-left-radius: var(--inset-border-radius-calc);
        border-bottom-right-radius: 0px;
    }
    .rt-Inset:where(.lg\:rt-r-side-right) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: var(--margin-left);
        border-top-left-radius: 0px;
        border-top-right-radius: var(--inset-border-radius-calc);
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: var(--inset-border-radius-calc);
    }
    .rt-Inset:where(.lg\:rt-r-side-x) {
        --margin-top-override: var(--margin-top);
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: var(--margin-bottom);
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-radius: 0px;
    }
    .rt-Inset:where(.lg\:rt-r-side-y) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: var(--margin-right);
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: var(--margin-left);
        border-radius: 0px;
    }
    .rt-Inset:where(.lg\:rt-r-side-all) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-radius: var(--inset-border-radius-calc);
    }
}
@media (min-width: 1640px) {
    .rt-Inset:where(.xl\:rt-r-clip-border-box) {
        --inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
        --inset-padding-top-calc: var(--inset-padding-top, 0px);
        --inset-padding-right-calc: var(--inset-padding-right, 0px);
        --inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
        --inset-padding-left-calc: var(--inset-padding-left, 0px);
    }
    .rt-Inset:where(.xl\:rt-r-clip-padding-box) {
        --inset-border-radius-calc: var(--inset-border-radius, 0px);
        --inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
        --inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
        --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
        --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
    }
    .rt-Inset:where(.xl\:rt-r-side-top) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: var(--margin-bottom);
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-top-left-radius: var(--inset-border-radius-calc);
        border-top-right-radius: var(--inset-border-radius-calc);
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .rt-Inset:where(.xl\:rt-r-side-bottom) {
        --margin-top-override: var(--margin-top);
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: var(--inset-border-radius-calc);
        border-bottom-right-radius: var(--inset-border-radius-calc);
    }
    .rt-Inset:where(.xl\:rt-r-side-left) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        --margin-right-override: var(--margin-right);
        border-top-left-radius: var(--inset-border-radius-calc);
        border-top-right-radius: 0px;
        border-bottom-left-radius: var(--inset-border-radius-calc);
        border-bottom-right-radius: 0px;
    }
    .rt-Inset:where(.xl\:rt-r-side-right) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: var(--margin-left);
        border-top-left-radius: 0px;
        border-top-right-radius: var(--inset-border-radius-calc);
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: var(--inset-border-radius-calc);
    }
    .rt-Inset:where(.xl\:rt-r-side-x) {
        --margin-top-override: var(--margin-top);
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: var(--margin-bottom);
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-radius: 0px;
    }
    .rt-Inset:where(.xl\:rt-r-side-y) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: var(--margin-right);
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: var(--margin-left);
        border-radius: 0px;
    }
    .rt-Inset:where(.xl\:rt-r-side-all) {
        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
        border-radius: var(--inset-border-radius-calc);
    }
}
.rt-Kbd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-family: var(--default-font-family);
    font-weight: normal;
    vertical-align: text-top;
    white-space: nowrap;
    -webkit-user-select: none;
            user-select: none;
    position: relative;
    top: -0.03em;
    font-size: 0.75em;
    min-width: 1.75em;
    line-height: 1.7em;
    box-sizing: border-box;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.05em;
    word-spacing: -0.1em;
    border-radius: calc(var(--radius-factor) * 0.35em);
    letter-spacing: var(--letter-spacing, var(--default-letter-spacing));
    height: -moz-fit-content;
    height: fit-content;
    color: var(--gray-12);
    background-color: var(--gray-1);
    box-shadow: var(--kbd-box-shadow);
    transition: box-shadow 120ms, background-color 120ms;
}
@media (hover: hover) {
    .rt-Kbd:where(:any-link, button):where(:hover) {
        transition-duration: 40ms, 40ms;
        background-color: var(--color-background);
        box-shadow: var(--kbd-box-shadow), 0 0 0 0.05em var(--gray-a5);
    }
}
.rt-Kbd:where(:any-link, button):where([data-state='open']) {
    transition-duration: 40ms, 40ms;
    background-color: var(--color-background);
    box-shadow: var(--kbd-box-shadow), 0 0 0 0.05em var(--gray-a5);
}
.rt-Kbd:where(:any-link, button):where(:active:not([data-state='open'])) {
    padding-top: 0.05em;
    padding-bottom: 0;
    transition-duration: 40ms, 40ms;
    background-color: var(--gray-2);
    box-shadow: inset 0 0.05em var(--black-a3), 0 0 0 0.05em var(--gray-a7);
}
.rt-Kbd:where(:any-link, button):where(:focus-visible) {
    outline: 2px solid var(--focus-8);
}
.rt-Kbd:where(.rt-r-size-1) {
    font-size: calc(var(--font-size-1) * 0.8);
    --letter-spacing: var(--letter-spacing-1);
}
.rt-Kbd:where(.rt-r-size-2) {
    font-size: calc(var(--font-size-2) * 0.8);
    --letter-spacing: var(--letter-spacing-2);
}
.rt-Kbd:where(.rt-r-size-3) {
    font-size: calc(var(--font-size-3) * 0.8);
    --letter-spacing: var(--letter-spacing-3);
}
.rt-Kbd:where(.rt-r-size-4) {
    font-size: calc(var(--font-size-4) * 0.8);
    --letter-spacing: var(--letter-spacing-4);
}
.rt-Kbd:where(.rt-r-size-5) {
    font-size: calc(var(--font-size-5) * 0.8);
    --letter-spacing: var(--letter-spacing-5);
}
.rt-Kbd:where(.rt-r-size-6) {
    font-size: calc(var(--font-size-6) * 0.8);
    --letter-spacing: var(--letter-spacing-6);
}
.rt-Kbd:where(.rt-r-size-7) {
    font-size: calc(var(--font-size-7) * 0.8);
    --letter-spacing: var(--letter-spacing-7);
}
.rt-Kbd:where(.rt-r-size-8) {
    font-size: calc(var(--font-size-8) * 0.8);
    --letter-spacing: var(--letter-spacing-8);
}
.rt-Kbd:where(.rt-r-size-9) {
    font-size: calc(var(--font-size-9) * 0.8);
    --letter-spacing: var(--letter-spacing-9);
}
@media (min-width: 520px) {
    .rt-Kbd:where(.xs\:rt-r-size-1) {
        font-size: calc(var(--font-size-1) * 0.8);
        --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Kbd:where(.xs\:rt-r-size-2) {
        font-size: calc(var(--font-size-2) * 0.8);
        --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Kbd:where(.xs\:rt-r-size-3) {
        font-size: calc(var(--font-size-3) * 0.8);
        --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Kbd:where(.xs\:rt-r-size-4) {
        font-size: calc(var(--font-size-4) * 0.8);
        --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Kbd:where(.xs\:rt-r-size-5) {
        font-size: calc(var(--font-size-5) * 0.8);
        --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Kbd:where(.xs\:rt-r-size-6) {
        font-size: calc(var(--font-size-6) * 0.8);
        --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Kbd:where(.xs\:rt-r-size-7) {
        font-size: calc(var(--font-size-7) * 0.8);
        --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Kbd:where(.xs\:rt-r-size-8) {
        font-size: calc(var(--font-size-8) * 0.8);
        --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Kbd:where(.xs\:rt-r-size-9) {
        font-size: calc(var(--font-size-9) * 0.8);
        --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 768px) {
    .rt-Kbd:where(.sm\:rt-r-size-1) {
        font-size: calc(var(--font-size-1) * 0.8);
        --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Kbd:where(.sm\:rt-r-size-2) {
        font-size: calc(var(--font-size-2) * 0.8);
        --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Kbd:where(.sm\:rt-r-size-3) {
        font-size: calc(var(--font-size-3) * 0.8);
        --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Kbd:where(.sm\:rt-r-size-4) {
        font-size: calc(var(--font-size-4) * 0.8);
        --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Kbd:where(.sm\:rt-r-size-5) {
        font-size: calc(var(--font-size-5) * 0.8);
        --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Kbd:where(.sm\:rt-r-size-6) {
        font-size: calc(var(--font-size-6) * 0.8);
        --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Kbd:where(.sm\:rt-r-size-7) {
        font-size: calc(var(--font-size-7) * 0.8);
        --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Kbd:where(.sm\:rt-r-size-8) {
        font-size: calc(var(--font-size-8) * 0.8);
        --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Kbd:where(.sm\:rt-r-size-9) {
        font-size: calc(var(--font-size-9) * 0.8);
        --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1024px) {
    .rt-Kbd:where(.md\:rt-r-size-1) {
        font-size: calc(var(--font-size-1) * 0.8);
        --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Kbd:where(.md\:rt-r-size-2) {
        font-size: calc(var(--font-size-2) * 0.8);
        --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Kbd:where(.md\:rt-r-size-3) {
        font-size: calc(var(--font-size-3) * 0.8);
        --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Kbd:where(.md\:rt-r-size-4) {
        font-size: calc(var(--font-size-4) * 0.8);
        --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Kbd:where(.md\:rt-r-size-5) {
        font-size: calc(var(--font-size-5) * 0.8);
        --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Kbd:where(.md\:rt-r-size-6) {
        font-size: calc(var(--font-size-6) * 0.8);
        --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Kbd:where(.md\:rt-r-size-7) {
        font-size: calc(var(--font-size-7) * 0.8);
        --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Kbd:where(.md\:rt-r-size-8) {
        font-size: calc(var(--font-size-8) * 0.8);
        --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Kbd:where(.md\:rt-r-size-9) {
        font-size: calc(var(--font-size-9) * 0.8);
        --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1280px) {
    .rt-Kbd:where(.lg\:rt-r-size-1) {
        font-size: calc(var(--font-size-1) * 0.8);
        --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Kbd:where(.lg\:rt-r-size-2) {
        font-size: calc(var(--font-size-2) * 0.8);
        --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Kbd:where(.lg\:rt-r-size-3) {
        font-size: calc(var(--font-size-3) * 0.8);
        --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Kbd:where(.lg\:rt-r-size-4) {
        font-size: calc(var(--font-size-4) * 0.8);
        --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Kbd:where(.lg\:rt-r-size-5) {
        font-size: calc(var(--font-size-5) * 0.8);
        --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Kbd:where(.lg\:rt-r-size-6) {
        font-size: calc(var(--font-size-6) * 0.8);
        --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Kbd:where(.lg\:rt-r-size-7) {
        font-size: calc(var(--font-size-7) * 0.8);
        --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Kbd:where(.lg\:rt-r-size-8) {
        font-size: calc(var(--font-size-8) * 0.8);
        --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Kbd:where(.lg\:rt-r-size-9) {
        font-size: calc(var(--font-size-9) * 0.8);
        --letter-spacing: var(--letter-spacing-9);
    }
}
@media (min-width: 1640px) {
    .rt-Kbd:where(.xl\:rt-r-size-1) {
        font-size: calc(var(--font-size-1) * 0.8);
        --letter-spacing: var(--letter-spacing-1);
    }
    .rt-Kbd:where(.xl\:rt-r-size-2) {
        font-size: calc(var(--font-size-2) * 0.8);
        --letter-spacing: var(--letter-spacing-2);
    }
    .rt-Kbd:where(.xl\:rt-r-size-3) {
        font-size: calc(var(--font-size-3) * 0.8);
        --letter-spacing: var(--letter-spacing-3);
    }
    .rt-Kbd:where(.xl\:rt-r-size-4) {
        font-size: calc(var(--font-size-4) * 0.8);
        --letter-spacing: var(--letter-spacing-4);
    }
    .rt-Kbd:where(.xl\:rt-r-size-5) {
        font-size: calc(var(--font-size-5) * 0.8);
        --letter-spacing: var(--letter-spacing-5);
    }
    .rt-Kbd:where(.xl\:rt-r-size-6) {
        font-size: calc(var(--font-size-6) * 0.8);
        --letter-spacing: var(--letter-spacing-6);
    }
    .rt-Kbd:where(.xl\:rt-r-size-7) {
        font-size: calc(var(--font-size-7) * 0.8);
        --letter-spacing: var(--letter-spacing-7);
    }
    .rt-Kbd:where(.xl\:rt-r-size-8) {
        font-size: calc(var(--font-size-8) * 0.8);
        --letter-spacing: var(--letter-spacing-8);
    }
    .rt-Kbd:where(.xl\:rt-r-size-9) {
        font-size: calc(var(--font-size-9) * 0.8);
        --letter-spacing: var(--letter-spacing-9);
    }
}
.rt-Link:where(:any-link, button) {
    cursor: var(--cursor-link);
    text-decoration-line: none;
    text-decoration-style: solid;
    text-decoration-thickness: min(2px, max(1px, 0.05em));
    text-underline-offset: calc(0.025em + 2px);
    text-decoration-color: var(--accent-a5);
}
.rt-Link:where(:disabled, [data-disabled]) {
    cursor: var(--cursor-disabled);
}
:where([data-accent-color]:not(.radix-themes, .rt-high-contrast)) .rt-Link:where([data-accent-color='']) {
    color: var(--accent-12);
}
@supports (color: color-mix(in oklab, white, black)) {
    .rt-Link:where(:any-link, button) {
        text-decoration-color: color-mix(in oklab, var(--accent-a5), var(--gray-a6));
    }
}
@media (pointer: coarse) {
    .rt-Link:where(:any-link, button):where(:active:not(:focus-visible, [data-state='open'])) {
        outline: 0.75em solid var(--accent-a4);
        outline-offset: -0.6em;
    }
}
@media (hover: hover) {
    .rt-Link:where(:any-link, button):where(.rt-underline-auto):where(:hover) {
        text-decoration-line: underline;
    }
}
.rt-Link:where(:any-link, button):where(.rt-underline-auto):where(.rt-high-contrast),
      :where([data-accent-color]:not(.radix-themes, .rt-high-contrast)) .rt-Link:where(:any-link, button):where(.rt-underline-auto):where([data-accent-color='']) {
    text-decoration-line: underline;
    text-decoration-color: var(--accent-a6);
}
@supports (color: color-mix(in oklab, white, black)) {
    .rt-Link:where(:any-link, button):where(.rt-underline-auto):where(.rt-high-contrast),
      :where([data-accent-color]:not(.radix-themes, .rt-high-contrast)) .rt-Link:where(:any-link, button):where(.rt-underline-auto):where([data-accent-color='']) {
        text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
    }
}
@media (hover: hover) {
    .rt-Link:where(:any-link, button):where(.rt-underline-hover):where(:hover) {
        text-decoration-line: underline;
    }
}
.rt-Link:where(:any-link, button):where(.rt-underline-always) {
    text-decoration-line: underline;
}
.rt-Link:where(:focus-visible) {
    text-decoration-line: none;
    border-radius: calc(0.07em * var(--radius-factor));
    outline-color: var(--focus-8);
    outline-width: 2px;
    outline-style: solid;
    outline-offset: 2px;
}
.rt-Link:where(:has(.rt-Code:not(.rt-variant-ghost):only-child)) {
    text-decoration-color: transparent;
}
.rt-PopoverContent {
    background-color: var(--color-panel-solid);
    box-shadow: var(--shadow-5);
    min-width: var(--radix-popover-trigger-width);
    outline: 0;
    overflow: auto;
    position: relative;
    --inset-padding-top: var(--popover-content-padding);
    --inset-padding-right: var(--popover-content-padding);
    --inset-padding-bottom: var(--popover-content-padding);
    --inset-padding-left: var(--popover-content-padding);
    padding: var(--popover-content-padding);
    box-sizing: border-box;
    transform-origin: var(--radix-popover-content-transform-origin);
}
.rt-PopoverContent:where(.rt-r-size-1) {
    --popover-content-padding: var(--space-3);
    border-radius: var(--radius-4);
}
.rt-PopoverContent:where(.rt-r-size-2) {
    --popover-content-padding: var(--space-4);
    border-radius: var(--radius-4);
}
.rt-PopoverContent:where(.rt-r-size-3) {
    --popover-content-padding: var(--space-5);
    border-radius: var(--radius-5);
}
.rt-PopoverContent:where(.rt-r-size-4) {
    --popover-content-padding: var(--space-6);
    border-radius: var(--radius-5);
}
@media (min-width: 520px) {
    .rt-PopoverContent:where(.xs\:rt-r-size-1) {
        --popover-content-padding: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-PopoverContent:where(.xs\:rt-r-size-2) {
        --popover-content-padding: var(--space-4);
        border-radius: var(--radius-4);
    }
    .rt-PopoverContent:where(.xs\:rt-r-size-3) {
        --popover-content-padding: var(--space-5);
        border-radius: var(--radius-5);
    }
    .rt-PopoverContent:where(.xs\:rt-r-size-4) {
        --popover-content-padding: var(--space-6);
        border-radius: var(--radius-5);
    }
}
@media (min-width: 768px) {
    .rt-PopoverContent:where(.sm\:rt-r-size-1) {
        --popover-content-padding: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-PopoverContent:where(.sm\:rt-r-size-2) {
        --popover-content-padding: var(--space-4);
        border-radius: var(--radius-4);
    }
    .rt-PopoverContent:where(.sm\:rt-r-size-3) {
        --popover-content-padding: var(--space-5);
        border-radius: var(--radius-5);
    }
    .rt-PopoverContent:where(.sm\:rt-r-size-4) {
        --popover-content-padding: var(--space-6);
        border-radius: var(--radius-5);
    }
}
@media (min-width: 1024px) {
    .rt-PopoverContent:where(.md\:rt-r-size-1) {
        --popover-content-padding: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-PopoverContent:where(.md\:rt-r-size-2) {
        --popover-content-padding: var(--space-4);
        border-radius: var(--radius-4);
    }
    .rt-PopoverContent:where(.md\:rt-r-size-3) {
        --popover-content-padding: var(--space-5);
        border-radius: var(--radius-5);
    }
    .rt-PopoverContent:where(.md\:rt-r-size-4) {
        --popover-content-padding: var(--space-6);
        border-radius: var(--radius-5);
    }
}
@media (min-width: 1280px) {
    .rt-PopoverContent:where(.lg\:rt-r-size-1) {
        --popover-content-padding: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-PopoverContent:where(.lg\:rt-r-size-2) {
        --popover-content-padding: var(--space-4);
        border-radius: var(--radius-4);
    }
    .rt-PopoverContent:where(.lg\:rt-r-size-3) {
        --popover-content-padding: var(--space-5);
        border-radius: var(--radius-5);
    }
    .rt-PopoverContent:where(.lg\:rt-r-size-4) {
        --popover-content-padding: var(--space-6);
        border-radius: var(--radius-5);
    }
}
@media (min-width: 1640px) {
    .rt-PopoverContent:where(.xl\:rt-r-size-1) {
        --popover-content-padding: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-PopoverContent:where(.xl\:rt-r-size-2) {
        --popover-content-padding: var(--space-4);
        border-radius: var(--radius-4);
    }
    .rt-PopoverContent:where(.xl\:rt-r-size-3) {
        --popover-content-padding: var(--space-5);
        border-radius: var(--radius-5);
    }
    .rt-PopoverContent:where(.xl\:rt-r-size-4) {
        --popover-content-padding: var(--space-6);
        border-radius: var(--radius-5);
    }
}
.rt-ProgressRoot {
    --progress-value: 0;
    --progress-max: 100;
    --progress-duration: 5s;
    pointer-events: none;
    position: relative;
    overflow: hidden;
    flex-grow: 1;
    height: var(--progress-height);
    border-radius: max(calc(var(--radius-factor) * var(--progress-height) / 3), calc(var(--radius-factor) * var(--radius-thumb)));
}
.rt-ProgressRoot::after {
    position: absolute;
    inset: 0;
    content: '';
    border-radius: inherit;
}
.rt-ProgressIndicator {
    display: block;
    height: 100%;
    width: 100%;
    transform: scaleX(calc(var(--progress-value) / var(--progress-max)));
    transform-origin: left center;
    transition: transform 120ms;
}
.rt-ProgressIndicator:where([data-state='indeterminate']) {
    animation-name: rt-progress-indicator-indeterminate-grow, var(--progress-indicator-indeterminate-animation-start), var(--progress-indicator-indeterminate-animation-repeat);
    animation-delay: 0s, calc(var(--progress-duration) + 5s), calc(var(--progress-duration) + 7.5s);
    animation-duration: var(--progress-duration), 2.5s, 5s;
    animation-iteration-count: 1, 1, infinite;
    animation-fill-mode: both, none, none;
    animation-direction: normal, normal, alternate;
}
.rt-ProgressIndicator:where([data-state='indeterminate'])::after {
    position: absolute;
    inset: 0;
    content: '';
    width: 400%;
    animation-name: rt-progress-indicator-indeterminate-shine-from-left;
    animation-delay: calc(var(--progress-duration) + 5s);
    animation-duration: 5s;
    animation-fill-mode: backwards;
    animation-iteration-count: infinite;
    background-image: linear-gradient(to right, transparent 25%, var(--progress-indicator-after-linear-gradient), transparent 75%);
}
@keyframes rt-progress-indicator-indeterminate-grow {
    0% {
        transform: scaleX(0.01);
    }
    20% {
        transform: scaleX(0.1);
    }
    30% {
        transform: scaleX(0.6);
    }
    40%,
  50% {
        transform: scaleX(0.9);
    }
    100% {
        transform: scaleX(1);
    }
}
@keyframes rt-progress-indicator-indeterminate-shine-from-left {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0%);
    }
}
.rt-ProgressRoot:where(.rt-r-size-1) {
    --progress-height: var(--space-1);
}
.rt-ProgressRoot:where(.rt-r-size-2) {
    --progress-height: calc(var(--space-2) * 0.75);
}
.rt-ProgressRoot:where(.rt-r-size-3) {
    --progress-height: var(--space-2);
}
@media (min-width: 520px) {
    .rt-ProgressRoot:where(.xs\:rt-r-size-1) {
        --progress-height: var(--space-1);
    }
    .rt-ProgressRoot:where(.xs\:rt-r-size-2) {
        --progress-height: calc(var(--space-2) * 0.75);
    }
    .rt-ProgressRoot:where(.xs\:rt-r-size-3) {
        --progress-height: var(--space-2);
    }
}
@media (min-width: 768px) {
    .rt-ProgressRoot:where(.sm\:rt-r-size-1) {
        --progress-height: var(--space-1);
    }
    .rt-ProgressRoot:where(.sm\:rt-r-size-2) {
        --progress-height: calc(var(--space-2) * 0.75);
    }
    .rt-ProgressRoot:where(.sm\:rt-r-size-3) {
        --progress-height: var(--space-2);
    }
}
@media (min-width: 1024px) {
    .rt-ProgressRoot:where(.md\:rt-r-size-1) {
        --progress-height: var(--space-1);
    }
    .rt-ProgressRoot:where(.md\:rt-r-size-2) {
        --progress-height: calc(var(--space-2) * 0.75);
    }
    .rt-ProgressRoot:where(.md\:rt-r-size-3) {
        --progress-height: var(--space-2);
    }
}
@media (min-width: 1280px) {
    .rt-ProgressRoot:where(.lg\:rt-r-size-1) {
        --progress-height: var(--space-1);
    }
    .rt-ProgressRoot:where(.lg\:rt-r-size-2) {
        --progress-height: calc(var(--space-2) * 0.75);
    }
    .rt-ProgressRoot:where(.lg\:rt-r-size-3) {
        --progress-height: var(--space-2);
    }
}
@media (min-width: 1640px) {
    .rt-ProgressRoot:where(.xl\:rt-r-size-1) {
        --progress-height: var(--space-1);
    }
    .rt-ProgressRoot:where(.xl\:rt-r-size-2) {
        --progress-height: calc(var(--space-2) * 0.75);
    }
    .rt-ProgressRoot:where(.xl\:rt-r-size-3) {
        --progress-height: var(--space-2);
    }
}
.rt-ProgressRoot:where(.rt-variant-surface) {
    --progress-indicator-indeterminate-animation-start: rt-progress-indicator-surface-indeterminate-fade;
    --progress-indicator-indeterminate-animation-repeat: rt-progress-indicator-surface-indeterminate-pulse;
    background-color: var(--gray-a3);
}
.rt-ProgressRoot:where(.rt-variant-surface)::after {
    box-shadow: inset 0 0 0 1px var(--gray-a4);
}
.rt-ProgressRoot:where(.rt-variant-surface) :where(.rt-ProgressIndicator) {
    background-color: var(--accent-track);
}
@keyframes rt-progress-indicator-surface-indeterminate-fade {
    100% {
        background-color: var(--accent-7);
    }
}
@keyframes rt-progress-indicator-surface-indeterminate-pulse {
    0% {
        background-color: var(--accent-7);
    }
    100% {
        background-color: var(--accent-track);
    }
}
.rt-ProgressRoot:where(.rt-variant-classic) {
    --progress-indicator-indeterminate-animation-start: rt-progress-indicator-classic-indeterminate-fade;
    --progress-indicator-indeterminate-animation-repeat: rt-progress-indicator-classic-indeterminate-pulse;
    background-color: var(--gray-a3);
}
.rt-ProgressRoot:where(.rt-variant-classic)::after {
    box-shadow: var(--shadow-1);
}
.rt-ProgressRoot:where(.rt-variant-classic) :where(.rt-ProgressIndicator) {
    background-color: var(--accent-track);
}
@keyframes rt-progress-indicator-classic-indeterminate-fade {
    100% {
        background-color: var(--accent-7);
    }
}
@keyframes rt-progress-indicator-classic-indeterminate-pulse {
    0% {
        background-color: var(--accent-7);
    }
    100% {
        background-color: var(--accent-track);
    }
}
.rt-ProgressRoot:where(.rt-variant-soft) {
    --progress-indicator-indeterminate-animation-start: rt-progress-indicator-soft-indeterminate-fade;
    --progress-indicator-indeterminate-animation-repeat: rt-progress-indicator-soft-indeterminate-pulse;
    background-color: var(--gray-a4);
    background-image: linear-gradient(var(--white-a1), var(--white-a1));
}
.rt-ProgressRoot:where(.rt-variant-soft) :where(.rt-ProgressIndicator) {
    background-image: linear-gradient(var(--accent-a5), var(--accent-a5));
    background-color: var(--accent-8);
}
.rt-ProgressRoot:where(.rt-variant-soft) :where(.rt-ProgressIndicator)::after {
    opacity: 0.75;
}
@keyframes rt-progress-indicator-soft-indeterminate-fade {
    100% {
        background-color: var(--accent-5);
    }
}
@keyframes rt-progress-indicator-soft-indeterminate-pulse {
    0% {
        background-color: var(--accent-5);
    }
    100% {
        background-color: var(--accent-7);
    }
}
.rt-ProgressRoot:where(.rt-high-contrast) {
    --progress-indicator-indeterminate-animation-start: rt-progress-indicator-high-contrast-indeterminate-fade;
    --progress-indicator-indeterminate-animation-repeat: rt-progress-indicator-high-contrast-indeterminate-pulse;
}
.rt-ProgressRoot:where(.rt-high-contrast) :where(.rt-ProgressIndicator) {
    background-color: var(--accent-12);
}
.rt-ProgressRoot:where(.rt-high-contrast) :where(.rt-ProgressIndicator)::after {
    opacity: 0.75;
}
@keyframes rt-progress-indicator-high-contrast-indeterminate-fade {
    100% {
        opacity: 0.8;
    }
}
@keyframes rt-progress-indicator-high-contrast-indeterminate-pulse {
    0% {
        opacity: 0.8;
    }
    100% {
        opacity: 1;
    }
}
.rt-Quote {
    box-sizing: border-box;
    font-family: var(--quote-font-family);
    font-size: calc(var(--quote-font-size-adjust) * 1em);
    font-style: var(--quote-font-style);
    font-weight: var(--quote-font-weight);
    line-height: 1.25;
    letter-spacing: calc(var(--quote-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing)));
    color: inherit;
}
.rt-Quote :where(.rt-Quote) {
    font-size: inherit;
}
.rt-RadioCardsRoot {
    line-height: var(--line-height);
    letter-spacing: var(--letter-spacing);
    cursor: default;
}
.rt-RadioCardsItem {
    --base-card-padding-top: var(--radio-cards-item-padding-y);
    --base-card-padding-right: var(--radio-cards-item-padding-x);
    --base-card-padding-bottom: var(--radio-cards-item-padding-y);
    --base-card-padding-left: var(--radio-cards-item-padding-x);
    --base-card-border-radius: var(--radio-cards-item-border-radius);
    --base-card-border-width: var(--radio-cards-item-border-width);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
}
.rt-RadioCardsItem > * {
    pointer-events: none;
}
.rt-RadioCardsItem > :where(svg) {
    flex-shrink: 0;
}
.rt-RadioCardsItem::after {
    outline-offset: -1px;
}
.rt-RadioCardsRoot:where(.rt-r-size-1) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --radio-cards-item-padding-x: var(--space-3);
    --radio-cards-item-padding-y: calc(var(--space-3) / 1.2);
    --radio-cards-item-border-radius: var(--radius-3);
}
.rt-RadioCardsRoot:where(.rt-r-size-2) {
    font-size: var(--font-size-2);
    --line-height: var(--line-height-2);
    --letter-spacing: var(--letter-spacing-2);
    --radio-cards-item-padding-x: var(--space-4);
    --radio-cards-item-padding-y: calc(var(--space-4) * 0.875);
    --radio-cards-item-border-radius: var(--radius-3);
}
.rt-RadioCardsRoot:where(.rt-r-size-3) {
    font-size: var(--font-size-3);
    --line-height: var(--line-height-3);
    --letter-spacing: var(--letter-spacing-3);
    --radio-cards-item-padding-x: var(--space-5);
    --radio-cards-item-padding-y: calc(var(--space-5) / 1.2);
    --radio-cards-item-border-radius: var(--radius-4);
}
@media (min-width: 520px) {
    .rt-RadioCardsRoot:where(.xs\:rt-r-size-1) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --radio-cards-item-padding-x: var(--space-3);
        --radio-cards-item-padding-y: calc(var(--space-3) / 1.2);
        --radio-cards-item-border-radius: var(--radius-3);
    }
    .rt-RadioCardsRoot:where(.xs\:rt-r-size-2) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --radio-cards-item-padding-x: var(--space-4);
        --radio-cards-item-padding-y: calc(var(--space-4) * 0.875);
        --radio-cards-item-border-radius: var(--radius-3);
    }
    .rt-RadioCardsRoot:where(.xs\:rt-r-size-3) {
        font-size: var(--font-size-3);
        --line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
        --radio-cards-item-padding-x: var(--space-5);
        --radio-cards-item-padding-y: calc(var(--space-5) / 1.2);
        --radio-cards-item-border-radius: var(--radius-4);
    }
}
@media (min-width: 768px) {
    .rt-RadioCardsRoot:where(.sm\:rt-r-size-1) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --radio-cards-item-padding-x: var(--space-3);
        --radio-cards-item-padding-y: calc(var(--space-3) / 1.2);
        --radio-cards-item-border-radius: var(--radius-3);
    }
    .rt-RadioCardsRoot:where(.sm\:rt-r-size-2) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --radio-cards-item-padding-x: var(--space-4);
        --radio-cards-item-padding-y: calc(var(--space-4) * 0.875);
        --radio-cards-item-border-radius: var(--radius-3);
    }
    .rt-RadioCardsRoot:where(.sm\:rt-r-size-3) {
        font-size: var(--font-size-3);
        --line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
        --radio-cards-item-padding-x: var(--space-5);
        --radio-cards-item-padding-y: calc(var(--space-5) / 1.2);
        --radio-cards-item-border-radius: var(--radius-4);
    }
}
@media (min-width: 1024px) {
    .rt-RadioCardsRoot:where(.md\:rt-r-size-1) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --radio-cards-item-padding-x: var(--space-3);
        --radio-cards-item-padding-y: calc(var(--space-3) / 1.2);
        --radio-cards-item-border-radius: var(--radius-3);
    }
    .rt-RadioCardsRoot:where(.md\:rt-r-size-2) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --radio-cards-item-padding-x: var(--space-4);
        --radio-cards-item-padding-y: calc(var(--space-4) * 0.875);
        --radio-cards-item-border-radius: var(--radius-3);
    }
    .rt-RadioCardsRoot:where(.md\:rt-r-size-3) {
        font-size: var(--font-size-3);
        --line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
        --radio-cards-item-padding-x: var(--space-5);
        --radio-cards-item-padding-y: calc(var(--space-5) / 1.2);
        --radio-cards-item-border-radius: var(--radius-4);
    }
}
@media (min-width: 1280px) {
    .rt-RadioCardsRoot:where(.lg\:rt-r-size-1) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --radio-cards-item-padding-x: var(--space-3);
        --radio-cards-item-padding-y: calc(var(--space-3) / 1.2);
        --radio-cards-item-border-radius: var(--radius-3);
    }
    .rt-RadioCardsRoot:where(.lg\:rt-r-size-2) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --radio-cards-item-padding-x: var(--space-4);
        --radio-cards-item-padding-y: calc(var(--space-4) * 0.875);
        --radio-cards-item-border-radius: var(--radius-3);
    }
    .rt-RadioCardsRoot:where(.lg\:rt-r-size-3) {
        font-size: var(--font-size-3);
        --line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
        --radio-cards-item-padding-x: var(--space-5);
        --radio-cards-item-padding-y: calc(var(--space-5) / 1.2);
        --radio-cards-item-border-radius: var(--radius-4);
    }
}
@media (min-width: 1640px) {
    .rt-RadioCardsRoot:where(.xl\:rt-r-size-1) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --radio-cards-item-padding-x: var(--space-3);
        --radio-cards-item-padding-y: calc(var(--space-3) / 1.2);
        --radio-cards-item-border-radius: var(--radius-3);
    }
    .rt-RadioCardsRoot:where(.xl\:rt-r-size-2) {
        font-size: var(--font-size-2);
        --line-height: var(--line-height-2);
        --letter-spacing: var(--letter-spacing-2);
        --radio-cards-item-padding-x: var(--space-4);
        --radio-cards-item-padding-y: calc(var(--space-4) * 0.875);
        --radio-cards-item-border-radius: var(--radius-3);
    }
    .rt-RadioCardsRoot:where(.xl\:rt-r-size-3) {
        font-size: var(--font-size-3);
        --line-height: var(--line-height-3);
        --letter-spacing: var(--letter-spacing-3);
        --radio-cards-item-padding-x: var(--space-5);
        --radio-cards-item-padding-y: calc(var(--space-5) / 1.2);
        --radio-cards-item-border-radius: var(--radius-4);
    }
}
:where(.rt-RadioCardsRoot.rt-variant-surface) .rt-RadioCardsItem {
    --radio-cards-item-border-width: 1px;
    --radio-cards-item-background-color: var(--color-surface);
}
:where(.rt-RadioCardsRoot.rt-variant-surface) .rt-RadioCardsItem::before {
    background-color: var(--radio-cards-item-background-color);
}
:where(.rt-RadioCardsRoot.rt-variant-surface) .rt-RadioCardsItem::after {
    box-shadow: var(--base-card-surface-box-shadow);
}
@media (hover: hover) {
    :where(.rt-RadioCardsRoot.rt-variant-surface) .rt-RadioCardsItem:where(:not(:disabled):not([data-state='checked']):hover)::after {
        box-shadow: var(--base-card-surface-hover-box-shadow);
    }
}
:where(.rt-RadioCardsRoot.rt-variant-classic) .rt-RadioCardsItem {
    --radio-cards-item-border-width: 1px;
    --radio-cards-item-background-color: var(--color-surface);
    transition: box-shadow 120ms;
    box-shadow: var(--base-card-classic-box-shadow-outer);
}
:where(.rt-RadioCardsRoot.rt-variant-classic) .rt-RadioCardsItem::before {
    background-color: var(--radio-cards-item-background-color);
}
:where(.rt-RadioCardsRoot.rt-variant-classic) .rt-RadioCardsItem::after {
    box-shadow: var(--base-card-classic-box-shadow-inner);
}
@media (hover: hover) {
    :where(.rt-RadioCardsRoot.rt-variant-classic) .rt-RadioCardsItem:where(:not(:disabled):not([data-state='checked']):hover) {
        transition-duration: 40ms;
        box-shadow: var(--base-card-classic-hover-box-shadow-outer);
    }
    :where(.rt-RadioCardsRoot.rt-variant-classic) .rt-RadioCardsItem:where(:not(:disabled):not([data-state='checked']):hover)::after {
        box-shadow: var(--base-card-classic-hover-box-shadow-inner);
    }
}
.rt-RadioCardsItem:where([data-state='checked'])::after {
    outline: 2px solid var(--accent-indicator);
}
:where(.rt-RadioCardsRoot.rt-high-contrast) .rt-RadioCardsItem:where([data-state='checked'])::after {
    outline-color: var(--accent-12);
}
.rt-RadioCardsItem:where(:focus-visible)::after {
    outline: 2px solid var(--focus-8);
}
.rt-RadioCardsItem:where(:focus-visible):where([data-state='checked'])::before {
    background-image: linear-gradient(var(--focus-a3), var(--focus-a3));
}
.rt-RadioCardsItem:where(:focus-visible):where([data-state='checked'])::after {
    outline-color: var(--focus-10);
}
.rt-RadioCardsItem:where(:disabled) {
    cursor: var(--cursor-disabled);
    color: var(--gray-a9);
}
.rt-RadioCardsItem:where(:disabled)::selection {
    background-color: var(--gray-a5);
}
.rt-RadioCardsItem:where(:disabled)::before {
    background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
}
.rt-RadioCardsItem:where(:disabled)::after {
    outline-color: var(--gray-8);
}
.rt-RadioGroupRoot {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}
.rt-RadioGroupItem {
    display: flex;
    gap: 0.5em;
    width: -moz-fit-content;
    width: fit-content;
}
.rt-RadioGroupItemInner {
    min-width: 0;
}
.rt-BaseRadioRoot {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    flex-shrink: 0;
    cursor: var(--cursor-radio);
    height: var(--skeleton-height, var(--line-height, var(--radio-size)));
    --skeleton-height-override: var(--radio-size);
    border-radius: var(--skeleton-radius);
    --skeleton-radius-override: 100%;
}
.rt-BaseRadioRoot:where(:disabled, [data-disabled]) {
    cursor: var(--cursor-disabled);
}
.rt-BaseRadioRoot::before {
    content: '';
    display: block;
    height: var(--radio-size);
    width: var(--radio-size);
    border-radius: 100%;
}
.rt-BaseRadioRoot::after {
    pointer-events: none;
    position: absolute;
    height: var(--radio-size);
    width: var(--radio-size);
    border-radius: 100%;
    transform: scale(0.4);
}
.rt-BaseRadioRoot:where(:checked, [data-state='checked'])::after {
    content: '';
}
.rt-BaseRadioRoot:where(:focus-visible)::before {
    outline: 2px solid var(--focus-8);
    outline-offset: 2px;
}
.rt-BaseRadioRoot:where(.rt-r-size-1) {
    --radio-size: calc(var(--space-4) * 0.875);
}
.rt-BaseRadioRoot:where(.rt-r-size-2) {
    --radio-size: var(--space-4);
}
.rt-BaseRadioRoot:where(.rt-r-size-3) {
    --radio-size: calc(var(--space-4) * 1.25);
}
@media (min-width: 520px) {
    .rt-BaseRadioRoot:where(.xs\:rt-r-size-1) {
        --radio-size: calc(var(--space-4) * 0.875);
    }
    .rt-BaseRadioRoot:where(.xs\:rt-r-size-2) {
        --radio-size: var(--space-4);
    }
    .rt-BaseRadioRoot:where(.xs\:rt-r-size-3) {
        --radio-size: calc(var(--space-4) * 1.25);
    }
}
@media (min-width: 768px) {
    .rt-BaseRadioRoot:where(.sm\:rt-r-size-1) {
        --radio-size: calc(var(--space-4) * 0.875);
    }
    .rt-BaseRadioRoot:where(.sm\:rt-r-size-2) {
        --radio-size: var(--space-4);
    }
    .rt-BaseRadioRoot:where(.sm\:rt-r-size-3) {
        --radio-size: calc(var(--space-4) * 1.25);
    }
}
@media (min-width: 1024px) {
    .rt-BaseRadioRoot:where(.md\:rt-r-size-1) {
        --radio-size: calc(var(--space-4) * 0.875);
    }
    .rt-BaseRadioRoot:where(.md\:rt-r-size-2) {
        --radio-size: var(--space-4);
    }
    .rt-BaseRadioRoot:where(.md\:rt-r-size-3) {
        --radio-size: calc(var(--space-4) * 1.25);
    }
}
@media (min-width: 1280px) {
    .rt-BaseRadioRoot:where(.lg\:rt-r-size-1) {
        --radio-size: calc(var(--space-4) * 0.875);
    }
    .rt-BaseRadioRoot:where(.lg\:rt-r-size-2) {
        --radio-size: var(--space-4);
    }
    .rt-BaseRadioRoot:where(.lg\:rt-r-size-3) {
        --radio-size: calc(var(--space-4) * 1.25);
    }
}
@media (min-width: 1640px) {
    .rt-BaseRadioRoot:where(.xl\:rt-r-size-1) {
        --radio-size: calc(var(--space-4) * 0.875);
    }
    .rt-BaseRadioRoot:where(.xl\:rt-r-size-2) {
        --radio-size: var(--space-4);
    }
    .rt-BaseRadioRoot:where(.xl\:rt-r-size-3) {
        --radio-size: calc(var(--space-4) * 1.25);
    }
}
.rt-BaseRadioRoot:where(.rt-variant-surface):where(:not(:checked), [data-state='unchecked'])::before {
    background-color: var(--color-surface);
    box-shadow: inset 0 0 0 1px var(--gray-a7);
}
.rt-BaseRadioRoot:where(.rt-variant-surface):where(:checked, [data-state='checked'])::before {
    background-color: var(--accent-indicator);
}
.rt-BaseRadioRoot:where(.rt-variant-surface)::after {
    background-color: var(--accent-contrast);
}
.rt-BaseRadioRoot:where(.rt-variant-surface):where(.rt-high-contrast):where(:checked, [data-state='checked'])::before {
    background-color: var(--accent-12);
}
.rt-BaseRadioRoot:where(.rt-variant-surface):where(.rt-high-contrast)::after {
    background-color: var(--accent-1);
}
.rt-BaseRadioRoot:where(.rt-variant-surface):where(:disabled, [data-disabled])::before {
    box-shadow: inset 0 0 0 1px var(--gray-a6);
    background-color: var(--gray-a3);
}
.rt-BaseRadioRoot:where(.rt-variant-surface):where(:disabled, [data-disabled])::after {
    background-color: var(--gray-a8);
}
.rt-BaseRadioRoot:where(.rt-variant-classic):where(:not(:checked), [data-state='unchecked'])::before {
    background-color: var(--color-surface);
    box-shadow: inset 0 0 0 1px var(--gray-7), var(--shadow-1);
}
.rt-BaseRadioRoot:where(.rt-variant-classic):where(:checked, [data-state='checked'])::before {
    background-color: var(--accent-indicator);
    background-image: linear-gradient(to bottom, var(--white-a3), transparent, var(--black-a3));
    box-shadow: inset 0 0.5px 0.5px var(--white-a4), inset 0 -0.5px 0.5px var(--black-a4);
}
.rt-BaseRadioRoot:where(.rt-variant-classic)::after {
    background-color: var(--accent-contrast);
}
.rt-BaseRadioRoot:where(.rt-variant-classic):where(.rt-high-contrast):where(:checked, [data-state='checked'])::before {
    background-color: var(--accent-12);
}
.rt-BaseRadioRoot:where(.rt-variant-classic):where(.rt-high-contrast)::after {
    background-color: var(--accent-1);
}
.rt-BaseRadioRoot:where(.rt-variant-classic):where(:disabled, [data-disabled])::before {
    box-shadow: var(--shadow-1);
    background-color: var(--gray-a3);
    background-image: none;
}
.rt-BaseRadioRoot:where(.rt-variant-classic):where(:disabled, [data-disabled])::after {
    background-color: var(--gray-a8);
}
.rt-BaseRadioRoot:where(.rt-variant-soft)::before {
    background-color: var(--accent-a4);
}
.rt-BaseRadioRoot:where(.rt-variant-soft)::after {
    background-color: var(--accent-a11);
}
.rt-BaseRadioRoot:where(.rt-variant-soft):where(.rt-high-contrast)::after {
    background-color: var(--accent-12);
}
.rt-BaseRadioRoot:where(.rt-variant-soft):where(:focus-visible)::before {
    outline-color: var(--accent-a8);
}
.rt-BaseRadioRoot:where(.rt-variant-soft):where(:disabled, [data-disabled])::before {
    background-color: var(--gray-a3);
}
.rt-BaseRadioRoot:where(.rt-variant-soft):where(:disabled, [data-disabled])::after {
    background-color: var(--gray-a8);
}
.rt-ScrollAreaRoot {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.rt-ScrollAreaViewport {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.rt-ScrollAreaViewport:where(:focus-visible) + :where(.rt-ScrollAreaViewportFocusRing) {
    position: absolute;
    inset: 0;
    pointer-events: none;
    outline: 2px solid var(--focus-8);
    outline-offset: -2px;
}
.rt-ScrollAreaViewport:where(:has(.rt-ScrollAreaScrollbar[data-orientation='horizontal'])) {
    overscroll-behavior-x: contain;
}
.rt-ScrollAreaViewport > * {
    display: block !important;
    width: -moz-fit-content;
    width: fit-content;
    flex-grow: 1;
}
.rt-ScrollAreaScrollbar {
    display: flex;
    -webkit-user-select: none;
            user-select: none;
    touch-action: none;
    background-color: var(--gray-a3);
    border-radius: var(--scrollarea-scrollbar-border-radius);
    animation-duration: 120ms;
    animation-timing-function: ease-out;
}
.rt-ScrollAreaScrollbar:where([data-orientation='vertical']) {
    flex-direction: column;
    width: var(--scrollarea-scrollbar-size);
    margin-top: var(--scrollarea-scrollbar-vertical-margin-top);
    margin-bottom: var(--scrollarea-scrollbar-vertical-margin-bottom);
    margin-left: var(--scrollarea-scrollbar-vertical-margin-left);
    margin-right: var(--scrollarea-scrollbar-vertical-margin-right);
}
.rt-ScrollAreaScrollbar:where([data-orientation='horizontal']) {
    flex-direction: row;
    height: var(--scrollarea-scrollbar-size);
    margin-top: var(--scrollarea-scrollbar-horizontal-margin-top);
    margin-bottom: var(--scrollarea-scrollbar-horizontal-margin-bottom);
    margin-left: var(--scrollarea-scrollbar-horizontal-margin-left);
    margin-right: var(--scrollarea-scrollbar-horizontal-margin-right);
}
.rt-ScrollAreaThumb {
    position: relative;
    background-color: var(--gray-a8);
    border-radius: inherit;
    transition: background-color 100ms;
}
.rt-ScrollAreaThumb::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    min-width: var(--space-4);
    min-height: var(--space-4);
}
.rt-ScrollAreaScrollbar:where(.rt-r-size-1) {
    --scrollarea-scrollbar-size: var(--space-1);
    --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
}
.rt-ScrollAreaScrollbar:where(.rt-r-size-2) {
    --scrollarea-scrollbar-size: var(--space-2);
    --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
}
.rt-ScrollAreaScrollbar:where(.rt-r-size-3) {
    --scrollarea-scrollbar-size: var(--space-3);
    --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
}
@media (min-width: 520px) {
    .rt-ScrollAreaScrollbar:where(.xs\:rt-r-size-1) {
        --scrollarea-scrollbar-size: var(--space-1);
        --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar:where(.xs\:rt-r-size-2) {
        --scrollarea-scrollbar-size: var(--space-2);
        --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar:where(.xs\:rt-r-size-3) {
        --scrollarea-scrollbar-size: var(--space-3);
        --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
    }
}
@media (min-width: 768px) {
    .rt-ScrollAreaScrollbar:where(.sm\:rt-r-size-1) {
        --scrollarea-scrollbar-size: var(--space-1);
        --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar:where(.sm\:rt-r-size-2) {
        --scrollarea-scrollbar-size: var(--space-2);
        --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar:where(.sm\:rt-r-size-3) {
        --scrollarea-scrollbar-size: var(--space-3);
        --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
    }
}
@media (min-width: 1024px) {
    .rt-ScrollAreaScrollbar:where(.md\:rt-r-size-1) {
        --scrollarea-scrollbar-size: var(--space-1);
        --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar:where(.md\:rt-r-size-2) {
        --scrollarea-scrollbar-size: var(--space-2);
        --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar:where(.md\:rt-r-size-3) {
        --scrollarea-scrollbar-size: var(--space-3);
        --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
    }
}
@media (min-width: 1280px) {
    .rt-ScrollAreaScrollbar:where(.lg\:rt-r-size-1) {
        --scrollarea-scrollbar-size: var(--space-1);
        --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar:where(.lg\:rt-r-size-2) {
        --scrollarea-scrollbar-size: var(--space-2);
        --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar:where(.lg\:rt-r-size-3) {
        --scrollarea-scrollbar-size: var(--space-3);
        --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
    }
}
@media (min-width: 1640px) {
    .rt-ScrollAreaScrollbar:where(.xl\:rt-r-size-1) {
        --scrollarea-scrollbar-size: var(--space-1);
        --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar:where(.xl\:rt-r-size-2) {
        --scrollarea-scrollbar-size: var(--space-2);
        --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-ScrollAreaScrollbar:where(.xl\:rt-r-size-3) {
        --scrollarea-scrollbar-size: var(--space-3);
        --scrollarea-scrollbar-border-radius: max(var(--radius-1), var(--radius-full));
    }
}
.rt-ScrollAreaScrollbar:where([data-state='visible']) {
    animation-name: rt-fade-in;
}
.rt-ScrollAreaScrollbar:where([data-state='hidden']) {
    animation-name: rt-fade-out;
}
@media (hover: hover) {
    .rt-ScrollAreaThumb:where(:hover) {
        background-color: var(--gray-a9);
    }
}
.rt-SegmentedControlRoot {
    display: inline-grid;
    vertical-align: top;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    align-items: stretch;
    color: var(--gray-12);
    background-color: var(--color-surface);
    background-image: linear-gradient(var(--gray-a3), var(--gray-a3));
    position: relative;
    min-width: max-content;
    font-family: var(--default-font-family);
    font-style: normal;
    text-align: center;
    isolation: isolate;
    border-radius: var(--segmented-control-border-radius);
}
.rt-SegmentedControlRoot:where([data-disabled]) {
    color: var(--gray-a8);
    background-color: var(--gray-3);
}
.rt-SegmentedControlItem {
    display: flex;
    align-items: stretch;
    -webkit-user-select: none;
            user-select: none;
}
.rt-SegmentedControlItem:where(:first-child) {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
}
.rt-SegmentedControlItem:where(:nth-last-child(2)) {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
}
.rt-SegmentedControlItem:where(:focus-visible) {
    border-radius: inherit;
    outline: 2px solid var(--focus-8);
    outline-offset: -1px;
}
.rt-SegmentedControlItemLabel :where(svg) {
    flex-shrink: 0;
}
@media (hover: hover) {
    :where(.rt-SegmentedControlItem[data-state='off']:not([disabled]):hover) .rt-SegmentedControlItemLabel {
        background-color: var(--gray-a2);
    }
}
.rt-SegmentedControlItemLabelInactive {
    position: absolute;
    transition: opacity calc(0.8 * var(--segmented-control-transition-duration));
    font-weight: var(--font-weight-regular);
    letter-spacing: var(--tab-inactive-letter-spacing);
    word-spacing: var(--tab-inactive-word-spacing);
    opacity: 1;
    transition-timing-function: ease-out;
}
:where(.rt-SegmentedControlItem[data-state='on']) .rt-SegmentedControlItemLabelInactive {
    opacity: 0;
    transition-timing-function: ease-in;
}
.rt-SegmentedControlItemLabelActive {
    transition: opacity calc(0.8 * var(--segmented-control-transition-duration));
    font-weight: var(--font-weight-medium);
    letter-spacing: var(--tab-active-letter-spacing);
    word-spacing: var(--tab-active-word-spacing);
    opacity: 0;
    transition-timing-function: ease-in;
}
:where(.rt-SegmentedControlItem[data-state='on']) .rt-SegmentedControlItemLabelActive {
    opacity: 1;
    transition-timing-function: ease-out;
}
.rt-SegmentedControlItemSeparator {
    z-index: -1;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: -0.5px;
    margin-right: -0.5px;
    width: 1px;
    background-color: var(--gray-a4);
    transition: opacity calc(0.8 * var(--segmented-control-transition-duration));
    transition-timing-function: ease-out;
}
:where(.rt-SegmentedControlItem:first-child) .rt-SegmentedControlItemSeparator,
  :where(.rt-SegmentedControlItem:where([data-state='on'], :focus-visible)) .rt-SegmentedControlItemSeparator,
  :where(.rt-SegmentedControlItem:where([data-state='on'], :focus-visible)) + * .rt-SegmentedControlItemSeparator {
    opacity: 0;
    transition-timing-function: ease-in;
}
:where(.rt-SegmentedControlRoot:has(:focus-visible)) .rt-SegmentedControlItemSeparator {
    transition-duration: 0ms;
}
.rt-SegmentedControlIndicator {
    display: none;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    height: 100%;
    pointer-events: none;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition-duration: var(--segmented-control-transition-duration);
}
.rt-SegmentedControlIndicator::before {
    inset: 1px;
    position: absolute;
    border-radius: max(0.5px, calc(var(--segmented-control-border-radius) - 1px));
    background-color: var(--segmented-control-indicator-background-color);
    content: '';
}
:where(.rt-SegmentedControlItem[data-state='on']) ~ .rt-SegmentedControlIndicator {
    display: block;
}
:where(.rt-SegmentedControlItem[disabled]) ~ .rt-SegmentedControlIndicator {
    --segmented-control-indicator-background-color: var(--gray-a3);
}
:where(.rt-SegmentedControlItem[disabled]) ~ .rt-SegmentedControlIndicator::before {
    inset: 0px;
    box-shadow: none;
}
.rt-SegmentedControlIndicator:where(:nth-child(2)) {
    width: calc(100% / 1);
}
.rt-SegmentedControlIndicator:where(:nth-child(3)) {
    width: calc(100% / 2);
}
.rt-SegmentedControlIndicator:where(:nth-child(4)) {
    width: calc(100% / 3);
}
.rt-SegmentedControlIndicator:where(:nth-child(5)) {
    width: calc(100% / 4);
}
.rt-SegmentedControlIndicator:where(:nth-child(6)) {
    width: calc(100% / 5);
}
.rt-SegmentedControlIndicator:where(:nth-child(7)) {
    width: calc(100% / 6);
}
.rt-SegmentedControlIndicator:where(:nth-child(8)) {
    width: calc(100% / 7);
}
.rt-SegmentedControlIndicator:where(:nth-child(9)) {
    width: calc(100% / 8);
}
.rt-SegmentedControlIndicator:where(:nth-child(10)) {
    width: calc(100% / 9);
}
.rt-SegmentedControlIndicator:where(:nth-child(11)) {
    width: calc(100% / 10);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(1)) ~ .rt-SegmentedControlIndicator {
    transform: translateX(0%);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(2)) ~ .rt-SegmentedControlIndicator {
    transform: translateX(100%);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(3)) ~ .rt-SegmentedControlIndicator {
    transform: translateX(200%);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(4)) ~ .rt-SegmentedControlIndicator {
    transform: translateX(300%);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(5)) ~ .rt-SegmentedControlIndicator {
    transform: translateX(400%);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(6)) ~ .rt-SegmentedControlIndicator {
    transform: translateX(500%);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(7)) ~ .rt-SegmentedControlIndicator {
    transform: translateX(600%);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(8)) ~ .rt-SegmentedControlIndicator {
    transform: translateX(700%);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(9)) ~ .rt-SegmentedControlIndicator {
    transform: translateX(800%);
}
:where(.rt-SegmentedControlItem[data-state='on']:nth-child(10)) ~ .rt-SegmentedControlIndicator {
    transform: translateX(900%);
}
.rt-SegmentedControlItemLabel {
    box-sizing: border-box;
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    border-radius: inherit;
}
.rt-SegmentedControlRoot:where(.rt-r-size-1) {
    --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
    height: var(--space-5);
}
.rt-SegmentedControlRoot:where(.rt-r-size-1) :where(.rt-SegmentedControlItemLabel) {
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    padding-left: var(--space-3);
    padding-right: var(--space-3);
    gap: var(--space-1);
}
.rt-SegmentedControlRoot:where(.rt-r-size-2) {
    --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
    height: var(--space-6);
}
.rt-SegmentedControlRoot:where(.rt-r-size-2) :where(.rt-SegmentedControlItemLabel) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    padding-left: var(--space-4);
    padding-right: var(--space-4);
    gap: var(--space-2);
}
.rt-SegmentedControlRoot:where(.rt-r-size-3) {
    --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
    height: var(--space-7);
}
.rt-SegmentedControlRoot:where(.rt-r-size-3) :where(.rt-SegmentedControlItemLabel) {
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
    padding-left: var(--space-4);
    padding-right: var(--space-4);
    gap: var(--space-3);
}
@media (min-width: 520px) {
    .rt-SegmentedControlRoot:where(.xs\:rt-r-size-1) {
        --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
        height: var(--space-5);
    }
    .rt-SegmentedControlRoot:where(.xs\:rt-r-size-1) :where(.rt-SegmentedControlItemLabel) {
        font-size: var(--font-size-1);
        letter-spacing: var(--letter-spacing-1);
        padding-left: var(--space-3);
        padding-right: var(--space-3);
        gap: var(--space-1);
    }
    .rt-SegmentedControlRoot:where(.xs\:rt-r-size-2) {
        --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
        height: var(--space-6);
    }
    .rt-SegmentedControlRoot:where(.xs\:rt-r-size-2) :where(.rt-SegmentedControlItemLabel) {
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
        padding-left: var(--space-4);
        padding-right: var(--space-4);
        gap: var(--space-2);
    }
    .rt-SegmentedControlRoot:where(.xs\:rt-r-size-3) {
        --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
        height: var(--space-7);
    }
    .rt-SegmentedControlRoot:where(.xs\:rt-r-size-3) :where(.rt-SegmentedControlItemLabel) {
        font-size: var(--font-size-3);
        letter-spacing: var(--letter-spacing-3);
        padding-left: var(--space-4);
        padding-right: var(--space-4);
        gap: var(--space-3);
    }
}
@media (min-width: 768px) {
    .rt-SegmentedControlRoot:where(.sm\:rt-r-size-1) {
        --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
        height: var(--space-5);
    }
    .rt-SegmentedControlRoot:where(.sm\:rt-r-size-1) :where(.rt-SegmentedControlItemLabel) {
        font-size: var(--font-size-1);
        letter-spacing: var(--letter-spacing-1);
        padding-left: var(--space-3);
        padding-right: var(--space-3);
        gap: var(--space-1);
    }
    .rt-SegmentedControlRoot:where(.sm\:rt-r-size-2) {
        --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
        height: var(--space-6);
    }
    .rt-SegmentedControlRoot:where(.sm\:rt-r-size-2) :where(.rt-SegmentedControlItemLabel) {
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
        padding-left: var(--space-4);
        padding-right: var(--space-4);
        gap: var(--space-2);
    }
    .rt-SegmentedControlRoot:where(.sm\:rt-r-size-3) {
        --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
        height: var(--space-7);
    }
    .rt-SegmentedControlRoot:where(.sm\:rt-r-size-3) :where(.rt-SegmentedControlItemLabel) {
        font-size: var(--font-size-3);
        letter-spacing: var(--letter-spacing-3);
        padding-left: var(--space-4);
        padding-right: var(--space-4);
        gap: var(--space-3);
    }
}
@media (min-width: 1024px) {
    .rt-SegmentedControlRoot:where(.md\:rt-r-size-1) {
        --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
        height: var(--space-5);
    }
    .rt-SegmentedControlRoot:where(.md\:rt-r-size-1) :where(.rt-SegmentedControlItemLabel) {
        font-size: var(--font-size-1);
        letter-spacing: var(--letter-spacing-1);
        padding-left: var(--space-3);
        padding-right: var(--space-3);
        gap: var(--space-1);
    }
    .rt-SegmentedControlRoot:where(.md\:rt-r-size-2) {
        --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
        height: var(--space-6);
    }
    .rt-SegmentedControlRoot:where(.md\:rt-r-size-2) :where(.rt-SegmentedControlItemLabel) {
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
        padding-left: var(--space-4);
        padding-right: var(--space-4);
        gap: var(--space-2);
    }
    .rt-SegmentedControlRoot:where(.md\:rt-r-size-3) {
        --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
        height: var(--space-7);
    }
    .rt-SegmentedControlRoot:where(.md\:rt-r-size-3) :where(.rt-SegmentedControlItemLabel) {
        font-size: var(--font-size-3);
        letter-spacing: var(--letter-spacing-3);
        padding-left: var(--space-4);
        padding-right: var(--space-4);
        gap: var(--space-3);
    }
}
@media (min-width: 1280px) {
    .rt-SegmentedControlRoot:where(.lg\:rt-r-size-1) {
        --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
        height: var(--space-5);
    }
    .rt-SegmentedControlRoot:where(.lg\:rt-r-size-1) :where(.rt-SegmentedControlItemLabel) {
        font-size: var(--font-size-1);
        letter-spacing: var(--letter-spacing-1);
        padding-left: var(--space-3);
        padding-right: var(--space-3);
        gap: var(--space-1);
    }
    .rt-SegmentedControlRoot:where(.lg\:rt-r-size-2) {
        --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
        height: var(--space-6);
    }
    .rt-SegmentedControlRoot:where(.lg\:rt-r-size-2) :where(.rt-SegmentedControlItemLabel) {
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
        padding-left: var(--space-4);
        padding-right: var(--space-4);
        gap: var(--space-2);
    }
    .rt-SegmentedControlRoot:where(.lg\:rt-r-size-3) {
        --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
        height: var(--space-7);
    }
    .rt-SegmentedControlRoot:where(.lg\:rt-r-size-3) :where(.rt-SegmentedControlItemLabel) {
        font-size: var(--font-size-3);
        letter-spacing: var(--letter-spacing-3);
        padding-left: var(--space-4);
        padding-right: var(--space-4);
        gap: var(--space-3);
    }
}
@media (min-width: 1640px) {
    .rt-SegmentedControlRoot:where(.xl\:rt-r-size-1) {
        --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
        height: var(--space-5);
    }
    .rt-SegmentedControlRoot:where(.xl\:rt-r-size-1) :where(.rt-SegmentedControlItemLabel) {
        font-size: var(--font-size-1);
        letter-spacing: var(--letter-spacing-1);
        padding-left: var(--space-3);
        padding-right: var(--space-3);
        gap: var(--space-1);
    }
    .rt-SegmentedControlRoot:where(.xl\:rt-r-size-2) {
        --segmented-control-border-radius: max(var(--radius-2), var(--radius-full));
        height: var(--space-6);
    }
    .rt-SegmentedControlRoot:where(.xl\:rt-r-size-2) :where(.rt-SegmentedControlItemLabel) {
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
        padding-left: var(--space-4);
        padding-right: var(--space-4);
        gap: var(--space-2);
    }
    .rt-SegmentedControlRoot:where(.xl\:rt-r-size-3) {
        --segmented-control-border-radius: max(var(--radius-3), var(--radius-full));
        height: var(--space-7);
    }
    .rt-SegmentedControlRoot:where(.xl\:rt-r-size-3) :where(.rt-SegmentedControlItemLabel) {
        font-size: var(--font-size-3);
        letter-spacing: var(--letter-spacing-3);
        padding-left: var(--space-4);
        padding-right: var(--space-4);
        gap: var(--space-3);
    }
}
.rt-SegmentedControlRoot:where(.rt-variant-surface) :where(.rt-SegmentedControlItem:not([disabled])) ~ :where(.rt-SegmentedControlIndicator)::before {
    box-shadow: 0 0 0 1px var(--gray-a4);
}
.rt-SegmentedControlRoot:where(.rt-variant-classic) :where(.rt-SegmentedControlItem:not([disabled])) ~ :where(.rt-SegmentedControlIndicator)::before {
    box-shadow: var(--shadow-2);
}
.rt-SelectTrigger {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    -webkit-user-select: none;
            user-select: none;
    vertical-align: top;
    line-height: var(--height);
    font-family: var(--default-font-family);
    font-weight: var(--font-weight-regular);
    font-style: normal;
    text-align: start;
    color: var(--gray-12);
}
.rt-SelectTrigger:where(:focus-visible) {
    outline: 2px solid var(--focus-8);
    outline-offset: -1px;
}
.rt-SelectTriggerInner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rt-SelectIcon {
    flex-shrink: 0;
}
:where(.rt-SelectTrigger:not(.rt-variant-ghost)) .rt-SelectIcon {
    opacity: 0.9;
}
.rt-SelectContent:where([data-side]) {
    min-width: var(--radix-select-trigger-width);
    max-height: var(--radix-select-content-available-height);
    transform-origin: var(--radix-select-content-transform-origin);
}
.rt-SelectViewport {
    box-sizing: border-box;
    padding: var(--select-content-padding);
}
:where(.rt-SelectContent:has(.rt-ScrollAreaScrollbar[data-orientation='vertical'])) .rt-SelectViewport {
    padding-right: var(--space-3);
}
.rt-SelectItem {
    display: flex;
    align-items: center;
    height: var(--select-item-height);
    padding-left: var(--select-item-indicator-width);
    padding-right: var(--select-item-indicator-width);
    position: relative;
    box-sizing: border-box;
    outline: none;
    scroll-margin: var(--select-content-padding) 0;
    -webkit-user-select: none;
            user-select: none;
    cursor: var(--cursor-menu-item);
}
.rt-SelectItemIndicator {
    position: absolute;
    left: 0;
    width: var(--select-item-indicator-width);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.rt-SelectSeparator {
    height: 1px;
    margin-top: var(--space-2);
    margin-bottom: var(--space-2);
    margin-left: var(--select-item-indicator-width);
    margin-right: var(--select-separator-margin-right);
    background-color: var(--gray-a6);
}
.rt-SelectLabel {
    display: flex;
    align-items: center;
    height: var(--select-item-height);
    padding-left: var(--select-item-indicator-width);
    padding-right: var(--select-item-indicator-width);
    color: var(--gray-a10);
    -webkit-user-select: none;
            user-select: none;
    cursor: default;
}
:where(.rt-SelectItem) + .rt-SelectLabel {
    margin-top: var(--space-2);
}
.rt-SelectTrigger:where(:not(.rt-variant-ghost)) {
    box-sizing: border-box;
    height: var(--select-trigger-height);
}
.rt-SelectTrigger:where(.rt-variant-ghost) {
    box-sizing: content-box;
    height: -moz-fit-content;
    height: fit-content;
    padding: var(--select-trigger-ghost-padding-y) var(--select-trigger-ghost-padding-x);
    --margin-top: 0px;
    --margin-right: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-top-override: calc(var(--margin-top) - var(--select-trigger-ghost-padding-y));
    --margin-right-override: calc(var(--margin-right) - var(--select-trigger-ghost-padding-x));
    --margin-bottom-override: calc(var(--margin-bottom) - var(--select-trigger-ghost-padding-y));
    --margin-left-override: calc(var(--margin-left) - var(--select-trigger-ghost-padding-x));
    margin: var(--margin-top-override) var(--margin-right-override) var(--margin-bottom-override) var(--margin-left-override);
}
:where(.rt-SelectTrigger:where(.rt-variant-ghost)) > * {
    --margin-top-override: initial;
    --margin-right-override: initial;
    --margin-bottom-override: initial;
    --margin-left-override: initial;
}
.rt-SelectTrigger:where(.rt-r-size-1) {
    --select-trigger-height: var(--space-5);
    gap: var(--space-1);
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    border-radius: max(var(--radius-1), var(--radius-full));
}
.rt-SelectTrigger:where(.rt-r-size-1):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-2);
    padding-right: var(--space-2);
}
.rt-SelectTrigger:where(.rt-r-size-1):where(.rt-variant-ghost) {
    --select-trigger-ghost-padding-x: var(--space-2);
    --select-trigger-ghost-padding-y: var(--space-1);
}
.rt-SelectTrigger:where(.rt-r-size-2) {
    --select-trigger-height: var(--space-6);
    gap: calc(var(--space-1) * 1.5);
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    border-radius: max(var(--radius-2), var(--radius-full));
}
.rt-SelectTrigger:where(.rt-r-size-2):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-3);
    padding-right: var(--space-3);
}
.rt-SelectTrigger:where(.rt-r-size-2):where(.rt-variant-ghost) {
    --select-trigger-ghost-padding-x: var(--space-2);
    --select-trigger-ghost-padding-y: var(--space-1);
}
.rt-SelectTrigger:where(.rt-r-size-3) {
    --select-trigger-height: var(--space-7);
    gap: var(--space-2);
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    letter-spacing: var(--letter-spacing-3);
    border-radius: max(var(--radius-3), var(--radius-full));
}
.rt-SelectTrigger:where(.rt-r-size-3):where(:not(.rt-variant-ghost)) {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
}
.rt-SelectTrigger:where(.rt-r-size-3):where(.rt-variant-ghost) {
    --select-trigger-ghost-padding-x: var(--space-3);
    --select-trigger-ghost-padding-y: calc(var(--space-1) * 1.5);
}
.rt-SelectTrigger:where(.rt-r-size-3) :where(.rt-SelectIcon) {
    width: 11px;
    height: 11px;
}
@media (min-width: 520px) {
    .rt-SelectTrigger:where(.xs\:rt-r-size-1) {
        --select-trigger-height: var(--space-5);
        gap: var(--space-1);
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-SelectTrigger:where(.xs\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }
    .rt-SelectTrigger:where(.xs\:rt-r-size-1):where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
    }
    .rt-SelectTrigger:where(.xs\:rt-r-size-2) {
        --select-trigger-height: var(--space-6);
        gap: calc(var(--space-1) * 1.5);
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-SelectTrigger:where(.xs\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }
    .rt-SelectTrigger:where(.xs\:rt-r-size-2):where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
    }
    .rt-SelectTrigger:where(.xs\:rt-r-size-3) {
        --select-trigger-height: var(--space-7);
        gap: var(--space-2);
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
        border-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-SelectTrigger:where(.xs\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }
    .rt-SelectTrigger:where(.xs\:rt-r-size-3):where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-3);
        --select-trigger-ghost-padding-y: calc(var(--space-1) * 1.5);
    }
    .rt-SelectTrigger:where(.xs\:rt-r-size-3) :where(.rt-SelectIcon) {
        width: 11px;
        height: 11px;
    }
}
@media (min-width: 768px) {
    .rt-SelectTrigger:where(.sm\:rt-r-size-1) {
        --select-trigger-height: var(--space-5);
        gap: var(--space-1);
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-SelectTrigger:where(.sm\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }
    .rt-SelectTrigger:where(.sm\:rt-r-size-1):where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
    }
    .rt-SelectTrigger:where(.sm\:rt-r-size-2) {
        --select-trigger-height: var(--space-6);
        gap: calc(var(--space-1) * 1.5);
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-SelectTrigger:where(.sm\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }
    .rt-SelectTrigger:where(.sm\:rt-r-size-2):where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
    }
    .rt-SelectTrigger:where(.sm\:rt-r-size-3) {
        --select-trigger-height: var(--space-7);
        gap: var(--space-2);
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
        border-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-SelectTrigger:where(.sm\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }
    .rt-SelectTrigger:where(.sm\:rt-r-size-3):where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-3);
        --select-trigger-ghost-padding-y: calc(var(--space-1) * 1.5);
    }
    .rt-SelectTrigger:where(.sm\:rt-r-size-3) :where(.rt-SelectIcon) {
        width: 11px;
        height: 11px;
    }
}
@media (min-width: 1024px) {
    .rt-SelectTrigger:where(.md\:rt-r-size-1) {
        --select-trigger-height: var(--space-5);
        gap: var(--space-1);
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-SelectTrigger:where(.md\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }
    .rt-SelectTrigger:where(.md\:rt-r-size-1):where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
    }
    .rt-SelectTrigger:where(.md\:rt-r-size-2) {
        --select-trigger-height: var(--space-6);
        gap: calc(var(--space-1) * 1.5);
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-SelectTrigger:where(.md\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }
    .rt-SelectTrigger:where(.md\:rt-r-size-2):where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
    }
    .rt-SelectTrigger:where(.md\:rt-r-size-3) {
        --select-trigger-height: var(--space-7);
        gap: var(--space-2);
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
        border-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-SelectTrigger:where(.md\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }
    .rt-SelectTrigger:where(.md\:rt-r-size-3):where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-3);
        --select-trigger-ghost-padding-y: calc(var(--space-1) * 1.5);
    }
    .rt-SelectTrigger:where(.md\:rt-r-size-3) :where(.rt-SelectIcon) {
        width: 11px;
        height: 11px;
    }
}
@media (min-width: 1280px) {
    .rt-SelectTrigger:where(.lg\:rt-r-size-1) {
        --select-trigger-height: var(--space-5);
        gap: var(--space-1);
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-SelectTrigger:where(.lg\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }
    .rt-SelectTrigger:where(.lg\:rt-r-size-1):where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
    }
    .rt-SelectTrigger:where(.lg\:rt-r-size-2) {
        --select-trigger-height: var(--space-6);
        gap: calc(var(--space-1) * 1.5);
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-SelectTrigger:where(.lg\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }
    .rt-SelectTrigger:where(.lg\:rt-r-size-2):where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
    }
    .rt-SelectTrigger:where(.lg\:rt-r-size-3) {
        --select-trigger-height: var(--space-7);
        gap: var(--space-2);
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
        border-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-SelectTrigger:where(.lg\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }
    .rt-SelectTrigger:where(.lg\:rt-r-size-3):where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-3);
        --select-trigger-ghost-padding-y: calc(var(--space-1) * 1.5);
    }
    .rt-SelectTrigger:where(.lg\:rt-r-size-3) :where(.rt-SelectIcon) {
        width: 11px;
        height: 11px;
    }
}
@media (min-width: 1640px) {
    .rt-SelectTrigger:where(.xl\:rt-r-size-1) {
        --select-trigger-height: var(--space-5);
        gap: var(--space-1);
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        border-radius: max(var(--radius-1), var(--radius-full));
    }
    .rt-SelectTrigger:where(.xl\:rt-r-size-1):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }
    .rt-SelectTrigger:where(.xl\:rt-r-size-1):where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
    }
    .rt-SelectTrigger:where(.xl\:rt-r-size-2) {
        --select-trigger-height: var(--space-6);
        gap: calc(var(--space-1) * 1.5);
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        border-radius: max(var(--radius-2), var(--radius-full));
    }
    .rt-SelectTrigger:where(.xl\:rt-r-size-2):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }
    .rt-SelectTrigger:where(.xl\:rt-r-size-2):where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-2);
        --select-trigger-ghost-padding-y: var(--space-1);
    }
    .rt-SelectTrigger:where(.xl\:rt-r-size-3) {
        --select-trigger-height: var(--space-7);
        gap: var(--space-2);
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
        border-radius: max(var(--radius-3), var(--radius-full));
    }
    .rt-SelectTrigger:where(.xl\:rt-r-size-3):where(:not(.rt-variant-ghost)) {
        padding-left: var(--space-4);
        padding-right: var(--space-4);
    }
    .rt-SelectTrigger:where(.xl\:rt-r-size-3):where(.rt-variant-ghost) {
        --select-trigger-ghost-padding-x: var(--space-3);
        --select-trigger-ghost-padding-y: calc(var(--space-1) * 1.5);
    }
    .rt-SelectTrigger:where(.xl\:rt-r-size-3) :where(.rt-SelectIcon) {
        width: 11px;
        height: 11px;
    }
}
.rt-SelectContent:where(.rt-r-size-1) {
    --select-content-padding: var(--space-1);
    --select-item-height: var(--space-5);
    --select-item-indicator-width: calc(var(--space-5) / 1.2);
    --select-separator-margin-right: var(--space-2);
    border-radius: var(--radius-3);
}
.rt-SelectContent:where(.rt-r-size-1) :where(.rt-SelectLabel) {
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
    line-height: var(--line-height-1);
}
.rt-SelectContent:where(.rt-r-size-1) :where(.rt-SelectItem) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    border-radius: var(--radius-1);
}
.rt-SelectContent:where(.rt-r-size-1) :where(.rt-SelectItemIndicatorIcon) {
    width: calc(8px * var(--scaling));
    height: calc(8px * var(--scaling));
}
.rt-SelectContent:where(.rt-r-size-2, .rt-r-size-3) {
    --select-content-padding: var(--space-2);
    --select-item-height: var(--space-6);
    --select-item-indicator-width: var(--space-5);
    --select-separator-margin-right: var(--space-3);
    border-radius: var(--radius-4);
}
.rt-SelectContent:where(.rt-r-size-2, .rt-r-size-3) :where(.rt-SelectLabel) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
    line-height: var(--line-height-2);
}
.rt-SelectContent:where(.rt-r-size-2, .rt-r-size-3) :where(.rt-SelectItem) {
    line-height: var(--line-height-2);
    border-radius: var(--radius-2);
}
.rt-SelectContent:where(.rt-r-size-2) :where(.rt-SelectItem) {
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
}
.rt-SelectContent:where(.rt-r-size-2) :where(.rt-SelectItemIndicatorIcon) {
    width: calc(10px * var(--scaling));
    height: calc(10px * var(--scaling));
}
.rt-SelectContent:where(.rt-r-size-3) :where(.rt-SelectItem) {
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
}
.rt-SelectContent:where(.rt-r-size-3) :where(.rt-SelectItemIndicatorIcon) {
    width: calc(10px * var(--scaling));
    height: calc(10px * var(--scaling));
}
@media (min-width: 520px) {
    .rt-SelectContent:where(.xs\:rt-r-size-1) {
        --select-content-padding: var(--space-1);
        --select-item-height: var(--space-5);
        --select-item-indicator-width: calc(var(--space-5) / 1.2);
        --select-separator-margin-right: var(--space-2);
        border-radius: var(--radius-3);
    }
    .rt-SelectContent:where(.xs\:rt-r-size-1) :where(.rt-SelectLabel) {
        font-size: var(--font-size-1);
        letter-spacing: var(--letter-spacing-1);
        line-height: var(--line-height-1);
    }
    .rt-SelectContent:where(.xs\:rt-r-size-1) :where(.rt-SelectItem) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        border-radius: var(--radius-1);
    }
    .rt-SelectContent:where(.xs\:rt-r-size-1) :where(.rt-SelectItemIndicatorIcon) {
        width: calc(8px * var(--scaling));
        height: calc(8px * var(--scaling));
    }
    .rt-SelectContent:where(.xs\:rt-r-size-2, .xs\:rt-r-size-3) {
        --select-content-padding: var(--space-2);
        --select-item-height: var(--space-6);
        --select-item-indicator-width: var(--space-5);
        --select-separator-margin-right: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-SelectContent:where(.xs\:rt-r-size-2, .xs\:rt-r-size-3) :where(.rt-SelectLabel) {
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
        line-height: var(--line-height-2);
    }
    .rt-SelectContent:where(.xs\:rt-r-size-2, .xs\:rt-r-size-3) :where(.rt-SelectItem) {
        line-height: var(--line-height-2);
        border-radius: var(--radius-2);
    }
    .rt-SelectContent:where(.xs\:rt-r-size-2) :where(.rt-SelectItem) {
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-SelectContent:where(.xs\:rt-r-size-2) :where(.rt-SelectItemIndicatorIcon) {
        width: calc(10px * var(--scaling));
        height: calc(10px * var(--scaling));
    }
    .rt-SelectContent:where(.xs\:rt-r-size-3) :where(.rt-SelectItem) {
        font-size: var(--font-size-3);
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-SelectContent:where(.xs\:rt-r-size-3) :where(.rt-SelectItemIndicatorIcon) {
        width: calc(10px * var(--scaling));
        height: calc(10px * var(--scaling));
    }
}
@media (min-width: 768px) {
    .rt-SelectContent:where(.sm\:rt-r-size-1) {
        --select-content-padding: var(--space-1);
        --select-item-height: var(--space-5);
        --select-item-indicator-width: calc(var(--space-5) / 1.2);
        --select-separator-margin-right: var(--space-2);
        border-radius: var(--radius-3);
    }
    .rt-SelectContent:where(.sm\:rt-r-size-1) :where(.rt-SelectLabel) {
        font-size: var(--font-size-1);
        letter-spacing: var(--letter-spacing-1);
        line-height: var(--line-height-1);
    }
    .rt-SelectContent:where(.sm\:rt-r-size-1) :where(.rt-SelectItem) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        border-radius: var(--radius-1);
    }
    .rt-SelectContent:where(.sm\:rt-r-size-1) :where(.rt-SelectItemIndicatorIcon) {
        width: calc(8px * var(--scaling));
        height: calc(8px * var(--scaling));
    }
    .rt-SelectContent:where(.sm\:rt-r-size-2, .sm\:rt-r-size-3) {
        --select-content-padding: var(--space-2);
        --select-item-height: var(--space-6);
        --select-item-indicator-width: var(--space-5);
        --select-separator-margin-right: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-SelectContent:where(.sm\:rt-r-size-2, .sm\:rt-r-size-3) :where(.rt-SelectLabel) {
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
        line-height: var(--line-height-2);
    }
    .rt-SelectContent:where(.sm\:rt-r-size-2, .sm\:rt-r-size-3) :where(.rt-SelectItem) {
        line-height: var(--line-height-2);
        border-radius: var(--radius-2);
    }
    .rt-SelectContent:where(.sm\:rt-r-size-2) :where(.rt-SelectItem) {
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-SelectContent:where(.sm\:rt-r-size-2) :where(.rt-SelectItemIndicatorIcon) {
        width: calc(10px * var(--scaling));
        height: calc(10px * var(--scaling));
    }
    .rt-SelectContent:where(.sm\:rt-r-size-3) :where(.rt-SelectItem) {
        font-size: var(--font-size-3);
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-SelectContent:where(.sm\:rt-r-size-3) :where(.rt-SelectItemIndicatorIcon) {
        width: calc(10px * var(--scaling));
        height: calc(10px * var(--scaling));
    }
}
@media (min-width: 1024px) {
    .rt-SelectContent:where(.md\:rt-r-size-1) {
        --select-content-padding: var(--space-1);
        --select-item-height: var(--space-5);
        --select-item-indicator-width: calc(var(--space-5) / 1.2);
        --select-separator-margin-right: var(--space-2);
        border-radius: var(--radius-3);
    }
    .rt-SelectContent:where(.md\:rt-r-size-1) :where(.rt-SelectLabel) {
        font-size: var(--font-size-1);
        letter-spacing: var(--letter-spacing-1);
        line-height: var(--line-height-1);
    }
    .rt-SelectContent:where(.md\:rt-r-size-1) :where(.rt-SelectItem) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        border-radius: var(--radius-1);
    }
    .rt-SelectContent:where(.md\:rt-r-size-1) :where(.rt-SelectItemIndicatorIcon) {
        width: calc(8px * var(--scaling));
        height: calc(8px * var(--scaling));
    }
    .rt-SelectContent:where(.md\:rt-r-size-2, .md\:rt-r-size-3) {
        --select-content-padding: var(--space-2);
        --select-item-height: var(--space-6);
        --select-item-indicator-width: var(--space-5);
        --select-separator-margin-right: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-SelectContent:where(.md\:rt-r-size-2, .md\:rt-r-size-3) :where(.rt-SelectLabel) {
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
        line-height: var(--line-height-2);
    }
    .rt-SelectContent:where(.md\:rt-r-size-2, .md\:rt-r-size-3) :where(.rt-SelectItem) {
        line-height: var(--line-height-2);
        border-radius: var(--radius-2);
    }
    .rt-SelectContent:where(.md\:rt-r-size-2) :where(.rt-SelectItem) {
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-SelectContent:where(.md\:rt-r-size-2) :where(.rt-SelectItemIndicatorIcon) {
        width: calc(10px * var(--scaling));
        height: calc(10px * var(--scaling));
    }
    .rt-SelectContent:where(.md\:rt-r-size-3) :where(.rt-SelectItem) {
        font-size: var(--font-size-3);
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-SelectContent:where(.md\:rt-r-size-3) :where(.rt-SelectItemIndicatorIcon) {
        width: calc(10px * var(--scaling));
        height: calc(10px * var(--scaling));
    }
}
@media (min-width: 1280px) {
    .rt-SelectContent:where(.lg\:rt-r-size-1) {
        --select-content-padding: var(--space-1);
        --select-item-height: var(--space-5);
        --select-item-indicator-width: calc(var(--space-5) / 1.2);
        --select-separator-margin-right: var(--space-2);
        border-radius: var(--radius-3);
    }
    .rt-SelectContent:where(.lg\:rt-r-size-1) :where(.rt-SelectLabel) {
        font-size: var(--font-size-1);
        letter-spacing: var(--letter-spacing-1);
        line-height: var(--line-height-1);
    }
    .rt-SelectContent:where(.lg\:rt-r-size-1) :where(.rt-SelectItem) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        border-radius: var(--radius-1);
    }
    .rt-SelectContent:where(.lg\:rt-r-size-1) :where(.rt-SelectItemIndicatorIcon) {
        width: calc(8px * var(--scaling));
        height: calc(8px * var(--scaling));
    }
    .rt-SelectContent:where(.lg\:rt-r-size-2, .lg\:rt-r-size-3) {
        --select-content-padding: var(--space-2);
        --select-item-height: var(--space-6);
        --select-item-indicator-width: var(--space-5);
        --select-separator-margin-right: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-SelectContent:where(.lg\:rt-r-size-2, .lg\:rt-r-size-3) :where(.rt-SelectLabel) {
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
        line-height: var(--line-height-2);
    }
    .rt-SelectContent:where(.lg\:rt-r-size-2, .lg\:rt-r-size-3) :where(.rt-SelectItem) {
        line-height: var(--line-height-2);
        border-radius: var(--radius-2);
    }
    .rt-SelectContent:where(.lg\:rt-r-size-2) :where(.rt-SelectItem) {
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-SelectContent:where(.lg\:rt-r-size-2) :where(.rt-SelectItemIndicatorIcon) {
        width: calc(10px * var(--scaling));
        height: calc(10px * var(--scaling));
    }
    .rt-SelectContent:where(.lg\:rt-r-size-3) :where(.rt-SelectItem) {
        font-size: var(--font-size-3);
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-SelectContent:where(.lg\:rt-r-size-3) :where(.rt-SelectItemIndicatorIcon) {
        width: calc(10px * var(--scaling));
        height: calc(10px * var(--scaling));
    }
}
@media (min-width: 1640px) {
    .rt-SelectContent:where(.xl\:rt-r-size-1) {
        --select-content-padding: var(--space-1);
        --select-item-height: var(--space-5);
        --select-item-indicator-width: calc(var(--space-5) / 1.2);
        --select-separator-margin-right: var(--space-2);
        border-radius: var(--radius-3);
    }
    .rt-SelectContent:where(.xl\:rt-r-size-1) :where(.rt-SelectLabel) {
        font-size: var(--font-size-1);
        letter-spacing: var(--letter-spacing-1);
        line-height: var(--line-height-1);
    }
    .rt-SelectContent:where(.xl\:rt-r-size-1) :where(.rt-SelectItem) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        border-radius: var(--radius-1);
    }
    .rt-SelectContent:where(.xl\:rt-r-size-1) :where(.rt-SelectItemIndicatorIcon) {
        width: calc(8px * var(--scaling));
        height: calc(8px * var(--scaling));
    }
    .rt-SelectContent:where(.xl\:rt-r-size-2, .xl\:rt-r-size-3) {
        --select-content-padding: var(--space-2);
        --select-item-height: var(--space-6);
        --select-item-indicator-width: var(--space-5);
        --select-separator-margin-right: var(--space-3);
        border-radius: var(--radius-4);
    }
    .rt-SelectContent:where(.xl\:rt-r-size-2, .xl\:rt-r-size-3) :where(.rt-SelectLabel) {
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
        line-height: var(--line-height-2);
    }
    .rt-SelectContent:where(.xl\:rt-r-size-2, .xl\:rt-r-size-3) :where(.rt-SelectItem) {
        line-height: var(--line-height-2);
        border-radius: var(--radius-2);
    }
    .rt-SelectContent:where(.xl\:rt-r-size-2) :where(.rt-SelectItem) {
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-SelectContent:where(.xl\:rt-r-size-2) :where(.rt-SelectItemIndicatorIcon) {
        width: calc(10px * var(--scaling));
        height: calc(10px * var(--scaling));
    }
    .rt-SelectContent:where(.xl\:rt-r-size-3) :where(.rt-SelectItem) {
        font-size: var(--font-size-3);
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-SelectContent:where(.xl\:rt-r-size-3) :where(.rt-SelectItemIndicatorIcon) {
        width: calc(10px * var(--scaling));
        height: calc(10px * var(--scaling));
    }
}
.rt-SelectTrigger:where(.rt-variant-surface) {
    color: var(--gray-12);
    background-color: var(--color-surface);
    box-shadow: inset 0 0 0 1px var(--gray-a7);
}
@media (hover: hover) {
    .rt-SelectTrigger:where(.rt-variant-surface):where(:hover) {
        box-shadow: inset 0 0 0 1px var(--gray-a8);
    }
}
.rt-SelectTrigger:where(.rt-variant-surface):where([data-state='open']) {
    box-shadow: inset 0 0 0 1px var(--gray-a8);
}
.rt-SelectTrigger:where(.rt-variant-surface):where(:disabled) {
    color: var(--gray-a11);
    background-color: var(--gray-a2);
    box-shadow: inset 0 0 0 1px var(--gray-a6);
}
.rt-SelectTrigger:where(.rt-variant-surface):where([data-placeholder]) :where(.rt-SelectTriggerInner) {
    color: var(--gray-a10);
}
.rt-SelectTrigger:where(.rt-variant-classic) {
    color: var(--gray-12);
    background-image: linear-gradient(var(--gray-2), var(--gray-1));
    box-shadow: var(--select-trigger-classic-box-shadow);
    position: relative;
    z-index: 0;
}
.rt-SelectTrigger:where(.rt-variant-classic)::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    border: 2px solid transparent;
    background-clip: content-box;
    border-radius: inherit;
    pointer-events: none;
    background-image: linear-gradient(var(--black-a1) -20%, transparent, var(--white-a1) 130%), linear-gradient(var(--color-surface), transparent);
}
@media (hover: hover) {
    .rt-SelectTrigger:where(.rt-variant-classic):where(:hover) {
        box-shadow: inset 0 0 0 1px var(--gray-a3), var(--select-trigger-classic-box-shadow);
    }
    .rt-SelectTrigger:where(.rt-variant-classic):where(:hover)::before {
        background-image: linear-gradient(var(--black-a1) -15%, transparent, var(--white-a1) 120%), linear-gradient(var(--gray-2), var(--gray-1));
    }
}
.rt-SelectTrigger:where(.rt-variant-classic):where([data-state='open']) {
    box-shadow: inset 0 0 0 1px var(--gray-a3), var(--select-trigger-classic-box-shadow);
}
.rt-SelectTrigger:where(.rt-variant-classic):where([data-state='open'])::before {
    background-image: linear-gradient(var(--black-a1) -15%, transparent, var(--white-a1) 120%), linear-gradient(var(--gray-2), var(--gray-1));
}
.rt-SelectTrigger:where(.rt-variant-classic):where(:disabled) {
    color: var(--gray-a11);
    background-color: var(--gray-2);
    background-image: none;
    box-shadow: var(--base-button-classic-disabled-box-shadow);
}
.rt-SelectTrigger:where(.rt-variant-classic):where(:disabled)::before {
    background-color: var(--gray-a2);
    background-image: linear-gradient(var(--black-a1) -20%, transparent, var(--white-a1));
}
.rt-SelectTrigger:where(.rt-variant-classic):where([data-placeholder]) :where(.rt-SelectTriggerInner) {
    color: var(--gray-a10);
}
.rt-SelectTrigger:where(.rt-variant-soft),
.rt-SelectTrigger:where(.rt-variant-ghost) {
    color: var(--accent-12);
}
.rt-SelectTrigger:where(.rt-variant-soft):where([data-placeholder]) :where(.rt-SelectTriggerInner), .rt-SelectTrigger:where(.rt-variant-ghost):where([data-placeholder]) :where(.rt-SelectTriggerInner) {
    color: var(--accent-12);
    opacity: 0.6;
}
.rt-SelectTrigger:where(.rt-variant-soft) {
    background-color: var(--accent-a3);
}
@media (hover: hover) {
    .rt-SelectTrigger:where(.rt-variant-soft):where(:hover) {
        background-color: var(--accent-a4);
    }
}
.rt-SelectTrigger:where(.rt-variant-soft):where([data-state='open']) {
    background-color: var(--accent-a4);
}
.rt-SelectTrigger:where(.rt-variant-soft):where(:focus-visible) {
    outline-color: var(--accent-8);
}
.rt-SelectTrigger:where(.rt-variant-soft):where(:disabled) {
    color: var(--gray-a11);
    background-color: var(--gray-a3);
}
@media (hover: hover) {
    .rt-SelectTrigger:where(.rt-variant-ghost):where(:hover) {
        background-color: var(--accent-a3);
    }
}
.rt-SelectTrigger:where(.rt-variant-ghost):where([data-state='open']) {
    background-color: var(--accent-a3);
}
.rt-SelectTrigger:where(.rt-variant-ghost):where(:disabled) {
    color: var(--gray-a11);
    background-color: transparent;
}
.rt-SelectTrigger:where(:disabled) :where(.rt-SelectIcon) {
    color: var(--gray-a9);
}
.rt-SelectContent {
    box-shadow: var(--shadow-5);
    --scrollarea-scrollbar-vertical-margin-top: var(--select-content-padding);
    --scrollarea-scrollbar-vertical-margin-bottom: var(--select-content-padding);
    --scrollarea-scrollbar-horizontal-margin-left: var(--select-content-padding);
    --scrollarea-scrollbar-horizontal-margin-right: var(--select-content-padding);
    overflow: hidden;
    background-color: var(--color-panel-solid);
}
.rt-SelectItem:where([data-disabled]) {
    color: var(--gray-a8);
    cursor: default;
}
.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted]) {
    background-color: var(--accent-9);
    color: var(--accent-contrast);
}
.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted]) {
    background-color: var(--accent-12);
    color: var(--accent-1);
}
.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted]) {
    background-color: var(--accent-a4);
}
.rt-Separator {
    display: block;
    background-color: var(--accent-a6);
}
.rt-Separator:where(.rt-r-orientation-horizontal) {
    width: var(--separator-size);
    height: 1px;
}
.rt-Separator:where(.rt-r-orientation-vertical) {
    width: 1px;
    height: var(--separator-size);
}
@media (min-width: 520px) {
    .rt-Separator:where(.xs\:rt-r-orientation-horizontal) {
        width: var(--separator-size);
        height: 1px;
    }
    .rt-Separator:where(.xs\:rt-r-orientation-vertical) {
        width: 1px;
        height: var(--separator-size);
    }
}
@media (min-width: 768px) {
    .rt-Separator:where(.sm\:rt-r-orientation-horizontal) {
        width: var(--separator-size);
        height: 1px;
    }
    .rt-Separator:where(.sm\:rt-r-orientation-vertical) {
        width: 1px;
        height: var(--separator-size);
    }
}
@media (min-width: 1024px) {
    .rt-Separator:where(.md\:rt-r-orientation-horizontal) {
        width: var(--separator-size);
        height: 1px;
    }
    .rt-Separator:where(.md\:rt-r-orientation-vertical) {
        width: 1px;
        height: var(--separator-size);
    }
}
@media (min-width: 1280px) {
    .rt-Separator:where(.lg\:rt-r-orientation-horizontal) {
        width: var(--separator-size);
        height: 1px;
    }
    .rt-Separator:where(.lg\:rt-r-orientation-vertical) {
        width: 1px;
        height: var(--separator-size);
    }
}
@media (min-width: 1640px) {
    .rt-Separator:where(.xl\:rt-r-orientation-horizontal) {
        width: var(--separator-size);
        height: 1px;
    }
    .rt-Separator:where(.xl\:rt-r-orientation-vertical) {
        width: 1px;
        height: var(--separator-size);
    }
}
.rt-Separator:where(.rt-r-size-1) {
    --separator-size: var(--space-4);
}
.rt-Separator:where(.rt-r-size-2) {
    --separator-size: var(--space-6);
}
.rt-Separator:where(.rt-r-size-3) {
    --separator-size: var(--space-9);
}
.rt-Separator:where(.rt-r-size-4) {
    --separator-size: 100%;
}
@media (min-width: 520px) {
    .rt-Separator:where(.xs\:rt-r-size-1) {
        --separator-size: var(--space-4);
    }
    .rt-Separator:where(.xs\:rt-r-size-2) {
        --separator-size: var(--space-6);
    }
    .rt-Separator:where(.xs\:rt-r-size-3) {
        --separator-size: var(--space-9);
    }
    .rt-Separator:where(.xs\:rt-r-size-4) {
        --separator-size: 100%;
    }
}
@media (min-width: 768px) {
    .rt-Separator:where(.sm\:rt-r-size-1) {
        --separator-size: var(--space-4);
    }
    .rt-Separator:where(.sm\:rt-r-size-2) {
        --separator-size: var(--space-6);
    }
    .rt-Separator:where(.sm\:rt-r-size-3) {
        --separator-size: var(--space-9);
    }
    .rt-Separator:where(.sm\:rt-r-size-4) {
        --separator-size: 100%;
    }
}
@media (min-width: 1024px) {
    .rt-Separator:where(.md\:rt-r-size-1) {
        --separator-size: var(--space-4);
    }
    .rt-Separator:where(.md\:rt-r-size-2) {
        --separator-size: var(--space-6);
    }
    .rt-Separator:where(.md\:rt-r-size-3) {
        --separator-size: var(--space-9);
    }
    .rt-Separator:where(.md\:rt-r-size-4) {
        --separator-size: 100%;
    }
}
@media (min-width: 1280px) {
    .rt-Separator:where(.lg\:rt-r-size-1) {
        --separator-size: var(--space-4);
    }
    .rt-Separator:where(.lg\:rt-r-size-2) {
        --separator-size: var(--space-6);
    }
    .rt-Separator:where(.lg\:rt-r-size-3) {
        --separator-size: var(--space-9);
    }
    .rt-Separator:where(.lg\:rt-r-size-4) {
        --separator-size: 100%;
    }
}
@media (min-width: 1640px) {
    .rt-Separator:where(.xl\:rt-r-size-1) {
        --separator-size: var(--space-4);
    }
    .rt-Separator:where(.xl\:rt-r-size-2) {
        --separator-size: var(--space-6);
    }
    .rt-Separator:where(.xl\:rt-r-size-3) {
        --separator-size: var(--space-9);
    }
    .rt-Separator:where(.xl\:rt-r-size-4) {
        --separator-size: 100%;
    }
}
.rt-SliderRoot {
    --slider-thumb-size: calc(var(--slider-track-size) + var(--space-1));
    position: relative;
    display: flex;
    align-items: center;
    flex-grow: 1;
    border-radius: max(calc(var(--radius-factor) * var(--slider-track-size) / 3), calc(var(--radius-factor) * var(--radius-thumb)));
    -webkit-user-select: none;
            user-select: none;
    touch-action: none;
}
.rt-SliderRoot:where([data-orientation='horizontal']) {
    width: -webkit-fill-available;
    width: -moz-available;
    width: stretch;
    height: var(--slider-track-size);
}
.rt-SliderRoot:where([data-orientation='vertical']) {
    height: -webkit-fill-available;
    height: -moz-available;
    height: stretch;
    flex-direction: column;
    width: var(--slider-track-size);
}
.rt-SliderTrack {
    overflow: hidden;
    position: relative;
    flex-grow: 1;
    border-radius: inherit;
}
.rt-SliderTrack:where([data-orientation='horizontal']) {
    height: var(--slider-track-size);
}
.rt-SliderTrack:where([data-orientation='vertical']) {
    width: var(--slider-track-size);
}
.rt-SliderRange {
    position: absolute;
    border-radius: inherit;
}
.rt-SliderRange:where([data-orientation='horizontal']) {
    height: 100%;
}
.rt-SliderRange:where([data-orientation='vertical']) {
    width: 100%;
}
.rt-SliderThumb {
    display: block;
    width: var(--slider-thumb-size);
    height: var(--slider-thumb-size);
    outline: 0;
}
.rt-SliderThumb::before {
    content: '';
    position: absolute;
    z-index: -1;
    width: calc(var(--slider-thumb-size) * 3);
    height: calc(var(--slider-thumb-size) * 3);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.rt-SliderThumb::after {
    content: '';
    position: absolute;
    inset: calc(-0.25 * var(--slider-track-size));
    background-color: white;
    border-radius: max(var(--radius-1), var(--radius-thumb));
    box-shadow: var(--slider-thumb-box-shadow);
    cursor: var(--cursor-slider-thumb);
}
.rt-SliderThumb:where(:focus-visible)::after {
    box-shadow: var(--slider-thumb-box-shadow), 0 0 0 3px var(--accent-3), 0 0 0 5px var(--focus-8);
}
.rt-SliderThumb:where(:active) {
    cursor: var(--cursor-slider-thumb-active);
}
.rt-SliderRoot:where(.rt-r-size-1) {
    --slider-track-size: calc(var(--space-2) * 0.75);
}
.rt-SliderRoot:where(.rt-r-size-2) {
    --slider-track-size: var(--space-2);
}
.rt-SliderRoot:where(.rt-r-size-3) {
    --slider-track-size: calc(var(--space-2) * 1.25);
}
@media (min-width: 520px) {
    .rt-SliderRoot:where(.xs\:rt-r-size-1) {
        --slider-track-size: calc(var(--space-2) * 0.75);
    }
    .rt-SliderRoot:where(.xs\:rt-r-size-2) {
        --slider-track-size: var(--space-2);
    }
    .rt-SliderRoot:where(.xs\:rt-r-size-3) {
        --slider-track-size: calc(var(--space-2) * 1.25);
    }
}
@media (min-width: 768px) {
    .rt-SliderRoot:where(.sm\:rt-r-size-1) {
        --slider-track-size: calc(var(--space-2) * 0.75);
    }
    .rt-SliderRoot:where(.sm\:rt-r-size-2) {
        --slider-track-size: var(--space-2);
    }
    .rt-SliderRoot:where(.sm\:rt-r-size-3) {
        --slider-track-size: calc(var(--space-2) * 1.25);
    }
}
@media (min-width: 1024px) {
    .rt-SliderRoot:where(.md\:rt-r-size-1) {
        --slider-track-size: calc(var(--space-2) * 0.75);
    }
    .rt-SliderRoot:where(.md\:rt-r-size-2) {
        --slider-track-size: var(--space-2);
    }
    .rt-SliderRoot:where(.md\:rt-r-size-3) {
        --slider-track-size: calc(var(--space-2) * 1.25);
    }
}
@media (min-width: 1280px) {
    .rt-SliderRoot:where(.lg\:rt-r-size-1) {
        --slider-track-size: calc(var(--space-2) * 0.75);
    }
    .rt-SliderRoot:where(.lg\:rt-r-size-2) {
        --slider-track-size: var(--space-2);
    }
    .rt-SliderRoot:where(.lg\:rt-r-size-3) {
        --slider-track-size: calc(var(--space-2) * 1.25);
    }
}
@media (min-width: 1640px) {
    .rt-SliderRoot:where(.xl\:rt-r-size-1) {
        --slider-track-size: calc(var(--space-2) * 0.75);
    }
    .rt-SliderRoot:where(.xl\:rt-r-size-2) {
        --slider-track-size: var(--space-2);
    }
    .rt-SliderRoot:where(.xl\:rt-r-size-3) {
        --slider-track-size: calc(var(--space-2) * 1.25);
    }
}
.rt-SliderRoot:where(.rt-variant-surface) :where(.rt-SliderTrack) {
    background-color: var(--gray-a3);
    box-shadow: inset 0 0 0 1px var(--gray-a5);
}
.rt-SliderRoot:where(.rt-variant-surface) :where(.rt-SliderTrack):where([data-disabled]) {
    box-shadow: inset 0 0 0 1px var(--gray-a4);
}
.rt-SliderRoot:where(.rt-variant-surface) :where(.rt-SliderRange) {
    background-color: var(--accent-track);
    background-image: var(--slider-range-high-contrast-background-image);
    box-shadow: inset 0 0 0 1px var(--gray-a5);
}
.rt-SliderRoot:where(.rt-variant-surface) :where(.rt-SliderThumb) {
    --slider-thumb-box-shadow: 0 0 0 1px var(--black-a4);
}
.rt-SliderRoot:where(.rt-variant-surface) :where(.rt-SliderThumb):where([data-disabled])::after {
    background-color: var(--gray-1);
    box-shadow: 0 0 0 1px var(--gray-6);
}
.rt-SliderRoot:where(.rt-variant-classic) :where(.rt-SliderTrack) {
    background-color: var(--gray-a3);
    position: relative;
}
.rt-SliderRoot:where(.rt-variant-classic) :where(.rt-SliderTrack)::before {
    content: '';
    inset: 0;
    position: absolute;
    border-radius: inherit;
    box-shadow: var(--shadow-1);
}
.rt-SliderRoot:where(.rt-variant-classic) :where(.rt-SliderTrack):where([data-disabled])::before {
    opacity: 0.5;
}
.rt-SliderRoot:where(.rt-variant-classic) :where(.rt-SliderRange) {
    background-color: var(--accent-track);
    background-image: var(--slider-range-high-contrast-background-image);
    box-shadow: inset 0 0 0 1px var(--gray-a3), inset 0 0 0 1px var(--accent-a4), inset 0 0 0 1px var(--black-a1), inset 0 1.5px 2px 0 var(--black-a2);
}
.rt-SliderRoot:where(.rt-variant-classic) :where(.rt-SliderRange):where(.rt-high-contrast) {
    box-shadow: inset 0 0 0 1px var(--gray-a3), inset 0 0 0 1px var(--black-a2), inset 0 1.5px 2px 0 var(--black-a2);
}
.rt-SliderRoot:where(.rt-variant-classic) :where(.rt-SliderThumb) {
    --slider-thumb-box-shadow: 0 0 0 1px var(--black-a3), 0 1px 3px var(--black-a1), 0 2px 4px -1px var(--black-a1);
}
.rt-SliderRoot:where(.rt-variant-classic) :where(.rt-SliderThumb):where([data-disabled])::after {
    background-color: var(--gray-1);
    box-shadow: 0 0 0 1px var(--gray-6);
}
.rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderTrack) {
    background-color: var(--gray-a4);
    background-image: linear-gradient(var(--white-a1), var(--white-a1));
}
.rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderTrack):where([data-disabled]) {
    background-color: var(--gray-a4);
    background-image: none;
}
.rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderRange) {
    background-image: linear-gradient(var(--accent-a5), var(--accent-a5)), var(--slider-range-high-contrast-background-image);
    background-color: var(--accent-6);
}
.rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderThumb) {
    --slider-thumb-box-shadow: 0 0 0 1px var(--black-a3), 0 0 0 1px var(--gray-a2), 0 0 0 1px var(--accent-a2), 0 1px 2px var(--gray-a4), 0 1px 3px -0.5px var(--gray-a3);
}
.rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderThumb):where([data-disabled])::after {
    background-color: var(--gray-1);
    box-shadow: 0 0 0 1px var(--gray-5);
}
.rt-SliderRoot:where(:not(.rt-high-contrast)) {
    --slider-range-high-contrast-background-image: none;
}
.rt-SliderRoot:where([data-disabled]) {
    cursor: var(--cursor-disabled);
    mix-blend-mode: var(--slider-disabled-blend-mode);
}
.rt-SliderRange:where([data-disabled]) {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
}
.rt-SliderThumb:where([data-disabled]),
  .rt-SliderThumb:where([data-disabled])::after {
    cursor: var(--cursor-disabled);
}
.rt-Spinner {
    display: block;
    position: relative;
    opacity: var(--spinner-opacity);
}
.rt-SpinnerLeaf {
    position: absolute;
    top: 0;
    left: calc(50% - 12.5% / 2);
    width: 12.5%;
    height: 100%;
    animation: rt-spinner-leaf-fade var(--spinner-animation-duration) linear infinite;
}
.rt-SpinnerLeaf::before {
    content: '';
    display: block;
    width: 100%;
    height: 30%;
    border-radius: var(--radius-1);
    background-color: currentColor;
}
.rt-SpinnerLeaf:where(:nth-child(1)) {
    transform: rotate(0deg);
    animation-delay: calc(-8 / 8 * var(--spinner-animation-duration));
}
.rt-SpinnerLeaf:where(:nth-child(2)) {
    transform: rotate(45deg);
    animation-delay: calc(-7 / 8 * var(--spinner-animation-duration));
}
.rt-SpinnerLeaf:where(:nth-child(3)) {
    transform: rotate(90deg);
    animation-delay: calc(-6 / 8 * var(--spinner-animation-duration));
}
.rt-SpinnerLeaf:where(:nth-child(4)) {
    transform: rotate(135deg);
    animation-delay: calc(-5 / 8 * var(--spinner-animation-duration));
}
.rt-SpinnerLeaf:where(:nth-child(5)) {
    transform: rotate(180deg);
    animation-delay: calc(-4 / 8 * var(--spinner-animation-duration));
}
.rt-SpinnerLeaf:where(:nth-child(6)) {
    transform: rotate(225deg);
    animation-delay: calc(-3 / 8 * var(--spinner-animation-duration));
}
.rt-SpinnerLeaf:where(:nth-child(7)) {
    transform: rotate(270deg);
    animation-delay: calc(-2 / 8 * var(--spinner-animation-duration));
}
.rt-SpinnerLeaf:where(:nth-child(8)) {
    transform: rotate(315deg);
    animation-delay: calc(-1 / 8 * var(--spinner-animation-duration));
}
@keyframes rt-spinner-leaf-fade {
    from {
        opacity: 1;
    }
    to {
        opacity: 0.25;
    }
}
.rt-Spinner:where(.rt-r-size-1) {
    width: var(--space-3);
    height: var(--space-3);
}
.rt-Spinner:where(.rt-r-size-2) {
    width: var(--space-4);
    height: var(--space-4);
}
.rt-Spinner:where(.rt-r-size-3) {
    width: calc(1.25 * var(--space-4));
    height: calc(1.25 * var(--space-4));
}
@media (min-width: 520px) {
    .rt-Spinner:where(.xs\:rt-r-size-1) {
        width: var(--space-3);
        height: var(--space-3);
    }
    .rt-Spinner:where(.xs\:rt-r-size-2) {
        width: var(--space-4);
        height: var(--space-4);
    }
    .rt-Spinner:where(.xs\:rt-r-size-3) {
        width: calc(1.25 * var(--space-4));
        height: calc(1.25 * var(--space-4));
    }
}
@media (min-width: 768px) {
    .rt-Spinner:where(.sm\:rt-r-size-1) {
        width: var(--space-3);
        height: var(--space-3);
    }
    .rt-Spinner:where(.sm\:rt-r-size-2) {
        width: var(--space-4);
        height: var(--space-4);
    }
    .rt-Spinner:where(.sm\:rt-r-size-3) {
        width: calc(1.25 * var(--space-4));
        height: calc(1.25 * var(--space-4));
    }
}
@media (min-width: 1024px) {
    .rt-Spinner:where(.md\:rt-r-size-1) {
        width: var(--space-3);
        height: var(--space-3);
    }
    .rt-Spinner:where(.md\:rt-r-size-2) {
        width: var(--space-4);
        height: var(--space-4);
    }
    .rt-Spinner:where(.md\:rt-r-size-3) {
        width: calc(1.25 * var(--space-4));
        height: calc(1.25 * var(--space-4));
    }
}
@media (min-width: 1280px) {
    .rt-Spinner:where(.lg\:rt-r-size-1) {
        width: var(--space-3);
        height: var(--space-3);
    }
    .rt-Spinner:where(.lg\:rt-r-size-2) {
        width: var(--space-4);
        height: var(--space-4);
    }
    .rt-Spinner:where(.lg\:rt-r-size-3) {
        width: calc(1.25 * var(--space-4));
        height: calc(1.25 * var(--space-4));
    }
}
@media (min-width: 1640px) {
    .rt-Spinner:where(.xl\:rt-r-size-1) {
        width: var(--space-3);
        height: var(--space-3);
    }
    .rt-Spinner:where(.xl\:rt-r-size-2) {
        width: var(--space-4);
        height: var(--space-4);
    }
    .rt-Spinner:where(.xl\:rt-r-size-3) {
        width: calc(1.25 * var(--space-4));
        height: calc(1.25 * var(--space-4));
    }
}
.rt-Strong {
    font-family: var(--strong-font-family);
    font-size: calc(var(--strong-font-size-adjust) * 1em);
    font-style: var(--strong-font-style);
    font-weight: var(--strong-font-weight);
    letter-spacing: calc(var(--strong-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing)));
}
.rt-Strong :where(.rt-Strong) {
    font-size: inherit;
}
.rt-SwitchRoot {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    flex-shrink: 0;
    height: var(--skeleton-height, var(--line-height, var(--switch-height)));
    --skeleton-height-override: var(--switch-height);
    border-radius: var(--skeleton-radius);
    --skeleton-radius-override: var(--switch-border-radius);
    --switch-width: calc(var(--switch-height) * 1.75);
    --switch-thumb-inset: 1px;
    --switch-thumb-size: calc(var(--switch-height) - var(--switch-thumb-inset) * 2);
    --switch-thumb-translate-x: calc(var(--switch-width) - var(--switch-height));
}
.rt-SwitchRoot::before {
    content: '';
    display: block;
    width: var(--switch-width);
    height: var(--switch-height);
    border-radius: var(--switch-border-radius);
    transition: background-position, background-color, box-shadow, filter;
    transition-timing-function: linear, ease-in-out, ease-in-out, ease-in-out;
    background-repeat: no-repeat;
    background-size: calc(var(--switch-width) * 2 + var(--switch-height)) 100%;
    cursor: var(--cursor-switch);
}
.rt-SwitchRoot:where([data-state='unchecked'])::before {
    transition-duration: 120ms, 140ms, 140ms, 140ms;
    background-position-x: 100%;
}
.rt-SwitchRoot:where([data-state='checked'])::before {
    transition-duration: 160ms, 140ms, 140ms, 140ms;
    background-position: 0%;
}
.rt-SwitchRoot:where(:active)::before {
    transition-duration: 30ms;
}
.rt-SwitchRoot:where(:focus-visible)::before {
    outline: 2px solid var(--focus-8);
    outline-offset: 2px;
}
.rt-SwitchRoot:where([data-disabled])::before {
    cursor: var(--cursor-disabled);
}
.rt-SwitchThumb {
    background-color: white;
    position: absolute;
    left: var(--switch-thumb-inset);
    width: var(--switch-thumb-size);
    height: var(--switch-thumb-size);
    border-radius: calc(var(--switch-border-radius) - var(--switch-thumb-inset));
    transition: transform 140ms cubic-bezier(0.45, 0.05, 0.55, 0.95), box-shadow 140ms ease-in-out;
}
.rt-SwitchThumb:where([data-state='checked']) {
    transform: translateX(var(--switch-thumb-translate-x));
}
.rt-SwitchRoot:where(.rt-r-size-1) {
    --switch-height: var(--space-4);
    --switch-border-radius: max(var(--radius-1), var(--radius-thumb));
}
.rt-SwitchRoot:where(.rt-r-size-2) {
    --switch-height: calc(var(--space-5) * 5 / 6);
    --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
}
.rt-SwitchRoot:where(.rt-r-size-3) {
    --switch-height: var(--space-5);
    --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
}
@media (min-width: 520px) {
    .rt-SwitchRoot:where(.xs\:rt-r-size-1) {
        --switch-height: var(--space-4);
        --switch-border-radius: max(var(--radius-1), var(--radius-thumb));
    }
    .rt-SwitchRoot:where(.xs\:rt-r-size-2) {
        --switch-height: calc(var(--space-5) * 5 / 6);
        --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
    }
    .rt-SwitchRoot:where(.xs\:rt-r-size-3) {
        --switch-height: var(--space-5);
        --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
    }
}
@media (min-width: 768px) {
    .rt-SwitchRoot:where(.sm\:rt-r-size-1) {
        --switch-height: var(--space-4);
        --switch-border-radius: max(var(--radius-1), var(--radius-thumb));
    }
    .rt-SwitchRoot:where(.sm\:rt-r-size-2) {
        --switch-height: calc(var(--space-5) * 5 / 6);
        --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
    }
    .rt-SwitchRoot:where(.sm\:rt-r-size-3) {
        --switch-height: var(--space-5);
        --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
    }
}
@media (min-width: 1024px) {
    .rt-SwitchRoot:where(.md\:rt-r-size-1) {
        --switch-height: var(--space-4);
        --switch-border-radius: max(var(--radius-1), var(--radius-thumb));
    }
    .rt-SwitchRoot:where(.md\:rt-r-size-2) {
        --switch-height: calc(var(--space-5) * 5 / 6);
        --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
    }
    .rt-SwitchRoot:where(.md\:rt-r-size-3) {
        --switch-height: var(--space-5);
        --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
    }
}
@media (min-width: 1280px) {
    .rt-SwitchRoot:where(.lg\:rt-r-size-1) {
        --switch-height: var(--space-4);
        --switch-border-radius: max(var(--radius-1), var(--radius-thumb));
    }
    .rt-SwitchRoot:where(.lg\:rt-r-size-2) {
        --switch-height: calc(var(--space-5) * 5 / 6);
        --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
    }
    .rt-SwitchRoot:where(.lg\:rt-r-size-3) {
        --switch-height: var(--space-5);
        --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
    }
}
@media (min-width: 1640px) {
    .rt-SwitchRoot:where(.xl\:rt-r-size-1) {
        --switch-height: var(--space-4);
        --switch-border-radius: max(var(--radius-1), var(--radius-thumb));
    }
    .rt-SwitchRoot:where(.xl\:rt-r-size-2) {
        --switch-height: calc(var(--space-5) * 5 / 6);
        --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
    }
    .rt-SwitchRoot:where(.xl\:rt-r-size-3) {
        --switch-height: var(--space-5);
        --switch-border-radius: max(var(--radius-2), var(--radius-thumb));
    }
}
.rt-SwitchRoot:where(.rt-variant-surface)::before {
    background-color: var(--gray-a3);
    background-image: linear-gradient(to right, var(--accent-track) 40%, transparent 60%);
    box-shadow: inset 0 0 0 1px var(--gray-a5);
}
.rt-SwitchRoot:where(.rt-variant-surface):where(:active)::before {
    background-color: var(--gray-a4);
}
.rt-SwitchRoot:where(.rt-variant-surface):where([data-state='checked']:active)::before {
    filter: var(--switch-surface-checked-active-filter);
}
.rt-SwitchRoot:where(.rt-variant-surface):where(.rt-high-contrast)::before {
    background-image: linear-gradient(to right, var(--switch-high-contrast-checked-color-overlay) 40%, transparent 60%), linear-gradient(to right, var(--accent-track) 40%, transparent 60%);
}
.rt-SwitchRoot:where(.rt-variant-surface):where(.rt-high-contrast):where([data-state='checked']:active)::before {
    filter: var(--switch-high-contrast-checked-active-before-filter);
}
.rt-SwitchRoot:where(.rt-variant-surface):where([data-disabled]) {
    mix-blend-mode: var(--switch-disabled-blend-mode);
}
.rt-SwitchRoot:where(.rt-variant-surface):where([data-disabled])::before {
    filter: none;
    background-image: none;
    background-color: var(--gray-a3);
    box-shadow: inset 0 0 0 1px var(--gray-a3);
}
.rt-SwitchRoot:where(.rt-variant-surface) :where(.rt-SwitchThumb):where([data-state='unchecked']) {
    box-shadow: 0 0 1px 1px var(--black-a2), 0 1px 1px var(--black-a1), 0 2px 4px -1px var(--black-a1);
}
.rt-SwitchRoot:where(.rt-variant-surface) :where(.rt-SwitchThumb):where([data-state='checked']) {
    box-shadow: 0 1px 3px var(--black-a2), 0 2px 4px -1px var(--black-a1), 0 0 0 1px var(--black-a1), 0 0 0 1px var(--accent-a4), -1px 0 1px var(--black-a2);
}
.rt-SwitchRoot:where(.rt-variant-surface) :where(.rt-SwitchThumb):where([data-state='checked']):where(.rt-high-contrast) {
    box-shadow: 0 1px 3px var(--black-a2), 0 2px 4px -1px var(--black-a1), 0 0 0 1px var(--black-a2), -1px 0 1px var(--black-a2);
}
.rt-SwitchRoot:where(.rt-variant-surface) :where(.rt-SwitchThumb):where([data-disabled]) {
    background-color: var(--gray-2);
    box-shadow: 0 0 0 1px var(--gray-a2), 0 1px 3px var(--black-a1);
    transition: none;
}
.rt-SwitchRoot:where(.rt-variant-classic)::before {
    background-image: linear-gradient(to right, var(--accent-track) 40%, transparent 60%);
    background-color: var(--gray-a4);
    box-shadow: var(--shadow-1);
}
.rt-SwitchRoot:where(.rt-variant-classic):where([data-state='unchecked']:active)::before {
    background-color: var(--gray-a5);
}
.rt-SwitchRoot:where(.rt-variant-classic):where([data-state='checked'])::before {
    box-shadow: inset 0 0 0 1px var(--gray-a3), inset 0 0 0 1px var(--accent-a4), inset 0 0 0 1px var(--black-a1), inset 0 1.5px 2px 0 var(--black-a2);
}
.rt-SwitchRoot:where(.rt-variant-classic):where([data-state='checked']:active)::before {
    filter: var(--switch-surface-checked-active-filter);
}
.rt-SwitchRoot:where(.rt-variant-classic):where(.rt-high-contrast)::before {
    box-shadow: inset 0 0 0 1px var(--gray-a3), inset 0 0 0 1px var(--black-a2), inset 0 1.5px 2px 0 var(--black-a2);
    background-image: linear-gradient(to right, var(--switch-high-contrast-checked-color-overlay) 40%, transparent 60%), linear-gradient(to right, var(--accent-track) 40%, transparent 60%);
}
.rt-SwitchRoot:where(.rt-variant-classic):where(.rt-high-contrast):where([data-state='checked']:active)::before {
    filter: var(--switch-high-contrast-checked-active-before-filter);
}
.rt-SwitchRoot:where(.rt-variant-classic):where([data-disabled]) {
    mix-blend-mode: var(--switch-disabled-blend-mode);
}
.rt-SwitchRoot:where(.rt-variant-classic):where([data-disabled])::before {
    filter: none;
    background-image: none;
    background-color: var(--gray-a5);
    box-shadow: var(--shadow-1);
    opacity: 0.5;
}
.rt-SwitchRoot:where(.rt-variant-classic) :where(.rt-SwitchThumb):where([data-state='unchecked']) {
    box-shadow: 0 1px 3px var(--black-a3), 0 2px 4px -1px var(--black-a1), 0 0 0 1px var(--black-a2);
}
.rt-SwitchRoot:where(.rt-variant-classic) :where(.rt-SwitchThumb):where([data-state='checked']) {
    box-shadow: 0 1px 3px var(--black-a2), 0 2px 4px -1px var(--black-a1), 0 0 0 1px var(--black-a1), 0 0 0 1px var(--accent-a4), -1px 0 1px var(--black-a2);
}
.rt-SwitchRoot:where(.rt-variant-classic) :where(.rt-SwitchThumb):where([data-state='checked']):where(.rt-high-contrast) {
    box-shadow: 0 1px 3px var(--black-a2), 0 2px 4px -1px var(--black-a1), 0 0 0 1px var(--black-a2), -1px 0 1px var(--black-a2);
}
.rt-SwitchRoot:where(.rt-variant-classic) :where(.rt-SwitchThumb):where([data-disabled]) {
    background-color: var(--gray-2);
    box-shadow: 0 0 0 1px var(--gray-a2), 0 1px 3px var(--black-a1);
    transition: none;
}
.rt-SwitchRoot:where(.rt-variant-soft)::before {
    background-image: linear-gradient(to right, var(--accent-a4) 40%, transparent 60%), linear-gradient(to right, var(--accent-a4) 40%, transparent 60%), linear-gradient(to right, var(--accent-a4) 40%, var(--white-a1) 60%), linear-gradient(to right, var(--gray-a2) 40%, var(--gray-a3) 60%);
}
.rt-SwitchRoot:where(.rt-variant-soft):where([data-state='unchecked'])::before {
    background-color: var(--gray-a3);
}
.rt-SwitchRoot:where(.rt-variant-soft):where(:active)::before {
    background-color: var(--gray-a4);
}
.rt-SwitchRoot:where(.rt-variant-soft):where(.rt-high-contrast)::before {
    background-image: linear-gradient(to right, var(--switch-high-contrast-checked-color-overlay) 40%, transparent 60%), linear-gradient(to right, var(--accent-a6) 40%, transparent 60%), linear-gradient(to right, var(--accent-a6) 40%, transparent 60%), linear-gradient(to right, var(--accent-a6) 40%, var(--white-a1) 60%), linear-gradient(to right, var(--accent-a3) 40%, var(--gray-a3) 60%);
}
.rt-SwitchRoot:where(.rt-variant-soft):where(.rt-high-contrast):where([data-state='checked']:active)::before {
    filter: var(--switch-high-contrast-checked-active-before-filter);
}
.rt-SwitchRoot:where(.rt-variant-soft):where([data-disabled]) {
    mix-blend-mode: var(--switch-disabled-blend-mode);
}
.rt-SwitchRoot:where(.rt-variant-soft):where([data-disabled])::before {
    filter: none;
    background-image: none;
    background-color: var(--gray-a4);
}
.rt-SwitchRoot:where(.rt-variant-soft) :where(.rt-SwitchThumb) {
    filter: saturate(0.45);
}
.rt-SwitchRoot:where(.rt-variant-soft) :where(.rt-SwitchThumb):where([data-state='unchecked']) {
    box-shadow: 0 0 0 1px var(--black-a1), 0 1px 3px var(--black-a1), 0 1px 3px var(--black-a1), 0 2px 4px -1px var(--black-a1);
}
.rt-SwitchRoot:where(.rt-variant-soft) :where(.rt-SwitchThumb):where([data-state='checked']) {
    box-shadow: 0 0 0 1px var(--black-a1), 0 1px 3px var(--black-a2), 0 1px 3px var(--accent-a3), 0 2px 4px -1px var(--accent-a3);
}
.rt-SwitchRoot:where(.rt-variant-soft) :where(.rt-SwitchThumb):where([data-disabled]) {
    filter: none;
    background-color: var(--gray-2);
    box-shadow: 0 0 0 1px var(--gray-a2), 0 1px 3px var(--black-a1);
    transition: none;
}
.rt-BaseTabList::-webkit-scrollbar {
    display: none;
}
.rt-BaseTabListTrigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    -webkit-user-select: none;
            user-select: none;
    box-sizing: border-box;
    height: var(--tab-height);
    padding-left: var(--tab-padding-x);
    padding-right: var(--tab-padding-x);
    color: var(--gray-a11);
}
.rt-BaseTabListTriggerInner,
.rt-BaseTabListTriggerInnerHidden {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: var(--tab-inner-padding-y) var(--tab-inner-padding-x);
    border-radius: var(--tab-inner-border-radius);
}
.rt-BaseTabListTriggerInner {
    position: absolute;
}
:where(.rt-BaseTabListTrigger[data-state='inactive'], .rt-TabNavLink:not([data-active])) .rt-BaseTabListTriggerInner {
    letter-spacing: var(--tab-inactive-letter-spacing);
    word-spacing: var(--tab-inactive-word-spacing);
}
:where(.rt-BaseTabListTrigger[data-state='active'], .rt-TabNavLink[data-active]) .rt-BaseTabListTriggerInner {
    font-weight: var(--font-weight-medium);
    letter-spacing: var(--tab-active-letter-spacing);
    word-spacing: var(--tab-active-word-spacing);
}
.rt-BaseTabListTriggerInnerHidden {
    visibility: hidden;
    font-weight: var(--font-weight-medium);
    letter-spacing: var(--tab-active-letter-spacing);
    word-spacing: var(--tab-active-word-spacing);
}
.rt-BaseTabList:where(.rt-r-size-1) {
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
    --tab-height: var(--space-6);
    --tab-padding-x: var(--space-1);
    --tab-inner-padding-x: var(--space-1);
    --tab-inner-padding-y: calc(var(--space-1) * 0.5);
    --tab-inner-border-radius: var(--radius-1);
}
.rt-BaseTabList:where(.rt-r-size-2) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
    --tab-height: var(--space-7);
    --tab-padding-x: var(--space-2);
    --tab-inner-padding-x: var(--space-2);
    --tab-inner-padding-y: var(--space-1);
    --tab-inner-border-radius: var(--radius-2);
}
@media (min-width: 520px) {
    .rt-BaseTabList:where(.xs\:rt-r-size-1) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        --tab-height: var(--space-6);
        --tab-padding-x: var(--space-1);
        --tab-inner-padding-x: var(--space-1);
        --tab-inner-padding-y: calc(var(--space-1) * 0.5);
        --tab-inner-border-radius: var(--radius-1);
    }
    .rt-BaseTabList:where(.xs\:rt-r-size-2) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        --tab-height: var(--space-7);
        --tab-padding-x: var(--space-2);
        --tab-inner-padding-x: var(--space-2);
        --tab-inner-padding-y: var(--space-1);
        --tab-inner-border-radius: var(--radius-2);
    }
}
@media (min-width: 768px) {
    .rt-BaseTabList:where(.sm\:rt-r-size-1) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        --tab-height: var(--space-6);
        --tab-padding-x: var(--space-1);
        --tab-inner-padding-x: var(--space-1);
        --tab-inner-padding-y: calc(var(--space-1) * 0.5);
        --tab-inner-border-radius: var(--radius-1);
    }
    .rt-BaseTabList:where(.sm\:rt-r-size-2) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        --tab-height: var(--space-7);
        --tab-padding-x: var(--space-2);
        --tab-inner-padding-x: var(--space-2);
        --tab-inner-padding-y: var(--space-1);
        --tab-inner-border-radius: var(--radius-2);
    }
}
@media (min-width: 1024px) {
    .rt-BaseTabList:where(.md\:rt-r-size-1) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        --tab-height: var(--space-6);
        --tab-padding-x: var(--space-1);
        --tab-inner-padding-x: var(--space-1);
        --tab-inner-padding-y: calc(var(--space-1) * 0.5);
        --tab-inner-border-radius: var(--radius-1);
    }
    .rt-BaseTabList:where(.md\:rt-r-size-2) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        --tab-height: var(--space-7);
        --tab-padding-x: var(--space-2);
        --tab-inner-padding-x: var(--space-2);
        --tab-inner-padding-y: var(--space-1);
        --tab-inner-border-radius: var(--radius-2);
    }
}
@media (min-width: 1280px) {
    .rt-BaseTabList:where(.lg\:rt-r-size-1) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        --tab-height: var(--space-6);
        --tab-padding-x: var(--space-1);
        --tab-inner-padding-x: var(--space-1);
        --tab-inner-padding-y: calc(var(--space-1) * 0.5);
        --tab-inner-border-radius: var(--radius-1);
    }
    .rt-BaseTabList:where(.lg\:rt-r-size-2) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        --tab-height: var(--space-7);
        --tab-padding-x: var(--space-2);
        --tab-inner-padding-x: var(--space-2);
        --tab-inner-padding-y: var(--space-1);
        --tab-inner-border-radius: var(--radius-2);
    }
}
@media (min-width: 1640px) {
    .rt-BaseTabList:where(.xl\:rt-r-size-1) {
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
        --tab-height: var(--space-6);
        --tab-padding-x: var(--space-1);
        --tab-inner-padding-x: var(--space-1);
        --tab-inner-padding-y: calc(var(--space-1) * 0.5);
        --tab-inner-border-radius: var(--radius-1);
    }
    .rt-BaseTabList:where(.xl\:rt-r-size-2) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
        --tab-height: var(--space-7);
        --tab-padding-x: var(--space-2);
        --tab-inner-padding-x: var(--space-2);
        --tab-inner-padding-y: var(--space-1);
        --tab-inner-border-radius: var(--radius-2);
    }
}
.rt-BaseTabList {
    box-shadow: inset 0 -1px 0 0 var(--gray-a5);
    display: flex;
    justify-content: flex-start;
    overflow-x: auto;
    white-space: nowrap;
    font-family: var(--default-font-family);
    font-style: normal;
    scrollbar-width: none;
}
@media (hover: hover) {
    .rt-BaseTabListTrigger:where(:hover) {
        color: var(--gray-12);
    }
    .rt-BaseTabListTrigger:where(:hover) :where(.rt-BaseTabListTriggerInner) {
        background-color: var(--gray-a3);
    }
    .rt-BaseTabListTrigger:where(:focus-visible:hover) :where(.rt-BaseTabListTriggerInner) {
        background-color: var(--accent-a3);
    }
}
.rt-BaseTabListTrigger:where([data-state='active'], [data-active]) {
    color: var(--gray-12);
}
.rt-BaseTabListTrigger:where(:focus-visible) :where(.rt-BaseTabListTriggerInner) {
    outline: 2px solid var(--focus-8);
    outline-offset: -2px;
}
.rt-BaseTabListTrigger:where([data-state='active'], [data-active])::before {
    box-sizing: border-box;
    content: '';
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--accent-indicator);
}
:where(.rt-BaseTabList.rt-high-contrast) .rt-BaseTabListTrigger:where([data-state='active'], [data-active])::before {
    background-color: var(--accent-12);
}
.rt-TabNavItem {
    display: flex;
}
.rt-TableRootTable {
    --table-row-background-color: transparent;
    --table-row-box-shadow: inset 0 -1px var(--gray-a5);
    width: 100%;
    text-align: left;
    vertical-align: top;
    border-collapse: collapse;
    border-radius: calc(var(--table-border-radius) - 1px);
    border-spacing: 0;
    box-sizing: border-box;
    height: 0;
}
.rt-TableHeader {
    vertical-align: inherit;
}
.rt-TableBody {
    vertical-align: inherit;
}
.rt-TableRow {
    vertical-align: inherit;
    color: var(--gray-12);
}
.rt-TableCell {
    background-color: var(--table-row-background-color);
    box-shadow: var(--table-row-box-shadow);
    box-sizing: border-box;
    vertical-align: inherit;
    padding: var(--table-cell-padding);
    height: var(--table-cell-min-height);
}
.rt-Inset :where(.rt-TableCell:first-child) {
    padding-left: var(--inset-padding-left, var(--table-cell-padding));
}
.rt-Inset :where(.rt-TableCell:last-child) {
    padding-right: var(--inset-padding-right, var(--table-cell-padding));
}
.rt-TableColumnHeaderCell {
    font-weight: bold;
}
.rt-TableRowHeaderCell {
    font-weight: normal;
}
.rt-TableRoot:where(.rt-r-size-1) {
    --table-border-radius: var(--radius-3);
    --table-cell-padding: var(--space-2);
    --table-cell-min-height: calc(36px * var(--scaling));
}
.rt-TableRoot:where(.rt-r-size-1) :where(.rt-TableRootTable) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
}
.rt-TableRoot:where(.rt-r-size-2) {
    --table-border-radius: var(--radius-4);
    --table-cell-padding: var(--space-3);
    --table-cell-min-height: calc(44px * var(--scaling));
}
.rt-TableRoot:where(.rt-r-size-2) :where(.rt-TableRootTable) {
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
}
.rt-TableRoot:where(.rt-r-size-3) {
    --table-border-radius: var(--radius-4);
    --table-cell-padding: var(--space-3) var(--space-4);
    --table-cell-min-height: var(--space-8);
}
.rt-TableRoot:where(.rt-r-size-3) :where(.rt-TableRootTable) {
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
}
@media (min-width: 520px) {
    .rt-TableRoot:where(.xs\:rt-r-size-1) {
        --table-border-radius: var(--radius-3);
        --table-cell-padding: var(--space-2);
        --table-cell-min-height: calc(36px * var(--scaling));
    }
    .rt-TableRoot:where(.xs\:rt-r-size-1) :where(.rt-TableRootTable) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
    }
    .rt-TableRoot:where(.xs\:rt-r-size-2) {
        --table-border-radius: var(--radius-4);
        --table-cell-padding: var(--space-3);
        --table-cell-min-height: calc(44px * var(--scaling));
    }
    .rt-TableRoot:where(.xs\:rt-r-size-2) :where(.rt-TableRootTable) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
    }
    .rt-TableRoot:where(.xs\:rt-r-size-3) {
        --table-border-radius: var(--radius-4);
        --table-cell-padding: var(--space-3) var(--space-4);
        --table-cell-min-height: var(--space-8);
    }
    .rt-TableRoot:where(.xs\:rt-r-size-3) :where(.rt-TableRootTable) {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
    }
}
@media (min-width: 768px) {
    .rt-TableRoot:where(.sm\:rt-r-size-1) {
        --table-border-radius: var(--radius-3);
        --table-cell-padding: var(--space-2);
        --table-cell-min-height: calc(36px * var(--scaling));
    }
    .rt-TableRoot:where(.sm\:rt-r-size-1) :where(.rt-TableRootTable) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
    }
    .rt-TableRoot:where(.sm\:rt-r-size-2) {
        --table-border-radius: var(--radius-4);
        --table-cell-padding: var(--space-3);
        --table-cell-min-height: calc(44px * var(--scaling));
    }
    .rt-TableRoot:where(.sm\:rt-r-size-2) :where(.rt-TableRootTable) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
    }
    .rt-TableRoot:where(.sm\:rt-r-size-3) {
        --table-border-radius: var(--radius-4);
        --table-cell-padding: var(--space-3) var(--space-4);
        --table-cell-min-height: var(--space-8);
    }
    .rt-TableRoot:where(.sm\:rt-r-size-3) :where(.rt-TableRootTable) {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
    }
}
@media (min-width: 1024px) {
    .rt-TableRoot:where(.md\:rt-r-size-1) {
        --table-border-radius: var(--radius-3);
        --table-cell-padding: var(--space-2);
        --table-cell-min-height: calc(36px * var(--scaling));
    }
    .rt-TableRoot:where(.md\:rt-r-size-1) :where(.rt-TableRootTable) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
    }
    .rt-TableRoot:where(.md\:rt-r-size-2) {
        --table-border-radius: var(--radius-4);
        --table-cell-padding: var(--space-3);
        --table-cell-min-height: calc(44px * var(--scaling));
    }
    .rt-TableRoot:where(.md\:rt-r-size-2) :where(.rt-TableRootTable) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
    }
    .rt-TableRoot:where(.md\:rt-r-size-3) {
        --table-border-radius: var(--radius-4);
        --table-cell-padding: var(--space-3) var(--space-4);
        --table-cell-min-height: var(--space-8);
    }
    .rt-TableRoot:where(.md\:rt-r-size-3) :where(.rt-TableRootTable) {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
    }
}
@media (min-width: 1280px) {
    .rt-TableRoot:where(.lg\:rt-r-size-1) {
        --table-border-radius: var(--radius-3);
        --table-cell-padding: var(--space-2);
        --table-cell-min-height: calc(36px * var(--scaling));
    }
    .rt-TableRoot:where(.lg\:rt-r-size-1) :where(.rt-TableRootTable) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
    }
    .rt-TableRoot:where(.lg\:rt-r-size-2) {
        --table-border-radius: var(--radius-4);
        --table-cell-padding: var(--space-3);
        --table-cell-min-height: calc(44px * var(--scaling));
    }
    .rt-TableRoot:where(.lg\:rt-r-size-2) :where(.rt-TableRootTable) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
    }
    .rt-TableRoot:where(.lg\:rt-r-size-3) {
        --table-border-radius: var(--radius-4);
        --table-cell-padding: var(--space-3) var(--space-4);
        --table-cell-min-height: var(--space-8);
    }
    .rt-TableRoot:where(.lg\:rt-r-size-3) :where(.rt-TableRootTable) {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
    }
}
@media (min-width: 1640px) {
    .rt-TableRoot:where(.xl\:rt-r-size-1) {
        --table-border-radius: var(--radius-3);
        --table-cell-padding: var(--space-2);
        --table-cell-min-height: calc(36px * var(--scaling));
    }
    .rt-TableRoot:where(.xl\:rt-r-size-1) :where(.rt-TableRootTable) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
    }
    .rt-TableRoot:where(.xl\:rt-r-size-2) {
        --table-border-radius: var(--radius-4);
        --table-cell-padding: var(--space-3);
        --table-cell-min-height: calc(44px * var(--scaling));
    }
    .rt-TableRoot:where(.xl\:rt-r-size-2) :where(.rt-TableRootTable) {
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
    }
    .rt-TableRoot:where(.xl\:rt-r-size-3) {
        --table-border-radius: var(--radius-4);
        --table-cell-padding: var(--space-3) var(--space-4);
        --table-cell-min-height: var(--space-8);
    }
    .rt-TableRoot:where(.xl\:rt-r-size-3) :where(.rt-TableRootTable) {
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
    }
}
.rt-TableRoot:where(.rt-variant-surface) {
    box-sizing: border-box;
    border: 1px solid var(--gray-a5);
    border-radius: var(--table-border-radius);
    background-color: var(--color-panel);
    -webkit-backdrop-filter: var(--backdrop-filter-panel);
            backdrop-filter: var(--backdrop-filter-panel);
    background-clip: padding-box;
    position: relative;
}
@supports (box-shadow: 0 0 0 1px color-mix(in oklab, white, black)) {
    .rt-TableRoot:where(.rt-variant-surface) {
        border-color: color-mix(in oklab, var(--gray-a5), var(--gray-6));
    }
}
.rt-TableRoot:where(.rt-variant-surface) :where(.rt-TableRootTable) {
    overflow: hidden;
}
.rt-TableRoot:where(.rt-variant-surface) :where(.rt-TableRootTable) :where(.rt-TableHeader) {
    --table-row-background-color: var(--gray-a2);
}
.rt-TableRoot:where(.rt-variant-surface) :where(.rt-TableRootTable) :where(.rt-TableBody) :where(.rt-TableRow:last-child) {
    --table-row-box-shadow: none;
}
.rt-TableRoot:where(.rt-variant-ghost) {
    --scrollarea-scrollbar-horizontal-margin-left: 0;
    --scrollarea-scrollbar-horizontal-margin-right: 0;
}
.rt-TabsContent {
    position: relative;
    outline: 0;
}
.rt-TabsContent:where(:focus-visible) {
    outline: 2px solid var(--focus-8);
}
.rt-TextAreaRoot:where(:focus-within) {
    outline: 2px solid var(--focus-8);
    outline-offset: -1px;
}
.rt-TextAreaInput::-webkit-scrollbar {
    width: var(--space-3);
    height: var(--space-3);
}
.rt-TextAreaInput::-webkit-scrollbar-track,
  .rt-TextAreaInput::-webkit-scrollbar-thumb {
    background-clip: content-box;
    border: var(--space-1) solid transparent;
    border-radius: var(--space-3);
}
.rt-TextAreaInput::-webkit-scrollbar-track {
    background-color: var(--gray-a3);
}
.rt-TextAreaInput::-webkit-scrollbar-thumb {
    background-color: var(--gray-a8);
}
@media (hover: hover) {
    :where(.rt-TextAreaInput:not(:disabled))::-webkit-scrollbar-thumb:hover {
        background-color: var(--gray-a9);
    }
}
.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]) {
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: var(--gray-12);
}
.rt-TextAreaRoot {
    box-sizing: border-box;
    padding: var(--text-area-border-width);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    font-family: var(--default-font-family);
    font-weight: var(--font-weight-regular);
    font-style: normal;
    text-align: start;
    overflow: hidden;
}
.rt-TextAreaInput {
    padding: var(--text-area-padding-y) var(--text-area-padding-x);
    border-radius: inherit;
    resize: none;
    display: block;
    width: 100%;
    flex-grow: 1;
    cursor: auto;
}
.rt-TextAreaRoot:where(.rt-r-size-1) {
    min-height: var(--space-8);
    border-radius: var(--radius-2);
}
.rt-TextAreaRoot:where(.rt-r-size-1) :where(.rt-TextAreaInput) {
    --text-area-padding-y: calc(var(--space-1) - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
    font-size: var(--font-size-1);
    line-height: var(--line-height-1);
    letter-spacing: var(--letter-spacing-1);
}
.rt-TextAreaRoot:where(.rt-r-size-2) {
    min-height: var(--space-9);
    border-radius: var(--radius-2);
}
.rt-TextAreaRoot:where(.rt-r-size-2) :where(.rt-TextAreaInput) {
    --text-area-padding-y: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
    font-size: var(--font-size-2);
    line-height: var(--line-height-2);
    letter-spacing: var(--letter-spacing-2);
}
.rt-TextAreaRoot:where(.rt-r-size-3) {
    min-height: 80px;
    border-radius: var(--radius-3);
}
.rt-TextAreaRoot:where(.rt-r-size-3) :where(.rt-TextAreaInput) {
    --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
    --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
    font-size: var(--font-size-3);
    line-height: var(--line-height-3);
    letter-spacing: var(--letter-spacing-3);
}
@media (min-width: 520px) {
    .rt-TextAreaRoot:where(.xs\:rt-r-size-1) {
        min-height: var(--space-8);
        border-radius: var(--radius-2);
    }
    .rt-TextAreaRoot:where(.xs\:rt-r-size-1) :where(.rt-TextAreaInput) {
        --text-area-padding-y: calc(var(--space-1) - var(--text-area-border-width));
        --text-area-padding-x: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-TextAreaRoot:where(.xs\:rt-r-size-2) {
        min-height: var(--space-9);
        border-radius: var(--radius-2);
    }
    .rt-TextAreaRoot:where(.xs\:rt-r-size-2) :where(.rt-TextAreaInput) {
        --text-area-padding-y: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
        --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-TextAreaRoot:where(.xs\:rt-r-size-3) {
        min-height: 80px;
        border-radius: var(--radius-3);
    }
    .rt-TextAreaRoot:where(.xs\:rt-r-size-3) :where(.rt-TextAreaInput) {
        --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
        --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
    }
}
@media (min-width: 768px) {
    .rt-TextAreaRoot:where(.sm\:rt-r-size-1) {
        min-height: var(--space-8);
        border-radius: var(--radius-2);
    }
    .rt-TextAreaRoot:where(.sm\:rt-r-size-1) :where(.rt-TextAreaInput) {
        --text-area-padding-y: calc(var(--space-1) - var(--text-area-border-width));
        --text-area-padding-x: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-TextAreaRoot:where(.sm\:rt-r-size-2) {
        min-height: var(--space-9);
        border-radius: var(--radius-2);
    }
    .rt-TextAreaRoot:where(.sm\:rt-r-size-2) :where(.rt-TextAreaInput) {
        --text-area-padding-y: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
        --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-TextAreaRoot:where(.sm\:rt-r-size-3) {
        min-height: 80px;
        border-radius: var(--radius-3);
    }
    .rt-TextAreaRoot:where(.sm\:rt-r-size-3) :where(.rt-TextAreaInput) {
        --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
        --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
    }
}
@media (min-width: 1024px) {
    .rt-TextAreaRoot:where(.md\:rt-r-size-1) {
        min-height: var(--space-8);
        border-radius: var(--radius-2);
    }
    .rt-TextAreaRoot:where(.md\:rt-r-size-1) :where(.rt-TextAreaInput) {
        --text-area-padding-y: calc(var(--space-1) - var(--text-area-border-width));
        --text-area-padding-x: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-TextAreaRoot:where(.md\:rt-r-size-2) {
        min-height: var(--space-9);
        border-radius: var(--radius-2);
    }
    .rt-TextAreaRoot:where(.md\:rt-r-size-2) :where(.rt-TextAreaInput) {
        --text-area-padding-y: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
        --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-TextAreaRoot:where(.md\:rt-r-size-3) {
        min-height: 80px;
        border-radius: var(--radius-3);
    }
    .rt-TextAreaRoot:where(.md\:rt-r-size-3) :where(.rt-TextAreaInput) {
        --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
        --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
    }
}
@media (min-width: 1280px) {
    .rt-TextAreaRoot:where(.lg\:rt-r-size-1) {
        min-height: var(--space-8);
        border-radius: var(--radius-2);
    }
    .rt-TextAreaRoot:where(.lg\:rt-r-size-1) :where(.rt-TextAreaInput) {
        --text-area-padding-y: calc(var(--space-1) - var(--text-area-border-width));
        --text-area-padding-x: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-TextAreaRoot:where(.lg\:rt-r-size-2) {
        min-height: var(--space-9);
        border-radius: var(--radius-2);
    }
    .rt-TextAreaRoot:where(.lg\:rt-r-size-2) :where(.rt-TextAreaInput) {
        --text-area-padding-y: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
        --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-TextAreaRoot:where(.lg\:rt-r-size-3) {
        min-height: 80px;
        border-radius: var(--radius-3);
    }
    .rt-TextAreaRoot:where(.lg\:rt-r-size-3) :where(.rt-TextAreaInput) {
        --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
        --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
    }
}
@media (min-width: 1640px) {
    .rt-TextAreaRoot:where(.xl\:rt-r-size-1) {
        min-height: var(--space-8);
        border-radius: var(--radius-2);
    }
    .rt-TextAreaRoot:where(.xl\:rt-r-size-1) :where(.rt-TextAreaInput) {
        --text-area-padding-y: calc(var(--space-1) - var(--text-area-border-width));
        --text-area-padding-x: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
        font-size: var(--font-size-1);
        line-height: var(--line-height-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-TextAreaRoot:where(.xl\:rt-r-size-2) {
        min-height: var(--space-9);
        border-radius: var(--radius-2);
    }
    .rt-TextAreaRoot:where(.xl\:rt-r-size-2) :where(.rt-TextAreaInput) {
        --text-area-padding-y: calc(var(--space-1) * 1.5 - var(--text-area-border-width));
        --text-area-padding-x: calc(var(--space-2) - var(--text-area-border-width));
        font-size: var(--font-size-2);
        line-height: var(--line-height-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-TextAreaRoot:where(.xl\:rt-r-size-3) {
        min-height: 80px;
        border-radius: var(--radius-3);
    }
    .rt-TextAreaRoot:where(.xl\:rt-r-size-3) :where(.rt-TextAreaInput) {
        --text-area-padding-y: calc(var(--space-2) - var(--text-area-border-width));
        --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
        font-size: var(--font-size-3);
        line-height: var(--line-height-3);
        letter-spacing: var(--letter-spacing-3);
    }
}
.rt-TextAreaRoot:where(.rt-variant-surface) {
    --text-area-border-width: 1px;
    background-clip: content-box;
    background-color: var(--color-surface);
    box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a7);
    color: var(--gray-12);
}
.rt-TextAreaRoot:where(.rt-variant-surface) :where(.rt-TextAreaInput)::placeholder {
    color: var(--gray-a10);
}
.rt-TextAreaRoot:where(.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))) {
    background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
    box-shadow: inset 0 0 0 1px var(--focus-a5), inset 0 0 0 1px var(--gray-a5);
}
.rt-TextAreaRoot:where(.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:disabled, :read-only))) {
    background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
    box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6);
}
.rt-TextAreaRoot:where(.rt-variant-classic) {
    --text-area-border-width: 1px;
    background-clip: content-box;
    background-color: var(--color-surface);
    box-shadow: var(--shadow-1);
    color: var(--gray-12);
}
.rt-TextAreaRoot:where(.rt-variant-classic) :where(.rt-TextAreaInput)::placeholder {
    color: var(--gray-a10);
}
.rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))) {
    background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
    box-shadow: inset 0 0 0 1px var(--focus-a5), inset 0 0 0 1px var(--gray-a5);
}
.rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:disabled, :read-only))) {
    background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
}
.rt-TextAreaRoot:where(.rt-variant-soft) {
    --text-area-border-width: 0px;
    background-color: var(--accent-a3);
    color: var(--accent-12);
}
.rt-TextAreaRoot:where(.rt-variant-soft) :where(.rt-TextAreaInput)::selection {
    background-color: var(--accent-a5);
}
.rt-TextAreaRoot:where(.rt-variant-soft) :where(.rt-TextAreaInput)::placeholder {
    color: var(--accent-12);
    opacity: 0.65;
}
.rt-TextAreaRoot:where(.rt-variant-soft):where(:focus-within) {
    outline-color: var(--accent-8);
}
.rt-TextAreaRoot:where(.rt-variant-soft):where(:has(.rt-TextAreaInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))) {
    box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
}
.rt-TextAreaRoot:where(.rt-variant-soft):where(:has(.rt-TextAreaInput:where(:disabled, :read-only))) {
    background-color: var(--gray-a3);
}
.rt-TextAreaInput:where(:disabled, :read-only) {
    cursor: text;
    color: var(--gray-a11);
    -webkit-text-fill-color: var(--gray-a11);
}
.rt-TextAreaInput:where(:disabled, :read-only)::placeholder {
    opacity: 0.5;
}
.rt-TextAreaInput:where(:disabled, :read-only):where(:placeholder-shown) {
    cursor: var(--cursor-disabled);
}
.rt-TextAreaInput:where(:disabled, :read-only)::selection {
    background-color: var(--gray-a5);
}
.rt-TextAreaRoot:where(:focus-within:has(.rt-TextAreaInput:where(:disabled, :read-only))) {
    outline-color: var(--gray-8);
}
@supports selector(:has(*)) {
    .rt-TextFieldRoot:where(:has(.rt-TextFieldInput:focus)) {
        outline: 2px solid var(--text-field-focus-color);
        outline-offset: -1px;
    }
}
@supports not selector(:has(*)) {
    .rt-TextFieldRoot:where(:focus-within) {
        outline: 2px solid var(--text-field-focus-color);
        outline-offset: -1px;
    }
}
.rt-TextFieldRoot::selection {
    background-color: var(--text-field-selection-color);
}
.rt-TextFieldInput {
    width: 100%;
    display: flex;
    align-items: center;
    text-align: inherit;
    border-radius: calc(var(--text-field-border-radius) - var(--text-field-border-width));
    text-indent: var(--text-field-padding);
}
.rt-TextFieldInput:where([type='number']) {
    -moz-appearance: textfield;
}
.rt-TextFieldInput::-webkit-inner-spin-button {
    -webkit-appearance: none;
            appearance: none;
}
.rt-TextFieldInput::-webkit-search-cancel-button {
    -webkit-appearance: none;
            appearance: none;
}
.rt-TextFieldInput::selection {
    background-color: var(--text-field-selection-color);
}
.rt-TextFieldInput::-webkit-calendar-picker-indicator {
    box-sizing: content-box;
    width: var(--text-field-native-icon-size);
    height: var(--text-field-native-icon-size);
    padding: var(--space-1);
    margin-left: 0;
    margin-right: calc(var(--space-1) * -1);
    border-radius: calc(var(--text-field-border-radius) - 2px);
}
.rt-TextFieldInput:where(:not([type='time']))::-webkit-calendar-picker-indicator {
    margin-left: var(--space-1);
}
.rt-TextFieldInput::-webkit-calendar-picker-indicator:where(:hover) {
    background-color: var(--gray-a3);
}
.rt-TextFieldInput::-webkit-calendar-picker-indicator:where(:focus-visible) {
    outline: 2px solid var(--text-field-focus-color);
}
.rt-TextFieldInput::-webkit-datetime-edit-ampm-field:where(:focus), .rt-TextFieldInput::-webkit-datetime-edit-day-field:where(:focus), .rt-TextFieldInput::-webkit-datetime-edit-hour-field:where(:focus), .rt-TextFieldInput::-webkit-datetime-edit-millisecond-field:where(:focus), .rt-TextFieldInput::-webkit-datetime-edit-minute-field:where(:focus), .rt-TextFieldInput::-webkit-datetime-edit-month-field:where(:focus), .rt-TextFieldInput::-webkit-datetime-edit-second-field:where(:focus), .rt-TextFieldInput::-webkit-datetime-edit-week-field:where(:focus), .rt-TextFieldInput::-webkit-datetime-edit-year-field:where(:focus) {
    background-color: var(--text-field-selection-color);
    color: inherit;
    outline: none;
}
@supports selector(:has(*)) {
    .rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]) {
        -webkit-background-clip: text;
                background-clip: text;
        -webkit-text-fill-color: var(--gray-12);
    }
}
.rt-TextFieldSlot {
    box-sizing: border-box;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    cursor: text;
}
.rt-TextFieldSlot:where(:not([data-side='right'])) {
    order: -1;
    margin-left: calc(var(--text-field-border-width) * -1);
    margin-right: 0;
}
.rt-TextFieldSlot:where([data-side='right']),
  
  :where(.rt-TextFieldSlot:not([data-side='right'])) ~ .rt-TextFieldSlot:where(:not([data-side='left'])) {
    order: 0;
    margin-left: 0;
    margin-right: calc(var(--text-field-border-width) * -1);
}
.rt-TextFieldRoot {
    box-sizing: border-box;
    height: var(--text-field-height);
    padding: var(--text-field-border-width);
    border-radius: var(--text-field-border-radius);
    display: flex;
    align-items: stretch;
    font-family: var(--default-font-family);
    font-weight: var(--font-weight-regular);
    font-style: normal;
    text-align: start;
}
.rt-TextFieldInput:where([type='date'], [type='datetime-local'], [type='time'], [type='week'], [type='month']) {
    text-indent: 0;
    padding-left: var(--text-field-padding);
    padding-right: var(--text-field-padding);
}
.rt-TextFieldInput:where(:has(~ .rt-TextFieldSlot:not([data-side='right']))) {
    text-indent: 0;
    padding-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rt-TextFieldInput:where(:has(
    ~ .rt-TextFieldSlot[data-side='right'],
    ~ .rt-TextFieldSlot:not([data-side='right']) ~ .rt-TextFieldSlot:not([data-side='left'])
  )) {
    padding-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rt-TextFieldRoot:where(.rt-r-size-1) {
    --text-field-height: var(--space-5);
    --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
    --text-field-border-radius: max(var(--radius-2), var(--radius-full));
    --text-field-native-icon-size: var(--space-3);
    font-size: var(--font-size-1);
    letter-spacing: var(--letter-spacing-1);
}
.rt-TextFieldRoot:where(.rt-r-size-1) :where(.rt-TextFieldSlot) {
    gap: var(--space-2);
    padding-left: var(--space-1);
    padding-right: var(--space-1);
}
.rt-TextFieldRoot:where(.rt-r-size-1) :where(.rt-TextFieldInput) {
    padding-bottom: 0px;
}
.rt-TextFieldRoot:where(.rt-r-size-1) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 0px;
    margin-right: -2px;
}
.rt-TextFieldRoot:where(.rt-r-size-2) {
    --text-field-height: var(--space-6);
    --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
    --text-field-border-radius: max(var(--radius-2), var(--radius-full));
    --text-field-native-icon-size: var(--space-4);
    font-size: var(--font-size-2);
    letter-spacing: var(--letter-spacing-2);
}
.rt-TextFieldRoot:where(.rt-r-size-2) :where(.rt-TextFieldInput) {
    padding-bottom: 0.5px;
}
.rt-TextFieldRoot:where(.rt-r-size-2) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 2px;
    margin-right: 0px;
}
.rt-TextFieldRoot:where(.rt-r-size-2) :where(.rt-TextFieldSlot) {
    gap: var(--space-2);
    padding-left: var(--space-2);
    padding-right: var(--space-2);
}
.rt-TextFieldRoot:where(.rt-r-size-3) {
    --text-field-height: var(--space-7);
    --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
    --text-field-border-radius: max(var(--radius-3), var(--radius-full));
    --text-field-native-icon-size: var(--space-4);
    font-size: var(--font-size-3);
    letter-spacing: var(--letter-spacing-3);
}
.rt-TextFieldRoot:where(.rt-r-size-3) :where(.rt-TextFieldInput) {
    padding-bottom: 0px;
}
.rt-TextFieldRoot:where(.rt-r-size-3) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
    padding-right: 5px;
    margin-right: 0px;
}
.rt-TextFieldRoot:where(.rt-r-size-3) :where(.rt-TextFieldSlot) {
    gap: var(--space-3);
    padding-left: var(--space-3);
    padding-right: var(--space-3);
}
@media (min-width: 520px) {
    .rt-TextFieldRoot:where(.xs\:rt-r-size-1) {
        --text-field-height: var(--space-5);
        --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
        --text-field-border-radius: max(var(--radius-2), var(--radius-full));
        --text-field-native-icon-size: var(--space-3);
        font-size: var(--font-size-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-TextFieldRoot:where(.xs\:rt-r-size-1) :where(.rt-TextFieldSlot) {
        gap: var(--space-2);
        padding-left: var(--space-1);
        padding-right: var(--space-1);
    }
    .rt-TextFieldRoot:where(.xs\:rt-r-size-1) :where(.rt-TextFieldInput) {
        padding-bottom: 0px;
    }
    .rt-TextFieldRoot:where(.xs\:rt-r-size-1) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 0px;
        margin-right: -2px;
    }
    .rt-TextFieldRoot:where(.xs\:rt-r-size-2) {
        --text-field-height: var(--space-6);
        --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
        --text-field-border-radius: max(var(--radius-2), var(--radius-full));
        --text-field-native-icon-size: var(--space-4);
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-TextFieldRoot:where(.xs\:rt-r-size-2) :where(.rt-TextFieldInput) {
        padding-bottom: 0.5px;
    }
    .rt-TextFieldRoot:where(.xs\:rt-r-size-2) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 2px;
        margin-right: 0px;
    }
    .rt-TextFieldRoot:where(.xs\:rt-r-size-2) :where(.rt-TextFieldSlot) {
        gap: var(--space-2);
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }
    .rt-TextFieldRoot:where(.xs\:rt-r-size-3) {
        --text-field-height: var(--space-7);
        --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
        --text-field-border-radius: max(var(--radius-3), var(--radius-full));
        --text-field-native-icon-size: var(--space-4);
        font-size: var(--font-size-3);
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-TextFieldRoot:where(.xs\:rt-r-size-3) :where(.rt-TextFieldInput) {
        padding-bottom: 0px;
    }
    .rt-TextFieldRoot:where(.xs\:rt-r-size-3) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 5px;
        margin-right: 0px;
    }
    .rt-TextFieldRoot:where(.xs\:rt-r-size-3) :where(.rt-TextFieldSlot) {
        gap: var(--space-3);
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }
}
@media (min-width: 768px) {
    .rt-TextFieldRoot:where(.sm\:rt-r-size-1) {
        --text-field-height: var(--space-5);
        --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
        --text-field-border-radius: max(var(--radius-2), var(--radius-full));
        --text-field-native-icon-size: var(--space-3);
        font-size: var(--font-size-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-TextFieldRoot:where(.sm\:rt-r-size-1) :where(.rt-TextFieldSlot) {
        gap: var(--space-2);
        padding-left: var(--space-1);
        padding-right: var(--space-1);
    }
    .rt-TextFieldRoot:where(.sm\:rt-r-size-1) :where(.rt-TextFieldInput) {
        padding-bottom: 0px;
    }
    .rt-TextFieldRoot:where(.sm\:rt-r-size-1) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 0px;
        margin-right: -2px;
    }
    .rt-TextFieldRoot:where(.sm\:rt-r-size-2) {
        --text-field-height: var(--space-6);
        --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
        --text-field-border-radius: max(var(--radius-2), var(--radius-full));
        --text-field-native-icon-size: var(--space-4);
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-TextFieldRoot:where(.sm\:rt-r-size-2) :where(.rt-TextFieldInput) {
        padding-bottom: 0.5px;
    }
    .rt-TextFieldRoot:where(.sm\:rt-r-size-2) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 2px;
        margin-right: 0px;
    }
    .rt-TextFieldRoot:where(.sm\:rt-r-size-2) :where(.rt-TextFieldSlot) {
        gap: var(--space-2);
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }
    .rt-TextFieldRoot:where(.sm\:rt-r-size-3) {
        --text-field-height: var(--space-7);
        --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
        --text-field-border-radius: max(var(--radius-3), var(--radius-full));
        --text-field-native-icon-size: var(--space-4);
        font-size: var(--font-size-3);
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-TextFieldRoot:where(.sm\:rt-r-size-3) :where(.rt-TextFieldInput) {
        padding-bottom: 0px;
    }
    .rt-TextFieldRoot:where(.sm\:rt-r-size-3) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 5px;
        margin-right: 0px;
    }
    .rt-TextFieldRoot:where(.sm\:rt-r-size-3) :where(.rt-TextFieldSlot) {
        gap: var(--space-3);
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }
}
@media (min-width: 1024px) {
    .rt-TextFieldRoot:where(.md\:rt-r-size-1) {
        --text-field-height: var(--space-5);
        --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
        --text-field-border-radius: max(var(--radius-2), var(--radius-full));
        --text-field-native-icon-size: var(--space-3);
        font-size: var(--font-size-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-TextFieldRoot:where(.md\:rt-r-size-1) :where(.rt-TextFieldSlot) {
        gap: var(--space-2);
        padding-left: var(--space-1);
        padding-right: var(--space-1);
    }
    .rt-TextFieldRoot:where(.md\:rt-r-size-1) :where(.rt-TextFieldInput) {
        padding-bottom: 0px;
    }
    .rt-TextFieldRoot:where(.md\:rt-r-size-1) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 0px;
        margin-right: -2px;
    }
    .rt-TextFieldRoot:where(.md\:rt-r-size-2) {
        --text-field-height: var(--space-6);
        --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
        --text-field-border-radius: max(var(--radius-2), var(--radius-full));
        --text-field-native-icon-size: var(--space-4);
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-TextFieldRoot:where(.md\:rt-r-size-2) :where(.rt-TextFieldInput) {
        padding-bottom: 0.5px;
    }
    .rt-TextFieldRoot:where(.md\:rt-r-size-2) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 2px;
        margin-right: 0px;
    }
    .rt-TextFieldRoot:where(.md\:rt-r-size-2) :where(.rt-TextFieldSlot) {
        gap: var(--space-2);
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }
    .rt-TextFieldRoot:where(.md\:rt-r-size-3) {
        --text-field-height: var(--space-7);
        --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
        --text-field-border-radius: max(var(--radius-3), var(--radius-full));
        --text-field-native-icon-size: var(--space-4);
        font-size: var(--font-size-3);
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-TextFieldRoot:where(.md\:rt-r-size-3) :where(.rt-TextFieldInput) {
        padding-bottom: 0px;
    }
    .rt-TextFieldRoot:where(.md\:rt-r-size-3) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 5px;
        margin-right: 0px;
    }
    .rt-TextFieldRoot:where(.md\:rt-r-size-3) :where(.rt-TextFieldSlot) {
        gap: var(--space-3);
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }
}
@media (min-width: 1280px) {
    .rt-TextFieldRoot:where(.lg\:rt-r-size-1) {
        --text-field-height: var(--space-5);
        --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
        --text-field-border-radius: max(var(--radius-2), var(--radius-full));
        --text-field-native-icon-size: var(--space-3);
        font-size: var(--font-size-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-TextFieldRoot:where(.lg\:rt-r-size-1) :where(.rt-TextFieldSlot) {
        gap: var(--space-2);
        padding-left: var(--space-1);
        padding-right: var(--space-1);
    }
    .rt-TextFieldRoot:where(.lg\:rt-r-size-1) :where(.rt-TextFieldInput) {
        padding-bottom: 0px;
    }
    .rt-TextFieldRoot:where(.lg\:rt-r-size-1) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 0px;
        margin-right: -2px;
    }
    .rt-TextFieldRoot:where(.lg\:rt-r-size-2) {
        --text-field-height: var(--space-6);
        --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
        --text-field-border-radius: max(var(--radius-2), var(--radius-full));
        --text-field-native-icon-size: var(--space-4);
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-TextFieldRoot:where(.lg\:rt-r-size-2) :where(.rt-TextFieldInput) {
        padding-bottom: 0.5px;
    }
    .rt-TextFieldRoot:where(.lg\:rt-r-size-2) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 2px;
        margin-right: 0px;
    }
    .rt-TextFieldRoot:where(.lg\:rt-r-size-2) :where(.rt-TextFieldSlot) {
        gap: var(--space-2);
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }
    .rt-TextFieldRoot:where(.lg\:rt-r-size-3) {
        --text-field-height: var(--space-7);
        --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
        --text-field-border-radius: max(var(--radius-3), var(--radius-full));
        --text-field-native-icon-size: var(--space-4);
        font-size: var(--font-size-3);
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-TextFieldRoot:where(.lg\:rt-r-size-3) :where(.rt-TextFieldInput) {
        padding-bottom: 0px;
    }
    .rt-TextFieldRoot:where(.lg\:rt-r-size-3) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 5px;
        margin-right: 0px;
    }
    .rt-TextFieldRoot:where(.lg\:rt-r-size-3) :where(.rt-TextFieldSlot) {
        gap: var(--space-3);
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }
}
@media (min-width: 1640px) {
    .rt-TextFieldRoot:where(.xl\:rt-r-size-1) {
        --text-field-height: var(--space-5);
        --text-field-padding: calc(var(--space-1) * 1.5 - var(--text-field-border-width));
        --text-field-border-radius: max(var(--radius-2), var(--radius-full));
        --text-field-native-icon-size: var(--space-3);
        font-size: var(--font-size-1);
        letter-spacing: var(--letter-spacing-1);
    }
    .rt-TextFieldRoot:where(.xl\:rt-r-size-1) :where(.rt-TextFieldSlot) {
        gap: var(--space-2);
        padding-left: var(--space-1);
        padding-right: var(--space-1);
    }
    .rt-TextFieldRoot:where(.xl\:rt-r-size-1) :where(.rt-TextFieldInput) {
        padding-bottom: 0px;
    }
    .rt-TextFieldRoot:where(.xl\:rt-r-size-1) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 0px;
        margin-right: -2px;
    }
    .rt-TextFieldRoot:where(.xl\:rt-r-size-2) {
        --text-field-height: var(--space-6);
        --text-field-padding: calc(var(--space-2) - var(--text-field-border-width));
        --text-field-border-radius: max(var(--radius-2), var(--radius-full));
        --text-field-native-icon-size: var(--space-4);
        font-size: var(--font-size-2);
        letter-spacing: var(--letter-spacing-2);
    }
    .rt-TextFieldRoot:where(.xl\:rt-r-size-2) :where(.rt-TextFieldInput) {
        padding-bottom: 0.5px;
    }
    .rt-TextFieldRoot:where(.xl\:rt-r-size-2) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 2px;
        margin-right: 0px;
    }
    .rt-TextFieldRoot:where(.xl\:rt-r-size-2) :where(.rt-TextFieldSlot) {
        gap: var(--space-2);
        padding-left: var(--space-2);
        padding-right: var(--space-2);
    }
    .rt-TextFieldRoot:where(.xl\:rt-r-size-3) {
        --text-field-height: var(--space-7);
        --text-field-padding: calc(var(--space-3) - var(--text-field-border-width));
        --text-field-border-radius: max(var(--radius-3), var(--radius-full));
        --text-field-native-icon-size: var(--space-4);
        font-size: var(--font-size-3);
        letter-spacing: var(--letter-spacing-3);
    }
    .rt-TextFieldRoot:where(.xl\:rt-r-size-3) :where(.rt-TextFieldInput) {
        padding-bottom: 0px;
    }
    .rt-TextFieldRoot:where(.xl\:rt-r-size-3) :where(.rt-TextFieldInput)::-webkit-textfield-decoration-container {
        padding-right: 5px;
        margin-right: 0px;
    }
    .rt-TextFieldRoot:where(.xl\:rt-r-size-3) :where(.rt-TextFieldSlot) {
        gap: var(--space-3);
        padding-left: var(--space-3);
        padding-right: var(--space-3);
    }
}
.rt-TextFieldRoot:where(.rt-variant-surface) {
    --text-field-selection-color: var(--focus-a5);
    --text-field-focus-color: var(--focus-8);
    --text-field-border-width: 1px;
    background-clip: content-box;
    background-color: var(--color-surface);
    box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a7);
    color: var(--gray-12);
}
.rt-TextFieldRoot:where(.rt-variant-surface) :where(.rt-TextFieldInput)::placeholder {
    color: var(--gray-a10);
}
.rt-TextFieldRoot:where(.rt-variant-surface) :where(.rt-TextFieldSlot) {
    color: var(--gray-a11);
}
.rt-TextFieldRoot:where(.rt-variant-surface) :where(.rt-TextFieldSlot):where([data-accent-color]) {
    color: var(--accent-a11);
}
.rt-TextFieldRoot:where(.rt-variant-surface):where(:has(.rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))) {
    background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
    box-shadow: inset 0 0 0 1px var(--focus-a5), inset 0 0 0 1px var(--gray-a5);
}
.rt-TextFieldRoot:where(.rt-variant-surface):where(:has(.rt-TextFieldInput:where(:disabled, :read-only))) {
    background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
    box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
}
.rt-TextFieldRoot:where(.rt-variant-classic) {
    --text-field-selection-color: var(--focus-a5);
    --text-field-focus-color: var(--focus-8);
    --text-field-border-width: 1px;
    background-clip: content-box;
    background-color: var(--color-surface);
    box-shadow: var(--shadow-1);
    color: var(--gray-12);
}
.rt-TextFieldRoot:where(.rt-variant-classic) :where(.rt-TextFieldInput)::placeholder {
    color: var(--gray-a10);
}
.rt-TextFieldRoot:where(.rt-variant-classic) :where(.rt-TextFieldSlot) {
    color: var(--gray-a11);
}
.rt-TextFieldRoot:where(.rt-variant-classic) :where(.rt-TextFieldSlot):where([data-accent-color]) {
    color: var(--accent-a11);
}
.rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))) {
    background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
    box-shadow: inset 0 0 0 1px var(--focus-a5), inset 0 0 0 1px var(--gray-a5);
}
.rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:disabled, :read-only))) {
    background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
}
.rt-TextFieldRoot:where(.rt-variant-soft) {
    --text-field-selection-color: var(--accent-a5);
    --text-field-focus-color: var(--accent-8);
    --text-field-border-width: 0px;
    background-color: var(--accent-a3);
    color: var(--accent-12);
}
.rt-TextFieldRoot:where(.rt-variant-soft) :where(.rt-TextFieldInput)::placeholder {
    color: var(--accent-12);
    opacity: 0.6;
}
.rt-TextFieldRoot:where(.rt-variant-soft) :where(.rt-TextFieldSlot) {
    color: var(--accent-12);
}
.rt-TextFieldRoot:where(.rt-variant-soft) :where(.rt-TextFieldSlot):where([data-accent-color]) {
    color: var(--accent-a11);
}
.rt-TextFieldRoot:where(.rt-variant-soft):where(:has(.rt-TextFieldInput:where(:autofill, [data-com-onepassword-filled]):not(:disabled, :read-only))) {
    box-shadow: inset 0 0 0 1px var(--accent-a5), inset 0 0 0 1px var(--gray-a4);
}
.rt-TextFieldRoot:where(.rt-variant-soft):where(:has(.rt-TextFieldInput:where(:disabled, :read-only))) {
    background-color: var(--gray-a3);
}
.rt-TextFieldInput:where(:disabled, :read-only) {
    cursor: text;
    color: var(--gray-a11);
    -webkit-text-fill-color: var(--gray-a11);
}
.rt-TextFieldInput:where(:disabled, :read-only)::placeholder {
    opacity: 0.5;
}
.rt-TextFieldInput:where(:disabled, :read-only):where(:placeholder-shown) {
    cursor: var(--cursor-disabled);
}
.rt-TextFieldInput:where(:disabled, :read-only):where(:placeholder-shown) ~ :where(.rt-TextFieldSlot) {
    cursor: var(--cursor-disabled);
}
.rt-TextFieldRoot:where(:has(.rt-TextFieldInput:where(:disabled, :read-only))) {
    --text-field-selection-color: var(--gray-a5);
    --text-field-focus-color: var(--gray-8);
}
.rt-ThemePanelShortcut:where(:focus-visible) {
    outline-style: solid;
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--accent-9);
}
.rt-ThemePanelSwatch,
.rt-ThemePanelRadioCard {
    position: relative;
}
.rt-ThemePanelSwatchInput,
.rt-ThemePanelRadioCardInput {
    -webkit-appearance: none;
            appearance: none;
    margin: 0;
    outline: none;
    outline-width: 2px;
    position: absolute;
    inset: 0;
    border-radius: inherit;
    width: 100%;
    height: 100%;
}
.rt-ThemePanelSwatch {
    width: var(--space-5);
    height: var(--space-5);
    border-radius: 100%;
}
.rt-ThemePanelSwatchInput {
    outline-offset: 2px;
}
.rt-ThemePanelSwatchInput:where(:checked) {
    outline-style: solid;
    outline-color: var(--gray-12);
}
.rt-ThemePanelSwatchInput:where(:focus-visible) {
    outline-style: solid;
    outline-color: var(--accent-9);
}
.rt-ThemePanelRadioCard {
    border-radius: var(--radius-1);
    box-shadow: 0 0 0 1px var(--gray-7);
}
.rt-ThemePanelRadioCardInput {
    outline-offset: -1px;
}
.rt-ThemePanelRadioCardInput:where(:checked) {
    outline-style: solid;
    outline-color: var(--gray-12);
}
.rt-ThemePanelRadioCardInput:where(:focus-visible) {
    background-color: var(--accent-a3);
    outline-style: solid;
    outline-color: var(--accent-9);
}
.rt-TooltipContent {
    box-sizing: border-box;
    padding: var(--space-1) var(--space-2);
    background-color: var(--gray-12);
    border-radius: var(--radius-2);
    transform-origin: var(--radix-tooltip-content-transform-origin);
    animation-duration: 140ms;
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
@media (prefers-reduced-motion: no-preference) {
    .rt-TooltipContent:where([data-state='delayed-open']):where([data-side='top']) {
        animation-name: rt-slide-from-top, rt-fade-in;
    }
    .rt-TooltipContent:where([data-state='delayed-open']):where([data-side='bottom']) {
        animation-name: rt-slide-from-bottom, rt-fade-in;
    }
    .rt-TooltipContent:where([data-state='delayed-open']):where([data-side='left']) {
        animation-name: rt-slide-from-left, rt-fade-in;
    }
    .rt-TooltipContent:where([data-state='delayed-open']):where([data-side='right']) {
        animation-name: rt-slide-from-right, rt-fade-in;
    }
}
.rt-TooltipText {
    color: var(--gray-1);
    -webkit-user-select: none;
            user-select: none;
    cursor: default;
}
.rt-TooltipArrow {
    fill: var(--gray-12);
}
.radix-themes:where([data-is-root-theme='true']) {
    position: relative;
    z-index: 0;
    min-height: 100vh;
}
@supports (min-height: 100dvh) {
    .radix-themes:where([data-is-root-theme='true']) {
        min-height: 100dvh;
    }
}