[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)) }