knowledge/view/css/main.css

[data-transform-origin=bottom] .ds-fade-in-zoom-in-enter,[data-transform-origin=bottom] .ds-fade-in-zoom-in-exit {
    transform-origin: bottom
}

[data-transform-origin=bottom\ left] .ds-fade-in-zoom-in-enter,[data-transform-origin=bottom\ left] .ds-fade-in-zoom-in-exit {
    transform-origin: 0 100%
}

[data-transform-origin=bottom\ right] .ds-fade-in-zoom-in-enter,[data-transform-origin=bottom\ right] .ds-fade-in-zoom-in-exit {
    transform-origin: 100% 100%
}

[data-transform-origin=top] .ds-fade-in-zoom-in-enter,[data-transform-origin=top] .ds-fade-in-zoom-in-exit {
    transform-origin: top
}

[data-transform-origin=top\ left] .ds-fade-in-zoom-in-enter,[data-transform-origin=top\ left] .ds-fade-in-zoom-in-exit {
    transform-origin: 0 0
}

[data-transform-origin=top\ right] .ds-fade-in-zoom-in-enter,[data-transform-origin=top\ right] .ds-fade-in-zoom-in-exit {
    transform-origin: 100% 0
}

[data-transform-origin=left] .ds-fade-in-zoom-in-enter,[data-transform-origin=left] .ds-fade-in-zoom-in-exit {
    transform-origin: 0
}

[data-transform-origin=left\ top] .ds-fade-in-zoom-in-enter,[data-transform-origin=left\ top] .ds-fade-in-zoom-in-exit {
    transform-origin: 0 0
}

[data-transform-origin=left\ bottom] .ds-fade-in-zoom-in-enter,[data-transform-origin=left\ bottom] .ds-fade-in-zoom-in-exit {
    transform-origin: 0 100%
}

[data-transform-origin=right] .ds-fade-in-zoom-in-enter,[data-transform-origin=right] .ds-fade-in-zoom-in-exit {
    transform-origin: 100%
}

[data-transform-origin=right\ top] .ds-fade-in-zoom-in-enter,[data-transform-origin=right\ top] .ds-fade-in-zoom-in-exit {
    transform-origin: 100% 0
}

[data-transform-origin=right\ bottom] .ds-fade-in-zoom-in-enter,[data-transform-origin=right\ bottom] .ds-fade-in-zoom-in-exit {
    transform-origin: 100% 100%
}

[data-transform-origin=center] .ds-fade-in-zoom-in-enter,[data-transform-origin=center] .ds-fade-in-zoom-in-exit {
    transform-origin: 50%
}

.ds-fade-in-zoom-in-enter {
    opacity: 0;
    transform: scale(.96)
}

.ds-fade-in-zoom-in-active {
    opacity: 1;
    transition: opacity var(--ds-ease-in)var(--ds-transition-duration-fast),transform var(--ds-ease-in)var(--ds-transition-duration-fast);
    transform: scale(1)
}

.ds-fade-in-zoom-in-exit {
    opacity: 1;
    transform: scale(1)
}

.ds-fade-in-zoom-in-exit-active {
    opacity: 0;
    transition: opacity var(--ds-ease-out)var(--ds-transition-duration-fast),transform var(--ds-ease-out)var(--ds-transition-duration-fast);
    transform: scale(.96)
}

.ds-form-item.ds-form-item--label-s {
    --ds-form-item-label-font-size: var(--ds-font-size-s);
    --ds-form-item-label-line-height: var(--ds-line-height-s)
}

.ds-form-item.ds-form-item--label-m .ds-form-item__label {
    --ds-form-item-label-font-size: var(--ds-font-size-m);
    --ds-form-item-label-line-height: var(--ds-line-height-m)
}

.ds-form-item .ds-form-item__label {
    color: rgb(var(--ds-rgb-label-2));
    font-size: var(--ds-form-item-label-font-size);
    line-height: var(--ds-form-item-label-line-height);
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    display: flex
}

.ds-form-item .ds-form-item__label-text {
    flex: 1
}

.ds-form-item .ds-form-item__label-suffix {
    align-items: center;
    margin-left: auto;
    padding-left: 8px;
    display: flex
}

.ds-form-item .ds-form-item__content {
    color: rgb(var(--ds-rgb-label-1))
}

.ds-form-item .ds-form-item__description {
    color: rgb(var(--ds-rgb-label-2));
    box-sizing: border-box;
    min-height: 21px;
    transition: color var(--ds-transition-duration)var(--ds-ease-in-out);
    padding: 2px;
    font-size: 12px;
    line-height: 17px
}

.ds-form-item .ds-form-item__feedback {
    box-sizing: border-box;
    min-height: 21px;
    transition: color var(--ds-transition-duration)var(--ds-ease-in-out);
    padding: 2px;
    font-size: 12px;
    line-height: 17px
}

.ds-form-item .ds-form-item__feedback-content {
    width: -moz-fit-content;
    width: fit-content
}

.ds-form-item.ds-form-item--none .ds-form-item__feedback {
    color: rgb(var(--ds-rgb-label-2))
}

.ds-form-item.ds-form-item--error .ds-form-item__feedback {
    color: rgb(var(--ds-rgb-error))
}

.ds-input {
    --ds-input-text-color: rgb(var(--ds-rgb-label-1));
    --ds-input-placeholder-color: rgb(var(--ds-rgb-label-3));
    --ds-input-icon-color: rgb(var(--ds-rgb-label-3));
    --ds-input-prefix-text-color: rgb(var(--ds-rgb-label-1));
    --ds-input-color: rgb(var(--ds-rgb-input));
    --ds-input-font-weight: initial;
    --ds-input-color-focus: rgb(var(--ds-rgb-input-focus))
}

.ds-input.ds-input--bordered {
    --ds-input-color: rgba(var(--ds-rgba-transparent))
}

.ds-input.ds-input--l {
    --ds-input-padding: 0 10px;
    --ds-input-border-radius: 10px;
    --ds-input-height: var(--ds-input-height-l);
    --ds-input-font-size: var(--ds-font-size-m);
    --ds-input-line-height: var(--ds-line-height-m);
    --ds-input-prefix-margin: 0 8px 0 0;
    --ds-input-password-toggle-margin: 0 0 0 8px;
    --ds-input-icon-size: 18px
}

.ds-input.ds-input--m {
    --ds-input-padding: 0 10px;
    --ds-input-border-radius: 10px;
    --ds-input-height: var(--ds-input-height-m);
    --ds-input-font-size: var(--ds-font-size-m);
    --ds-input-line-height: var(--ds-line-height-m);
    --ds-input-prefix-margin: 0 8px 0 0;
    --ds-input-password-toggle-margin: 0 0 0 8px;
    --ds-input-icon-size: 18px
}

.ds-input.ds-input--m .ds-input__password-toggle .ds-icon-button {
    --ds-icon-button-size: 16px
}

.ds-input.ds-input--s {
    --ds-input-padding: 0 10px;
    --ds-input-border-radius: 10px;
    --ds-input-height: var(--ds-input-height-s);
    --ds-input-font-size: var(--ds-font-size-s);
    --ds-input-line-height: var(--ds-line-height-s);
    --ds-input-prefix-margin: 0 8px 0 0;
    --ds-input-password-toggle-margin: 0 0 0 8px;
    --ds-input-icon-size: 18px
}

.ds-input.ds-input--s .ds-input__password-toggle .ds-icon-button {
    --ds-icon-button-size: 15px
}

.ds-input.ds-input--xs {
    --ds-input-padding: 0 10px;
    --ds-input-border-radius: 8px;
    --ds-input-height: var(--ds-input-height-xs);
    --ds-input-font-size: var(--ds-font-size-xs);
    --ds-input-line-height: var(--ds-line-height-xs);
    --ds-input-prefix-margin: 0 7px 0 0;
    --ds-input-icon-size: 18px;
    --ds-input-password-toggle-margin: 0 0 0 7px
}

.ds-input.ds-input--xs .ds-input__password-toggle .ds-icon-button {
    --ds-icon-button-size: 14px
}

.ds-input {
    cursor: text;
    background-color: var(--ds-input-color);
    width: 100%;
    color: var(--ds-input-text-color);
    box-sizing: border-box;
    border-radius: var(--ds-input-border-radius);
    transition: background-color var(--ds-transition-duration)var(--ds-ease-in-out),box-shadow var(--ds-transition-duration)var(--ds-ease-in-out),color var(--ds-transition-duration)var(--ds-ease-in-out);
    padding: var(--ds-input-padding);
    height: var(--ds-input-height);
    font-size: var(--ds-input-font-size);
    line-height: var(--ds-input-line-height);
    font-weight: var(--ds-input-font-weight);
    align-items: center;
    display: flex;
    position: relative
}

.ds-input.ds-input--disabled {
    opacity: .45;
    cursor: not-allowed
}

.ds-input.ds-input--disabled .ds-input__input {
    cursor: not-allowed
}

.ds-input .ds-input__mirror {
    padding: var(--ds-input-padding);
    pointer-events: none;
    white-space: nowrap;
    visibility: hidden;
    height: 0;
    position: absolute;
    top: 0;
    left: 0
}

.ds-input .ds-input__mirror,.ds-input .ds-input__input {
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    border: none;
    display: block
}

.ds-input .ds-input__input {
    background-color: rgba(var(--ds-rgba-transparent));
    color: inherit;
    caret-color: rgb(var(--ds-rgb-primary));
    border: none;
    outline: none;
    flex: 1;
    padding: 0;
    font-family: inherit
}

.ds-input .ds-input__input::placeholder {
    color: var(--ds-input-placeholder-color)
}

.ds-input .ds-input__input::placeholder {
    color: var(--ds-input-placeholder-color)
}

.ds-input .ds-input__input::placeholder {
    color: var(--ds-input-placeholder-color)
}

.ds-input .ds-input__icon {
    color: var(--ds-input-icon-color);
    font-size: var(--ds-input-icon-size);
    margin: var(--ds-input-prefix-margin);
    justify-content: center;
    align-items: center;
    display: flex
}

.ds-input .ds-input__prefix {
    color: var(--ds-input-prefix-color);
    margin: var(--ds-input-prefix-margin);
    line-height: var(--ds-input-height)
}

.ds-input .ds-input__password-toggle {
    margin: var(--ds-input-password-toggle-margin)
}

.ds-input.ds-input--none:focus-within {
    background-color: var(--ds-input-focus-color,--ds-input-color-focus);
    box-shadow: inset 0 0 0 2px var(--ds-input-focus-border-color,rgb(var(--ds-rgb-primary)))
}

.ds-input.ds-input--filled.ds-input--error:focus-within {
    background-color: var(--ds-input-focus-color,--ds-input-color-focus)
}

.ds-input.ds-input--bordered.ds-input--error:focus-within {
    background-color: var(--ds-input-focus-color,--ds-input-color-focus)
}

.ds-input.ds-input--filled.ds-input--error,.ds-input.ds-input--bordered.ds-input--error {
    background-color: rgba(var(--ds-rgb-error)/.06);
    box-shadow: inset 0 0 0 2px var(--ds-input-focus-border-color,rgb(var(--ds-rgb-error)))
}

.ds-input.ds-input--filled {
    background-color: var(--ds-input-color)
}

.ds-input.ds-input--bordered {
    box-shadow: inset 0 0 0 1px rgb(var(--ds-rgb-separator-strong))
}

.ds-icon-button {
    --ds-icon-button-text-color: rgb(var(--ds-rgb-label-2));
    --ds-icon-button-outline-color: rgb(var(--ds-rgb-primary));
    --ds-icon-button-size: 18px;
    --ds-icon-button-background-inset: -4px;
    width: var(--ds-icon-button-size);
    height: var(--ds-icon-button-size);
    color: var(--ds-icon-button-text-color);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

.ds-icon-button svg {
    height: var(--ds-icon-button-size);
    width: var(--ds-icon-button-size);
    fill: currentColor;
    position: relative
}

.ds-icon-button:hover:before {
    background-color: var(--ds-icon-button-hover-color,rgb(var(--ds-rgb-hover)))
}

.ds-icon-button:before {
    transition: background-color var(--ds-transition-duration)var(--ds-ease-in-out);
    content: "";
    background-color: rgba(var(--ds-rgba-transparent));
    top: var(--ds-icon-button-background-inset);
    right: var(--ds-icon-button-background-inset);
    bottom: var(--ds-icon-button-background-inset);
    left: var(--ds-icon-button-background-inset);
    border-radius: 8px;
    display: block;
    position: absolute
}

.ds-icon-button {
    outline: none
}

.ds-icon-button:after {
    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
    content: "";
    top: calc(var(--ds-icon-button-background-inset) - 2px);
    right: calc(var(--ds-icon-button-background-inset) - 2px);
    bottom: calc(var(--ds-icon-button-background-inset) - 2px);
    left: calc(var(--ds-icon-button-background-inset) - 2px);
    pointer-events: none;
    border-radius: 10px;
    display: block;
    position: absolute
}

.ds-icon-button:focus-visible:after {
    box-shadow: 0 0 0 2px var(--ds-icon-button-outline-color)
}

.ds-icon {
    line-height: 0;
    display: inline-flex
}

.ds-icon>svg {
    width: inherit;
    height: inherit
}

.ds-a {
    --a-border-radius: 6px;
    --a-box-shadow-color-focus: rgb(var(--ds-rgb-link))
}

.ds-a.ds-a--link {
    --a-text-color: rgb(var(--ds-rgb-link));
    --a-box-shadow-color-focus: rgb(var(--ds-rgb-link))
}

.ds-a.ds-a--primary {
    --a-text-color: rgb(var(--ds-rgb-primary));
    --a-box-shadow-color-focus: rgb(var(--ds-rgb-primary))
}

.ds-a.ds-a--secondary {
    --a-text-color: var(--a-text-color-secondary);
    --a-box-shadow-color-focus: rgb(var(--ds-rgb-link))
}

.ds-a:focus {
    outline: none
}

.ds-a:focus-visible {
    box-shadow: 0 0 0 2px var(--a-box-shadow-color-focus)
}

.ds-a {
    cursor: pointer;
    transition: color var(--ds-transition-duration)var(--ds-ease-in-out),box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
    border-radius: var(--a-border-radius);
    color: var(--a-text-color);
    border-left: 3px solid rgba(var(--ds-rgba-transparent));
    border-right: 3px solid rgba(var(--ds-rgba-transparent));
    border-top: 2px solid rgba(var(--ds-rgba-transparent));
    border-bottom: 2px solid rgba(var(--ds-rgba-transparent));
    margin: -2px -3px;
    text-decoration: none;
    position: relative
}

.ds-fade-in-enter {
    opacity: 0
}

.ds-fade-in-active {
    opacity: 1;
    transition: opacity var(--ds-ease-in)var(--ds-transition-duration-fast)
}

.ds-fade-in-exit {
    opacity: 1
}

.ds-fade-in-exit-active {
    opacity: 0;
    transition: opacity var(--ds-ease-out)var(--ds-transition-duration-fast)
}

.ds-modal-wrapper {
    padding: 16px 0;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto
}

.ds-modal-wrapper.ds-modal-wrapper--hide {
    pointer-events: none
}

.ds-modal-wrapper .ds-modal {
    box-sizing: border-box;
    margin: auto;
    position: relative
}

.ds-modal-overlay {
    --ds-modal-overlay-opacity: .24;
    background-color: rgba(0,0,0,var(--ds-modal-overlay-opacity));
    pointer-events: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.ds-modal-content {
    font-size: var(--ds-font-size-m);
    line-height: var(--ds-line-height-m);
    color: var(--ds-modal-content-text-color,rgb(var(--ds-rgb-label-1)));
    box-sizing: border-box;
    background-color: var(--ds-modal-content-color,rgb(var(--ds-rgb-elevated)));
    border-radius: 18px;
    outline: none;
    width: 525px;
    max-width: calc(100vw - 32px);
    padding: 18px 21px 21px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12)
}

.ds-modal-content.ds-modal-content--dialog {
    width: 420px
}

.ds-modal-content__header-wrapper {
    color: rgb(var(--ds-rgb-label-1));
    justify-content: space-between;
    margin-bottom: 14px;
    display: flex
}

.ds-modal-content__header-wrapper .ds-icon-button {
    margin-top: 4px
}

.ds-modal-content__title {
    font-weight: var(--ds-font-weight-strong);
    flex: 1;
    min-height: 24px;
    font-size: 18px;
    line-height: 24px
}

.ds-modal-content__footer {
    margin-top: 21px;
    display: block
}

.ds-modal-content__button-group {
    justify-content: flex-end;
    display: flex
}

.ds-modal-content__button-group>:not(:last-child) {
    margin-right: 14px
}

body.dark .ds-skeleton {
    --color-start: rgba(255,255,255,.12);
    --color-end: rgba(255,255,255,.18)
}

.ds-skeleton {
    --color-start: #eee;
    --color-end: #ddd;
    max-width: 100%;
    transition: --color-start .3s var(--ds-ease-in-out),--color-end .3s var(--ds-ease-in-out),background-color .3s var(--ds-ease-in-out);
    background-color: var(--color-start);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    animation: 2s cubic-bezier(.36,0,.64,1) infinite ds-skeleton-loading
}

.ds-skeleton * {
    visibility: hidden
}

.ds-skeleton.ds-skeleton--text {
    border-radius: 4px
}

.ds-skeleton.ds-skeleton--text.ds-skeleton--has-children {
    width: -moz-fit-content;
    width: fit-content
}

.ds-skeleton.ds-skeleton--text>span {
    visibility: hidden
}

.ds-skeleton.ds-skeleton--circle {
    border-radius: 4096px
}

.ds-skeleton.ds-skeleton--rect {
    border-radius: 10px
}

.ds-skeleton.ds-skeleton--sharp {
    border-radius: 0
}

.ds-skeleton.ds-skeleton--circle.ds-skeleton--xs,.ds-skeleton.ds-skeleton--rect.ds-skeleton--xs {
    height: var(--ds-input-height-xs)
}

.ds-skeleton.ds-skeleton--circle.ds-skeleton--s,.ds-skeleton.ds-skeleton--rect.ds-skeleton--s {
    height: var(--ds-input-height-s)
}

.ds-skeleton.ds-skeleton--circle.ds-skeleton--m,.ds-skeleton.ds-skeleton--rect.ds-skeleton--m {
    height: var(--ds-input-height-m)
}

@keyframes ds-skeleton-loading {
    0% {
        background: var(--color-start)
    }

    40% {
        background: var(--color-end)
    }

    80% {
        background: var(--color-start)
    }

    to {
        background: var(--color-start)
    }
}

.ds-fade-in-zoom-in-expand-enter {
    opacity: 0;
    transform: scale(.8)
}

.ds-fade-in-zoom-in-expand-enter-active {
    opacity: 1;
    transition: max-height var(--ds-ease-in)var(--ds-transition-duration-fast),opacity var(--ds-ease-in)var(--ds-transition-duration-fast),transform var(--ds-ease-in)var(--ds-transition-duration-fast);
    transform: scale(1)
}

.ds-fade-in-zoom-in-expand-exit {
    opacity: 1;
    transform: scale(1)
}

.ds-fade-in-zoom-in-expand-exit-active {
    opacity: 0;
    transition: max-height var(--ds-ease-out)var(--ds-transition-duration-fast),opacity var(--ds-ease-out)var(--ds-transition-duration-fast),transform var(--ds-ease-out)var(--ds-transition-duration-fast);
    transform: scale(.8)
}

.ds-fade-in-zoom-in-expand-top {
    align-items: flex-start;
    display: flex
}

.ds-fade-in-zoom-in-expand-center {
    align-items: center;
    display: flex
}

.ds-toast {
    --ds-toast-color: var(--ds-toast-custom-color,rgb(var(--ds-rgb-elevated)));
    --ds-toast-text-color: var(--ds-toast-custom-text-color,rgb(var(--ds-rgb-label-1)));
    --ds-toast-border-radius: 12px;
    --ds-toast-font-size: var(--ds-toast-custom-font-size,var(--ds-font-size-m));
    --ds-toast-line-height: var(--ds-line-height-m);
    --ds-toast-padding: 11px 14px;
    --ds-toast-icon-size: 20px;
    --ds-toast-close-size: 18px;
    --ds-toast-close-border-radius: 6px;
    --ds-toast-close-icon-size: 10px
}

.ds-toast.ds-toast--filled {
    --ds-toast-color: rgb(var(--ds-rgb-elevated));
    --ds-toast-text-color: white
}

.ds-toast.ds-toast--filled.ds-toast--warning {
    --ds-toast-color: rgb(var(--ds-rgb-warning));
    --ds-toast-icon-color: white
}

.ds-toast.ds-toast--filled.ds-toast--success {
    --ds-toast-color: rgb(var(--ds-rgb-success));
    --ds-toast-icon-color: white
}

.ds-toast.ds-toast--filled.ds-toast--error {
    --ds-toast-color: rgb(var(--ds-rgb-error));
    --ds-toast-icon-color: white
}

.ds-toast.ds-toast--warning {
    --ds-toast-icon-color: rgb(var(--ds-rgb-warning))
}

.ds-toast.ds-toast--success {
    --ds-toast-icon-color: rgb(var(--ds-rgb-success))
}

.ds-toast.ds-toast--error {
    --ds-toast-icon-color: rgb(var(--ds-rgb-error))
}

.ds-toast-container {
    z-index: 2000;
    pointer-events: none;
    --ds-toast-top-distance: 28px;
    position: fixed;
    right: 0
}

.ds-toast-container.ds-toast-container--top {
    top: var(--ds-toast-top-distance)
}

.ds-toast-container.ds-toast-container--center {
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%)translate(-50%)
}

.ds-toast-container.ds-toast-container--center .ds-toast-animation {
    margin-top: 16px
}

.ds-toast-container .ds-toast-animation {
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto
}

@supports (top: env(safe-area-inset-top)) {
    .ds-toast-container.ds-toast-container--top {
        top:calc(var(--ds-toast-top-distance) + env(safe-area-inset-top));
        bottom: calc(var(--ds-toast-top-distance) + env(safe-area-inset-bottom));
        left: calc(var(--ds-toast-top-distance) + env(safe-area-inset-left));
        right: calc(var(--ds-toast-top-distance) + env(safe-area-inset-right))
    }
}

.ds-toast {
    text-align: center;
    word-break: break-word;
    box-sizing: border-box;
    pointer-events: all;
    background-color: var(--ds-toast-color);
    border-radius: var(--ds-toast-border-radius);
    max-width: calc(100vw - 28px);
    padding: var(--ds-toast-padding);
    font-size: var(--ds-toast-font-size);
    color: var(--ds-toast-text-color);
    line-height: var(--ds-toast-line-height);
    box-shadow: var(--ds-toast-custom-box-shadow,0px 4px 15px 0px rgba(191,196,213,.25));
    align-items: center;
    display: flex
}

.ds-toast .ds-toast__icon {
    width: var(--ds-toast-icon-size);
    height: var(--ds-toast-icon-size);
    font-size: var(--ds-toast-icon-size);
    color: var(--ds-toast-icon-color);
    margin-bottom: auto;
    margin-right: 10px;
    display: flex;
    position: relative;
    top: 2px
}

.ds-toast .ds-toast__icon svg {
    width: var(--ds-toast-icon-size);
    height: var(--ds-toast-icon-size)
}

.ds-toast .ds-toast__close {
    width: var(--ds-toast-close-size);
    height: var(--ds-toast-close-size);
    color: var(--ds-toast-custom-close-text-color,#c2c2c2);
    border-radius: var(--ds-toast-close-border-radius);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    display: flex
}

.ds-toast .ds-toast__close:hover {
    background-color: var(--ds-toast-custom-close-hover-color,#f5f5f5)
}

.ds-toast .ds-toast__close svg {
    width: var(--ds-toast-close-icon-size);
    height: var(--ds-toast-close-icon-size)
}

.ds-toast {
    color: var(--ds-toast-text-color)
}

.ds-toast .ds-toast__content {
    white-space: pre-wrap
}

.ds-loading {
    width: 1em;
    height: 1em;
    color: inherit;
    display: inline-flex
}

.ds-loading svg {
    will-change: transform;
    width: 1em;
    height: 1em;
    animation: .6s linear infinite ds-loading
}

@keyframes ds-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.ds-button {
    --ds-rgb-error-hover: 218 54 54
}

.ds-button:not(.ds-button--text).ds-button--l {
    --button-height: var(--ds-input-height-l);
    --button-font-size: var(--ds-font-size-m);
    --button-line-height: var(--ds-line-height-m);
    --button-border-radius: 10px;
    --button-padding: 0 14px;
    --button-icon-size: 18px;
    --button-icon-margin: 0 8px 0 0
}

.ds-button:not(.ds-button--text).ds-button--m {
    --button-height: var(--ds-input-height-m);
    --button-font-size: var(--ds-font-size-m);
    --button-line-height: var(--ds-line-height-m);
    --button-border-radius: 10px;
    --button-padding: 0 14px;
    --button-icon-size: 18px;
    --button-icon-margin: 0 8px 0 0
}

.ds-button:not(.ds-button--text).ds-button--s {
    --button-height: var(--ds-input-height-s);
    --button-font-size: var(--ds-font-size-s);
    --button-line-height: var(--ds-line-height-s);
    --button-border-radius: 10px;
    --button-padding: 0 14px;
    --button-icon-size: 18px;
    --button-icon-margin: 0 8px 0 0
}

.ds-button:not(.ds-button--text).ds-button--xs {
    --button-height: var(--ds-input-height-xs);
    --button-font-size: var(--ds-font-size-xs);
    --button-line-height: var(--ds-line-height-xs);
    --button-border-radius: 8px;
    --button-padding: 0 10px;
    --button-icon-size: 18px;
    --button-icon-margin: 0 8px 0 0
}

.ds-button:not(.ds-button--text).ds-button--capsule,.ds-button:not(.ds-button--text).ds-button--circle {
    --button-border-radius: 4096px
}

.ds-button.ds-button--text.ds-button--l {
    --button-height: unset;
    --button-font-size: var(--ds-font-size-l);
    --button-line-height: var(--ds-line-height-l);
    --button-border-radius: 8px;
    --button-padding: 0;
    --button-icon-size: 18px;
    --button-icon-margin: 0 4px 0 0
}

.ds-button.ds-button--text.ds-button--m {
    --button-height: unset;
    --button-font-size: var(--ds-font-size-m);
    --button-line-height: var(--ds-line-height-m);
    --button-border-radius: 8px;
    --button-padding: 0;
    --button-icon-size: 18px;
    --button-icon-margin: 0 4px 0 0
}

.ds-button.ds-button--text.ds-button--s {
    --button-height: unset;
    --button-font-size: var(--ds-font-size-s);
    --button-line-height: var(--ds-line-height-s);
    --button-border-radius: 8px;
    --button-padding: 0;
    --button-icon-size: 18px;
    --button-icon-margin: 0 2px 0 0
}

.ds-button.ds-button--text.ds-button--xs {
    --button-height: unset;
    --button-font-size: var(--ds-font-size-xs);
    --button-line-height: var(--ds-line-height-xs);
    --button-border-radius: 6px;
    --button-padding: 0;
    --button-icon-size: 18px;
    --button-icon-margin: 0 2px 0 0
}

.ds-button.ds-button--text.ds-button--capsule {
    --button-border-radius: 4096px
}

.ds-button {
    --ds-button-color: transparent
}

.ds-button.ds-button--filled.ds-button--primary {
    --ds-button-color: rgb(var(--ds-rgb-primary))
}

.ds-button.ds-button--filled.ds-button--error {
    --ds-button-color: rgb(var(--ds-rgb-error))
}

.ds-button.ds-button--filled.ds-button--error:hover {
    --ds-button-color: rgb(var(--ds-rgb-error-hover,var(--ds-rgb-error)))
}

.ds-button.ds-button--filled.ds-button--secondary {
    background-color: var(--ds-secondary-button-color,var(--ds-button-color,rgb(var(--ds-rgb-input))))
}

.ds-button.ds-button--filled.ds-button--secondary:hover {
    background-color: var(--ds-secondary-button-hover-color,rgb(var(--ds-rgb-hover)))
}

.ds-button.ds-button--filled.ds-button--success {
    --ds-button-color: rgb(var(--ds-rgb-success))
}

.ds-button.ds-button--filled.ds-button--info {
    --ds-button-color: rgb(var(--ds-rgb-info))
}

.ds-button.ds-button--filled.ds-button--warning {
    --ds-button-color: rgb(var(--ds-rgb-warning))
}

.ds-button.ds-button--error {
    --button-ring-color: rgb(var(--ds-rgb-error))
}

.ds-button.ds-button--success {
    --button-ring-color: rgb(var(--ds-rgb-success))
}

.ds-button.ds-button--info {
    --button-ring-color: rgb(var(--ds-rgb-info))
}

.ds-button.ds-button--warning {
    --button-ring-color: rgb(var(--ds-rgb-warning))
}

.ds-button {
    --button-ring-color: rgb(var(--ds-rgb-primary))
}

.ds-button.ds-button--filled.ds-button--primary {
    --button-text-color: rgb(var(--ds-rgb-primary-foreground));
    --button-icon-color: rgb(var(--ds-rgb-primary-foreground))
}

.ds-button.ds-button--filled.ds-button--error {
    --button-text-color: white;
    --button-icon-color: white
}

.ds-button.ds-button--filled.ds-button--secondary {
    --button-text-color: rgb(var(--ds-rgb-label-1));
    --button-icon-color: rgb(var(--ds-rgb-label-1))
}

.ds-button.ds-button--filled.ds-button--success,.ds-button.ds-button--filled.ds-button--info,.ds-button.ds-button--filled.ds-button--warning {
    --button-text-color: white;
    --button-icon-color: white
}

.ds-button.ds-button--filled:hover {
    color: var(--ds-button-hover-text-color,var(--button-text-color));
    background-color: var(--ds-button-hover-color,var(--ds-button-color,rgb(var(--ds-rgb-hover))))
}

.ds-button.ds-button--bordered.ds-button--secondary {
    --button-text-color: var(--ds-bordered-secondary-button-color,rgb(var(--ds-rgb-label-1)));
    --button-icon-color: rgb(var(--ds-rgb-label-2));
    --button-border-color: rgb(var(--ds-rgb-separator-strong))
}

.ds-button.ds-button--bordered:hover {
    background-color: var(--ds-button-bordered-hover-color,rgb(var(--ds-rgb-hover)))
}

.ds-button.ds-button--text.ds-button--primary {
    --button-text-color: var(--ds-text-primary-button-color,rgb(var(--ds-rgb-primary)));
    --button-icon-color: var(--ds-text-primary-button-color,rgb(var(--ds-rgb-primary)))
}

.ds-button.ds-button--text.ds-button--error {
    --button-text-color: rgb(var(--ds-rgb-error));
    --button-icon-color: rgb(var(--ds-rgb-error))
}

.ds-button.ds-button--text.ds-button--success {
    --button-text-color: rgb(var(--ds-rgb-success));
    --button-icon-color: rgb(var(--ds-rgb-success))
}

.ds-button.ds-button--text.ds-button--info {
    --button-text-color: rgb(var(--ds-rgb-info));
    --button-icon-color: rgb(var(--ds-rgb-info))
}

.ds-button.ds-button--text.ds-button--warning {
    --button-text-color: rgb(var(--ds-rgb-warning));
    --button-icon-color: rgb(var(--ds-rgb-warning))
}

.ds-button.ds-button--text:hover:after {
    z-index: -1
}

.ds-button {
    height: var(--button-height);
    line-height: var(--button-line-height);
    font-size: var(--button-font-size);
    border-radius: var(--button-border-radius);
    padding: var(--button-padding);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
    box-sizing: border-box;
    transition: opacity var(--ds-transition-duration)var(--ds-ease-in-out),background-color var(--ds-transition-duration)var(--ds-ease-in-out);
    font-variant-numeric: tabular-nums;
    outline: none;
    align-items: center;
    text-decoration: none;
    display: inline-flex;
    position: relative
}

.ds-button>.ds-button__icon {
    line-height: 0;
    font-size: var(--button-icon-size);
    width: var(--button-icon-size);
    height: var(--button-icon-size);
    margin: var(--button-icon-margin);
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex
}

.ds-button>.ds-button__icon.ds-button__icon--last-child {
    margin-right: 0
}

.ds-button.ds-button--circle,.ds-button.ds-button--square {
    justify-content: center;
    align-items: center
}

.ds-button>.ds-button__icon {
    color: var(--button-icon-color)
}

.ds-button {
    background-color: var(--ds-button-color)
}

.ds-button.ds-button--filled {
    color: var(--button-text-color)
}

.ds-button.ds-button--bordered.ds-button--secondary {
    color: var(--button-text-color);
    box-shadow: inset 0 0 0 1px var(--button-border-color)
}

.ds-button.ds-button--text,.ds-button.ds-button--borderless {
    color: var(--button-text-color)
}

.ds-button.ds-button--borderless:not(.ds-button--disabled):hover {
    background-color: var(--ds-button-hover-color)
}

.ds-button:after {
    pointer-events: none;
    content: "";
    border-radius: calc(var(--button-border-radius) + 2px);
    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px
}

.ds-button:focus-visible:after {
    box-shadow: 0 0 0 2px var(--button-ring-color)
}

.ds-button.ds-button--block {
    justify-content: center;
    display: flex
}

.ds-button.ds-button--disabled {
    opacity: .45;
    cursor: not-allowed
}

.ds-button:not(.ds-button--text).ds-button--circle,.ds-button:not(.ds-button--text).ds-button--square {
    width: var(--button-height)
}

.ds-button.ds-button--text.ds-button--l:after {
    top: -4px;
    bottom: -4px;
    left: -8px;
    right: -8px
}

.ds-button.ds-button--text.ds-button--m:after,.ds-button.ds-button--text.ds-button--s:after {
    border-radius: 12px;
    top: -4px;
    bottom: -4px;
    left: -8px;
    right: -8px
}

.ds-button.ds-button--text.ds-button--xs:after,.ds-button.ds-button--text.ds-button--square:after {
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -4px
}

.ds-sign-in-form__form-footer {
    justify-content: space-between;
    margin-top: 12px;
    font-weight: 500;
    display: flex
}

.ds-sign-up-form__tabs {
    font-weight: var(--ds-font-weight-strong);
    color: rgb(var(--ds-rgb-label-2));
    justify-content: center;
    margin: 0 auto 32px
}

.ds-sign-up-form__tabs .ds-tab:not(.ds-tab--active) {
    color: var(--dsr-text-3,#a3a3a3);
    font-size: 14px;
    font-weight: 500
}

.ds-sign-up-form__footer-placeholder {
    height: 10px
}

.ds-sign-up-form__tips {
    text-align: left;
    color: var(--dsr-text-3,#a3a3a3);
    margin-bottom: 8px;
    padding: 0 2px;
    font-size: 12px;
    line-height: 140%
}

.ds-sign-up-form__register-button {
    margin-top: auto;
    font-weight: 500
}

.ds-sign-up-form__icon {
    justify-content: center;
    align-items: center;
    margin: auto auto 40px;
    line-height: 0;
    display: flex
}

.ds-sign-up-form__icon>svg {
    height: 44px
}

.ds-sign-up-form__description {
    color: var(--dsr-text-3,#a3a3a3);
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 140%
}

.ds-sign-up-form__form-footer {
    justify-content: center;
    margin-top: 16px;
    font-weight: 500;
    display: flex
}

.ds-sign-in-with-wechat-block {
    box-sizing: border-box;
    background: rgba(0,0,0,.02);
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 24px;
    display: flex
}

[data-ds-dark-theme] .ds-sign-in-with-wechat-block {
    background: rgba(255,255,255,.03)
}

.ds-sign-in-with-wechat-block__wrapper {
    justify-content: center;
    align-items: center;
    padding: 20px;
    display: flex
}

.ds-sign-in-with-wechat-block__wrapper iframe {
    border-radius: 8px;
    width: 160px;
    height: 160px;
    box-shadow: 0 0 1px rgba(0,0,0,.2),0 0 4px rgba(0,0,0,.02),0 12px 36px rgba(0,0,0,.06)
}

.ds-sign-in-with-wechat-block__description {
    color: var(--dsr-text-1,#262626);
    font-size: 14px;
    font-weight: 400;
    line-height: var(--ds-line-height-s);
    text-align: center;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    display: flex
}

.ds-sign-in-with-wechat-block__logo {
    color: #00bc0c;
    width: 21px;
    height: 21px
}

.ds-tabs {
    font-size: var(--ds-font-size-m);
    line-height: var(--ds-line-height-m);
    height: 32px;
    display: flex
}

.ds-tab {
    margin-right: var(--ds-tab-gap);
    cursor: pointer;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative
}

.ds-tab:last-child {
    margin-right: 0
}

.ds-tab.ds-tab--active {
    color: var(--ds-tabs-active-color,rgb(var(--ds-rgb-primary)))
}

.ds-tab .ds-tab__line {
    background-color: var(--ds-tabs-active-color,rgb(var(--ds-rgb-primary)));
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: -3px;
    right: -3px
}

.ds-tab .ds-tab__content {
    position: relative
}

.ds-tab .ds-tab__content:after {
    content: "";
    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
    border-radius: 8px;
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -4px
}

.ds-tab:focus {
    outline: none
}

.ds-tab:focus-visible .ds-tab__content:after {
    box-shadow: 0 0 0 2px rgb(var(--ds-rgb-primary))
}

.ds-divider {
    justify-content: center;
    align-items: center;
    margin: 8px 0;
    display: flex
}

.ds-divider__left,.ds-divider__right {
    background-color: rgb(var(--ds-rgb-separator));
    flex-grow: 1;
    height: 1px
}

.ds-divider__content {
    font-size: var(--ds-font-size-s);
    line-height: var(--ds-line-height-s);
    color: rgb(var(--ds-rgb-label-3));
    flex-shrink: 0;
    margin: 0 10px
}

.ds-divider--strong {
    font-weight: var(--ds-font-weight-strong)
}

.ds-divider--strong .ds-divider__content {
    color: rgb(var(--ds-rgb-primary));
    font-size: var(--ds-font-size-s)
}

.ds-divider--strong .ds-divider__left,.ds-divider--strong .ds-divider__right {
    background: rgb(var(--ds-rgb-primary));
    border-color: rgb(var(--ds-rgb-primary));
    height: 3px;
    transform: scaleY(.5)
}

.ds-forgot-password-form__icon {
    justify-content: center;
    margin: auto auto 40px;
    line-height: 0;
    display: flex
}

.ds-forgot-password-form__icon>svg {
    height: 44px
}

.ds-forgot-password-form__title {
    text-align: center;
    color: var(--dsr-text-0,#000);
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px
}

.ds-forgot-password-form__loading-wrapper {
    color: rgb(var(--ds-rgb-primary));
    justify-content: center;
    align-items: center;
    padding: 28px 0;
    font-size: 28px;
    display: flex
}

.ds-forgot-password-form__form-footer {
    justify-content: center;
    margin-top: 16px;
    font-weight: 500;
    display: flex
}

.ds-forgot-password-form__description {
    color: var(--dsr-text-3,#a3a3a3);
    text-align: center;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 20px
}

.ds-enhanced-text__p {
    margin: 0 0 14px
}

.ds-enhanced-text__p:last-child {
    margin: 0
}

.ds-enhanced-text__bold {
    font-weight: 700
}

.ds-authorized-container__loading {
    color: rgb(var(--ds-rgb-primary));
    justify-content: center;
    align-items: center;
    font-size: 21px;
    display: flex
}

.ds-sider__policies-footer {
    color: rgb(var(--ds-rgb-label-2));
    flex-wrap: wrap;
    align-items: center;
    padding: 0 12px;
    font-size: 14px;
    line-height: 22px;
    display: flex
}

.ds-banned-container__wrapper {
    font-size: var(--ds-font-size-m);
    color: rgb(var(--ds-rgb-label-1));
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.ds-banned-container__logo,.ds-banned-container__slogan {
    line-height: var(--ds-line-height-m);
    text-align: center;
    margin-bottom: 20px;
    padding: 0 20px
}

@media not all and (min-width: 640px) {
    .ds-banned-container__logo svg {
        width:70%
    }
}

.ds-auth-footer {
    font-size: var(--ds-font-size-sp);
    line-height: var(--ds-line-height-sp);
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

.ds-text.ds-text--block {
    display: block
}

.ds-text.ds-text--monospace {
    font-family: var(--ds-font-family-code)
}

.ds-text.ds-text--fxs {
    font-size: var(--ds-font-size-xs)
}

.ds-text.ds-text--fxsp {
    font-size: var(--ds-font-size-xsp)
}

.ds-text.ds-text--fs {
    font-size: var(--ds-font-size-s)
}

.ds-text.ds-text--fsp {
    font-size: var(--ds-font-size-sp)
}

.ds-text.ds-text--fm {
    font-size: var(--ds-font-size-m)
}

.ds-text.ds-text--lxs {
    line-height: var(--ds-line-height-xs)
}

.ds-text.ds-text--lxsp {
    line-height: var(--ds-line-height-xsp)
}

.ds-text.ds-text--ls {
    line-height: var(--ds-line-height-s)
}

.ds-text.ds-text--lsp {
    line-height: var(--ds-line-height-sp)
}

.ds-text.ds-text--lm {
    line-height: var(--ds-line-height-m)
}

.ds-text.ds-text--label1 {
    color: rgb(var(--ds-rgb-label-1))
}

.ds-text.ds-text--label2 {
    color: rgb(var(--ds-rgb-label-2))
}

.ds-text.ds-text--label3 {
    color: rgb(var(--ds-rgb-label-3))
}

.ds-mobile-verification-form__icon {
    justify-content: center;
    margin: auto auto 40px;
    line-height: 0;
    display: flex
}

.ds-mobile-verification-form__icon>svg {
    height: 44px
}

.ds-mobile-verification-form__title {
    text-align: center;
    color: var(--dsr-text-0,#000);
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px
}

.ds-mobile-verification-form__loading-wrapper {
    color: rgb(var(--ds-rgb-primary));
    justify-content: center;
    align-items: center;
    padding: 28px 0;
    font-size: 28px;
    display: flex
}

.ds-mobile-verification-form__description {
    color: var(--dsr-text-3,#a3a3a3);
    text-align: center;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 20px
}

.ds-mobile-verification-form__bind-button {
    margin-top: auto;
    font-weight: 500
}

.ds-banner {
    --ds-banner-font-size: var(--ds-font-size-m);
    --ds-banner-line-height: var(--ds-line-height-m);
    --ds-banner-text-color: rgb(var(--ds-rgb-primary-foreground));
    --ds-banner-padding: 8px 14px;
    --ds-banner-close-icon-color: rgb(var(--ds-rgb-primary-foreground))
}

.ds-banner.ds-banner--info {
    --ds-banner-color: rgb(var(--ds-rgb-info))
}

.ds-banner.ds-banner--warning {
    --ds-banner-color: rgb(var(--ds-rgb-warning))
}

.ds-banner.ds-banner--error {
    --ds-banner-color: rgb(var(--ds-rgb-error))
}

.ds-banner {
    background-color: var(--ds-banner-color);
    font-size: var(--ds-banner-font-size);
    line-height: var(--ds-banner-line-height);
    color: var(--ds-banner-text-color);
    padding: var(--ds-banner-padding);
    display: flex
}

.ds-banner__content {
    text-align: center;
    text-wrap: balance;
    flex: 1;
    padding-right: 14px
}

.ds-banner__close-wrapper {
    min-height: var(--ds-banner-line-height);
    width: 21px;
    height: 21px;
    color: var(--ds-banner-close-icon-color);
    flex-grow: 0;
    flex-shrink: 0;
    align-items: center;
    margin-left: 8px;
    display: flex
}

.ds-notification-container {
    z-index: 1500;
    pointer-events: none;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: fixed;
    bottom: 16px;
    right: 16px
}

.ds-notification-container .ds-notification {
    background-color: rgb(var(--ds-rgb-elevated));
    pointer-events: all;
    width: 315px;
    max-width: calc(100vw - 32px);
    color: rgb(var(--ds-rgb-label-1));
    font-size: 14px;
    line-height: var(--ds-line-height-m);
    border-radius: 10px;
    flex-wrap: nowrap;
    margin-top: 14px;
    padding: 14px;
    display: flex;
    position: relative;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)
}

.ds-notification-container .ds-notification .ds-notification__main {
    flex-flow: column;
    flex-grow: 1;
    display: flex
}

.ds-notification-container .ds-notification .ds-notification__content {
    color: rgb(var(--ds-rgb-label-2));
    font-size: var(--ds-font-size-m);
    line-height: var(--ds-line-height-m)
}

.ds-notification-container .ds-notification .ds-notification__title {
    font-weight: var(--ds-font-weight-strong);
    flex-grow: 1;
    min-height: 21px;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 21px
}

.ds-notification-container .ds-notification .ds-notification__footer {
    font-size: var(--ds-font-size-m);
    line-height: var(--ds-line-height-m);
    margin-top: 8px
}

.ds-notification-container .ds-notification .ds-notification__close-wrapper {
    height: 21px;
    color: rgb(var(--ds-rgb-label-2));
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 8px
}

.ds-notification-container .ds-notification .ds-notification__icon-wrapper {
    flex-grow: 0;
    flex-shrink: 0;
    width: 21px;
    margin-right: 10px
}

.ds-notification-container .ds-notification .ds-notification__icon {
    justify-content: center;
    align-items: center;
    width: 21px;
    height: 21px;
    margin-right: 10px;
    font-size: 21px;
    display: flex
}

.ds-notification-container .ds-notification .ds-notification__icon svg {
    flex-shrink: 0;
    width: 24px;
    height: 24px
}

.ds-notification-container .ds-notification .ds-notification__icon--warning {
    color: #f97316
}

.ds-notification-container .ds-notification .ds-notification__icon--success {
    color: #22c55e
}

.ds-notification-container .ds-notification .ds-notification__icon--error {
    color: rgb(var(--ds-rgb-error))
}

.c994dda2 {
    box-sizing: border-box;
    flex-direction: column;
    align-items: stretch;
    min-height: 100vh;
    display: flex
}

@supports (top: env(safe-area-inset-top)) {
    .c994dda2 {
        padding-top:env(safe-area-inset-top);
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
        padding-bottom: env(safe-area-inset-bottom)
    }
}

._47c279e {
    flex-shrink: 0
}

._99ad066 {
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: safe center;
    align-items: safe center;
    padding-bottom: 3%;
    display: flex
}

._5178cc4 {
    justify-content: center;
    padding: 32px 0 20px;
    display: flex
}

@media not all and (min-width: 768px) {
    ._5178cc4 {
        padding:32px 18px 20px
    }
}

@media (max-width: 440px) {
    ._99ad066 {
        justify-content:flex-start;
        padding-top: 8px
    }
}

.e2394955 {
    justify-content: center;
    align-items: center;
    margin: auto auto 32px;
    line-height: 0;
    display: flex
}

.e2394955>svg {
    height: 44px
}

.a02c1715 {
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.e32c2b1a {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: calc(100vw - 32px);
    display: flex
}

._1270bde {
    font-size: 32px;
    font-weight: var(--ds-font-weight-strong);
    color: rgb(var(--ds-rgb-label-1));
    margin-bottom: 21px;
    line-height: 46px
}

._8e693ef {
    display: flex
}

._8e693ef>:not(:last-child) {
    margin-right: 16px
}

._8cf2d53 {
    white-space: pre-wrap;
    color: rgb(var(--ds-rgb-label-2));
    width: 600px;
    max-width: calc(100vw - 32px);
    font-size: 12px;
    line-height: 18px
}

.ds-flex {
    display: flex
}

.ds-floating-position-wrapper {
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    top: 0;
    left: 0
}

.ds-tooltip {
    --tooltip-text-color: #fff;
    --tooltip-color: #222;
    --tooltip-box-shadow: 0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05)
}

.ds-tooltip.ds-tooltip--m {
    --tooltip-font-size: var(--ds-font-size-m);
    --tooltip-line-height: var(--ds-line-height-m);
    --tooltip-padding: 6px 12px;
    --tooltip-arrow-size: 8px
}

.ds-tooltip.ds-tooltip--s {
    --tooltip-font-size: var(--ds-font-size-s);
    --tooltip-line-height: var(--ds-line-height-s);
    --tooltip-padding: 6px 10px;
    --tooltip-arrow-size: 6px
}

body.dark .ds-tooltip {
    --tooltip-text-color: rgb(var(--ds-rgb-label-1));
    --tooltip-color: rgb(var(--ds-rgb-elevated));
    --tooltip-box-shadow: 0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05)
}

.ds-tooltip.ds-tooltip--show-shadow,.ds-tooltip.ds-tooltip--show-shadow__arrow,body.dark .ds-tooltip {
    box-shadow: var(--tooltip-box-shadow)
}

.ds-tooltip {
    padding: var(--tooltip-padding);
    font-size: var(--tooltip-font-size);
    line-height: var(--tooltip-line-height);
    background-color: var(--tooltip-color);
    color: var(--tooltip-text-color);
    max-width: var(--ds-toast-max-width,calc(100vw - 28px));
    border-radius: 10px;
    position: relative
}

.ds-tooltip__arrow {
    z-index: -1;
    color: var(--tooltip-color);
    z-index: 1;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: absolute
}

.ds-tooltip__arrow.ds-tooltip__arrow--sharp {
    width: calc(var(--tooltip-arrow-size)*1.414);
    height: calc(var(--tooltip-arrow-size)*1.414);
    background-color: var(--tooltip-color)
}

.ds-tooltip__arrow.ds-tooltip__arrow--soft {
    width: calc(var(--tooltip-arrow-size)*2);
    height: calc(var(--tooltip-arrow-size)*2)
}

.ds-tooltip__soft-arrow {
    height: var(--tooltip-arrow-size);
    flex-shrink: 0;
    transform: translateY(100%)
}

.ds-tooltip__arrow.ds-tooltip__arrow--sharp[ds-floating-placement^=top] {
    top: 100%;
    transform: translateY(-50%)rotate(45deg)
}

.ds-tooltip__arrow.ds-tooltip__arrow--sharp[ds-floating-placement^=bottom] {
    bottom: 100%;
    transform: translateY(50%)rotate(45deg)
}

.ds-tooltip__arrow.ds-tooltip__arrow--sharp[ds-floating-placement^=left] {
    left: 100%;
    transform: translate(-50%)rotate(45deg)
}

.ds-tooltip__arrow.ds-tooltip__arrow--sharp[ds-floating-placement^=right] {
    right: 100%;
    transform: translate(50%)rotate(45deg)
}

.ds-tooltip__arrow.ds-tooltip__arrow--soft[ds-floating-placement^=top] {
    top: 100%;
    transform: translateY(-50%)
}

.ds-tooltip__arrow.ds-tooltip__arrow--soft[ds-floating-placement^=bottom] {
    bottom: 100%;
    transform: translateY(50%)rotate(180deg)
}

.ds-tooltip__arrow.ds-tooltip__arrow--soft[ds-floating-placement^=left] {
    left: 100%;
    transform: translate(-50%)rotate(270deg)
}

.ds-tooltip__arrow.ds-tooltip__arrow--soft[ds-floating-placement^=right] {
    right: 100%;
    transform: translate(50%)rotate(90deg)
}

.dd7e4fda {
    font-size: var(--ds-font-size-m);
    line-height: var(--ds-font-size-m);
    color: rgb(var(--ds-rgb-label-2));
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    font-weight: 500
}

[data-ds-dark-theme] .dd7e4fda {
    color: #cdd4df
}

._74d6322 {
    flex-direction: column;
    display: flex
}

._74d6322>*+* {
    margin-top: 16px
}

.ddff0051 {
    display: flex
}

.ddff0051>:not(:last-child) {
    margin-right: 16px
}

.ddff0051 {
    justify-content: flex-end
}

[data-ds-dark-theme] ._74d6322 .ds-radio-button-group .ds-radio-button.ds-radio-button--active {
    --radio-button-group-button-text-color-active: 255 255 255;
    background-color: transparent
}

[data-ds-dark-theme] ._74d6322 .ds-radio-button-group .ds-radio-button.ds-radio-button--active:after {
    box-shadow: 0 0 0 2px #4d6bfe
}

.ds-radio-button-group.ds-radio-button-group--bordered1 {
    --radio-button-group-button-color: transparent;
    --radio-button-group-button-box-shadow: inset 0 0 0 1px rgb(var(--ds-rgb-separator-strong));
    --radio-button-group-button-box-shadow-active: inset 0 0 0 1px rgb(var(--ds-rgb-primary));
    --radio-button-group-button-box-shadow-active-focus: inset 0 0 0 1px rgb(var(--ds-rgb-primary));
    --radio-button-group-button-box-shadow-focus: inset 0 0 0 1px rgb(var(--ds-rgb-separator-strong));
    --radio-button-group-button-color-active: rgb(var(--ds-rgb-primary));
    --radio-button-group-button-text-color-active: rgb(var(--ds-rgb-primary-foreground));
    --radio-button-group-button-outline-box-shadow-focus: 0 0 0 2px rgb(var(--ds-rgb-primary))
}

.ds-radio-button-group.ds-radio-button-group--bordered2 {
    --radio-button-group-button-color: transparent;
    --radio-button-group-button-box-shadow: inset 0 0 0 1px rgb(var(--ds-rgb-separator-strong));
    --radio-button-group-button-box-shadow-active: inset 0 0 0 2px rgb(var(--ds-rgb-primary));
    --radio-button-group-button-box-shadow-active-focus: inset 0 0 0 2px rgb(var(--ds-rgb-primary)),0 0 0 1px rgb(var(--ds-rgb-primary));
    --radio-button-group-button-box-shadow-focus: inset 0 0 0 1px rgba(var(--ds-rgb-primary)/.48),0 0 0 1px rgba(var(--ds-rgb-primary)/.48);
    --radio-button-group-button-color-active: transparent;
    --radio-button-group-button-text-color-active: rgb(var(--ds-rgb-primary));
    --radio-button-group-button-outline-box-shadow-focus: none
}

.ds-radio-button-group.ds-radio-button-group--bordered3 {
    --radio-button-group-button-color: transparent;
    --radio-button-group-button-box-shadow: inset 0 0 0 1px rgb(var(--ds-rgb-separator-strong));
    --radio-button-group-button-box-shadow-active: inset 0 0 0 1px transparent;
    --radio-button-group-button-box-shadow-active-focus: inset 0 0 0 1px transparent;
    --radio-button-group-button-box-shadow-focus: inset 0 0 0 1px rgb(var(--ds-rgb-separator-strong));
    --radio-button-group-button-color-active: rgba(var(--ds-rgb-primary)/.16);
    --radio-button-group-button-text-color-active: rgb(var(--ds-rgb-primary));
    --radio-button-group-button-outline-box-shadow-focus: 0 0 0 2px rgb(var(--ds-rgb-primary))
}

.ds-radio-button-group.ds-radio-button-group--filled1 {
    --radio-button-group-button-color: rgb(var(--ds-rgb-input));
    --radio-button-group-button-box-shadow: none;
    --radio-button-group-button-box-shadow-active: none;
    --radio-button-group-button-box-shadow-active-focus: none;
    --radio-button-group-button-box-shadow-focus: none;
    --radio-button-group-button-color-active: rgba(var(--ds-rgb-primary)/.16);
    --radio-button-group-button-text-color-active: rgb(var(--ds-rgb-primary));
    --radio-button-group-button-outline-box-shadow-focus: 0 0 0 2px rgb(var(--ds-rgb-primary))
}

.ds-radio-button-group.ds-radio-button-group--filled2 {
    --radio-button-group-button-color: rgb(var(--ds-rgb-input));
    --radio-button-group-button-box-shadow: none;
    --radio-button-group-button-box-shadow-active: none;
    --radio-button-group-button-box-shadow-active-focus: none;
    --radio-button-group-button-box-shadow-focus: none;
    --radio-button-group-button-color-active: rgb(var(--ds-rgb-primary));
    --radio-button-group-button-text-color-active: rgb(var(--ds-rgb-primary-foreground));
    --radio-button-group-button-outline-box-shadow-focus: 0 0 0 2px rgb(var(--ds-rgb-primary))
}

.ds-radio-button-group {
    color: var(--radio-button-group-button-text-color);
    transition: opacity var(--ds-transition-duration)var(--ds-ease-in-out);
    flex-wrap: wrap;
    margin-bottom: -12px;
    display: flex
}

.ds-radio-button-group.ds-radio-button-group--disabled .ds-radio-button,.ds-radio-button-group.ds-radio-button-group--disabled .ds-radio-button__input {
    cursor: not-allowed
}

.ds-radio-button-group.ds-radio-button-group--disabled .ds-radio-button {
    opacity: .45
}

.ds-radio-button-group .ds-radio-button__input {
    border-radius: inherit;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    border: 0;
    margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.ds-radio-button-group .ds-radio-button-group-tail {
    align-items: center;
    height: 32px;
    margin-bottom: 12px;
    display: flex
}

.ds-radio-button-group .ds-radio-button {
    box-shadow: var(--radio-button-group-button-box-shadow);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    background-color: var(--radio-button-group-button-color);
    box-sizing: border-box;
    height: 32px;
    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out),background-color var(--ds-transition-duration)var(--ds-ease-in-out),color var(--ds-transition-duration)var(--ds-ease-in-out);
    border-radius: 8px;
    align-items: center;
    margin-bottom: 12px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    position: relative
}

.ds-radio-button-group .ds-radio-button:not(:last-child) {
    margin-right: 12px
}

.ds-radio-button-group .ds-radio-button:after {
    content: "";
    pointer-events: none;
    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
    border-radius: 10px;
    display: block;
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px
}

.ds-radio-button-group .ds-radio-button.ds-radio-button--focus:after {
    box-shadow: var(--radio-button-group-button-outline-box-shadow-focus)
}

.ds-radio-button-group .ds-radio-button:focus-within {
    box-shadow: var(--radio-button-group-button-box-shadow-focus)
}

.ds-radio-button-group .ds-radio-button.ds-radio-button--active {
    color: var(--radio-button-group-button-text-color-active);
    box-shadow: var(--radio-button-group-button-box-shadow-active);
    background-color: var(--radio-button-group-button-color-active)
}

.ds-radio-button-group .ds-radio-button.ds-radio-button--active:focus-within {
    box-shadow: var(--radio-button-group-button-box-shadow-active-focus)
}

.ds-textarea {
    --ds-textarea-text-color: rgb(var(--ds-rgb-label-1));
    --ds-textarea-border-radius: 10px;
    --ds-textarea-font-size: var(--ds-font-size-m);
    --ds-textarea-line-height: var(--ds-line-height-m);
    --ds-textarea-padding: 6px 10px
}

.ds-textarea--bordered {
    --ds-textarea-color: transparent;
    --ds-textarea-border-color: rgb(var(--ds-rgb-separator-strong))
}

.ds-textarea--filled {
    --ds-textarea-color: rgb(var(--ds-rgb-input));
    --ds-textarea-border-color: transparent
}

.ds-textarea {
    color: var(--ds-textarea-text-color);
    font-size: var(--ds-textarea-font-size);
    line-height: var(--ds-textarea-line-height);
    box-sizing: border-box;
    border-radius: var(--ds-textarea-border-radius);
    background-color: var(--ds-textarea-color);
    max-width: 100%;
    transition: background-color var(--ds-transition-duration)var(--ds-ease-in-out),box-shadow var(--ds-transition-duration)var(--ds-ease-in-out),color var(--ds-transition-duration)var(--ds-ease-in-out);
    box-shadow: inset 0 0 0 1px var(--ds-textarea-border-color);
    position: relative
}

.ds-textarea.ds-textarea--focused {
    background-color: var(--ds-textarea-focus-color,rgb(var(--ds-rgb-input-focus)));
    box-shadow: inset 0 0 0 2px var(--ds-textarea-focus-border-color,rgb(var(--ds-rgb-primary)))
}

.ds-textarea {
    box-sizing: border-box
}

.ds-textarea .ds-textarea__textarea,.ds-textarea .ds-textarea__mirror {
    font-size: inherit;
    line-height: inherit;
    padding: var(--ds-textarea-padding);
    word-break: break-word;
    font-family: inherit
}

.ds-textarea .ds-textarea__mirror {
    white-space: pre-wrap;
    pointer-events: none;
    visibility: hidden;
    max-width: 100%
}

.ds-textarea .ds-textarea__textarea {
    box-sizing: border-box;
    width: 100%;
    color: inherit;
    background-color: rgba(var(--ds-rgba-transparent));
    border: none;
    outline: none;
    display: block
}

.ds-textarea .ds-textarea__textarea::placeholder {
    color: rgb(var(--ds-rgb-label-3))
}

.ds-textarea .ds-textarea__textarea::placeholder {
    color: rgb(var(--ds-rgb-label-3))
}

.ds-textarea .ds-textarea__textarea::placeholder {
    color: rgb(var(--ds-rgb-label-3))
}

.ds-textarea.ds-textarea--auto-height .ds-textarea__textarea,.ds-textarea.ds-textarea--auto-width .ds-textarea__textarea {
    resize: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.ds-textarea.ds-textarea--auto-height {
    width: 100%
}

.ds-textarea.ds-textarea--auto-width {
    width: -moz-fit-content;
    width: fit-content
}

._3172d9f {
    border: 1px solid var(--button-border-color);
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    height: 28px;
    margin-right: 10px;
    padding: 0 7px;
    display: flex
}

._3172d9f .ds-button__icon {
    margin-right: 4px
}

._3172d9f.ds-button.ds-button--disabled {
    opacity: 1
}

._3172d9f .ad0c98fd {
    font-size: 12px;
    line-height: 17px
}

@media not all and (min-width: 640px) {
    ._3172d9f {
        margin-right:10px
    }
}

._58a6d71 {
    width: -moz-fit-content;
    background: var(--dsr-button-grey-1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    width: fit-content;
    padding: 7px 14px;
    display: flex
}

._58a6d71:hover {
    background: var(--dsr-button-grey-0)
}

._58a6d71 {
    color: var(--dsr-text-1);
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 18px
}

._58a6d71._19db599 {
    cursor: pointer
}

._7580acb {
    margin-right: 6px
}

._54f4262 {
    margin-left: 6px
}

._426ebf9 {
    flex-direction: column;
    display: flex
}

._426ebf9._5130389 {
    cursor: pointer
}

._426ebf9 .a93786a8 {
    align-items: center;
    gap: 6px;
    font-size: 12px;
    line-height: 17px;
    display: flex
}

._426ebf9 .a93786a8 .c16074e9 {
    border-radius: 50%;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    overflow: hidden
}

._426ebf9 .a93786a8 .c16074e9 .siteIcon_img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

._426ebf9 .a93786a8 .c16074e9 .siteIcon_loading {
    background-color: #f5f5f5;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
}

._426ebf9 .a93786a8 .c16074e9 .siteIcon_fallback {
    color: #8b8b8b;
    background-color: #d9d9d9
}

._426ebf9 .a93786a8 .d2eca804 {
    color: #262626;
    font-weight: 500
}

._426ebf9 .a93786a8 .caa1ee14 {
    color: #a3a3a3;
    font-size: 12px
}

._426ebf9 .a93786a8 .ba26051b {
    font-variant: tabular-nums;
    color: #404040;
    background: #e5e5e5;
    border-radius: 10px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    height: 20px;
    margin-left: auto;
    padding: 0 6px;
    display: flex
}

._426ebf9 .f664d0b2 {
    color: #262626;
    margin-top: 6px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px
}

._426ebf9 .c56273f9 {
    color: #757575;
    margin-top: 6px;
    font-size: 14px;
    line-height: 20px
}

.search-view-card__title,.search-view-card__snippet {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

@media not all and (min-width: 640px) {
    .search-view-card__title {
        -webkit-line-clamp:1
    }

    ._426ebf9 .c56273f9 {
        font-size: 13px
    }
}

[data-ds-dark-theme] ._426ebf9 .a93786a8 .c16074e9 .siteIcon_fallback {
    color: #f8faff;
    background-color: #696973
}

[data-ds-dark-theme] ._426ebf9 .a93786a8 .d2eca804 {
    color: #f8faff
}

[data-ds-dark-theme] ._426ebf9 .a93786a8 .caa1ee14 {
    color: #dcdcdc
}

[data-ds-dark-theme] ._426ebf9 .a93786a8 .ba26051b {
    color: #32333e;
    background: rgba(205,212,223,.75)
}

[data-ds-dark-theme] ._426ebf9 .f664d0b2 {
    color: #f8faff
}

[data-ds-dark-theme] ._426ebf9 .c56273f9 {
    color: #dcdcdc
}

.de80ba65 {
    background: #fff;
    border: .5px solid #dcdcdc;
    border-radius: 12px;
    max-width: 355px;
    padding: 20px;
    box-shadow: 0 4px 16px rgba(133,138,154,.25)
}

[data-ds-dark-theme] .de80ba65 {
    background: #4b4b5b;
    border: 1px solid #5a5a69;
    box-shadow: 0 4px 16px rgba(51,51,51,.75)
}

._48edb25 {
    margin-bottom: 13px
}

._48edb25 .e1675d8b {
    color: #8b8b8b;
    white-space: pre-wrap;
    margin: 0;
    padding: 0 0 0 13px;
    line-height: 26px;
    position: relative
}

._48edb25 .e1675d8b ._9ecc93a {
    border-left: 2px solid #e5e5e5;
    height: calc(100% - 10px);
    margin-top: 5px;
    position: absolute;
    top: 0;
    left: 0
}

._48edb25 .e1675d8b .ba94db8a {
    margin: 1em 0
}

[data-ds-dark-theme] ._48edb25 .e1675d8b {
    color: #a6a6a6
}

[data-ds-dark-theme] ._48edb25 ._9ecc93a {
    border-color: #4e4e56
}

._1484be6 {
    margin-right: 6px
}

._0f883e7 {
    margin-left: 6px
}

.bf9dce37 {
    border: 1.5px solid var(--color);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative
}

._0cb792b {
    color: var(--color);
    word-break: break-all;
    line-height: 1.2;
    font-size: var(--font-size);
    font-weight: 500
}

.db33d433 {
    font-variant: tabular-nums;
    text-align: center
}

._9fdc091 {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    flex-shrink: 0
}

._8ac543b {
    border: solid 1px var(--dsr-risk-border);
    background-color: var(--dsr-risk-fill);
    width: -moz-fit-content;
    border-radius: 12px;
    align-items: center;
    width: fit-content;
    margin-top: 10px;
    padding: 6px 12px;
    display: flex
}

._3ce6e41 {
    flex-shrink: 0;
    align-self: flex-start;
    margin-right: 10px;
    position: relative;
    top: 6px
}

._46600c8 {
    color: var(--dsr-risk-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 28px
}

._69505e8 {
    width: -moz-fit-content;
    box-sizing: border-box;
    text-align: center;
    color: #262626;
    border: 1px solid #ededed;
    border-radius: 10px;
    width: fit-content;
    max-width: 100%;
    margin: 8px auto 38px;
    padding: 7px 14px;
    font-size: 12px;
    line-height: 20px
}

._571a699 {
    margin-right: 8px;
    display: inline-block;
    position: relative;
    bottom: -2px
}

[data-ds-dark-theme] ._69505e8 {
    color: #f8faff;
    background-color: #32333e;
    border-color: #525252
}

._4f9bf79 {
    font-size: var(--ds-font-size-m);
    color: rgb(var(--ds-rgb-label-1));
    margin-bottom: 12px;
    padding-left: 48px;
    position: relative
}

._4f9bf79.d7dc56a8 ._965abe9,._4f9bf79._44fa7a8 ._965abe9 {
    opacity: 1
}

._4f9bf79.d7dc56a8 {
    margin-bottom: 0
}

._4f9bf79.d7dc56a8:not(._43c05b5) {
    margin-bottom: 32px
}

._4f9bf79:hover ._965abe9 {
    opacity: 1
}

._4f9bf79:focus-within ._965abe9 {
    opacity: 1
}

._965abe9 {
    opacity: 0;
    transition: opacity var(--ds-transition-duration)var(--ds-ease-in-out);
    will-change: opacity
}

._58dfa60 {
    position: absolute;
    top: -2px;
    left: 0
}

._7eb2358 {
    background-color: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    display: flex;
    box-shadow: 0 0 0 1px #d5e4ff
}

._7eb2358 svg {
    width: 28px;
    height: 28px
}

.b4e4476b {
    color: #909090;
    --ds-md-zoom: 1.143;
    line-height: calc(var(--ds-md-zoom)*var(--ds-line-height-m,25px));
    height: calc(var(--ds-md-zoom)*var(--ds-line-height-m,25px));
    box-sizing: border-box;
    padding-top: 4px;
    display: flex
}

._2f297cc {
    height: 28px
}

[data-ds-dark-theme] ._7eb2358 {
    box-shadow: none;
    background-color: #32333e;
    border: 1px solid #4f647b
}

[data-ds-dark-theme] ._4f9bf79 {
    color: #f8faff
}

.a4380d7b {
    flex-wrap: wrap;
    gap: 8px;
    max-height: 180px;
    display: flex;
    overflow-y: auto
}

._76cd190 {
    background-color: var(--dsr-input-bg);
    border-radius: 12px;
    width: calc(33.3333% - 8.33333px);
    transition: background-color .3s;
    position: relative
}

._76cd190 .d2d04dae {
    align-items: center;
    padding: 8px;
    display: flex
}

._76cd190 .d2d04dae .b3a5d6c1 {
    color: #4c4c4c;
    margin-right: 10px
}

._76cd190 .d2d04dae ._789aea7 {
    overflow: hidden
}

._76cd190 .d2d04dae ._789aea7 .f3a54b52 {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #262626;
    min-height: 20px;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden
}

._76cd190 .d2d04dae ._789aea7 ._5119742 {
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    font-size: 12px;
    line-height: 17px;
    overflow: hidden
}

._76cd190:hover ._35730b2 {
    opacity: 1
}

._76cd190 ._5119742 {
    color: #bbb
}

._76cd190._4ebfd18 ._5119742 {
    color: #e53535
}

._76cd190._4ebfd18 ._35730b2 {
    opacity: 1
}

._76cd190._0004e59 {
    cursor: pointer;
    transition: box-shadow .2s ease-in-out
}

._76cd190._0004e59:hover {
    box-shadow: 0px 0px 0px .5px var(--dsr-input-border),0px 4px 8px 0px rgba(144,150,174,.25)
}

._7a0c3ba {
    justify-content: flex-end;
    padding: 10px 0
}

._35730b2 {
    z-index: 1;
    opacity: 0;
    will-change: opacity;
    cursor: pointer;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    transition: opacity .2s ease-in-out;
    display: flex;
    position: absolute;
    top: -5px;
    right: -5px;
    box-shadow: 0 1px 2px rgba(148,147,147,.25),inset 0 0 0 .5px #ededed
}

._46207b4 {
    opacity: 1
}

._9a41837 {
    background-color: #e53535;
    box-shadow: 0 1px 2px rgba(148,147,147,.25)
}

._48289ac {
    margin: 6px
}

@media not all and (min-width: 640px) {
    .a4380d7b {
        gap:8px
    }

    ._76cd190 {
        width: calc(50% - 6.5px)
    }
}

[data-ds-dark-theme] ._76cd190 ._789aea7 .f3a54b52 {
    color: #fff
}

[data-ds-dark-theme] ._76cd190._0004e59:hover {
    box-shadow: 0px 0px 0px .5px var(--dsr-input-border),0px 4px 8px 0px rgba(11,11,12,.25)
}

[data-ds-dark-theme] ._76cd190._4ebfd18 ._5119742 {
    color: #ef4444
}

[data-ds-dark-theme] ._48289ac {
    color: #c9c9c9
}

._9663006 {
    justify-content: flex-end;
    margin-bottom: 16px;
    padding-bottom: 32px;
    display: flex
}

._9663006:hover ._78e0558 {
    opacity: 1
}

._9663006._03bad9a {
    margin-bottom: 24px
}

._9663006._3111eee {
    margin-bottom: 56px
}

._78e0558 {
    opacity: 0;
    transition: opacity var(--ds-transition-duration)var(--ds-ease-in-out);
    will-change: opacity
}

._78e0558:focus {
    opacity: 1
}

._78e0558:focus-within {
    opacity: 1
}

.fbb737a4 {
    font-size: var(--ds-font-size-l);
    line-height: var(--ds-line-height-l);
    color: #262626;
    padding: calc((44px - var(--ds-line-height-l))/2)20px;
    box-sizing: border-box;
    white-space: pre-wrap;
    word-break: break-word;
    background-color: #eff6ff;
    border-radius: 14px;
    max-width: calc(100% - 48px);
    position: relative
}

@media not all and (min-width: 640px) {
    .fbb737a4 {
        max-width:calc(100% - 68px)
    }
}

[data-ds-dark-theme] .fbb737a4 {
    color: #f8faff;
    background-color: #414158
}

._3919b83 {
    flex-grow: 1;
    position: relative
}

._8f60047 {
    padding: 0 var(--message-list-padding-horizontal);
    min-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto
}

._8f60047.e7c08643 {
    display: flex
}

._8f60047 ._0f72b0b {
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    display: flex;
    position: relative
}

.dad65929 {
    width: 100%;
    max-width: var(--message-list-max-width);
    box-sizing: border-box;
    flex-grow: 1;
    margin: auto;
    padding: 38px 0 40px
}

._772e792 {
    color: rgb(var(--ds-rgb-primary));
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 32px;
    display: flex
}

.df4cb668 {
    color: rgb(var(--ds-rgb-label-2));
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 20px;
    display: flex
}

._88681e8 {
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
    display: flex
}

@media not all and (min-width: 640px) {
    ._88681e8 {
        margin-bottom:6px
    }
}

._217e214 {
    width: -moz-fit-content;
    white-space: nowrap;
    background-color: rgb(var(--ds-rgb-blue-100));
    color: #4d6bfe;
    cursor: pointer;
    z-index: 1;
    border-radius: 12px;
    align-items: center;
    gap: 10px;
    width: fit-content;
    padding: 2px 14px;
    font-size: 14px;
    line-height: 28px;
    display: flex
}

._217e214:hover {
    background-color: #c3daf8
}

[data-ds-dark-theme] ._217e214 {
    color: #f8faff;
    background-color: #4d6bfe
}

[data-ds-dark-theme] ._217e214:hover {
    background-color: #4f6eca
}

._3f79b51 {
    width: calc(50vw - 2.5rem);
    height: calc(100% - 82px);
    box-shadow: 0px 0px 0px .5px var(--dsr-input-border);
    z-index: 11;
    background: #edf2fb;
    border-radius: 20px;
    flex-direction: column;
    margin-top: 56px;
    margin-bottom: 26px;
    margin-right: 20px;
    font-size: 14px;
    line-height: 1.5;
    display: flex;
    position: fixed;
    right: 0;
    overflow: hidden
}

@media not all and (min-width: 1280px) {
    ._3f79b51 {
        width:calc(60vw - 2.5rem)
    }
}

@media not all and (min-width: 640px) {
    ._3f79b51 {
        width:calc(100vw - 2.5rem)
    }
}

._4fb4c59 {
    background-color: #f9fbff;
    justify-content: space-between;
    align-items: center;
    padding: 15px 12px;
    display: flex
}

._4fb4c59 .e9fbd9e6 {
    color: #262626;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-grow: 1;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    overflow: hidden
}

[data-ds-dark-theme] ._3f79b51 {
    background: #40404d
}

[data-ds-dark-theme] ._4fb4c59 {
    background-color: #505060
}

[data-ds-dark-theme] ._4fb4c59 .e9fbd9e6 {
    color: #f8faff
}

._9a480e7 {
    color: #a3a3a3;
    margin: auto
}

[data-ds-dark-theme] ._9a480e7 {
    color: #888e9c
}

.fba535c8 {
    background-color: #edf2fb;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

._07c5e23 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: calc(100vw - 32px);
    display: flex
}

.cfffee1e {
    font-size: 32px;
    font-weight: var(--ds-font-weight-strong);
    color: rgb(var(--ds-rgb-label-1));
    margin-bottom: 21px;
    line-height: 46px
}

._79a73be {
    display: flex
}

._79a73be>:not(:last-child) {
    margin-right: 16px
}

.f309f19b {
    white-space: pre-wrap;
    color: rgb(var(--ds-rgb-label-2));
    width: 600px;
    max-width: calc(100vw - 32px);
    font-size: 12px;
    line-height: 18px
}

[data-ds-dark-theme] .fba535c8 {
    background-color: #40404d
}

.b692b035 {
    flex-shrink: 0;
    width: 50vw
}

@media not all and (min-width: 1280px) {
    .b692b035 {
        width:0
    }
}

@media not all and (min-width: 640px) {
    .b692b035 {
        width:0
    }
}

._9fd76a9 {
    flex-shrink: 0;
    width: 500px
}

.f529c936 {
    width: calc(500px - 2em)
}

@media not all and (min-width: 1536px) {
    ._9fd76a9,.f529c936 {
        width:440px
    }
}

@media not all and (min-width: 1280px) {
    ._9fd76a9,.f529c936 {
        width:420px
    }
}

@media not all and (min-width: 1024px) {
    ._9fd76a9 {
        width:0
    }
}

@media not all and (min-width: 640px) {
    .f529c936 {
        width:calc(100vw - 2.5rem)
    }
}

._052f656 {
    background-color: var(--dsr-button-grey-1);
    cursor: pointer;
    width: -moz-fit-content;
    border-radius: 12px;
    align-items: center;
    width: fit-content;
    padding: 8px 14px;
    display: flex
}

._052f656:hover {
    background-color: var(--dsr-button-grey-0)
}

._052f656 .faf995dc {
    color: var(--dsr-text-1);
    margin-right: 10px;
    font-size: 14px;
    line-height: 20px
}

._052f656 ._1219a20 {
    color: var(--dsr-icon-fg-1)
}

.f02f0e25 {
    color: #4c4c4c;
    cursor: pointer;
    border-radius: 10px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin-top: auto;
    margin-right: 10px;
    display: flex
}

.f02f0e25:hover {
    background-color: #e0e4ed
}

.f02f0e25.cfba8f40 {
    cursor: not-allowed;
    color: #bbb
}

._393efd7 {
    color: #acacac;
    font-size: 12px
}

._393efd7 span[role=title] {
    color: #fff;
    font-size: 14px;
    display: block
}

[data-ds-dark-theme] .f02f0e25 {
    color: #cdd4df
}

[data-ds-dark-theme] .f02f0e25:hover {
    background-color: #424451
}

[data-ds-dark-theme] .f02f0e25.cfba8f40 {
    color: #6b6b76
}

.c7ff2faa {
    justify-content: center;
    display: flex
}

._8c929f5 {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    max-width: 760px;
    margin-top: 100px;
    display: flex
}

._8c929f5 ._0b53c0e {
    margin: 0 auto
}

._8c929f5 .f652d34f {
    color: var(--dsr-text-1);
    margin-top: 12px;
    font-size: 32px;
    font-weight: 500;
    line-height: 45px
}

._8c929f5 ._5e1c32e {
    color: var(--dsr-text-3);
    margin-top: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

._8c929f5 ._7ef39bc {
    color: var(--dsr-text-1);
    margin-top: 12px;
    font-size: 16px;
    line-height: 28px
}

._883c051 {
    width: -moz-fit-content;
    flex-direction: column;
    justify-content: flex-start;
    width: fit-content;
    max-width: 90%;
    margin: 36px auto 0;
    display: flex
}

._883c051 ._3086cd6 {
    margin-bottom: 10px
}

@media not all and (min-width: 1280px) {
    ._8c929f5 {
        width:60%
    }
}

@media not all and (min-width: 1024px) {
    ._8c929f5 {
        width:70%
    }
}

@media not all and (min-width: 768px) {
    ._8c929f5 {
        width:80%;
        margin-top: 60px
    }
}

@media not all and (min-width: 640px) {
    ._8c929f5 {
        width:100%;
        margin-top: 30px
    }
}

._83421f9 {
    --dsr-side-bg-rgb: 249,251,255;
    --dsr-local-active-bg-rgb: 219,234,254;
    --dsr-local-active-bg: rgb(var(--ds-rgb-blue-100))
}

[data-ds-dark-theme] ._83421f9 {
    --dsr-side-bg-rgb: 33,35,39;
    --dsr-local-active-bg-rgb: 73,73,73;
    --dsr-local-active-bg: rgb(var(--ds-rgb-neutral-650))
}

._83421f9 {
    height: 38px;
    color: var(--dsr-text-1);
    background-color: var(--dsr-side-bg);
    cursor: pointer;
    --ds-focus-ring-border-radius: 14px;
    border-radius: 12px;
    align-items: center;
    padding: 0 10px;
    font-size: 14px;
    display: flex;
    position: relative
}

._83421f9:focus,._83421f9._0e9c629 {
    outline: none
}

._83421f9:focus ._2090548,._83421f9._0e9c629 ._2090548 {
    opacity: 1
}

._83421f9 .c08e6e93 {
    white-space: nowrap;
    flex: 1;
    align-items: center;
    min-width: 0;
    line-height: 18px;
    display: flex;
    overflow: hidden
}

._83421f9 .c08e6e93 ._823060e {
    margin-right: 6px
}

._83421f9 ._2090548 {
    opacity: 0;
    z-index: 1;
    --ds-focus-ring-border-radius: 8px;
    border-radius: 8px;
    outline: none;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%)
}

._83421f9 ._2090548:hover {
    opacity: 1;
    background-color: var(--dsr-side-bg)
}

._83421f9 .eaaaba55 {
    background: linear-gradient(90deg,rgba(var(--dsr-side-bg-rgb),0)0%,var(--dsr-side-bg)100%)
}

._83421f9.b64fb9ae {
    background-color: var(--dsr-local-active-bg)
}

._83421f9.b64fb9ae .eaaaba55 {
    background-image: linear-gradient(to right,rgba(var(--dsr-local-active-bg-rgb),0),var(--dsr-local-active-bg)50%)
}

._83421f9:not(.b64fb9ae):hover {
    background-color: var(--dsr-side-hover-bg)
}

._83421f9:not(.b64fb9ae):hover .eaaaba55 {
    background: linear-gradient(90deg,rgba(var(--dsr-side-hover-bg-rgb),0)0%,var(--dsr-side-hover-bg)60%,var(--dsr-side-hover-bg)100%);
    opacity: 1
}

._83421f9 ._2f87737,._83421f9 .eaaaba55 {
    content: "";
    pointer-events: none;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

._83421f9 ._2f87737 {
    background: linear-gradient(90deg,rgba(var(--dsr-side-bg-rgb),0)0%,var(--dsr-side-bg)50%,var(--dsr-side-bg)100%);
    width: 24px
}

._83421f9 .eaaaba55 {
    opacity: 0;
    width: 84px
}

._83421f9.b64fb9ae ._2090548,._83421f9:hover ._2090548,._83421f9.b64fb9ae .eaaaba55,._83421f9:hover .eaaaba55 {
    opacity: 1
}

@media (hover: none) {
    ._83421f9 .eaaaba55 {
        opacity:1
    }

    ._83421f9 ._2090548 {
        opacity: .5
    }

    ._83421f9 ._2f87737 {
        width: 52px
    }
}

.ds-dropdown-menu {
    --ds-dropdown-menu-font-size: var(--ds-font-size-m);
    --ds-dropdown-menu-option-icon-size: calc(var(--ds-font-size-m) + 4px);
    --ds-dropdown-menu-option-icon-margin: 0 10px 0 0;
    --ds-dropdown-menu-option-icon-color: rgb(var(--ds-rgb-label-2));
    --ds-dropdown-menu-color: rgb(var(--ds-rgb-elevated));
    --ds-dropdown-menu-option-text-color: rgb(var(--ds-rgb-label-1));
    --ds-dropdown-menu-option-height: 28px;
    --ds-dropdown-menu-option-color-hover: rgb(var(--ds-rgb-hover));
    --ds-dropdown-menu-padding: 4px;
    --ds-dropdown-menu-option-padding: 8px 14px;
    --ds-dropdown-menu-option-line-height: var(--ds-line-height-m);
    --ds-dropdown-menu-border-radius: 10px;
    --ds-dropdown-menu-option-border-radius: 8px;
    --ds-dropdown-menu-option-divider-margin: 8px;
    --ds-dropdown-menu-option-label-margin: 0
}

.ds-dropdown-menu-option.ds-dropdown-menu-option--error {
    --ds-dropdown-menu-option-text-color: rgb(var(--ds-rgb-error));
    --ds-dropdown-menu-option-icon-color: rgb(var(--ds-rgb-error));
    --ds-dropdown-menu-option-color-hover: var(--ds-dropdown-menu-option-error-color-hover,rgba(var(--ds-rgb-error)/.06))
}

.ds-dropdown-menu {
    border-radius: var(--ds-dropdown-menu-border-radius);
    background-color: var(--ds-dropdown-menu-color);
    padding: var(--ds-dropdown-menu-padding);
    color: var(--ds-dropdown-menu-option-text-color);
    box-shadow: 0 8px 24px rgba(0,0,0,.12)
}

.ds-dropdown-menu-option {
    font-size: var(--ds-dropdown-menu-font-size);
    line-height: var(--ds-dropdown-menu-option-line-height);
    border-radius: var(--ds-dropdown-menu-option-border-radius);
    min-height: var(--ds-dropdown-menu-option-height);
    padding: var(--ds-dropdown-menu-option-padding);
    color: var(--ds-dropdown-menu-option-text-color);
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color var(--ds-transition-duration)var(--ds-ease-in-out),color var(--ds-transition-duration)var(--ds-ease-in-out);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-items: center;
    display: flex;
    overflow: auto
}

.ds-dropdown-menu-option:hover,.ds-dropdown-menu-option.ds-dropdown-menu-option--pending {
    background-color: var(--ds-dropdown-menu-option-color-hover)
}

.ds-dropdown-menu-option .ds-dropdown-menu-option__icon {
    color: var(--ds-dropdown-menu-option-icon-color);
    margin: var(--ds-dropdown-menu-option-icon-margin);
    font-size: var(--ds-dropdown-menu-option-icon-size);
    display: flex
}

.ds-dropdown-menu-option .ds-dropdown-menu-option__label {
    margin: var(--ds-dropdown-menu-option-label-margin)
}

.ds-dropdown-menu-option-divider {
    border-color: rgb(var(--ds-rgb-separator));
    margin: var(--ds-dropdown-menu-option-divider-margin);
    border-style: solid;
    border-width: 1px 0 0;
    min-height: 0;
    padding: 0;
    overflow: hidden
}

._03210fb {
    flex: 1;
    padding: 0 10px;
    overflow: auto
}

._03210fb.f27d1011 {
    justify-content: center;
    align-items: center;
    display: flex
}

._48cdfc1 {
    z-index: 2;
    background-color: var(--dsr-side-bg);
    color: #555;
    margin: 6px 0 6px -6px;
    padding: 0 10px 0 16px;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

._5d4b535 {
    position: relative
}

._5d4b535:first-child ._48cdfc1 {
    margin-top: 0
}

.b9cb4a74 {
    width: 100%;
    height: 24px
}

.f27d1011 {
    color: rgb(var(--ds-rgb-label-2));
    font-size: 14px;
    line-height: 20px
}

._6969ec9 {
    box-sizing: border-box;
    cursor: pointer;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 56px;
    padding: 0 10px;
    display: flex
}

@media (min-width: 640px) {
    ._6969ec9 {
        height:90px;
        padding: 25px 10px 34px 20px
    }
}

.e066abb8 {
    align-items: center;
    display: flex
}

.e066abb8 svg {
    color: #2c2c36;
    height: 22px
}

@media (min-width: 640px) {
    .e066abb8 svg {
        height:26px
    }
}

.a5967822 {
    flex-grow: 0;
    flex-shrink: 0;
    width: 24px;
    height: 24px
}

@media (min-width: 640px) {
    .a5967822 {
        display:none
    }
}

._8a9564e {
    color: #8b8b8b;
    display: block
}

@media (min-width: 640px) {
    ._8a9564e {
        display:none
    }
}

._7d1f5e2 {
    display: none
}

._7d1f5e2.ds-icon-button:hover:before {
    background-color: var(--dsr-side-icon-hover)
}

@media (min-width: 640px) {
    ._7d1f5e2 {
        display:flex
    }
}

[data-ds-dark-theme] ._8a9564e {
    color: #cdd4df
}

[data-ds-dark-theme] .e066abb8 svg {
    color: #abb2bd
}

._50fd23d {
    background-color: var(--local-button-text);
    width: 1px;
    height: 20px
}

._2508e0d {
    align-items: center;
    height: 100%;
    padding: 0 10px;
    display: flex
}

._2508e0d:hover {
    background-color: var(--local-button-hover)
}

._7d38c36 {
    align-items: center;
    display: flex
}

.faf1228f {
    margin-right: 8px
}

.fdf5dad2 {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px;
    color: var(---dsr-text-1);
    font-size: 14px;
    line-height: 20px;
    display: block;
    overflow: hidden
}

._8ad5d9e {
    align-items: center;
    display: flex
}

._8ad5d9e ._1162494 {
    color: var(--dsr-icon-fg-1);
    margin-left: auto
}

[data-ds-dark-theme] ._5a8ac7a {
    --local-button: var(--dsr-main);
    --local-button-hover: #4166d5;
    --local-button-text: rgb(var(--ds-rgb-slate-50))
}

._5a8ac7a {
    --local-button: rgb(var(--ds-rgb-blue-100));
    --local-button-text: var(--dsr-main);
    --local-button-hover: #c6dcf8;
    color: var(--local-button-text);
    background-color: var(--local-button);
    cursor: pointer;
    width: -moz-fit-content;
    height: 44px;
    border-radius: 14px;
    flex-shrink: 0;
    align-items: center;
    width: fit-content;
    margin: 0 2px 0 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding: 0 10px;
    display: flex;
    overflow: hidden
}

._5a8ac7a .c7dddcde {
    align-items: center;
    height: 100%;
    padding: 0 10px;
    display: flex
}

._5a8ac7a .c7dddcde:hover {
    background-color: var(--local-button-hover)
}

._1c42ad7 {
    margin-right: 9px;
    display: flex
}

._1c42ad7 svg {
    width: 22px;
    height: 22px
}

.ede5bc47 {
    cursor: pointer;
    width: 32px;
    height: 32px;
    height: -moz-fit-content;
    border-radius: 50%;
    outline: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: fit-content;
    display: flex;
    overflow: hidden
}

._725f8ba {
    color: var(--dsr-text-4)
}

.c6ab9234 {
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 12px;
    align-items: center;
    width: 100%;
    padding: 8px;
    display: flex
}

.c6ab9234:hover {
    background-color: var(--dsr-side-hover-bg)
}

._7d65532 {
    color: var(--dsr-text-2);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 8px;
    font-size: 14px
}

.fdf01f38 {
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid var(--dsr-border-2);
    box-sizing: border-box;
    border-radius: 50%;
    width: 100%;
    height: 100%
}

._93cf5ec {
    font-size: var(--ds-font-size-m);
    height: var(--ds-input-height-m);
    align-items: center;
    gap: 4px;
    display: flex
}

._44a68f4 {
    height: var(--ds-input-height-m);
    padding: 4px
}

.ebd4cd9a {
    flex-direction: column;
    flex: 1 0 0;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    padding-right: 48px;
    display: flex
}

._663bc35 {
    justify-content: flex-end;
    align-items: center;
    width: 80px;
    display: flex
}

._0d00f26 {
    color: var(--dsr-text-3,#a3a3a3);
    font-size: 12px;
    line-height: 150%
}

.ds-switch {
    --switch-color: rgba(var(--ds-rgb-neutral-350));
    --switch-thumb-color: rgb(var(--ds-rgb-thumb));
    --switch-height: 24px;
    --switch-width: 40px;
    --switch-gutter: 3px
}

.ds-switch {
    background-color: var(--switch-color);
    height: var(--switch-height);
    width: var(--switch-width);
    transition: background-color var(--ds-transition-duration)var(--ds-ease-in-out);
    cursor: pointer;
    border: none;
    border-radius: 4096px;
    position: relative
}

.ds-switch:after {
    content: "";
    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
    border-radius: 4096px;
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px
}

.ds-switch:focus {
    outline: none
}

.ds-switch:focus-visible:after {
    box-shadow: 0 0 0 2px rgb(var(--ds-rgb-primary))
}

.ds-switch.ds-switch--checked .ds-switch-thumb {
    left: calc(100% - var(--switch-height) + var(--switch-gutter))
}

.ds-switch.ds-switch--disabled {
    cursor: not-allowed;
    opacity: .5
}

.ds-switch.ds-switch--size-s {
    --switch-height: 18px;
    --switch-width: 28px;
    --switch-gutter: 2px
}

.ds-switch.ds-switch--size-xs {
    --switch-height: 16px;
    --switch-width: 24px;
    --switch-gutter: 2px
}

.ds-switch.ds-switch--size-l {
    --switch-height: 28px;
    --switch-width: 48px;
    --switch-gutter: 3px
}

.ds-switch-thumb {
    background-color: var(--switch-thumb-color);
    height: calc(var(--switch-height) - var(--switch-gutter)*2);
    width: calc(var(--switch-height) - var(--switch-gutter)*2);
    left: var(--switch-gutter);
    transition: left var(--ds-transition-duration)var(--ds-ease-in-out);
    border-radius: 4096px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.ds-native-select {
    cursor: pointer;
    width: 100%;
    color: rgb(var(--ds-rgb-label-1));
    font-size: var(--font-size);
    line-height: var(--line-height);
    height: var(--height);
    box-sizing: border-box;
    border-radius: var(--border-radius);
    transition: background-color var(--ds-transition-duration)var(--ds-ease-in-out),box-shadow var(--ds-transition-duration)var(--ds-ease-in-out),color var(--ds-transition-duration)var(--ds-ease-in-out);
    align-items: center;
    display: flex;
    position: relative
}

.ds-native-select option {
    background: rgb(var(--ds-rgb-bg-base))
}

.ds-native-select.ds-native-select--disabled {
    opacity: .45;
    cursor: not-allowed
}

.ds-native-select.ds-native-select--disabled .native-selectInner {
    cursor: not-allowed
}

.ds-native-select .ds-native-select__select {
    color: inherit;
    cursor: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    font-size: inherit;
    background-color: var(--ds-native-select-color,transparent);
    border-radius: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    padding: 0 28px 0 10px
}

.ds-native-select .ds-native-select__arrow {
    pointer-events: none;
    color: rgb(var(--ds-rgb-label-2));
    display: flex;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%)
}

.ds-native-select .ds-native-select__arrow svg {
    width: 14px;
    height: 14px
}

.ds-native-select.ds-native-select--none:focus-within {
    background-color: rgb(var(--ds-rgb-input-focus));
    box-shadow: inset 0 0 0 2px rgb(var(--ds-rgb-primary))
}

.ds-native-select.ds-native-select--filled.ds-native-select--error:focus-within {
    background-color: rgb(var(--ds-rgb-input-focus))
}

.ds-native-select.ds-native-select--bordered.ds-native-select--error:focus-within {
    background-color: rgb(var(--ds-rgb-input-focus))
}

.ds-native-select.ds-native-select--filled.ds-native-select--error,.ds-native-select.ds-native-select--bordered.ds-native-select--error {
    background-color: rgba(var(--ds-rgb-error)/.06);
    box-shadow: inset 0 0 0 2px rgb(var(--ds-rgb-error))
}

.ds-native-select.ds-native-select--filled {
    background-color: rgb(var(--ds-rgb-input))
}

.ds-native-select.ds-native-select--bordered {
    box-shadow: inset 0 0 0 1px rgb(var(--ds-rgb-separator))
}

.ds-native-select.ds-native-select--l {
    --height: var(--ds-input-height-l);
    --font-size: var(--ds-font-size-l);
    --line-height: var(--ds-line-height-l);
    --border-radius: 10px
}

.ds-native-select.ds-native-select--m {
    --height: var(--ds-input-height-m);
    --font-size: var(--ds-font-size-m);
    --line-height: var(--ds-line-height-m);
    --border-radius: 10px
}

.ds-native-select.ds-native-select--s {
    --height: var(--ds-input-height-s);
    --font-size: var(--ds-font-size-s);
    --line-height: var(--ds-line-height-s);
    --border-radius: 10px
}

.ds-native-select.ds-native-select--xs {
    --height: var(--ds-input-height-xs);
    --font-size: var(--ds-font-size-xs);
    --line-height: var(--ds-line-height-xs);
    --border-radius: 8px
}

.ds-segmented {
    background-color: var(--ds-segmented-color,rgba(var(--ds-rgb-segmented)));
    font-size: var(--ds-font-size-m);
    line-height: var(--ds-line-height-m);
    border-radius: 10px;
    padding: 2px;
    display: flex
}

.ds-segmented-button {
    white-space: nowrap;
    cursor: pointer;
    border-radius: 8px;
    flex: 1;
    justify-content: center;
    align-items: center;
    padding: 4px 14px;
    font-weight: 400;
    display: flex;
    position: relative
}

.ds-segmented-button.ds-segmented-button--disabled {
    cursor: not-allowed;
    opacity: .45
}

.ds-segmented-button.ds-segmented-button--selected {
    font-weight: var(--ds-font-weight-strong);
    background-color: var(--ds-segmented-selected-color,rgb(var(--ds-rgb-segmented-button)));
    --default-box-shadow: 0 0 0 .5px rgba(0,0,0,.04),0 3px 1px 0 rgba(0,0,0,.04),0 3px 8px 0 rgba(0,0,0,.12);
    box-shadow: var(--ds-segmented-button-box-shadow,var(--default-box-shadow))
}

.ds-segmented-button.ds-segmented-button--selected .ds-segmented-separator {
    display: none
}

.ds-segmented-button {
    outline: none
}

.ds-segmented-button__shadow {
    pointer-events: none;
    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
    z-index: 1;
    border-radius: 10px;
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px
}

.ds-segmented-button:focus-visible .ds-segmented-button__shadow {
    box-shadow: 0 0 0 2px rgb(var(--ds-rgb-primary))
}

.ds-segmented-separator {
    width: 1px;
    height: var(--ds-font-size-m);
    background-color: rgba(var(--ds-rgb-segmented-separator));
    flex-grow: 0;
    flex-shrink: 0;
    position: absolute;
    right: 0
}

.a1e75851 {
    border: solid 1px var(--dsr-main);
    width: 100%;
    color: var(--dsr-text-1);
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 12px;
    align-items: center;
    margin-bottom: 8px;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 400;
    display: flex
}

.a1e75851:hover {
    background-color: var(--dsr-side-hover-bg)
}

.a1e75851 ._106b9f9 {
    margin-left: 8px;
    display: flex
}

.b2b9a841 {
    color: var(--dsr-text-2);
    text-align: center;
    flex-direction: column;
    font-size: 14px;
    display: flex
}

._9ee3298 {
    width: 160px;
    height: 160px;
    margin: 8px 0
}

._41b9122 {
    color: var(--dsr-text-3);
    cursor: pointer;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    margin-bottom: 22px;
    display: flex
}

._41b9122:hover {
    background-color: rgb(var(--ds-rgb-hover))
}

[data-ds-dark-theme] ._41b9122 {
    color: #abb2bd
}

.c7f51894 {
    box-sizing: border-box;
    flex-direction: column;
    flex-shrink: 0;
    align-items: center;
    padding: 10px 12px;
    line-height: 20px;
    display: flex
}

@supports (padding-top: env(safe-area-inset-top)) {
    .b8812f16 {
        padding-top:env(safe-area-inset-top);
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
        padding-bottom: env(safe-area-inset-bottom)
    }
}

.b8812f16 {
    background-color: var(--dsr-side-bg);
    z-index: 1;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    min-width: 0;
    display: flex
}

.b8812f16 .ebaea5d2 {
    align-items: center;
    margin-bottom: 34px;
    display: flex
}

.fbcecfa2 {
    color: rgb(var(--ds-rgb-primary));
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 32px;
    display: flex
}

.cc58ca70 {
    color: rgb(var(--ds-rgb-label-2));
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 14px;
    line-height: 20px;
    display: flex
}

.f0d4f23d {
    background-color: var(--dsr-side-bg);
    flex-direction: column;
    align-items: center;
    width: 68px;
    padding: 19px 0;
    display: flex
}

.dc04ec1d {
    --local-sider-width: 260px
}

.a2f3d50e {
    transition: opacity var(--ds-transition-duration-fast)var(--ds-ease-in-out);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.dc04ec1d,.a2f3d50e {
    width: var(--local-sider-width);
    max-width: var(--local-sider-width)
}

.a7f3a288 {
    width: 68px;
    transition: left var(--ds-transition-duration-fast)var(--ds-ease-in-out),opacity var(--ds-transition-duration-fast)var(--ds-ease-in-out);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -24px
}

.dc04ec1d {
    z-index: 2;
    transition: left var(--ds-transition-duration-fast)var(--ds-ease-in-out),max-width var(--ds-transition-duration-fast)var(--ds-ease-in-out);
    flex-shrink: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0
}

._4cbcd96 {
    transition: opacity var(--ds-transition-duration-fast)var(--ds-ease-in-out);
    opacity: 1;
    background-color: rgba(0,0,0,.4);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.dc04ec1d.a02af2e6 {
    left: calc(-1*var(--local-sider-width))
}

.dc04ec1d.a02af2e6 ._4cbcd96 {
    opacity: 0;
    pointer-events: none
}

@media (min-width: 768px) {
    .dc04ec1d {
        width:var(--local-sider-width);
        max-width: var(--local-sider-width);
        position: relative;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

    .dc04ec1d.a02af2e6 {
        max-width: 68px;
        left: 0
    }

    .dc04ec1d.a02af2e6 .a7f3a288 {
        left: 0
    }

    .dc04ec1d ._4cbcd96 {
        display: none;
    }
}

.d8ed659a {
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #262626;
    box-sizing: border-box;
    max-width: 100%;
    height: 40px;
    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
    border-radius: 12px;
    padding: 8px 12px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    overflow: hidden
}

.d8ed659a:hover {
    box-shadow: inset 0 0 0 1px rgb(var(--ds-rgb-separator-strong))
}

[data-ds-dark-theme] .d8ed659a {
    color: #fff
}

._3e307a2 {
    cursor: pointer;
    color: var(--dsr-text-0);
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 2;
    max-width: 100px;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden
}

@media (min-width: 768px) {
    ._3e307a2 {
        max-width:140px;
        margin-top: 18px
    }
}

._2be88ba {
    box-sizing: border-box;
    background-color: #fff;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    height: 56px;
    padding-top: 10px;
    display: flex;
    position: relative
}

._62b4800 {
    z-index: 10;
    pointer-events: none;
    background: linear-gradient(rgba(255,255,255,.8) 0%,rgba(255,255,255,0) 100%);
    width: 100%;
    height: 32px;
    position: absolute;
    top: 100%;
    left: 1px
}

._0efe408 {
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 0 16px;
    display: flex
}

._3a24007 {
    border: solid 1px var(--dsr-main);
    color: var(--dsr-text-2);
    border-radius: 12px;
    align-items: center;
    margin-left: 14px;
    margin-right: auto;
    padding: 1px 6px;
    font-size: 12px;
    font-weight: 500;
    display: flex
}

.d7829b2f {
    cursor: pointer;
    border-radius: 6px;
    padding: 4px
}

.d7829b2f._2e7d873 {
    margin-left: -4px
}

.d7829b2f._23ecf90 {
    margin-right: -4px
}

.d7829b2f:hover {
    background-color: var(--dsr-icon-hover-1)
}

[data-ds-dark-theme] ._3a24007 {
    color: #fff
}

@media (min-width: 768px) {
    ._0efe408 {
        display:none
    }
}

.f8d1e4c0 {
    display: none
}

@media (min-width: 768px) {
    .f8d1e4c0 {
        width:0;
        min-width: 0;
        max-width: var(--message-list-max-width);
        flex: 1;
        padding: 0 32px;
        display: flex
    }
}

[data-ds-dark-theme] ._2be88ba {
    background-color: var(--dsr-bg)
}

[data-ds-dark-theme] ._0efe408 {
    opacity: .8
}

[data-ds-dark-theme] ._62b4800 {
    background: linear-gradient(rgba(41,42,45,.8) 0%,rgba(41,42,45,0) 100%)
}

._33fe369 {
    z-index: 11;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    flex-direction: column;
    height: calc(100% - 82px);
    margin-top: 56px;
    margin-bottom: 26px;
    margin-right: 20px;
    display: flex;
    position: fixed;
    right: 0;
    overflow: hidden
}

._8fa178b {
    justify-content: space-between;
    align-items: center;
    padding: 20px 32px 12px;
    display: flex
}

._8fa178b ._1b272c4 {
    color: #8c8c8c;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px
}

.dc433409 {
    height: 100%;
    min-height: 0;
    padding: 0 20px;
    overflow-x: hidden;
    overflow-y: auto
}

.dc433409 ._79fcd13 {
    border-radius: 12px;
    margin-bottom: 12px;
    padding: 8px 10px
}

.dc433409 ._79fcd13:hover {
    background-color: #f5f5f5
}

@media not all and (min-width: 640px) {
    ._1b272c4 {
        text-align:center;
        width: 100%
    }

    .dc433409 {
        padding: 0 6px
    }

    .dc433409 ._79fcd13 {
        margin-bottom: 4px
    }
}

[data-ds-dark-theme] ._33fe369 {
    background-color: #40404d;
    border: 1px solid #5a5a69
}

[data-ds-dark-theme] ._33fe369 ._8fa178b ._1b272c4 {
    color: #f8faff
}

[data-ds-dark-theme] ._33fe369 .dc433409 ._79fcd13:hover {
    background-color: #4d4d59
}

.dd8acccf {
    pointer-events: none;
    background: linear-gradient(to top,var(--ds-background-1)0%,rgba(var(--ds-background-1-rgb),.5)40%,rgba(var(--ds-background-1-rgb),.15)70%,var(--ds-transparent)100%);
    height: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

._0632724 {
    max-width: 768px;
    margin: auto;
    padding: 0 24px
}

.ds-alert {
    --ds-alert-font-size: var(--ds-font-size-m);
    --ds-alert-line-height: var(--ds-line-height-m);
    --icon-size: 21px
}

.ds-alert.ds-alert--warning {
    --alert-color: rgba(var(--ds-rgb-warning)/.06);
    --alert-text-color: rgb(var(--ds-rgb-warning));
    --alert-box-shadow: 0 0 0 2px rgb(var(--ds-rgb-warning))
}

.ds-alert.ds-alert--warning:not(.ds-alert--bordered) {
    --alert-color: rgba(var(--ds-rgb-warning),.09)
}

.ds-alert.ds-alert--success {
    --alert-color: rgba(var(--ds-rgb-success-rgb)/.06);
    --alert-text-color: rgb(var(--ds-rgb-success));
    --alert-box-shadow: 0 0 0 2px rgb(var(--ds-rgb-success))
}

.ds-alert.ds-alert--success:not(.ds-alert--bordered) {
    --alert-color: rgba(var(--ds-rgb-success-rgb),.09)
}

.ds-alert.ds-alert--error {
    --alert-color: rgba(var(--ds-rgb-error)/.06);
    --alert-text-color: rgb(var(--ds-rgb-error));
    --alert-box-shadow: 0 0 0 2px rgb(var(--ds-rgb-error))
}

.ds-alert.ds-alert--error:not(.ds-alert--bordered) {
    --alert-color: rgba(var(--ds-rgb-error),.09)
}

.ds-alert.ds-alert--info {
    --alert-color: rgba(var(--ds-rgb-info)/.06);
    --alert-text-color: rgb(var(--ds-rgb-info));
    --alert-box-shadow: 0 0 0 2px rgb(var(--ds-rgb-info))
}

.ds-alert.ds-alert--info:not(.ds-alert--bordered) {
    --alert-color: rgba(var(--ds-rgb-info)/.09)
}

body.dark .ds-alert.ds-alert--warning:not(.ds-alert--bordered) {
    --alert-color: rgba(var(--ds-rgb-warning)/.2)
}

body.dark .ds-alert.ds-alert--success:not(.ds-alert--bordered) {
    --alert-color: rgba(var(--ds-rgb-success-rgb)/.2)
}

body.dark .ds-alert.ds-alert--error:not(.ds-alert--bordered) {
    --alert-color: rgba(var(--ds-rgb-error)/.2)
}

body.dark .ds-alert.ds-alert--info:not(.ds-alert--bordered) {
    --alert-color: rgba(var(--ds-rgb-info)/.2)
}

.ds-alert {
    font-size: var(--ds-alert-font-size);
    line-height: var(--ds-alert-line-height);
    color: var(--alert-text-color);
    box-sizing: border-box;
    background-color: var(--alert-color);
    border-radius: 12px;
    align-items: center;
    padding: 14px;
    display: flex;
    position: relative;
    overflow: hidden
}

.ds-alert .ds-alert__content {
    flex: 1
}

.ds-alert .ds-alert__icon {
    width: var(--icon-size);
    height: var(--icon-size);
    font-size: var(--icon-size);
    margin-right: 6px;
    display: flex
}

.ds-alert .ds-alert__icon svg {
    width: var(--icon-size);
    height: var(--icon-size)
}

.ds-alert .ds-alert__icon--warning {
    color: rgb(var(--ds-rgb-warning))
}

.ds-alert .ds-alert__icon--success {
    color: rgb(var(--ds-rgb-success))
}

.ds-alert .ds-alert__icon--error {
    color: rgb(var(--ds-rgb-error))
}

.ds-alert .ds-alert__icon--info {
    color: rgb(var(--ds-rgb-info))
}

.ds-alert.ds-alert--bordered {
    box-shadow: var(--alert-box-shadow)
}

.aaff8b8f {
    max-width: var(--message-list-max-width);
    flex-grow: 1;
    width: 100%;
    position: relative
}

._77cefa5 {
    --padding: 14px;
    cursor: text;
    box-sizing: border-box;
    width: 100%;
    font-size: var(--ds-font-size-l);
    line-height: var(--ds-line-height-l);
    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
    box-shadow: none;
    background-color: transparent;
    background-color: var(--dsr-bg);
    border-radius: 24px;
    flex-direction: column;
    display: flex;
    position: relative
}

._77cefa5._1d5e44c {
    box-shadow: 0px 0px 0px .5px var(--dsr-input-border);
    padding: 8px 0 0
}

._77cefa5._1d5e44c ._7ca114c {
    color: var(--dsr-text-2);
    margin: 0 0 4px 18px;
    font-size: 12px;
    line-height: 18px
}

._77cefa5 .dd442025 {
    background-color: var(--dsr-input-bg);
    box-shadow: 0px 0px 0px .5px var(--dsr-input-border);
    border-radius: 24px
}

._77cefa5 ._42b6996 {
    z-index: 1;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px;
    display: flex;
    overflow: hidden
}

._77cefa5 .ec4f5d61 {
    --function-row-offset: 2px;
    width: calc(100% - var(--function-row-offset));
    padding-left: var(--function-row-offset);
    flex-wrap: wrap;
    align-items: center;
    margin-top: 4px;
    display: flex
}

._77cefa5 .bf38813a {
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    display: flex
}

._77cefa5 ._24fad49 {
    width: 100%;
    max-height: calc(12*var(--ds-line-height-l));
    margin: 0 4px;
    position: relative
}

._77cefa5 ._27c9245,._77cefa5 .b13855df {
    font-size: inherit;
    line-height: inherit;
    word-break: break-word;
    white-space: pre-wrap;
    border: none;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: inherit;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto
}

._77cefa5 ._27c9245 {
    resize: none;
    color: rgb(var(--ds-rgb-label-1));
    caret-color: rgb(var(--ds-rgb-label-1));
    background-color: transparent;
    position: absolute
}

._77cefa5 ._27c9245::placeholder {
    color: rgba(13,13,13,.3)
}

._77cefa5 ._27c9245::placeholder {
    color: rgba(13,13,13,.3)
}

._77cefa5 ._27c9245::placeholder {
    color: rgba(13,13,13,.3)
}

._77cefa5 ._27c9245:focus {
    outline: none
}

._77cefa5 .b13855df {
    visibility: hidden;
    pointer-events: none;
    min-height: 56px
}

._7436101 {
    white-space: nowrap;
    cursor: pointer;
    color: #fff;
    background: #4d6bfe;
    border: none;
    border-radius: 16px;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    height: 32px;
    margin-top: auto;
    display: flex
}

._7436101:hover {
    background-color: #2563eb
}

._7436101 ._6f28693 {
    justify-content: center;
    align-items: center;
    min-width: 28px;
    height: 28px;
    display: flex
}

._7436101 ._6f28693>svg {
    width: calc(var(--ds-font-size-l) + 4px);
    height: calc(var(--ds-font-size-l) + 4px);
    flex-shrink: 0
}

._7436101 ._5abf3e1 {
    min-width: -moz-fit-content;
    min-width: fit-content;
    margin: 0 4px;
    padding: 0 4px
}

._7436101 .dbf3da68 {
    margin: -1px
}

._7436101 ._5d3faf4 {
    margin: 0 4px;
    font-size: 14px
}

._7436101.bcc55ca1 {
    cursor: not-allowed;
    background-color: rgb(var(--ds-rgb-slate-250));
    color: #fafafa
}
._7436101 .sendBIconActive{
    display: block;
    }
._7436101 .sendBIconnot{
    display: none;
    }
._7436101.bcc55ca1 .sendBIconnot{
    display: block;
}
._7436101.bcc55ca1 .sendBIconActive{
    display: none;
}


@media not all and (min-width: 640px) {
    .aaff8b8f {
        padding-top:14px
    }

    .ec4f5d61 {
        margin-left: 0
    }
}

._8ac69d6 {
    z-index: 10;
    pointer-events: none;
    opacity: .6;
    font-size: 14px;
    position: absolute;
    bottom: 90%
}

._480132b {
    background: currentColor;
    border-radius: 2px;
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    margin: 1px
}

[data-ds-dark-theme] ._77cefa5 {
    border-color: #536e8c
}

[data-ds-dark-theme] ._77cefa5 textarea::placeholder {
    color: #999aa5
}

[data-ds-dark-theme] ._77cefa5 textarea::placeholder {
    color: #999aa5
}

[data-ds-dark-theme] ._77cefa5 textarea::placeholder {
    color: #999aa5
}

[data-ds-dark-theme] .dd442025 {
    box-shadow: 0 0 0 .5px rgba(192,192,192,.3)
}

[data-ds-dark-theme] ._7436101 {
    color: #f8faff;
    background-color: #4d6bfe
}

[data-ds-dark-theme] ._7436101:hover {
    background-color: #4f6eca
}

[data-ds-dark-theme] ._7436101.bcc55ca1 {
    color: #4b4b5b;
    background-color: rgb(var(--ds-rgb-zinc-500))
}

._9f00468 {
    z-index: 1000;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(255,255,255,.7);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: fixed;
    top: 0;
    left: 0
}

._116ea5b {
    color: #262626;
    text-align: center;
    flex-direction: column;
    align-items: center;
    max-width: 485px;
    margin-top: -3%;
    display: flex
}

._59bd16b {
    width: -moz-fit-content;
    white-space: nowrap;
    width: fit-content;
    margin-top: 24px;
    font-size: 24px;
    line-height: 42px
}

._43a83ad {
    color: #8b8b8b;
    white-space: pre-wrap;
    margin-top: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px
}

[data-ds-dark-theme] ._9f00468 {
    background-color: rgba(39,39,48,.7)
}

[data-ds-dark-theme] ._116ea5b {
    color: #f8faff
}

[data-ds-dark-theme] ._43a83ad {
    color: #bbb
}

._0e98de6 {
    pointer-events: all;
    color: #262626;
    cursor: pointer;
    background-color: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    margin-bottom: 20px;
    display: flex;
    position: absolute;
    bottom: 100%;
    right: 12px;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #ededed
}

._0e98de6:hover {
    background-color: #f5f5f5
}

[data-ds-dark-theme] ._0e98de6 {
    color: #f8faff;
    background-color: #32333e;
    box-shadow: inset 0 0 0 1px #525252
}

[data-ds-dark-theme] ._0e98de6:hover {
    background-color: #44444d
}

._0fcaa63 {
    font-size: var(--ds-font-size-s);
    color: rgb(var(--ds-rgb-label-3));
    margin: 6px 0;
    line-height: 14px;
    text-align: center;
}

[data-ds-dark-theme] ._0fcaa63 {
    color: #737373
}

._871cbca {
    background-color: var(--dsr-bg);
    z-index: 1;
    flex-direction: column;
    align-items: center;
    margin-top: auto;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0
}

@media not all and (min-width: 640px) {
    ._871cbca {
        padding:0
    }
}

._660ca72 {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative
}

._660ca72 ._1551317 {
    z-index: 1;
    width: 100%;
    position: absolute;
    top: 0
}

._9a2f8e4 {
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 800px;
    height: 100%;
    margin: auto;
    padding: 0 64px;
    display: flex;
    position: relative
}

._5758a85 {
    color: #000;
    text-align: center;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    line-height: 24px;
    display: flex
}

._5758a85 ._6c7e7df {
    align-items: center;
    gap: 14px;
    margin-top: auto;
    font-size: 24px;
    font-weight: 500;
    display: flex
}

._5758a85 ._9a8d0e1 {
    color: #404040;
    margin: 8px 0 20px;
    font-size: 14px
}

._5758a85,.eb830e32 {
    transform: translateY(-7.5vh)
}

@media not all and (min-width: 640px) {
    ._9a2f8e4 {
        padding:0 16px
    }

    ._5758a85 {
        box-sizing: border-box;
        text-align: left;
        width: 100%;
        padding: 0 34px
    }

    ._5758a85 ._6c7e7df {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        font-size: 18px;
        line-height: 24px
    }

    ._5758a85 ._6c7e7df .da6cda9a {
        position: relative;
        left: -8px
    }

    ._5758a85 ._9a8d0e1 {
        width: 100%;
        margin: 14px 0 6px;
        font-size: 14px;
        line-height: 24px
    }
}

._7941d9f {
    text-align: center;
    width: 100%;
    margin-top: auto;
    position: fixed;
    bottom: 0
}

[data-ds-dark-theme] ._5758a85 {
    color: #fff
}

[data-ds-dark-theme] ._9a8d0e1 {
    color: #f8faff
}

:root {
    --message-list-padding-horizontal: 16px;
    --message-list-max-width: 800px
}

@media (min-width: 768px) {
    :root {
        --message-list-padding-horizontal:32px
    }
}

.cb86951c {
    /* flex-direction: column; */
    display: flex;
    flex: 1;
    width: 100%;
    height: calc(100% - 46px);
    /* position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden */
}

@supports (top: env(safe-area-inset-top)) {
    .cb86951c {
        padding-top:env(safe-area-inset-top);
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
        padding-bottom: env(safe-area-inset-bottom)
    }
}

.c3ecdb44 {
    flex: 1;
    align-items: stretch;
    min-height: 0;
    display: flex
}

.cddfb2ed {
    flex-shrink: 0
}

._7780f2e {
    flex-direction: row;
    flex-grow: 1;
    min-width: 0;
    display: flex
}

._7780f2e ._765a5cd {
    width: var(--message-list-max-width);
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    max-width: 100%;
    display: flex
}

._7463b82 {
    color: rgb(var(--ds-rgb-neutral-600));
    margin: 30px;
    font-size: 12px;
    line-height: 18px
}

.f0b28104 {
    justify-content: center;
    align-items: center;
    height: 30vh;
    display: flex
}

.cookie_banner-wrap {
    box-sizing: border-box;
    background: var(--dsr-bg);
    z-index: 1020;
    border-radius: 16px;
    width: calc(100% - 32px);
    padding: 20px;
    position: fixed;
    bottom: 12px;
    left: 16px;
    box-shadow: 0 0 1px rgba(0,0,0,.2),0 0 4px rgba(0,0,0,.02),0 12px 36px rgba(0,0,0,.12)
}

.cookie_banner-wrap .cookie_banner-title {
    color: var(--dsr-text-1);
    font-size: 16px;
    font-weight: 600;
    line-height: 140%
}

.cookie_banner-wrap .cookie_banner-description {
    color: var(--dsr-text-2,#525252);
    margin-top: 8px;
    font-size: 14px;
    line-height: 140%
}

.cookie_banner-wrap .cookie_banner-description a {
    color: var(--dsr-text-0,#000);
    text-underline-position: from-font;
    cursor: pointer;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid
}

.cookie_banner-wrap .cookie_banner-accept-essential-button,.cookie_banner-wrap .cookie_banner-accept-all-button {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 12px;
    line-height: 20px
}

.cookie_banner-wrap .cookie_banner-accept-essential-button {
    margin-top: 16px
}

.cookie_banner-wrap .cookie_banner-accept-all-button {
    margin-top: 8px
}

@media (min-width: 768px) {
    .cookie_banner-wrap {
        width:400px
    }
}

[data-ds-dark-theme] .cookie_banner-wrap {
    background-color: #3a3a46!important
}

[data-ds-dark-theme] .cookie_banner-accept-essential-button:hover {
    background-color: unset!important
}

._363cb01 {
    --age-gate-bg: var(--dsr-button-grey-1);
    background: var(--dsr-bg,#fff);
    box-sizing: border-box;
    border-radius: 16px;
    width: min(420px,100vw - 32px);
    padding: 24px;
    box-shadow: 0 4px 8px rgba(0,0,0,.06),0 2px 12px rgba(0,0,0,.08),0 0 4px rgba(0,0,0,.08)
}

[data-ds-dark-theme] ._363cb01 {
    --age-gate-bg: #555562;
    background: #3a3a46
}

._3ad1932 {
    color: var(--dsr-text-1,#262626);
    font-size: 18px;
    font-weight: 500;
    line-height: 25px
}

._93e2bfa {
    color: var(--dsr-text-3,#a3a3a3);
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px
}

.bdf05640 {
    align-items: center;
    margin-top: 20px;
    display: flex
}

._3340925 {
    background: var(--dsr-main);
    color: #fff;
    justify-content: center;
    width: 100%;
    height: 44px;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 500
}

._3340925:hover {
    background: var(--dsr-main)!important
}

.ds-select {
    --ds-select-placeholder-color: rgb(var(--ds-rgb-label-3));
    cursor: pointer;
    width: 100%;
    color: rgb(var(--ds-rgb-label-1));
    font-size: var(--font-size);
    line-height: var(--line-height);
    height: var(--height);
    box-sizing: border-box;
    border-radius: var(--border-radius);
    transition: background-color var(--ds-transition-duration)var(--ds-ease-in-out),box-shadow var(--ds-transition-duration)var(--ds-ease-in-out),color var(--ds-transition-duration)var(--ds-ease-in-out);
    outline: none;
    align-items: center;
    display: flex;
    position: relative
}

.ds-select.ds-select--disabled .ds-select__select,.ds-select.ds-select--disabled .ds-select__input,.ds-select.ds-select--disabled .ds-select__arrow {
    cursor: not-allowed
}

.ds-select.ds-select--disabled {
    opacity: .45
}

.ds-select .ds-select__placeholder,.ds-select .ds-select__select,.ds-select .ds-select__input {
    white-space: nowrap;
    font-size: inherit;
    padding: 0 28px 0 10px
}

.ds-select .ds-select__placeholder,.ds-select .ds-select__select {
    cursor: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-items: center;
    display: flex
}

.ds-select .ds-select__input {
    caret-color: rgb(var(--ds-rgb-primary));
    background-color: transparent;
    border: none;
    outline: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.ds-select .ds-select__placeholder {
    width: 100%;
    height: 100%;
    color: var(--ds-select-placeholder-color)
}

.ds-select .ds-select__select {
    color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: inherit;
    width: 100%;
    height: 100%;
    transition: opacity var(--ds-transition-duration)var(--ds-ease-in-out);
    background-color: transparent;
    border: none;
    outline: none
}

.ds-select .ds-select__select.ds-select__select--placeholder {
    opacity: .45
}

.ds-select .ds-select__arrow {
    pointer-events: none;
    color: rgb(var(--ds-rgb-label-2));
    display: flex;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%)
}

.ds-select .ds-select__arrow svg {
    width: 14px;
    height: 14px
}

.ds-select.ds-select--none:focus {
    background-color: rgb(var(--ds-rgb-input-focus));
    box-shadow: inset 0 0 0 2px rgb(var(--ds-rgb-primary))
}

.ds-select.ds-select--none:focus-within {
    background-color: rgb(var(--ds-rgb-input-focus));
    box-shadow: inset 0 0 0 2px rgb(var(--ds-rgb-primary))
}

.ds-select.ds-select--filled.ds-select--error:focus,.ds-select.ds-select--bordered.ds-select--error:focus {
    background-color: rgb(var(--ds-rgb-input-focus))
}

.ds-select.ds-select--filled.ds-select--error:focus-within {
    background-color: rgb(var(--ds-rgb-input-focus))
}

.ds-select.ds-select--bordered.ds-select--error:focus-within {
    background-color: rgb(var(--ds-rgb-input-focus))
}

.ds-select.ds-select--filled.ds-select--error,.ds-select.ds-select--bordered.ds-select--error {
    background-color: rgba(var(--ds-rgb-error)/.06);
    box-shadow: inset 0 0 0 2px rgb(var(--ds-rgb-error))
}

.ds-select.ds-select--filled {
    background-color: rgb(var(--ds-rgb-input))
}

.ds-select.ds-select--bordered {
    box-shadow: inset 0 0 0 1px rgb(var(--ds-rgb-separator))
}

.ds-select.ds-select--l {
    --height: var(--ds-input-height-l);
    --font-size: var(--ds-font-size-l);
    --line-height: var(--ds-line-height-l);
    --border-radius: 10px
}

.ds-select.ds-select--m {
    --height: var(--ds-input-height-m);
    --font-size: var(--ds-font-size-m);
    --line-height: var(--ds-line-height-m);
    --border-radius: 10px
}

.ds-select.ds-select--s {
    --height: var(--ds-input-height-s);
    --font-size: var(--ds-font-size-s);
    --line-height: var(--ds-line-height-s);
    --border-radius: 10px
}

.ds-select.ds-select--xs {
    --height: var(--ds-input-height-xs);
    --font-size: var(--ds-font-size-xs);
    --line-height: var(--ds-line-height-xs);
    --border-radius: 8px
}

.ds-select-menu {
    --ds-select-menu-color: rgb(var(--ds-rgb-elevated));
    --ds-select-menu-option-color-hover: rgb(var(--ds-rgb-hover));
    --ds-select-menu-option-text-color: rgb(var(--ds-rgb-label-1));
    --ds-select-menu-option-text-color-selected: rgb(var(--ds-rgb-primary));
    --ds-select-menu-option-color-selected: rgba(var(--ds-rgb-primary-rgb)/.12);
    --ds-select-menu-option-font-size: var(--ds-font-size-m);
    --ds-select-menu-option-line-height: var(--ds-line-height-m);
    --ds-select-menu-option-height: 28px;
    --ds-select-menu-padding: 4px;
    --ds-select-menu-option-padding: 8px 14px;
    color: var(--ds-select-menu-option-text-color);
    background-color: var(--ds-select-menu-color);
    max-height: calc(var(--ds-select-menu-option-height)*8.5);
    border-radius: 10px;
    padding: 4px;
    overflow: auto;
    box-shadow: 0 8px 24px rgba(0,0,0,.12)
}

.ds-select-option {
    min-height: var(--ds-select-menu-option-height);
    padding: var(--ds-select-menu-option-padding);
    box-sizing: border-box;
    font-size: var(--ds-select-menu-option-font-size);
    line-height: var(--ds-select-menu-option-line-height);
    transition: background-color var(--ds-transition-duration)var(--ds-ease-in-out),color var(--ds-transition-duration)var(--ds-ease-in-out);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 8px;
    align-items: center;
    display: flex
}

.ds-select-option:hover,.ds-select-option.ds-select-option--pending {
    background-color: var(--ds-select-menu-option-color-hover)
}

.ds-select-option.ds-select-option--selected {
    color: var(--ds-select-menu-option-text-color-selected);
    background-color: var(--ds-select-menu-option-color-selected)
}

.ds-select-menu__not-found {
    min-height: var(--ds-select-menu-option-height);
    box-sizing: border-box;
    font-size: var(--ds-select-menu-option-font-size);
    line-height: var(--ds-select-menu-option-line-height);
    color: rgb(var(--ds-rgb-label-3));
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    display: flex
}

.ds-select-menu__skeleton {
    min-height: var(--ds-select-menu-option-height);
    padding: 8px
}

.ds-select-menu__skeleton .ds-select-menu__skeleton-item {
    margin-bottom: 8px
}

.ds-select-menu__skeleton .ds-select-menu__skeleton-item:last-child {
    margin-bottom: 0
}

:root,page {
    --ds-rgb-black: 0 0 0;
    --ds-rgb-white: 255 255 255;
    --ds-rgb-slate-50: 248 250 252;
    --ds-rgb-slate-100: 241 245 249;
    --ds-rgb-slate-150: 233 238 244;
    --ds-rgb-slate-200: 226 232 240;
    --ds-rgb-slate-250: 214 222 232;
    --ds-rgb-slate-300: 203 213 225;
    --ds-rgb-slate-350: 175 188 204;
    --ds-rgb-slate-400: 148 163 184;
    --ds-rgb-slate-450: 124 139 161;
    --ds-rgb-slate-500: 100 116 139;
    --ds-rgb-slate-550: 85 100 122;
    --ds-rgb-slate-600: 71 85 105;
    --ds-rgb-slate-650: 61 75 95;
    --ds-rgb-slate-700: 51 65 85;
    --ds-rgb-slate-750: 40 53 72;
    --ds-rgb-slate-800: 30 41 59;
    --ds-rgb-slate-850: 22 32 50;
    --ds-rgb-slate-900: 15 23 42;
    --ds-rgb-slate-950: 2 6 23;
    --ds-rgb-gray-50: 249 250 251;
    --ds-rgb-gray-100: 243 244 246;
    --ds-rgb-gray-150: 236 237 240;
    --ds-rgb-gray-200: 229 231 235;
    --ds-rgb-gray-250: 219 222 227;
    --ds-rgb-gray-300: 209 213 219;
    --ds-rgb-gray-350: 182 188 197;
    --ds-rgb-gray-400: 156 163 175;
    --ds-rgb-gray-450: 131 138 151;
    --ds-rgb-gray-500: 107 114 128;
    --ds-rgb-gray-550: 91 99 113;
    --ds-rgb-gray-600: 75 85 99;
    --ds-rgb-gray-650: 65 75 90;
    --ds-rgb-gray-700: 55 65 81;
    --ds-rgb-gray-750: 43 53 68;
    --ds-rgb-gray-800: 31 41 55;
    --ds-rgb-gray-850: 24 32 47;
    --ds-rgb-gray-900: 17 24 39;
    --ds-rgb-gray-950: 3 7 18;
    --ds-rgb-zinc-50: 250 250 250;
    --ds-rgb-zinc-100: 244 244 245;
    --ds-rgb-zinc-150: 236 236 238;
    --ds-rgb-zinc-200: 228 228 231;
    --ds-rgb-zinc-250: 220 220 223;
    --ds-rgb-zinc-300: 212 212 216;
    --ds-rgb-zinc-350: 186 186 193;
    --ds-rgb-zinc-400: 161 161 170;
    --ds-rgb-zinc-450: 137 137 146;
    --ds-rgb-zinc-500: 113 113 122;
    --ds-rgb-zinc-550: 97 97 106;
    --ds-rgb-zinc-600: 82 82 91;
    --ds-rgb-zinc-650: 72 72 80;
    --ds-rgb-zinc-700: 63 63 70;
    --ds-rgb-zinc-750: 51 51 56;
    --ds-rgb-zinc-800: 39 39 42;
    --ds-rgb-zinc-850: 31 31 34;
    --ds-rgb-zinc-900: 24 24 27;
    --ds-rgb-zinc-950: 9 9 11;
    --ds-rgb-neutral-50: 250 250 250;
    --ds-rgb-neutral-100: 245 245 245;
    --ds-rgb-neutral-150: 237 237 237;
    --ds-rgb-neutral-200: 229 229 229;
    --ds-rgb-neutral-250: 220 220 220;
    --ds-rgb-neutral-300: 212 212 212;
    --ds-rgb-neutral-350: 187 187 187;
    --ds-rgb-neutral-400: 163 163 163;
    --ds-rgb-neutral-450: 139 139 139;
    --ds-rgb-neutral-500: 115 115 115;
    --ds-rgb-neutral-550: 98 98 98;
    --ds-rgb-neutral-600: 82 82 82;
    --ds-rgb-neutral-650: 73 73 73;
    --ds-rgb-neutral-700: 64 64 64;
    --ds-rgb-neutral-750: 51 51 51;
    --ds-rgb-neutral-800: 38 38 38;
    --ds-rgb-neutral-850: 30 30 30;
    --ds-rgb-neutral-900: 23 23 23;
    --ds-rgb-neutral-950: 10 10 10;
    --ds-rgb-stone-50: 250 250 249;
    --ds-rgb-stone-100: 245 245 244;
    --ds-rgb-stone-150: 238 237 236;
    --ds-rgb-stone-200: 231 229 228;
    --ds-rgb-stone-250: 222 220 218;
    --ds-rgb-stone-300: 214 211 209;
    --ds-rgb-stone-350: 191 186 183;
    --ds-rgb-stone-400: 168 162 158;
    --ds-rgb-stone-450: 144 137 133;
    --ds-rgb-stone-500: 120 113 108;
    --ds-rgb-stone-550: 103 98 93;
    --ds-rgb-stone-600: 87 83 78;
    --ds-rgb-stone-650: 77 73 69;
    --ds-rgb-stone-700: 68 64 60;
    --ds-rgb-stone-750: 54 50 48;
    --ds-rgb-stone-800: 41 37 36;
    --ds-rgb-stone-850: 34 31 29;
    --ds-rgb-stone-900: 28 25 23;
    --ds-rgb-stone-950: 12 10 9;
    --ds-rgb-red-50: 254 242 242;
    --ds-rgb-red-100: 254 226 226;
    --ds-rgb-red-150: 254 214 214;
    --ds-rgb-red-200: 254 202 202;
    --ds-rgb-red-250: 253 183 183;
    --ds-rgb-red-300: 252 165 165;
    --ds-rgb-red-350: 250 139 139;
    --ds-rgb-red-400: 248 113 113;
    --ds-rgb-red-450: 243 90 90;
    --ds-rgb-red-500: 239 68 68;
    --ds-rgb-red-550: 229 53 53;
    --ds-rgb-red-600: 220 38 38;
    --ds-rgb-red-650: 202 33 33;
    --ds-rgb-red-700: 185 28 28;
    --ds-rgb-red-750: 169 27 27;
    --ds-rgb-red-800: 153 27 27;
    --ds-rgb-red-850: 140 28 28;
    --ds-rgb-red-900: 127 29 29;
    --ds-rgb-red-950: 69 10 10;
    --ds-rgb-orange-50: 255 247 237;
    --ds-rgb-orange-100: 255 237 213;
    --ds-rgb-orange-150: 254 226 191;
    --ds-rgb-orange-200: 254 215 170;
    --ds-rgb-orange-250: 253 200 143;
    --ds-rgb-orange-300: 253 186 116;
    --ds-rgb-orange-350: 252 166 88;
    --ds-rgb-orange-400: 251 146 60;
    --ds-rgb-orange-450: 250 130 41;
    --ds-rgb-orange-500: 249 115 22;
    --ds-rgb-orange-550: 241 101 17;
    --ds-rgb-orange-600: 234 88 12;
    --ds-rgb-orange-650: 214 76 12;
    --ds-rgb-orange-700: 194 65 12;
    --ds-rgb-orange-750: 174 58 15;
    --ds-rgb-orange-800: 154 52 18;
    --ds-rgb-orange-850: 139 48 18;
    --ds-rgb-orange-900: 124 45 18;
    --ds-rgb-orange-950: 67 20 7;
    --ds-rgb-amber-50: 255 251 235;
    --ds-rgb-amber-100: 254 243 199;
    --ds-rgb-amber-150: 253 236 168;
    --ds-rgb-amber-200: 253 230 138;
    --ds-rgb-amber-250: 252 220 107;
    --ds-rgb-amber-300: 252 211 77;
    --ds-rgb-amber-350: 251 201 56;
    --ds-rgb-amber-400: 251 191 36;
    --ds-rgb-amber-450: 248 174 23;
    --ds-rgb-amber-500: 245 158 11;
    --ds-rgb-amber-550: 231 138 8;
    --ds-rgb-amber-600: 217 119 6;
    --ds-rgb-amber-650: 198 101 7;
    --ds-rgb-amber-700: 180 83 9;
    --ds-rgb-amber-750: 163 73 11;
    --ds-rgb-amber-800: 146 64 14;
    --ds-rgb-amber-850: 133 58 14;
    --ds-rgb-amber-900: 120 53 15;
    --ds-rgb-amber-950: 69 26 3;
    --ds-rgb-yellow-50: 254 252 232;
    --ds-rgb-yellow-100: 254 249 195;
    --ds-rgb-yellow-150: 254 244 166;
    --ds-rgb-yellow-200: 254 240 138;
    --ds-rgb-yellow-250: 253 232 104;
    --ds-rgb-yellow-300: 253 224 71;
    --ds-rgb-yellow-350: 251 214 46;
    --ds-rgb-yellow-400: 250 204 21;
    --ds-rgb-yellow-450: 242 191 14;
    --ds-rgb-yellow-500: 234 179 8;
    --ds-rgb-yellow-550: 218 158 6;
    --ds-rgb-yellow-600: 202 138 4;
    --ds-rgb-yellow-650: 181 118 5;
    --ds-rgb-yellow-700: 161 98 7;
    --ds-rgb-yellow-750: 147 87 10;
    --ds-rgb-yellow-800: 133 77 14;
    --ds-rgb-yellow-850: 123 70 16;
    --ds-rgb-yellow-900: 113 63 18;
    --ds-rgb-yellow-950: 66 32 6;
    --ds-rgb-lime-50: 247 254 231;
    --ds-rgb-lime-100: 236 252 203;
    --ds-rgb-lime-150: 226 250 180;
    --ds-rgb-lime-200: 217 249 157;
    --ds-rgb-lime-250: 203 245 128;
    --ds-rgb-lime-300: 190 242 100;
    --ds-rgb-lime-350: 176 236 76;
    --ds-rgb-lime-400: 163 230 53;
    --ds-rgb-lime-450: 147 217 37;
    --ds-rgb-lime-500: 132 204 22;
    --ds-rgb-lime-550: 116 183 17;
    --ds-rgb-lime-600: 101 163 13;
    --ds-rgb-lime-650: 89 143 14;
    --ds-rgb-lime-700: 77 124 15;
    --ds-rgb-lime-750: 70 111 16;
    --ds-rgb-lime-800: 63 98 18;
    --ds-rgb-lime-850: 58 90 19;
    --ds-rgb-lime-900: 54 83 20;
    --ds-rgb-lime-950: 26 46 5;
    --ds-rgb-green-50: 240 253 244;
    --ds-rgb-green-100: 220 252 231;
    --ds-rgb-green-150: 203 249 219;
    --ds-rgb-green-200: 187 247 208;
    --ds-rgb-green-250: 160 243 190;
    --ds-rgb-green-300: 134 239 172;
    --ds-rgb-green-350: 104 230 150;
    --ds-rgb-green-400: 74 222 128;
    --ds-rgb-green-450: 54 209 111;
    --ds-rgb-green-500: 34 197 94;
    --ds-rgb-green-550: 28 180 84;
    --ds-rgb-green-600: 22 163 74;
    --ds-rgb-green-650: 21 145 67;
    --ds-rgb-green-700: 21 128 61;
    --ds-rgb-green-750: 21 114 56;
    --ds-rgb-green-800: 22 101 52;
    --ds-rgb-green-850: 21 92 48;
    --ds-rgb-green-900: 20 83 45;
    --ds-rgb-green-950: 5 46 22;
    --ds-rgb-emerald-50: 236 253 245;
    --ds-rgb-emerald-100: 209 250 229;
    --ds-rgb-emerald-150: 188 246 218;
    --ds-rgb-emerald-200: 167 243 208;
    --ds-rgb-emerald-250: 138 237 195;
    --ds-rgb-emerald-300: 110 231 183;
    --ds-rgb-emerald-350: 81 221 168;
    --ds-rgb-emerald-400: 52 211 153;
    --ds-rgb-emerald-450: 34 198 141;
    --ds-rgb-emerald-500: 16 185 129;
    --ds-rgb-emerald-550: 10 167 117;
    --ds-rgb-emerald-600: 5 150 105;
    --ds-rgb-emerald-650: 4 135 96;
    --ds-rgb-emerald-700: 4 120 87;
    --ds-rgb-emerald-750: 5 107 78;
    --ds-rgb-emerald-800: 6 95 70;
    --ds-rgb-emerald-850: 6 86 64;
    --ds-rgb-emerald-900: 6 78 59;
    --ds-rgb-emerald-950: 2 44 34;
    --ds-rgb-teal-50: 240 253 250;
    --ds-rgb-teal-100: 204 251 241;
    --ds-rgb-teal-150: 178 248 234;
    --ds-rgb-teal-200: 153 246 228;
    --ds-rgb-teal-250: 123 240 220;
    --ds-rgb-teal-300: 94 234 212;
    --ds-rgb-teal-350: 69 223 201;
    --ds-rgb-teal-400: 45 212 191;
    --ds-rgb-teal-450: 32 198 178;
    --ds-rgb-teal-500: 20 184 166;
    --ds-rgb-teal-550: 16 166 151;
    --ds-rgb-teal-600: 13 148 136;
    --ds-rgb-teal-650: 14 133 123;
    --ds-rgb-teal-700: 15 118 110;
    --ds-rgb-teal-750: 16 106 99;
    --ds-rgb-teal-800: 17 94 89;
    --ds-rgb-teal-850: 18 86 81;
    --ds-rgb-teal-900: 19 78 74;
    --ds-rgb-teal-950: 4 47 46;
    --ds-rgb-cyan-50: 236 254 255;
    --ds-rgb-cyan-100: 207 250 254;
    --ds-rgb-cyan-150: 186 246 253;
    --ds-rgb-cyan-200: 165 243 252;
    --ds-rgb-cyan-250: 134 237 250;
    --ds-rgb-cyan-300: 103 232 249;
    --ds-rgb-cyan-350: 68 221 243;
    --ds-rgb-cyan-400: 34 211 238;
    --ds-rgb-cyan-450: 20 196 225;
    --ds-rgb-cyan-500: 6 182 212;
    --ds-rgb-cyan-550: 7 163 195;
    --ds-rgb-cyan-600: 8 145 178;
    --ds-rgb-cyan-650: 11 130 161;
    --ds-rgb-cyan-700: 14 116 144;
    --ds-rgb-cyan-750: 17 105 130;
    --ds-rgb-cyan-800: 21 94 117;
    --ds-rgb-cyan-850: 21 86 108;
    --ds-rgb-cyan-900: 22 78 99;
    --ds-rgb-cyan-950: 8 51 68;
    --ds-rgb-sky-50: 240 249 255;
    --ds-rgb-sky-100: 224 242 254;
    --ds-rgb-sky-150: 205 236 253;
    --ds-rgb-sky-200: 186 230 253;
    --ds-rgb-sky-250: 155 220 252;
    --ds-rgb-sky-300: 125 211 252;
    --ds-rgb-sky-350: 90 200 250;
    --ds-rgb-sky-400: 56 189 248;
    --ds-rgb-sky-450: 35 177 240;
    --ds-rgb-sky-500: 14 165 233;
    --ds-rgb-sky-550: 8 148 216;
    --ds-rgb-sky-600: 2 132 199;
    --ds-rgb-sky-650: 2 118 180;
    --ds-rgb-sky-700: 3 105 161;
    --ds-rgb-sky-750: 5 97 147;
    --ds-rgb-sky-800: 7 89 133;
    --ds-rgb-sky-850: 9 81 121;
    --ds-rgb-sky-900: 12 74 110;
    --ds-rgb-sky-950: 8 47 73;
    --ds-rgb-blue-50: 239 246 255;
    --ds-rgb-blue-100: 219 234 254;
    --ds-rgb-blue-150: 205 226 254;
    --ds-rgb-blue-200: 191 219 254;
    --ds-rgb-blue-250: 169 208 253;
    --ds-rgb-blue-300: 147 197 253;
    --ds-rgb-blue-350: 121 181 251;
    --ds-rgb-blue-400: 96 165 250;
    --ds-rgb-blue-450: 77 147 248;
    --ds-rgb-blue-500: 59 130 246;
    --ds-rgb-blue-550: 48 114 240;
    --ds-rgb-blue-600: 37 99 235;
    --ds-rgb-blue-650: 33 88 225;
    --ds-rgb-blue-700: 29 78 216;
    --ds-rgb-blue-750: 29 71 195;
    --ds-rgb-blue-800: 30 64 175;
    --ds-rgb-blue-850: 30 61 156;
    --ds-rgb-blue-900: 30 58 138;
    --ds-rgb-blue-950: 23 37 84;
    --ds-rgb-indigo-50: 238 242 255;
    --ds-rgb-indigo-100: 224 231 255;
    --ds-rgb-indigo-150: 211 220 254;
    --ds-rgb-indigo-200: 199 210 254;
    --ds-rgb-indigo-250: 182 195 253;
    --ds-rgb-indigo-300: 165 180 252;
    --ds-rgb-indigo-350: 147 160 250;
    --ds-rgb-indigo-400: 129 140 248;
    --ds-rgb-indigo-450: 114 121 244;
    --ds-rgb-indigo-500: 99 102 241;
    --ds-rgb-indigo-550: 89 86 235;
    --ds-rgb-indigo-600: 79 70 229;
    --ds-rgb-indigo-650: 73 63 215;
    --ds-rgb-indigo-700: 67 56 202;
    --ds-rgb-indigo-750: 61 52 182;
    --ds-rgb-indigo-800: 55 48 163;
    --ds-rgb-indigo-850: 52 47 146;
    --ds-rgb-indigo-900: 49 46 129;
    --ds-rgb-indigo-950: 30 27 75;
    --ds-rgb-violet-50: 245 243 255;
    --ds-rgb-violet-100: 237 233 254;
    --ds-rgb-violet-150: 229 223 254;
    --ds-rgb-violet-200: 221 214 254;
    --ds-rgb-violet-250: 208 197 253;
    --ds-rgb-violet-300: 196 181 253;
    --ds-rgb-violet-350: 181 160 251;
    --ds-rgb-violet-400: 167 139 250;
    --ds-rgb-violet-450: 153 115 248;
    --ds-rgb-violet-500: 139 92 246;
    --ds-rgb-violet-550: 131 75 241;
    --ds-rgb-violet-600: 124 58 237;
    --ds-rgb-violet-650: 116 49 227;
    --ds-rgb-violet-700: 109 40 217;
    --ds-rgb-violet-750: 100 36 199;
    --ds-rgb-violet-800: 91 33 182;
    --ds-rgb-violet-850: 83 31 165;
    --ds-rgb-violet-900: 76 29 149;
    --ds-rgb-violet-950: 46 16 101;
    --ds-rgb-purple-50: 250 245 255;
    --ds-rgb-purple-100: 243 232 255;
    --ds-rgb-purple-150: 238 222 255;
    --ds-rgb-purple-200: 233 213 255;
    --ds-rgb-purple-250: 224 196 254;
    --ds-rgb-purple-300: 216 180 254;
    --ds-rgb-purple-350: 204 156 253;
    --ds-rgb-purple-400: 192 132 252;
    --ds-rgb-purple-450: 180 108 249;
    --ds-rgb-purple-500: 168 85 247;
    --ds-rgb-purple-550: 157 68 240;
    --ds-rgb-purple-600: 147 51 234;
    --ds-rgb-purple-650: 136 42 220;
    --ds-rgb-purple-700: 126 34 206;
    --ds-rgb-purple-750: 116 33 187;
    --ds-rgb-purple-800: 107 33 168;
    --ds-rgb-purple-850: 97 30 151;
    --ds-rgb-purple-900: 88 28 135;
    --ds-rgb-purple-950: 59 7 100;
    --ds-rgb-fuchsia-50: 253 244 255;
    --ds-rgb-fuchsia-100: 250 232 255;
    --ds-rgb-fuchsia-150: 247 220 254;
    --ds-rgb-fuchsia-200: 245 208 254;
    --ds-rgb-fuchsia-250: 242 189 253;
    --ds-rgb-fuchsia-300: 240 171 252;
    --ds-rgb-fuchsia-350: 236 146 250;
    --ds-rgb-fuchsia-400: 232 121 249;
    --ds-rgb-fuchsia-450: 224 95 244;
    --ds-rgb-fuchsia-500: 217 70 239;
    --ds-rgb-fuchsia-550: 204 54 225;
    --ds-rgb-fuchsia-600: 192 38 211;
    --ds-rgb-fuchsia-650: 177 33 193;
    --ds-rgb-fuchsia-700: 162 28 175;
    --ds-rgb-fuchsia-750: 148 26 159;
    --ds-rgb-fuchsia-800: 134 25 143;
    --ds-rgb-fuchsia-850: 123 25 130;
    --ds-rgb-fuchsia-900: 112 26 117;
    --ds-rgb-fuchsia-950: 74 4 78;
    --ds-rgb-pink-50: 253 242 248;
    --ds-rgb-pink-100: 252 231 243;
    --ds-rgb-pink-150: 251 219 237;
    --ds-rgb-pink-200: 251 207 232;
    --ds-rgb-pink-250: 250 187 222;
    --ds-rgb-pink-300: 249 168 212;
    --ds-rgb-pink-350: 246 141 197;
    --ds-rgb-pink-400: 244 114 182;
    --ds-rgb-pink-450: 240 93 167;
    --ds-rgb-pink-500: 236 72 153;
    --ds-rgb-pink-550: 227 55 136;
    --ds-rgb-pink-600: 219 39 119;
    --ds-rgb-pink-650: 204 31 106;
    --ds-rgb-pink-700: 190 24 93;
    --ds-rgb-pink-750: 173 23 85;
    --ds-rgb-pink-800: 157 23 77;
    --ds-rgb-pink-850: 144 23 72;
    --ds-rgb-pink-900: 131 24 67;
    --ds-rgb-pink-950: 80 7 36;
    --ds-rgb-rose-50: 255 241 242;
    --ds-rgb-rose-100: 255 228 230;
    --ds-rgb-rose-150: 254 216 220;
    --ds-rgb-rose-200: 254 205 211;
    --ds-rgb-rose-250: 253 184 193;
    --ds-rgb-rose-300: 253 164 175;
    --ds-rgb-rose-350: 252 138 154;
    --ds-rgb-rose-400: 251 113 133;
    --ds-rgb-rose-450: 247 88 113;
    --ds-rgb-rose-500: 244 63 94;
    --ds-rgb-rose-550: 234 46 83;
    --ds-rgb-rose-600: 225 29 72;
    --ds-rgb-rose-650: 207 23 66;
    --ds-rgb-rose-700: 190 18 60;
    --ds-rgb-rose-750: 174 18 58;
    --ds-rgb-rose-800: 159 18 57;
    --ds-rgb-rose-850: 147 18 56;
    --ds-rgb-rose-900: 136 19 55;
    --ds-rgb-rose-950: 76 5 25
}

body,page,.ds-theme {
    --ds-input-height-l: 44px;
    --ds-input-height-m: 34px;
    --ds-input-height-s: 30px;
    --ds-input-height-xs: 26px;
    --ds-font-weight-strong: 600;
    --ds-font-size-l: 16px;
    --ds-line-height-l: 28px;
    --ds-font-size-m: 14px;
    --ds-line-height-m: 25px;
    --ds-font-size-sp: 13px;
    --ds-line-height-sp: 23px;
    --ds-font-size-s: 12px;
    --ds-line-height-s: 21px;
    --ds-font-size-xsp: 11px;
    --ds-line-height-xsp: 19.5px;
    --ds-font-size-xs: 10px;
    --ds-line-height-xs: 18px;
    --ds-ease-in-out: cubic-bezier(.4,0,.2,1);
    --ds-ease-in: cubic-bezier(.4,0,1,1);
    --ds-ease-out: cubic-bezier(0,0,.2,1);
    --ds-font-family-code: Menlo,"Roboto Mono","Courier New",Courier,monospace,"Inter",sans-serif;
    --ds-transition-duration: .2s;
    --ds-transition-duration-fast: .1s;
    --ds-transition-duration-slow: .3s
}

body {
    font-size: var(--ds-font-size-m);
    line-height: var(--ds-line-height-m);
    color: rgb(var(--ds-rgb-label-1));
    -webkit-text-size-adjust: none;
    margin: 0
}

body,page {
    --ds-rgb-info: var(--ds-rgb-blue-500);
    --ds-rgb-primary: var(--ds-rgb-blue-500);
    --ds-rgb-primary-foreground: var(--ds-rgb-white);
    --ds-rgb-label-1: var(--ds-rgb-neutral-700);
    --ds-rgb-label-2: var(--ds-rgb-neutral-450);
    --ds-rgb-label-3: var(--ds-rgb-neutral-400);
    --ds-rgb-error: var(--ds-rgb-red-500);
    --ds-rgb-warning: var(--ds-rgb-amber-500);
    --ds-rgb-success: var(--ds-rgb-green-500);
    --ds-rgba-transparent: 255 255 255/0;
    --ds-rgb-bg-base: var(--ds-rgb-white);
    --ds-rgb-elevated: var(--ds-rgb-white);
    --ds-rgb-track: var(--ds-rgb-neutral-200);
    --ds-rgb-hover: var(--ds-rgb-neutral-100);
    --ds-rgb-header: var(--ds-rgb-neutral-50);
    --ds-rgb-separator: var(--ds-rgb-neutral-100);
    --ds-rgb-separator-strong: var(--ds-rgb-neutral-200);
    --ds-rgb-input: var(--ds-rgb-neutral-100);
    --ds-rgb-input-strong: var(--ds-rgb-neutral-150);
    --ds-rgb-input-focus: var(--ds-rgb-white);
    --ds-rgb-link: var(--ds-rgb-primary);
    --ds-rgb-tag: var(--ds-rgb-neutral-200);
    --ds-rgb-segmented: var(--ds-rgb-neutral-100);
    --ds-rgb-segmented-button: var(--ds-rgb-white);
    --ds-rgb-segmented-separator: var(--ds-rgb-neutral-300);
    --ds-rgb-thumb: var(--ds-rgb-white);
    font-family: DeepSeek-CJK-patch,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Open Sans,sans-serif
}

body {
    -webkit-tap-highlight-color: transparent
}

body.apple,body.en_US,body.apple .ds-theme,body.en_US .ds-theme {
    --ds-font-weight-strong: 500
}

body.dark {
    background-color: rgb(var(--ds-rgb-bg-base));
    color: rgb(var(--ds-rgb-label-1));
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark
}

body.dark,body.dark .ds-theme {
    --ds-rgb-info: var(--ds-rgb-blue-500);
    --ds-rgb-primary: var(--ds-rgb-blue-500);
    --ds-rgb-primary-foreground: 255 255 255;
    --ds-rgb-label-1: var(--ds-rgb-neutral-100);
    --ds-rgb-label-2: var(--ds-rgb-neutral-400);
    --ds-rgb-label-3: var(--ds-rgb-neutral-500);
    --ds-rgb-error: var(--ds-rgb-red-500);
    --ds-rgb-warning: var(--ds-rgb-amber-500);
    --ds-rgb-success: var(--ds-rgb-green-500);
    --ds-rgba-transparent: 255 255 255/0;
    --ds-rgb-bg-base: var(--ds-rgb-black);
    --ds-rgb-elevated: var(--ds-rgb-neutral-700);
    --ds-rgb-track: var(--ds-rgb-neutral-500);
    --ds-rgb-hover: var(--ds-rgb-neutral-700);
    --ds-rgb-header: 40 40 40;
    --ds-rgb-separator: var(--ds-rgb-neutral-700);
    --ds-rgb-separator-strong: var(--ds-rgb-neutral-600);
    --ds-rgb-input: var(--ds-rgb-neutral-800);
    --ds-rgb-input-strong: var(--ds-rgb-neutral-700);
    --ds-rgb-input-focus: var(--ds-rgb-neutral-900);
    --ds-rgb-link: var(--ds-rgb-primary);
    --ds-rgb-tag: var(--ds-rgb-neutral-700);
    --ds-rgb-segmented: var(--ds-rgb-neutral-700);
    --ds-rgb-segmented-button: var(--ds-rgb-neutral-600);
    --ds-rgb-segmented-separator: var(--ds-rgb-neutral-600);
    --ds-rgb-thumb: var(--ds-rgb-neutral-200)
}

body.dark .ds-elevated,body.dark [data-elevated] {
    --ds-rgb-label-1: var(--ds-rgb-neutral-100);
    --ds-rgb-label-2: var(--ds-rgb-neutral-400);
    --ds-rgb-label-3: var(--ds-rgb-neutral-500);
    --ds-rgb-track: var(--ds-rgb-neutral-500);
    --ds-rgb-hover: var(--ds-rgb-neutral-600);
    --ds-rgb-header: 40 40 40;
    --ds-rgb-separator: var(--ds-rgb-neutral-600);
    --ds-rgb-separator-strong: var(--ds-rgb-neutral-500);
    --ds-rgb-input: var(--ds-rgb-neutral-600);
    --ds-rgb-input-strong: var(--ds-rgb-neutral-600);
    --ds-rgb-input-focus: var(--ds-rgb-neutral-700);
    --ds-rgb-tag: var(--ds-rgb-neutral-600);
    --ds-rgb-segmented: var(--ds-rgb-neutral-600);
    --ds-rgb-segmented-button: var(--ds-rgb-neutral-500);
    --ds-rgb-segmented-separator: var(--ds-rgb-neutral-500);
    --ds-rgb-thumb: var(--ds-rgb-neutral-200)
}

@media (prefers-color-scheme: dark) {
    page {
        background-color:rgb(var(--ds-rgb-bg-base));
        color: rgb(var(--ds-rgb-label-1));
        --lightningcss-light: ;
        --lightningcss-dark: initial;
        color-scheme: dark
    }

    page,page .ds-theme {
        --ds-rgb-info: var(--ds-rgb-blue-500);
        --ds-rgb-primary: var(--ds-rgb-blue-500);
        --ds-rgb-primary-foreground: 255 255 255;
        --ds-rgb-label-1: var(--ds-rgb-neutral-100);
        --ds-rgb-label-2: var(--ds-rgb-neutral-400);
        --ds-rgb-label-3: var(--ds-rgb-neutral-500);
        --ds-rgb-error: var(--ds-rgb-red-500);
        --ds-rgb-warning: var(--ds-rgb-amber-500);
        --ds-rgb-success: var(--ds-rgb-green-500);
        --ds-rgba-transparent: 255 255 255/0;
        --ds-rgb-bg-base: var(--ds-rgb-black);
        --ds-rgb-elevated: var(--ds-rgb-neutral-700);
        --ds-rgb-track: var(--ds-rgb-neutral-500);
        --ds-rgb-hover: var(--ds-rgb-neutral-700);
        --ds-rgb-header: 40 40 40;
        --ds-rgb-separator: var(--ds-rgb-neutral-700);
        --ds-rgb-separator-strong: var(--ds-rgb-neutral-600);
        --ds-rgb-input: var(--ds-rgb-neutral-800);
        --ds-rgb-input-strong: var(--ds-rgb-neutral-700);
        --ds-rgb-input-focus: var(--ds-rgb-neutral-900);
        --ds-rgb-link: var(--ds-rgb-primary);
        --ds-rgb-tag: var(--ds-rgb-neutral-700);
        --ds-rgb-segmented: var(--ds-rgb-neutral-700);
        --ds-rgb-segmented-button: var(--ds-rgb-neutral-600);
        --ds-rgb-segmented-separator: var(--ds-rgb-neutral-600);
        --ds-rgb-thumb: var(--ds-rgb-neutral-200)
    }

    page .ds-elevated {
        --ds-rgb-label-1: var(--ds-rgb-neutral-100);
        --ds-rgb-label-2: var(--ds-rgb-neutral-400);
        --ds-rgb-label-3: var(--ds-rgb-neutral-500);
        --ds-rgb-track: var(--ds-rgb-neutral-500);
        --ds-rgb-hover: var(--ds-rgb-neutral-600);
        --ds-rgb-header: 40 40 40;
        --ds-rgb-separator: var(--ds-rgb-neutral-600);
        --ds-rgb-separator-strong: var(--ds-rgb-neutral-500);
        --ds-rgb-input: var(--ds-rgb-neutral-600);
        --ds-rgb-input-strong: var(--ds-rgb-neutral-600);
        --ds-rgb-input-focus: var(--ds-rgb-neutral-700);
        --ds-rgb-tag: var(--ds-rgb-neutral-600);
        --ds-rgb-segmented: var(--ds-rgb-neutral-600);
        --ds-rgb-segmented-button: var(--ds-rgb-neutral-500);
        --ds-rgb-segmented-separator: var(--ds-rgb-neutral-500);
        --ds-rgb-thumb: var(--ds-rgb-neutral-200)
    }
}

body {
    --dsr-main: #4d6bfe;
    --dsr-main-2: rgba(77,107,254,.4);
    --dsr-main-3: rgba(77,107,254,.2);
    --dsr-bg: rgb(var(--ds-rgb-white));
    --dsr-text-0: rgb(var(--ds-rgb-black));
    --dsr-text-1: rgb(var(--ds-rgb-neutral-800));
    --dsr-text-2: rgb(var(--ds-rgb-neutral-600));
    --dsr-text-3: rgb(var(--ds-rgb-neutral-400));
    --dsr-text-4: rgb(var(--ds-rgb-zinc-350));
    --dsr-border-1: rgb(var(--ds-rgb-neutral-350));
    --dsr-border-2: rgb(var(--ds-rgb-neutral-200));
    --dsr-input-border: #dce0e9;
    --dsr-input-bg: rgb(var(--ds-rgb-gray-100));
    --dsr-button-main-bg: var(--dsr-main);
    --dsr-button-main-bg-hover: #4166d5;
    --dsr-button-second-bg: var(--dsr-main-3);
    --dsr-button-grey-0: rgb(var(--ds-rgb-neutral-150));
    --dsr-button-grey-1: rgb(var(--ds-rgb-neutral-100));
    --dsr-button-grey-2: rgb(var(--ds-rgb-neutral-50));
    --dsr-delete-button-bg: rgb(var(--ds-rgb-red-500)/.85);
    --dsr-delete-button-bg-hover: rgb(var(--ds-rgb-red-550));
    --dsr-tooltip-fg: #eff6ff;
    --dsr-tooltip-bg: rgb(var(--ds-rgb-neutral-850));
    --dsr-side-bg: #f9fbff;
    --dsr-side-hover-bg-rgb: 239,246,255;
    --dsr-side-hover-bg: rgb(var(--ds-rgb-blue-50));
    --dsr-icon-fg-1: rgb(var(--ds-rgb-neutral-650));
    --dsr-icon-hover-0: rgb(var(--ds-rgb-neutral-150));
    --dsr-icon-hover-1: rgb(var(--ds-rgb-neutral-100));
    --dsr-side-icon-hover: rgb(var(--ds-rgb-slate-100));
    --dsr-error-fg: rgb(var(--ds-rgb-red-550));
    --dsr-risk-text: #e4773d;
    --dsr-risk-border: rgba(228,119,61,.1);
    --dsr-risk-fill: rgba(228,119,61,.05)
}

body[data-ds-dark-theme] {
    --dsr-bg: #292a2d;
    --dsr-text-0: rgb(var(--ds-rgb-white));
    --dsr-text-1: rgb(var(--ds-rgb-zinc-200));
    --dsr-text-2: rgb(var(--ds-rgb-zinc-350));
    --dsr-text-3: rgb(var(--ds-rgb-neutral-400));
    --dsr-text-4: rgb(var(--ds-rgb-zinc-400));
    --dsr-border-1: rgb(var(--ds-rgb-neutral-450));
    --dsr-border-2: rgb(var(--ds-rgb-neutral-600));
    --dsr-input-border: #5a5a69;
    --dsr-input-bg: #404045;
    --dsr-button-main-bg: #509fff;
    --dsr-button-main-bg-hover: #4166d5;
    --dsr-button-second-bg: var(--dsr-main-2);
    --dsr-button-grey-0: rgb(var(--ds-rgb-neutral-600));
    --dsr-button-grey-1: rgb(var(--ds-rgb-neutral-650));
    --dsr-button-grey-2: rgb(var(--ds-rgb-neutral-700));
    --dsr-delete-button-bg: rgb(var(--ds-rgb-red-500)/.85);
    --dsr-delete-button-bg-hover: rgb(var(--ds-rgb-red-550)/.45);
    --dsr-tooltip-fg: rgb(var(--ds-rgb-zinc-650));
    --dsr-tooltip-bg: #000;
    --dsr-side-bg: #212327;
    --dsr-side-hover-bg-rgb: 51,51,51;
    --dsr-side-hover-bg: rgb(var(--ds-rgb-neutral-750));
    --dsr-icon-fg-1: rgb(var(--ds-rgb-neutral-350));
    --dsr-icon-hover-0: rgb(var(--ds-rgb-neutral-500));
    --dsr-icon-hover-1: rgb(var(--ds-rgb-neutral-700));
    --dsr-side-icon-hover: rgb(var(--ds-rgb-zinc-750));
    --dsr-error-fg: rgb(var(--ds-rgb-red-450));
    --dsr-risk-text: #e4773d;
    --dsr-risk-border: #4c4740;
    --dsr-risk-fill: #31302e
}

.ds-markdown {
    --ds-md-zoom: 1.143;
    --ds-md-font-size: calc(var(--ds-md-zoom)*var(--ds-font-size-m));
    --ds-md-line-height: calc(var(--ds-md-zoom)*var(--ds-line-height-m));
    font-size: var(--ds-md-font-size);
    min-height: var(--ds-md-font-size);
    line-height: var(--ds-md-line-height)
}

.ds-markdown img {
    max-width: 100%
}

.ds-markdown h1,.ds-markdown h2,.ds-markdown h3,.ds-markdown h4,.ds-markdown h5,.ds-markdown h6 {
    font-weight: var(--ds-font-weight-strong);
    font-size: var(--ds-md-font-size);
    line-height: var(--ds-md-line-height);
    margin: calc(var(--ds-md-zoom)*16px)0 calc(var(--ds-md-zoom)*12px)0
}

.ds-markdown h1 {
    font-size: calc(var(--ds-md-zoom)*24px);
    line-height: 1.5
}

.ds-markdown h2 {
    font-size: calc(var(--ds-md-zoom)*20px);
    line-height: 1.5
}

.ds-markdown h3 {
    font-size: calc(var(--ds-md-zoom)*16px);
    line-height: 1.5
}

.ds-markdown h1 .header-anchor,.ds-markdown h2 .header-anchor,.ds-markdown h3 .header-anchor,.ds-markdown h4 .header-anchor,.ds-markdown h5 .header-anchor,.ds-markdown h6 .header-anchor {
    opacity: 0;
    margin-left: 4px
}

.ds-markdown h1:hover .header-anchor,.ds-markdown h2:hover .header-anchor,.ds-markdown h3:hover .header-anchor,.ds-markdown h4:hover .header-anchor,.ds-markdown h5:hover .header-anchor,.ds-markdown h6:hover .header-anchor {
    opacity: 1
}

.ds-markdown p {
    margin: calc(var(--ds-md-zoom)*12px)0;
    font-size: var(--ds-md-font-size);
    line-height: var(--ds-md-line-height)
}

.ds-markdown a:not(.ds-a) {
    color: rgb(var(--ds-rgb-link));
    transition: box-shadow var(--ds-transition-duration)var(--ds-ease-in-out);
    border-radius: calc(var(--ds-md-zoom)*6px);
    border-left: 3px solid rgba(var(--ds-rgba-transparent));
    border-right: 3px solid rgba(var(--ds-rgba-transparent));
    border-top: 2px solid rgba(var(--ds-rgba-transparent));
    border-bottom: 2px solid rgba(var(--ds-rgba-transparent));
    margin-left: -3px;
    margin-right: -3px;
    text-decoration: none;
    position: relative
}

.ds-markdown a:not(.ds-a):focus {
    outline: none
}

.ds-markdown a:not(.ds-a):focus-visible {
    box-shadow: 0 0 0 2px rgb(var(--ds-rgb-primary))
}

.ds-markdown li>ul,.ds-markdown li>ol {
    margin-top: 4px
}

.ds-markdown ul,.ds-markdown ol {
    margin: calc(var(--ds-md-zoom)*12px)0;
    padding-left: calc(var(--ds-md-zoom)*24px)
}

.ds-markdown li:not(:first-child) {
    margin-top: 4px
}

.ds-markdown li::marker {
    line-height: var(--ds-md-line-height);
    color: rgb(var(--ds-rgb-label-2))
}

.ds-markdown hr {
    height: 1px;
    margin: calc(var(--ds-md-zoom)*12px)0;
    background: rgb(var(--ds-rgb-label-3));
    border: none;
    display: block
}

.ds-markdown blockquote {
    border-left: 2px solid rgb(var(--ds-rgb-label-3));
    padding-left: calc(var(--ds-md-zoom)*16px);
    margin: 0
}

.ds-markdown table {
    border-collapse: collapse
}

.ds-markdown th {
    color: rgb(var(--ds-rgb-label-1));
    padding: calc(var(--ds-md-zoom)*6px)calc(var(--ds-md-zoom)*12px);
    border-bottom: 1px solid rgb(var(--ds-rgb-label-3));
    border-top: 1px solid rgb(var(--ds-rgb-label-3));
    font-weight: 600
}

.ds-markdown th:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left
}

.ds-markdown th:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left
}

.ds-markdown th:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left
}

.ds-markdown th:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right
}

.ds-markdown th:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right
}

.ds-markdown th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right
}

.ds-markdown th:first-child {
    padding-left: 0
}

.ds-markdown td {
    padding: calc(var(--ds-md-zoom)*6px)calc(var(--ds-md-zoom)*12px);
    border-bottom: 1px solid rgb(var(--ds-rgb-label-3))
}

.ds-markdown td:first-child {
    padding-left: 0
}

.ds-markdown pre {
    margin: calc(var(--ds-md-zoom)*12px)0;
    font-family: var(--ds-font-family-code);
    overflow: auto
}

.ds-markdown code {
    font-size: .875em;
    font-weight: var(--ds-font-weight-strong);
    font-family: var(--ds-font-family-code);
    background-color: var(--ds-md-inline-code-color,#ececec);
    border-radius: 4px;
    padding: .15rem .3rem
}

.ds-markdown code:before {
    margin-left: 4px
}

.ds-markdown code:after {
    margin-right: 4px
}

.ds-markdown-math {
    text-align: center;
    display: block;
    overflow-x: auto;
    overflow-y: hidden
}

.ds-markdown>* .ds-markdown-math {
    margin: calc(var(--ds-md-zoom)*12px)0
}

.ds-markdown>* .ds-markdown-math:first-child {
    margin-top: 0
}

.ds-markdown>* .ds-markdown-math:last-child {
    margin-bottom: 0
}

.ds-markdown-code-copy-button {
    background-color: rgba(var(--ds-rgba-transparent));
    color: inherit;
    cursor: pointer;
    border: none;
    margin: 0;
    padding: 0
}

.ds-markdown li>p {
    margin: 4px 0
}

.ds-markdown li>:first-child {
    margin-top: 0
}

.ds-markdown li>:last-child {
    margin-bottom: 0
}

.ds-markdown p:last-child {
    margin-bottom: 0!important
}

.ds-markdown>:first-child {
    margin-top: 0!important
}

.ds-markdown>:last-child {
    margin-bottom: 0!important
}

.ds-markdown.ds-markdown--page h1 {
    font-size: calc(var(--ds-md-zoom)*24px);
    margin-top: calc(var(--ds-md-zoom)*32px);
    line-height: calc(var(--ds-md-zoom)*32px);
    margin-bottom: calc(var(--ds-md-zoom)*20px)
}

.ds-markdown.ds-markdown--page h2 {
    font-size: calc(var(--ds-md-zoom)*20px);
    margin-top: calc(var(--ds-md-zoom)*26px);
    line-height: calc(var(--ds-md-zoom)*26px);
    margin-bottom: calc(var(--ds-md-zoom)*16px)
}

.ds-markdown.ds-markdown--page h3 {
    font-size: calc(var(--ds-md-zoom)*18px);
    margin-top: calc(var(--ds-md-zoom)*22px);
    line-height: calc(var(--ds-md-zoom)*22px);
    margin-bottom: calc(var(--ds-md-zoom)*14px)
}

.ds-markdown.ds-markdown--page h4 {
    font-size: calc(var(--ds-md-zoom)*16px);
    margin-top: calc(var(--ds-md-zoom)*20px);
    line-height: calc(var(--ds-md-zoom)*20px);
    margin-bottom: calc(var(--ds-md-zoom)*12px)
}

.ds-markdown.ds-markdown--page>p,.ds-markdown.ds-markdown--page>pre,.ds-markdown.ds-markdown--page>.md-code-block {
    margin: calc(var(--ds-md-zoom)*16px)0 calc(var(--ds-md-zoom)*23px)0
}

.ds-markdown.ds-markdown--page hr {
    margin: calc(var(--ds-md-zoom)*18px)0
}

.ds-markdown.ds-markdown--page th {
    color: rgb(var(--ds-rgb-label-1));
    padding: calc(var(--ds-md-zoom)*8px)calc(var(--ds-md-zoom)*10px);
    border-bottom: 1px solid rgb(var(--ds-rgb-separator));
    border-top: 1px solid rgb(var(--ds-rgb-separator))
}

.ds-markdown.ds-markdown--page th:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left
}

.ds-markdown.ds-markdown--page th:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left
}

.ds-markdown.ds-markdown--page th:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    text-align: left
}

.ds-markdown.ds-markdown--page th:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right
}

.ds-markdown.ds-markdown--page th:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right
}

.ds-markdown.ds-markdown--page th:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    text-align: right
}

.ds-markdown.ds-markdown--page td {
    padding: calc(var(--ds-md-zoom)*8px)calc(var(--ds-md-zoom)*10px);
    border-bottom: 1px solid rgb(var(--ds-rgb-separator))
}

.ds-markdown.ds-markdown--page td:first-child,.ds-markdown.ds-markdown--page th:first-child {
    padding-left: 0
}

.ds-markdown.ds-markdown--page td:last-child,.ds-markdown.ds-markdown--page th:last-child {
    padding-right: 0
}

.ds-markdown-html {
    font-size: .875em;
    font-family: var(--ds-font-family-code)
}

.ds-markdown-cite {
    vertical-align: middle;
    font-variant: tabular-nums;
    box-sizing: border-box;
    color: #404040;
    cursor: pointer;
    background: #e5e5e5;
    border-radius: 9px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    height: 18px;
    margin-left: 4px;
    padding: 0 6px;
    font-size: 12px;
    font-weight: 400;
    display: inline-flex;
    position: relative;
    top: -2px
}

[data-ds-dark-theme] .ds-markdown-cite {
    color: #f8faff;
    background: #52525b
}

.cjk_fallback {
    font-family: serif!important
}

code[class*=language-],pre[class*=language-] {
    color: #f8f8f2;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    background: 0 0;
    font-family: Roboto Mono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
    line-height: 1.5
}

pre[class*=language-] {
    border-radius: .3em;
    margin: .5em 0;
    padding: 1em;
    overflow: auto
}

:not(pre)>code[class*=language-],pre[class*=language-] {
    background: #2e3440
}

:not(pre)>code[class*=language-] {
    white-space: normal;
    border-radius: .3em;
    padding: .1em
}

.token.comment,.token.prolog,.token.doctype,.token.cdata {
    color: #636f88
}

.token.punctuation {
    color: #81a1c1
}

.namespace {
    opacity: .7
}

.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted {
    color: #81a1c1
}

.token.number {
    color: #b48ead
}

.token.boolean {
    color: #81a1c1
}

.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted {
    color: #a3be8c
}

.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.variable {
    color: #81a1c1
}

.token.atrule,.token.attr-value,.token.function,.token.class-name {
    color: #88c0d0
}

.token.keyword {
    color: #81a1c1
}

.token.regex,.token.important {
    color: #ebcb8b
}

.token.important,.token.bold {
    font-weight: var(--ds-font-weight-strong)
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

.md-code-block {
    --ds-md-code-block-font-size: calc(var(--ds-md-zoom)*var(--ds-font-size-xsp));
    border-radius: calc(var(--ds-md-zoom)*10px);
    font-size: var(--ds-md-code-block-font-size);
    line-height: calc(var(--ds-md-code-block-font-size)*1.6);
    color: #fff;
    background: #181d28
}

.md-code-block:not(:last-child) {
    margin-bottom: calc(var(--ds-md-zoom)*10px)
}

.md-code-block-banner-wrap {
    background-color: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.md-code-block-banner {
    padding: calc(var(--ds-md-zoom)*8px)calc(var(--ds-md-zoom)*12px);
    color: #fff;
    font-size: var(--ds-md-code-block-font-size);
    line-height: var(--ds-md-code-block-font-size);
    border-top-left-radius: calc(var(--ds-md-zoom)*10px);
    border-top-right-radius: calc(var(--ds-md-zoom)*10px);
    background: #50505a;
    justify-content: space-between;
    display: flex
}

.md-code-block-footer {
    padding: calc(var(--ds-md-zoom)*8px)calc(var(--ds-md-zoom)*12px);
    color: #fff;
    font-size: var(--ds-md-code-block-font-size);
    line-height: var(--ds-md-code-block-font-size);
    background: #50505a;
    justify-content: flex-end;
    display: flex
}

.md-code-block-action {
    align-items: center;
    display: flex
}

.md-code-block>pre {
    padding: calc(var(--ds-md-zoom)*8px)calc(var(--ds-md-zoom)*12px);
    white-space: pre-wrap;
    word-break: break-all;
    margin: 0!important
}

[data-ds-dark-theme] .md-code-block-banner-wrap {
    background-color: #292a2d
}

.ds-auth-form-wrapper {
    padding-top: 48px
}

.ds-sign-up-form__main {
    border-radius: 16px;
    min-height: 420px;
    padding: 12px;
    display: flex;
    box-shadow: 0 0 1px rgba(0,0,0,.2),0 0 4px rgba(0,0,0,.02),0 12px 36px rgba(0,0,0,.06)
}

.ds-sign-up-form__main-hero {
    box-sizing: border-box;
    flex-direction: column;
    flex-grow: 1;
    width: min(408px,100vw - 24px);
    min-width: 300px;
    padding: 24px 24px 16px;
    display: flex
}

.ds-sign-up-form__main-wechat {
    width: 280px;
    margin-left: 12px
}

@media (min-width: 440px) {
    [data-ds-dark-theme] .ds-sign-up-form__main {
        background:rgba(255,255,255,.1);
        border: 1px solid rgba(255,255,255,.06);
        box-shadow: 0 0 1px rgba(0,0,0,.06),0 0 4px rgba(0,0,0,.02),0 12px 36px rgba(0,0,0,.06)
    }
}

@media (max-width: 768px) {
    .ds-sign-up-form__main {
        flex-direction:column
    }

    .ds-sign-up-form__main-wechat {
        width: 100%;
        margin-top: 12px;
        margin-left: 0
    }
}

@media (max-width: 440px) {
    .ds-sign-up-form__main {
        box-shadow:none
    }

    .ds-sign-up-form__main-wechat {
        display: none
    }
}

.ds-auth-form-loading-wrapper {
    color: rgb(var(--ds-rgb-primary));
    justify-content: center;
    align-items: center;
    padding: 28px 0;
    font-size: 28px;
    display: flex
}

@media not all and (min-width: 768px) {
    .ds-auth-form-wrapper {
        max-width:100%
    }
}

.ds-verify-code-form-item {
    display: flex
}

.ds-verify-code-form-item>:not(:last-child) {
    margin-right: 12px
}

.ds-verify-code-form-item .ds-verify-code-form-item__verify-code-input {
    flex: 1
}

.ds-verify-code-form-item .ds-verify-code-form-item__verify-code-button {
    flex: 0 0
}

.ds-audit-reason-form-item__checkbox-group {
    display: flex
}

.ds-audit-reason-form-item__checkbox-group>:not(:last-child) {
    margin-right: 16px
}

.ds-audit-reason-form-item__checkbox-group>* {
    margin-bottom: 8px
}

.ds-audit-reason-form-item__checkbox-group {
    flex-wrap: wrap;
    margin-bottom: -8px
}

.grecaptcha-badge {
    visibility: hidden
}

.shumei_captcha_wrapper .shumei_captcha_img_refresh_btn {
    display: none!important
}

.ds-sign-up-form__agreement-text .ds-form-item__content {
    color: var(--dsr-text-3,#a3a3a3);
    font-size: 12px;
    line-height: 18px
}

.ds-sign-up-form__agreement-text .ds-form-item__content a {
    color: var(--dsr-text-1,#262626);
    text-underline-position: from-font;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

body {
    word-break: break-word;
    /* color: purple; */
    --ds-toast-custom-font-size: 16px;
    margin: 0
}

body[data-ds-dark-theme] {
    background-color: var(--dsr-bg)
}

body[data-ds-dark-theme].dark .ds-tooltip {
    --tooltip-color: #000
}

body .ds-modal-overlay {
    --ds-modal-overlay-opacity: .36
}

.ds-switch {
    --switch-color: var(--dsr-border-2)
}

.ds-switch.ds-switch--checked {
    --switch-color: var(--dsr-text-1)
}

[data-ds-dark-theme] {
    --ds-toast-custom-box-shadow: 0px 4px 10.2px 0px rgba(0,0,0,.25);
    --ds-toast-custom-color: #3a3a46;
    --ds-toast-custom-text-color: #f8faff;
    --ds-toast-custom-close-text-color: #f8faff;
    --ds-toast-custom-close-hover-color: #474756;
    --ds-md-inline-code-color: #424242
}

[data-ds-dark-theme] .ds-modal-overlay {
    --ds-modal-overlay-opacity: .6
}

[data-ds-dark-theme] .ds-switch {
    --switch-color: rgba(255,255,255,.2)
}

[data-ds-dark-theme] .ds-switch.ds-switch--checked {
    --switch-color: rgba(var(--ds-rgb-primary))
}