.ud__button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-title);
    font-size: 14px;
    line-height: 1.5715;
    list-style: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    border: 1px solid var(--N00);
    background: none;
    transition: color .1s ease-in,background-color .1s ease-in,border-color .1s ease-in,width .2s ease-in;
    touch-action: manipulation;
    text-decoration: none
}

.ud__button>a:only-child {
    color: currentColor
}

.ud__button>a:only-child:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    content: ""
}

.ud__button--size-xs {
    height: 24px;
    line-height: 20px;
    padding: 1px 7px;
    font-size: 12px;
    border-radius: 6px;
    min-width: 48px
}

.ud__button--size-xs.ud__button--circle,.ud__button--size-xs.ud__button--square {
    width: 24px;
    min-width: 0;
    padding-left: 0;
    padding-right: 0
}

.ud__button--size-sm {
    height: 28px;
    line-height: 20px;
    padding: 3px 7px;
    font-size: 12px;
    border-radius: 6px;
    min-width: 48px
}

.ud__button--size-sm.ud__button--circle,.ud__button--size-sm.ud__button--square {
    width: 28px;
    min-width: 0;
    padding-left: 0;
    padding-right: 0
}

.ud__button--size-md {
    height: 32px;
    line-height: 22px;
    padding: 4px 11px;
    font-size: 14px;
    border-radius: 6px;
    min-width: 80px
}

.ud__button--size-md.ud__button--circle,.ud__button--size-md.ud__button--square {
    width: 32px;
    min-width: 0;
    padding-left: 0;
    padding-right: 0
}

.ud__button--size-lg {
    height: 40px;
    line-height: 24px;
    padding: 7px 15px;
    font-size: 16px;
    border-radius: 6px;
    min-width: 96px
}

.ud__button--size-lg.ud__button--circle,.ud__button--size-lg.ud__button--square {
    width: 40px;
    min-width: 0;
    padding-left: 0;
    padding-right: 0
}

.ud__button--size-xl {
    height: 48px;
    line-height: 26px;
    padding: 10px 15px;
    font-size: 18px;
    border-radius: 6px;
    min-width: 100px
}

.ud__button--size-xl.ud__button--circle,.ud__button--size-xl.ud__button--square {
    width: 48px;
    min-width: 0;
    padding-left: 0;
    padding-right: 0
}

.ud__button--circle {
    border-radius: 50%
}

.ud__button--round {
    border-radius: 999999px
}

.ud__button--filled-default {
    color: var(--primary-on-primary-fill);
    background: var(--primary-fill-default);
    border-color: var(--primary-fill-default)
}

.ud__button--filled-default.focus-visible,.ud__button--filled-default:hover,.ud__button--filled-default[aria-expanded] {
    color: var(--primary-on-primary-fill);
    background: var(--primary-fill-hover);
    border-color: var(--primary-fill-hover)
}

.ud__button--filled-default.focus-visible {
    --hack-merge-rules: true
}

.ud__button--filled-default:focus-visible {
    color: var(--primary-on-primary-fill);
    background: var(--primary-fill-hover);
    border-color: var(--primary-fill-hover);
    --hack-merge-rules: true
}

.ud__button--filled-default:active {
    color: var(--primary-on-primary-fill);
    background: var(--primary-fill-pressed);
    border-color: var(--primary-fill-pressed)
}

.ud__button--filled-default-loading,.ud__button--filled-default-loading.focus-visible,.ud__button--filled-default-loading:active,.ud__button--filled-default-loading:focus-visible,.ud__button--filled-default-loading[aria-expanded] {
    color: var(--udtoken-btn-pri-text-disabled);
    background: var(--primary-fill-loading);
    border-color: var(--primary-fill-loading);
    cursor: default
}

.ud__button--filled-default-loading.focus-visible,.ud__button--filled-default-loading:focus-visible {
    --hack-merge-rules: true
}

.ud__button--filled-default-loading .ud__button__loading-icon,.ud__button--filled-primary {
    color: var(--primary-on-primary-fill)
}

.ud__button--filled-primary {
    background: var(--primary-fill-default);
    border-color: var(--primary-fill-default)
}

.ud__button--filled-primary.focus-visible,.ud__button--filled-primary:focus-visible,.ud__button--filled-primary:hover,.ud__button--filled-primary[aria-expanded] {
    color: var(--primary-on-primary-fill);
    background: var(--primary-fill-hover);
    border-color: var(--primary-fill-hover)
}

.ud__button--filled-primary.focus-visible,.ud__button--filled-primary:focus-visible {
    --hack-merge-rules: true
}

.ud__button--filled-primary:active {
    color: var(--primary-on-primary-fill);
    background: var(--primary-fill-pressed);
    border-color: var(--primary-fill-pressed)
}

.ud__button--filled-primary-loading,.ud__button--filled-primary-loading.focus-visible,.ud__button--filled-primary-loading:active,.ud__button--filled-primary-loading:focus-visible,.ud__button--filled-primary-loading[aria-expanded] {
    color: var(--udtoken-btn-pri-text-disabled);
    background: var(--primary-fill-loading);
    border-color: var(--primary-fill-loading);
    cursor: default
}

.ud__button--filled-primary-loading.focus-visible,.ud__button--filled-primary-loading:focus-visible {
    --hack-merge-rules: true
}

.ud__button--filled-danger,.ud__button--filled-primary-loading .ud__button__loading-icon {
    color: var(--primary-on-primary-fill)
}

.ud__button--filled-danger {
    background: var(--function-danger-fill-default);
    border-color: var(--function-danger-fill-default)
}

.ud__button--filled-danger.focus-visible,.ud__button--filled-danger:focus-visible,.ud__button--filled-danger:hover,.ud__button--filled-danger[aria-expanded] {
    color: var(--primary-on-primary-fill);
    background: var(--function-danger-fill-hover);
    border-color: var(--function-danger-fill-hover)
}

.ud__button--filled-danger.focus-visible,.ud__button--filled-danger:focus-visible {
    --hack-merge-rules: true
}

.ud__button--filled-danger:active {
    color: var(--primary-on-primary-fill);
    background: var(--function-danger-fill-pressed);
    border-color: var(--function-danger-fill-pressed)
}

.ud__button--filled-danger-loading,.ud__button--filled-danger-loading.focus-visible,.ud__button--filled-danger-loading:active,.ud__button--filled-danger-loading:focus-visible,.ud__button--filled-danger-loading[aria-expanded] {
    color: var(--udtoken-btn-pri-text-disabled);
    background: var(--function-danger-fill-loading);
    border-color: var(--function-danger-fill-loading);
    cursor: default
}

.ud__button--filled-danger-loading.focus-visible,.ud__button--filled-danger-loading:focus-visible {
    --hack-merge-rules: true
}

.ud__button--filled-danger-loading .ud__button__loading-icon {
    color: var(--primary-on-primary-fill)
}

.ud__button--filled:disabled,.ud__button--filled:disabled:active,.ud__button--filled:disabled:hover,.ud__button--filled:disabled[aria-expanded],.ud__button--filled[disabled],.ud__button--filled[disabled]:active,.ud__button--filled[disabled]:hover,.ud__button--filled[disabled][aria-expanded] {
    color: var(--udtoken-btn-pri-text-disabled);
    background: var(--fill-disabled);
    border-color: var(--fill-disabled);
    cursor: not-allowed
}

.ud__button--filled:disabled.focus-visible,.ud__button--filled:disabled:focus-visible,.ud__button--filled[disabled].focus-visible,.ud__button--filled[disabled]:focus-visible {
    color: var(--udtoken-btn-pri-text-disabled);
    background: var(--fill-disabled);
    border-color: var(--fill-disabled);
    cursor: not-allowed;
    --hack-merge-rules: true
}

.ud__button--outlined-default {
    color: var(--text-title);
    background: var(--udtoken-component-outlined-bg);
    border-color: var(--line-border-component)
}

.ud__button--outlined-default.focus-visible,.ud__button--outlined-default:hover,.ud__button--outlined-default[aria-expanded] {
    color: var(--text-title);
    background: var(--udtoken-btn-se-bg-neutral-hover);
    border-color: var(--line-border-component)
}

.ud__button--outlined-default.focus-visible {
    --hack-merge-rules: true
}

.ud__button--outlined-default:focus-visible {
    color: var(--text-title);
    background: var(--udtoken-btn-se-bg-neutral-hover);
    border-color: var(--line-border-component);
    --hack-merge-rules: true
}

.ud__button--outlined-default:active {
    color: var(--text-title);
    background: var(--udtoken-btn-se-bg-neutral-pressed);
    border-color: var(--line-border-component)
}

.ud__button--outlined-default-loading,.ud__button--outlined-default-loading.focus-visible,.ud__button--outlined-default-loading:active,.ud__button--outlined-default-loading[aria-expanded] {
    color: var(--udtoken-component-text-disabled-loading);
    background: var(--udtoken-component-outlined-bg);
    border-color: var(--line-border-component);
    cursor: default
}

.ud__button--outlined-default-loading.focus-visible {
    --hack-merge-rules: true
}

.ud__button--outlined-default-loading:focus-visible {
    color: var(--udtoken-component-text-disabled-loading);
    background: var(--udtoken-component-outlined-bg);
    border-color: var(--line-border-component);
    cursor: default;
    --hack-merge-rules: true
}

.ud__button--outlined-default-loading .ud__button__loading-icon {
    color: var(--primary-content-default)
}

.ud__button--outlined-primary {
    color: var(--primary-content-default);
    background: var(--udtoken-component-outlined-bg);
    border-color: var(--primary-content-default)
}

.ud__button--outlined-primary.focus-visible,.ud__button--outlined-primary:focus-visible,.ud__button--outlined-primary:hover,.ud__button--outlined-primary[aria-expanded] {
    color: var(--primary-content-default);
    background: var(--udtoken-btn-se-bg-pri-hover);
    border-color: var(--primary-content-default)
}

.ud__button--outlined-primary.focus-visible,.ud__button--outlined-primary:focus-visible {
    --hack-merge-rules: true
}

.ud__button--outlined-primary:active {
    color: var(--primary-content-default);
    background: var(--udtoken-btn-se-bg-pri-pressed);
    border-color: var(--primary-content-default)
}

.ud__button--outlined-primary-loading,.ud__button--outlined-primary-loading.focus-visible,.ud__button--outlined-primary-loading:active,.ud__button--outlined-primary-loading:focus-visible,.ud__button--outlined-primary-loading[aria-expanded] {
    color: var(--primary-content-loading);
    background: var(--udtoken-component-outlined-bg);
    border-color: var(--primary-content-loading);
    cursor: default
}

.ud__button--outlined-primary-loading.focus-visible,.ud__button--outlined-primary-loading:focus-visible {
    --hack-merge-rules: true
}

.ud__button--outlined-primary-loading .ud__button__loading-icon {
    color: var(--primary-content-default)
}

.ud__button--outlined-danger {
    color: var(--function-danger-content-default);
    background: var(--udtoken-component-outlined-bg);
    border-color: var(--function-danger-content-default)
}

.ud__button--outlined-danger.focus-visible,.ud__button--outlined-danger:hover,.ud__button--outlined-danger[aria-expanded] {
    color: var(--function-danger-content-default);
    background: var(--udtoken-btn-se-bg-danger-hover);
    border-color: var(--function-danger-content-default)
}

.ud__button--outlined-danger.focus-visible {
    --hack-merge-rules: true
}

.ud__button--outlined-danger:focus-visible {
    background: var(--udtoken-btn-se-bg-danger-hover);
    --hack-merge-rules: true
}

.ud__button--outlined-danger:active,.ud__button--outlined-danger:focus-visible {
    color: var(--function-danger-content-default);
    border-color: var(--function-danger-content-default)
}

.ud__button--outlined-danger:active {
    background: var(--udtoken-btn-se-bg-danger-pressed)
}

.ud__button--outlined-danger-loading,.ud__button--outlined-danger-loading.focus-visible,.ud__button--outlined-danger-loading:active,.ud__button--outlined-danger-loading:focus-visible,.ud__button--outlined-danger-loading[aria-expanded] {
    color: var(--function-danger-content-loading);
    background: var(--udtoken-component-outlined-bg);
    border-color: var(--function-danger-content-loading);
    cursor: default
}

.ud__button--outlined-danger-loading.focus-visible,.ud__button--outlined-danger-loading:focus-visible {
    --hack-merge-rules: true
}

.ud__button--outlined-danger-loading .ud__button__loading-icon {
    color: var(--function-danger-content-default)
}

.ud__button--outlined:disabled,.ud__button--outlined:disabled:active,.ud__button--outlined:disabled:hover,.ud__button--outlined:disabled[aria-expanded],.ud__button--outlined[disabled],.ud__button--outlined[disabled]:active,.ud__button--outlined[disabled]:hover,.ud__button--outlined[disabled][aria-expanded] {
    color: var(--text-disabled);
    background: var(--udtoken-component-outlined-bg);
    border-color: var(--line-border-component);
    cursor: not-allowed
}

.ud__button--outlined:disabled.focus-visible,.ud__button--outlined:disabled:focus-visible,.ud__button--outlined[disabled].focus-visible,.ud__button--outlined[disabled]:focus-visible {
    color: var(--text-disabled);
    background: var(--udtoken-component-outlined-bg);
    border-color: var(--line-border-component);
    cursor: not-allowed;
    --hack-merge-rules: true
}

.ud__button--text {
    height: auto;
    min-width: 0;
    border: none;
    padding: 2px 4px
}

.ud__button--text-default {
    color: var(--text-title);
    background: transparent;
    border-color: transparent
}

.ud__button--text-default-selected,.ud__button--text-default.focus-visible,.ud__button--text-default:hover,.ud__button--text-default[aria-expanded] {
    color: var(--text-title);
    background: var(--udtoken-btn-text-bg-neutral-hover);
    border-color: transparent
}

.ud__button--text-default.focus-visible {
    --hack-merge-rules: true
}

.ud__button--text-default:focus-visible {
    color: var(--text-title);
    background: var(--udtoken-btn-text-bg-neutral-hover);
    border-color: transparent;
    --hack-merge-rules: true
}

.ud__button--text-default:active {
    color: var(--text-title);
    background: var(--udtoken-btn-text-bg-neutral-pressed);
    border-color: transparent
}

.ud__button--text-default-loading,.ud__button--text-default-loading.focus-visible,.ud__button--text-default-loading:active,.ud__button--text-default-loading[aria-expanded] {
    color: var(--text-placeholder);
    background: transparent;
    border-color: transparent;
    cursor: default
}

.ud__button--text-default-loading.focus-visible {
    --hack-merge-rules: true
}

.ud__button--text-default-loading:focus-visible {
    color: var(--text-placeholder);
    background: transparent;
    border-color: transparent;
    cursor: default;
    --hack-merge-rules: true
}

.ud__button--text-default-loading .ud__button__loading-icon {
    color: var(--primary-content-default)
}

.ud__button--text-primary {
    color: var(--primary-content-default);
    background: transparent;
    border-color: transparent
}

.ud__button--text-primary-selected,.ud__button--text-primary.focus-visible,.ud__button--text-primary:focus-visible,.ud__button--text-primary:hover,.ud__button--text-primary[aria-expanded] {
    color: var(--primary-content-default);
    background: var(--udtoken-btn-text-bg-pri-hover);
    border-color: transparent
}

.ud__button--text-primary.focus-visible,.ud__button--text-primary:focus-visible {
    --hack-merge-rules: true
}

.ud__button--text-primary:active {
    color: var(--primary-content-default);
    background: var(--udtoken-btn-text-bg-pri-pressed);
    border-color: transparent
}

.ud__button--text-primary-loading,.ud__button--text-primary-loading.focus-visible,.ud__button--text-primary-loading:active,.ud__button--text-primary-loading[aria-expanded] {
    color: var(--primary-content-loading);
    background: transparent;
    border-color: transparent;
    cursor: default
}

.ud__button--text-primary-loading.focus-visible {
    --hack-merge-rules: true
}

.ud__button--text-primary-loading:focus-visible {
    color: var(--primary-content-loading);
    background: transparent;
    border-color: transparent;
    cursor: default;
    --hack-merge-rules: true
}

.ud__button--text-primary-loading .ud__button__loading-icon {
    color: var(--primary-content-default)
}

.ud__button--text-danger {
    color: var(--function-danger-content-default);
    background: transparent;
    border-color: transparent
}

.ud__button--text-danger-selected,.ud__button--text-danger.focus-visible,.ud__button--text-danger:hover,.ud__button--text-danger[aria-expanded] {
    color: var(--function-danger-content-default);
    background: var(--udtoken-btn-text-bg-danger-hover);
    border-color: transparent
}

.ud__button--text-danger.focus-visible {
    --hack-merge-rules: true
}

.ud__button--text-danger:focus-visible {
    color: var(--function-danger-content-default);
    background: var(--udtoken-btn-text-bg-danger-hover);
    border-color: transparent;
    --hack-merge-rules: true
}

.ud__button--text-danger:active {
    color: var(--function-danger-content-default);
    background: var(--udtoken-btn-text-bg-danger-pressed);
    border-color: transparent
}

.ud__button--text-danger-loading,.ud__button--text-danger-loading.focus-visible,.ud__button--text-danger-loading:active,.ud__button--text-danger-loading[aria-expanded] {
    color: var(--function-danger-content-loading);
    background: transparent;
    border-color: transparent;
    cursor: default
}

.ud__button--text-danger-loading.focus-visible {
    --hack-merge-rules: true
}

.ud__button--text-danger-loading:focus-visible {
    color: var(--function-danger-content-loading);
    background: transparent;
    border-color: transparent;
    cursor: default;
    --hack-merge-rules: true
}

.ud__button--text-danger-loading .ud__button__loading-icon {
    color: var(--function-danger-content-default)
}

.ud__button--text:disabled,.ud__button--text:disabled:active,.ud__button--text:disabled:hover,.ud__button--text:disabled[aria-expanded],.ud__button--text[disabled],.ud__button--text[disabled]:active,.ud__button--text[disabled]:hover,.ud__button--text[disabled][aria-expanded] {
    color: var(--text-disabled);
    background: transparent;
    border-color: transparent;
    cursor: not-allowed
}

.ud__button--text:disabled.focus-visible,.ud__button--text:disabled:focus-visible,.ud__button--text[disabled].focus-visible,.ud__button--text[disabled]:focus-visible {
    color: var(--text-disabled);
    background: transparent;
    border-color: transparent;
    cursor: not-allowed;
    --hack-merge-rules: true
}

.ud__button--text-secondary {
    height: auto;
    padding: initial;
    min-width: 0;
    border: none
}

.ud__button--text-secondary-default {
    color: var(--text-title);
    background: transparent;
    border-color: transparent
}

.ud__button--text-secondary-default-selected,.ud__button--text-secondary-default.focus-visible,.ud__button--text-secondary-default:hover,.ud__button--text-secondary-default[aria-expanded] {
    color: var(--primary-content-default);
    background: transparent;
    border-color: transparent
}

.ud__button--text-secondary-default.focus-visible {
    --hack-merge-rules: true
}

.ud__button--text-secondary-default:focus-visible {
    color: var(--primary-content-default);
    background: transparent;
    border-color: transparent;
    --hack-merge-rules: true
}

.ud__button--text-secondary-default:active {
    color: var(--primary-content-pressed);
    background: transparent;
    border-color: transparent
}

.ud__button--text-secondary-default-loading,.ud__button--text-secondary-default-loading.focus-visible,.ud__button--text-secondary-default-loading:active,.ud__button--text-secondary-default-loading[aria-expanded] {
    color: var(--primary-content-default);
    background: transparent;
    border-color: transparent;
    cursor: default
}

.ud__button--text-secondary-default-loading.focus-visible {
    --hack-merge-rules: true
}

.ud__button--text-secondary-default-loading:focus-visible {
    color: var(--primary-content-default);
    background: transparent;
    border-color: transparent;
    cursor: default;
    --hack-merge-rules: true
}

.ud__button--text-secondary-default-loading .ud__button__loading-icon {
    color: var(--primary-content-default)
}

.ud__button--text-secondary-primary {
    color: var(--text-title);
    background: transparent;
    border-color: transparent
}

.ud__button--text-secondary-primary-selected,.ud__button--text-secondary-primary.focus-visible,.ud__button--text-secondary-primary:hover,.ud__button--text-secondary-primary[aria-expanded] {
    color: var(--primary-content-default);
    background: transparent;
    border-color: transparent
}

.ud__button--text-secondary-primary.focus-visible {
    --hack-merge-rules: true
}

.ud__button--text-secondary-primary:focus-visible {
    color: var(--primary-content-default);
    background: transparent;
    border-color: transparent;
    --hack-merge-rules: true
}

.ud__button--text-secondary-primary:active {
    color: var(--primary-content-pressed);
    background: transparent;
    border-color: transparent
}

.ud__button--text-secondary-primary-loading,.ud__button--text-secondary-primary-loading.focus-visible,.ud__button--text-secondary-primary-loading:active,.ud__button--text-secondary-primary-loading[aria-expanded] {
    color: var(--primary-content-default);
    background: transparent;
    border-color: transparent;
    cursor: default
}

.ud__button--text-secondary-primary-loading.focus-visible {
    --hack-merge-rules: true
}

.ud__button--text-secondary-primary-loading:focus-visible {
    color: var(--primary-content-default);
    background: transparent;
    border-color: transparent;
    cursor: default;
    --hack-merge-rules: true
}

.ud__button--text-secondary-primary-loading .ud__button__loading-icon {
    color: var(--primary-content-default)
}

.ud__button--text-secondary-danger {
    color: var(--text-title);
    background: transparent;
    border-color: transparent
}

.ud__button--text-secondary-danger-selected,.ud__button--text-secondary-danger.focus-visible,.ud__button--text-secondary-danger:hover,.ud__button--text-secondary-danger[aria-expanded] {
    color: var(--function-danger-content-default);
    background: transparent;
    border-color: transparent
}

.ud__button--text-secondary-danger.focus-visible {
    --hack-merge-rules: true
}

.ud__button--text-secondary-danger:focus-visible {
    color: var(--function-danger-content-default);
    background: transparent;
    border-color: transparent;
    --hack-merge-rules: true
}

.ud__button--text-secondary-danger:active {
    color: var(--function-danger-content-pressed);
    background: transparent;
    border-color: transparent
}

.ud__button--text-secondary-danger-loading,.ud__button--text-secondary-danger-loading.focus-visible,.ud__button--text-secondary-danger-loading:active,.ud__button--text-secondary-danger-loading[aria-expanded] {
    color: var(--primary-content-default);
    background: transparent;
    border-color: transparent;
    cursor: default
}

.ud__button--text-secondary-danger-loading.focus-visible {
    --hack-merge-rules: true
}

.ud__button--text-secondary-danger-loading:focus-visible {
    color: var(--primary-content-default);
    background: transparent;
    border-color: transparent;
    cursor: default;
    --hack-merge-rules: true
}

.ud__button--text-secondary-danger-loading .ud__button__loading-icon {
    color: var(--function-danger-content-default)
}

.ud__button--text-secondary:disabled,.ud__button--text-secondary:disabled:active,.ud__button--text-secondary:disabled:hover,.ud__button--text-secondary:disabled[aria-expanded],.ud__button--text-secondary[disabled],.ud__button--text-secondary[disabled]:active,.ud__button--text-secondary[disabled]:hover,.ud__button--text-secondary[disabled][aria-expanded] {
    color: var(--text-disabled);
    background: transparent;
    border-color: transparent;
    cursor: not-allowed
}

.ud__button--text-secondary:disabled.focus-visible,.ud__button--text-secondary:disabled:focus-visible,.ud__button--text-secondary[disabled].focus-visible,.ud__button--text-secondary[disabled]:focus-visible {
    color: var(--text-disabled);
    background: transparent;
    border-color: transparent;
    cursor: not-allowed;
    --hack-merge-rules: true
}

.ud__button--link {
    height: auto;
    padding: initial;
    min-width: 0;
    border: none
}

.ud__button--link-default {
    color: var(--text-link-normal);
    background: transparent;
    border-color: transparent
}

.ud__button--link-default-selected,.ud__button--link-default.focus-visible,.ud__button--link-default:hover,.ud__button--link-default[aria-expanded] {
    color: var(--text-link-hover);
    background: transparent;
    border-color: transparent
}

.ud__button--link-default.focus-visible {
    --hack-merge-rules: true
}

.ud__button--link-default:focus-visible {
    color: var(--text-link-hover);
    background: transparent;
    border-color: transparent;
    --hack-merge-rules: true
}

.ud__button--link-default:active {
    color: var(--text-link-pressed);
    background: transparent;
    border-color: transparent
}

.ud__button--link-default-loading,.ud__button--link-default-loading.focus-visible,.ud__button--link-default-loading:active,.ud__button--link-default-loading[aria-expanded] {
    color: var(--text-link-loading);
    background: transparent;
    border-color: transparent;
    cursor: default
}

.ud__button--link-default-loading.focus-visible {
    --hack-merge-rules: true
}

.ud__button--link-default-loading:focus-visible {
    color: var(--text-link-loading);
    background: transparent;
    border-color: transparent;
    cursor: default;
    --hack-merge-rules: true
}

.ud__button--link-default-loading .ud__button__loading-icon {
    color: var(--text-link-normal)
}

.ud__button--link-primary {
    color: var(--text-link-normal);
    background: transparent;
    border-color: transparent
}

.ud__button--link-primary-selected,.ud__button--link-primary:hover,.ud__button--link-primary[aria-expanded] {
    color: var(--text-link-hover);
    background: transparent;
    border-color: transparent
}

.ud__button--link-primary.focus-visible,.ud__button--link-primary:focus-visible {
    color: var(--text-link-hover);
    background: transparent;
    border-color: transparent;
    --hack-merge-rules: true
}

.ud__button--link-primary:active {
    color: var(--text-link-pressed);
    background: transparent;
    border-color: transparent
}

.ud__button--link-primary-loading,.ud__button--link-primary-loading.focus-visible,.ud__button--link-primary-loading:active,.ud__button--link-primary-loading[aria-expanded] {
    color: var(--text-link-loading);
    background: transparent;
    border-color: transparent;
    cursor: default
}

.ud__button--link-primary-loading.focus-visible {
    --hack-merge-rules: true
}

.ud__button--link-primary-loading:focus-visible {
    color: var(--text-link-loading);
    background: transparent;
    border-color: transparent;
    cursor: default;
    --hack-merge-rules: true
}

.ud__button--link-primary-loading .ud__button__loading-icon {
    color: var(--text-link-normal)
}

.ud__button--link-danger,.ud__button--link-danger-selected,.ud__button--link-danger.focus-visible,.ud__button--link-danger:focus-visible,.ud__button--link-danger:hover,.ud__button--link-danger[aria-expanded] {
    color: var(--function-danger-content-default);
    background: transparent;
    border-color: transparent
}

.ud__button--link-danger.focus-visible,.ud__button--link-danger:focus-visible {
    --hack-merge-rules: true
}

.ud__button--link-danger:active {
    color: var(--function-danger-content-pressed);
    background: transparent;
    border-color: transparent
}

.ud__button--link-danger-loading,.ud__button--link-danger-loading.focus-visible,.ud__button--link-danger-loading:active,.ud__button--link-danger-loading[aria-expanded] {
    color: var(--function-danger-content-loading);
    background: transparent;
    border-color: transparent;
    cursor: default
}

.ud__button--link-danger-loading.focus-visible {
    --hack-merge-rules: true
}

.ud__button--link-danger-loading:focus-visible {
    color: var(--function-danger-content-loading);
    background: transparent;
    border-color: transparent;
    cursor: default;
    --hack-merge-rules: true
}

.ud__button--link-danger-loading .ud__button__loading-icon {
    color: var(--function-danger-content-default)
}

.ud__button--link:disabled,.ud__button--link:disabled:active,.ud__button--link:disabled:hover,.ud__button--link:disabled[aria-expanded],.ud__button--link[disabled],.ud__button--link[disabled]:active,.ud__button--link[disabled]:hover,.ud__button--link[disabled][aria-expanded] {
    color: var(--text-disabled);
    background: transparent;
    border-color: transparent;
    cursor: not-allowed
}

.ud__button--link:disabled.focus-visible,.ud__button--link:disabled:focus-visible,.ud__button--link[disabled].focus-visible,.ud__button--link[disabled]:focus-visible {
    color: var(--text-disabled);
    background: transparent;
    border-color: transparent;
    cursor: not-allowed;
    --hack-merge-rules: true
}

.ud__button--icon {
    padding: 4px;
    min-width: 0;
    height: auto;
    border: none;
    line-height: 0
}

.ud__button--icon.ud__button--circle,.ud__button--icon.ud__button--square {
    width: auto;
    padding: 4px
}

.ud__button--icon-default {
    color: var(--icon-n1);
    background: transparent;
    border-color: transparent
}

.ud__button--icon-default-selected,.ud__button--icon-default.focus-visible,.ud__button--icon-default:hover,.ud__button--icon-default[aria-expanded] {
    color: var(--icon-n1);
    background: var(--udtoken-btn-text-bg-neutral-hover);
    border-color: transparent
}

.ud__button--icon-default.focus-visible {
    --hack-merge-rules: true
}

.ud__button--icon-default:focus-visible {
    color: var(--icon-n1);
    background: var(--udtoken-btn-text-bg-neutral-hover);
    border-color: transparent;
    --hack-merge-rules: true
}

.ud__button--icon-default:active {
    color: var(--icon-n1);
    background: var(--udtoken-btn-text-bg-neutral-pressed);
    border-color: transparent
}

.ud__button--icon-default-loading,.ud__button--icon-default-loading.focus-visible,.ud__button--icon-default-loading:active,.ud__button--icon-default-loading[aria-expanded] {
    color: var(--text-placeholder);
    background: transparent;
    border-color: transparent;
    cursor: default
}

.ud__button--icon-default-loading.focus-visible {
    --hack-merge-rules: true
}

.ud__button--icon-default-loading:focus-visible {
    color: var(--text-placeholder);
    background: transparent;
    border-color: transparent;
    cursor: default;
    --hack-merge-rules: true
}

.ud__button--icon-default-loading .ud__button__loading-icon {
    color: var(--primary-content-default)
}

.ud__button--icon-default-selected:hover {
    background-color: var(--udtoken-btn-text-bg-neutral-pressed)
}

.ud__button--icon-primary {
    color: var(--primary-content-default);
    background: transparent;
    border-color: transparent
}

.ud__button--icon-primary-selected,.ud__button--icon-primary.focus-visible,.ud__button--icon-primary:hover,.ud__button--icon-primary[aria-expanded] {
    color: var(--primary-content-default);
    background: var(--udtoken-btn-text-bg-pri-hover);
    border-color: transparent
}

.ud__button--icon-primary.focus-visible {
    --hack-merge-rules: true
}

.ud__button--icon-primary:focus-visible {
    color: var(--primary-content-default);
    background: var(--udtoken-btn-text-bg-pri-hover);
    border-color: transparent;
    --hack-merge-rules: true
}

.ud__button--icon-primary:active {
    color: var(--primary-content-default);
    background: var(--udtoken-btn-text-bg-pri-pressed);
    border-color: transparent
}

.ud__button--icon-primary-loading,.ud__button--icon-primary-loading.focus-visible,.ud__button--icon-primary-loading:active,.ud__button--icon-primary-loading[aria-expanded] {
    color: var(--primary-content-loading);
    background: transparent;
    border-color: transparent;
    cursor: default
}

.ud__button--icon-primary-loading.focus-visible {
    --hack-merge-rules: true
}

.ud__button--icon-primary-loading:focus-visible {
    color: var(--primary-content-loading);
    background: transparent;
    border-color: transparent;
    cursor: default;
    --hack-merge-rules: true
}

.ud__button--icon-primary-loading .ud__button__loading-icon {
    color: var(--primary-content-default)
}

.ud__button--icon-primary-selected:hover {
    background-color: var(--udtoken-btn-text-bg-pri-pressed)
}

.ud__button--icon-danger {
    color: var(--function-danger-content-default);
    background: transparent;
    border-color: transparent
}

.ud__button--icon-danger-selected,.ud__button--icon-danger.focus-visible,.ud__button--icon-danger:hover,.ud__button--icon-danger[aria-expanded] {
    color: var(--function-danger-content-default);
    background: var(--udtoken-btn-text-bg-danger-hover);
    border-color: transparent
}

.ud__button--icon-danger.focus-visible {
    --hack-merge-rules: true
}

.ud__button--icon-danger:focus-visible {
    color: var(--function-danger-content-default);
    background: var(--udtoken-btn-text-bg-danger-hover);
    border-color: transparent;
    --hack-merge-rules: true
}

.ud__button--icon-danger:active {
    color: var(--function-danger-content-default);
    background: var(--udtoken-btn-text-bg-danger-pressed);
    border-color: transparent
}

.ud__button--icon-danger-loading,.ud__button--icon-danger-loading.focus-visible,.ud__button--icon-danger-loading:active,.ud__button--icon-danger-loading[aria-expanded] {
    color: var(--function-danger-content-loading);
    background: transparent;
    border-color: transparent;
    cursor: default
}

.ud__button--icon-danger-loading.focus-visible {
    --hack-merge-rules: true
}

.ud__button--icon-danger-loading:focus-visible {
    color: var(--function-danger-content-loading);
    background: transparent;
    border-color: transparent;
    cursor: default;
    --hack-merge-rules: true
}

.ud__button--icon-danger-loading .ud__button__loading-icon {
    color: var(--function-danger-content-default)
}

.ud__button--icon-danger-selected:hover {
    background-color: var(--udtoken-btn-text-bg-danger-pressed)
}

.ud__button--icon:disabled,.ud__button--icon:disabled:active,.ud__button--icon:disabled:hover,.ud__button--icon:disabled[aria-expanded],.ud__button--icon[disabled],.ud__button--icon[disabled]:active,.ud__button--icon[disabled]:hover,.ud__button--icon[disabled][aria-expanded] {
    color: var(--icon-disabled);
    background: transparent;
    border-color: transparent;
    cursor: not-allowed
}

.ud__button--icon:disabled.focus-visible,.ud__button--icon:disabled:focus-visible,.ud__button--icon[disabled].focus-visible,.ud__button--icon[disabled]:focus-visible {
    color: var(--icon-disabled);
    background: transparent;
    border-color: transparent;
    cursor: not-allowed;
    --hack-merge-rules: true
}

.ud__button--icon-size-xs {
    font-size: 12px;
    border-radius: 6px
}

.ud__button--icon-size-sm {
    font-size: 16px;
    border-radius: 6px
}

.ud__button--icon-size-md {
    font-size: 20px;
    border-radius: 6px
}

.ud__button--icon-size-lg {
    font-size: 24px;
    border-radius: 6px
}

.ud__button--icon-size-xl {
    font-size: 28px;
    border-radius: 6px
}

.ud__button__icon-inline {
    box-sizing: border-box;
    line-height: 0
}

.ud__button__icon-inline-start {
    margin-right: 4px
}

.ud__button__icon-inline-end {
    margin-left: 4px
}

.ud__button--size-sm .ud__button__icon-inline,.ud__button--size-xs .ud__button__icon-inline {
    margin-right: 2px
}

.ud__button--autowidth {
    min-width: 0
}

.ud__button--block {
    width: 100%
}

.ud__button--loading {
    position: relative
}

.ud__button--loading:not([disabled]),.ud__button[disabled]>* {
    pointer-events: none
}

.ud__notice.ud__notice-success .ud__notice__statusIcon {
    color: var(--function-success-content-default)
}

.ud__notice.ud__notice-info .ud__notice__statusIcon {
    color: var(--function-info-content-default)
}

.ud__notice.ud__notice-warning .ud__notice__statusIcon {
    color: var(--function-warning-fill-default)
}

.ud__notice.ud__notice-error .ud__notice__statusIcon {
    color: var(--function-danger-content-default)
}

.ud__notice.ud__notice--outlined {
    padding: 15px 3px 15px 19px;
    border: 1px solid transparent
}

.ud__notice.ud__notice--outlined.ud__notice-info {
    border-color: var(--function-info-content-default)
}

.ud__notice.ud__notice--outlined.ud__notice-info,.ud__notice.ud__notice--outlined.ud__notice-info .ud__notice--ellipsis .ud__notice__description-content:after {
    background-color: var(--function-info-fill-solid-01)
}

.ud__notice.ud__notice--outlined.ud__notice-success {
    border-color: var(--function-success-content-default)
}

.ud__notice.ud__notice--outlined.ud__notice-success,.ud__notice.ud__notice--outlined.ud__notice-success .ud__notice--ellipsis .ud__notice__description-content:after {
    background-color: var(--function-success-fill-solid-01)
}

.ud__notice.ud__notice--outlined.ud__notice-warning {
    border-color: var(--function-warning-content-default)
}

.ud__notice.ud__notice--outlined.ud__notice-warning,.ud__notice.ud__notice--outlined.ud__notice-warning .ud__notice--ellipsis .ud__notice__description-content:after {
    background-color: var(--function-warning-fill-solid-01)
}

.ud__notice.ud__notice--outlined.ud__notice-error {
    border-color: var(--function-danger-content-default)
}

.ud__notice.ud__notice--outlined.ud__notice-error,.ud__notice.ud__notice--outlined.ud__notice-error .ud__notice--ellipsis .ud__notice__description-content:after {
    background-color: var(--function-danger-fill-solid-01)
}

.ud__notice.ud__notice--plain {
    padding: 15px 3px 15px 19px;
    border: 1px solid transparent;
    box-shadow: var(--shadow-md-down)
}

.ud__notice.ud__notice--plain,.ud__notice.ud__notice--plain.ud__notice-error .ud__notice--ellipsis .ud__notice__description-content:after,.ud__notice.ud__notice--plain.ud__notice-info .ud__notice--ellipsis .ud__notice__description-content:after,.ud__notice.ud__notice--plain.ud__notice-success .ud__notice--ellipsis .ud__notice__description-content:after,.ud__notice.ud__notice--plain.ud__notice-warning .ud__notice--ellipsis .ud__notice__description-content:after {
    background-color: var(--bg-float)
}

.ud__notice.ud__notice--filled {
    padding: 9px 0 9px 16px
}

.ud__notice.ud__notice--filled.ud__notice-success {
    background-color: var(--function-success-fill-solid-02)
}

.ud__notice.ud__notice--filled.ud__notice-info,.ud__notice.ud__notice--filled.ud__notice-info .ud__notice--ellipsis .ud__notice__description-content:after,.ud__notice.ud__notice--filled.ud__notice-success .ud__notice--ellipsis .ud__notice__description-content:after {
    background-color: var(--function-info-fill-solid-02)
}

.ud__notice.ud__notice--filled.ud__notice-warning,.ud__notice.ud__notice--filled.ud__notice-warning .ud__notice--ellipsis .ud__notice__description-content:after {
    background-color: var(--function-warning-fill-solid-02)
}

.ud__notice.ud__notice--filled.ud__notice-error,.ud__notice.ud__notice--filled.ud__notice-error .ud__notice--ellipsis .ud__notice__description-content:after {
    background-color: var(--function-danger-fill-solid-02)
}

.ud__notice {
    overflow: hidden
}

.ud__notice .ud__notice__main {
    margin-right: -16px
}

.ud__notice {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-title);
    font-size: 14px;
    line-height: 1.5715;
    list-style: none;
    overflow-wrap: anywhere;
    border-radius: 6px;
    display: flex;
    align-items: center;
    text-align: left;
    pointer-events: auto
}

.ud__notice .ud__notice--multiline .ud__notice__description-action {
    width: 100%;
    margin-top: 4px
}

.ud__notice .ud__notice--ellipsis .ud__notice__description-content {
    overflow: hidden;
    position: relative;
    height: 100%
}

.ud__notice .ud__notice--ellipsis .ud__notice__description-content:after {
    content: "...";
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 5px;
    background-color: var(--bg-body)
}

.ud__notice .ud__notice__statusIcon {
    box-sizing: border-box;
    line-height: 0;
    font-size: 16px;
    display: inline-block;
    margin-right: 8px;
    margin-top: 3px;
    align-self: baseline;
    flex-shrink: 0
}

.ud__notice .ud__notice__main {
    box-sizing: border-box;
    flex-grow: 1;
    display: flex;
    flex-flow: column
}

.ud__notice .ud__notice__main.ud__notice__main--no-title {
    flex-flow: row;
    align-items: flex-start
}

.ud__notice .ud__notice__main.ud__notice__main--no-title .ud__button--content {
    margin-top: 0
}

.ud__notice .ud__notice__title {
    box-sizing: border-box;
    text-align: left;
    white-space: normal;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
    align-items: flex-start;
    padding-right: 32px
}

.ud__notice.ud__notice-banner {
    margin-bottom: 0;
    border: 0;
    border-radius: 0
}

.ud__notice.ud__notice-align-center {
    justify-content: center;
    position: relative;
    padding-left: 32px;
    padding-right: 32px
}

.ud__notice.ud__notice-align-center .ud__notice__main {
    flex-grow: 0
}

.ud__notice.ud__notice-align-center .ud__notice__description-content {
    margin-right: 0
}

.ud__notice.ud__notice-align-center .ud__notice__close {
    position: absolute;
    right: 16px
}

.ud__notice .ud__notice__close {
    flex: none;
    color: var(--icon-n2);
    margin: 0 32px 0 -20px
}

.ud__notice .ud__notice__close.ud__button--icon {
    margin: -1px 28px -1px -20px
}

.ud__notice .ud__notice__description {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
    margin-bottom: -4px
}

.ud__notice .ud__notice__description .ud__notice__description-content {
    box-sizing: border-box;
    flex-grow: 1;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 4px;
    padding-right: 32px
}

.ud__notice .ud__notice__description .ud__notice__description-action {
    padding-right: 32px;
    margin-bottom: 4px
}

.ud__notice.ud__notice-align-center .ud__notice__close,.ud__notice.ud__notice-has-title .ud__notice__close {
    margin: 0 0 0 16px
}

.ud__notice.ud__notice-align-center .ud__notice__close.ud__button--icon,.ud__notice.ud__notice-has-title .ud__notice__close.ud__button--icon {
    margin: -1px -4px -1px 12px
}

.ud__notice.ud__notice-align-center .ud__notice__description-action,.ud__notice.ud__notice-align-center .ud__notice__description-content {
    padding-right: 16px
}

.ud__notice .ud__notice-align-center.ud__notice-closable .ud__notice__description-action,.ud__notice .ud__notice-align-center.ud__notice-has-action .ud__notice__description-content {
    padding-right: 32px
}

.u1lct7uw {
    font-weight: 500
}

.umt1vhq {
    font-size: 14px
}

.u5k1dk9 {
    line-height: 22px
}

.u1h2w2e3 {
    font-weight: 400
}

.ud__msg-manager {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-title);
    font-size: 14px;
    line-height: 1.5715;
    list-style: none;
    position: fixed;
    z-index: 1010;
    pointer-events: none
}

.ud__msg-manager.ud__msg-manager--sticky {
    position: absolute
}

.ud__msg-manager .ud__msg-manager-item {
    pointer-events: none
}

.ud__msg-manager.ud__msg-manager--topLeft {
    top: 16px;
    left: 16px;
    bottom: auto
}

.ud__msg-manager.ud__msg-manager--topRight {
    top: 16px;
    right: 16px;
    bottom: auto
}

.ud__msg-manager.ud__msg-manager--bottomLeft {
    bottom: 16px;
    left: 16px;
    top: auto
}

.ud__msg-manager.ud__msg-manager--bottomRight {
    bottom: 16px;
    right: 16px;
    top: auto
}

.ud__msg-manager.ud__msg-manager--top {
    width: 100%;
    text-align: center;
    padding: 0 16px 16px;
    left: 0
}

.ud__msg-manager-item {
    box-sizing: border-box;
    margin: 8px;
    transition: height .4s cubic-bezier(.645,.045,.355,1),margin-bottom .4s cubic-bezier(.645,.045,.355,1)
}

.ud__msg-manager-item.notification-animation-enter .ud__notification {
    opacity: 0
}

.ud__msg-manager-item.notification-animation-enter-active .ud__notification,.ud__msg-manager-item.notification-animation-enter-done .ud__notification,.ud__msg-manager-item.notification-animation-exit .ud__notification {
    opacity: 1
}

.ud__msg-manager-item.notification-animation-exit-active {
    margin-bottom: 0
}

.ud__msg-manager-item.notification-animation-exit-active .ud__notification {
    opacity: 0
}

.ud__msg-manager--bottomLeft .ud__notification__notice-content,.ud__msg-manager--topLeft .ud__notification__notice-content {
    float: left
}

.ud__msg-manager--bottomLeft .notification-animation-enter .ud__notification,.ud__msg-manager--topLeft .notification-animation-enter .ud__notification {
    -webkit-transform: translateX(-100%) translateY(0);
    transform: translateX(-100%) translateY(0)
}

.ud__msg-manager--bottomLeft .notification-animation-enter-active .ud__notification,.ud__msg-manager--bottomLeft .notification-animation-enter-done .ud__notification,.ud__msg-manager--topLeft .notification-animation-enter-active .ud__notification,.ud__msg-manager--topLeft .notification-animation-enter-done .ud__notification {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0)
}

.ud__msg-manager--bottomRight .ud__notification__notice-content,.ud__msg-manager--topRight .ud__notification__notice-content {
    float: right
}

.ud__msg-manager--bottomRight .notification-animation-enter .ud__notification,.ud__msg-manager--topRight .notification-animation-enter .ud__notification {
    -webkit-transform: translateX(100%) translateY(0);
    transform: translateX(100%) translateY(0)
}

.ud__msg-manager--bottomRight .notification-animation-enter-active .ud__notification,.ud__msg-manager--bottomRight .notification-animation-enter-done .ud__notification,.ud__msg-manager--topRight .notification-animation-enter-active .ud__notification,.ud__msg-manager--topRight .notification-animation-enter-done .ud__notification {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0)
}

.ud__notification {
    box-sizing: border-box;
    z-index: 1010;
    pointer-events: auto;
    transition: opacity .4s cubic-bezier(.34,.69,.1,1),-webkit-transform .4s cubic-bezier(.34,.69,.1,1);
    transition: transform .4s cubic-bezier(.34,.69,.1,1),opacity .4s cubic-bezier(.34,.69,.1,1);
    transition: transform .4s cubic-bezier(.34,.69,.1,1),opacity .4s cubic-bezier(.34,.69,.1,1),-webkit-transform .4s cubic-bezier(.34,.69,.1,1);
    border-radius: 8px;
    margin: 0 0 16px;
    box-shadow: var(--shadow-s5-down);
    overflow: hidden
}

.ud__notification:after,.ud__notification:before {
    box-sizing: border-box;
    content: " ";
    display: table
}

.ud__notification:after {
    clear: both
}

.ud__notification .ud__notification__notice {
    padding: 8px;
    clear: both
}

.ud__notification .ud__notification__notice-success .ud__notification__notice-border {
    position: absolute;
    width: 4px;
    height: 100%;
    background-color: var(--function-success-content-default);
    top: 0;
    left: 0
}

.ud__notification .ud__notification__notice-info .ud__notification__notice-border {
    position: absolute;
    width: 4px;
    height: 100%;
    background-color: var(--function-info-content-default);
    top: 0;
    left: 0
}

.ud__notification .ud__notification__notice-error .ud__notification__notice-border {
    position: absolute;
    width: 4px;
    height: 100%;
    background-color: var(--function-danger-content-default);
    top: 0;
    left: 0
}

.ud__notification .ud__notification__notice-warning .ud__notification__notice-border {
    position: absolute;
    width: 4px;
    height: 100%;
    background-color: var(--function-warning-content-default);
    top: 0;
    left: 0
}

.ud__notification .ud__notification__notice-close {
    box-sizing: border-box;
    color: var(--N600);
    position: absolute;
    right: 24px;
    top: 24px;
    cursor: pointer;
    outline: none
}

.ud__notification .ud__notification__notice-title {
    box-sizing: border-box;
    margin-bottom: 8px;
    padding-right: 16px
}

.ud__notification .ud__notification__notice-des {
    box-sizing: border-box
}

.ud__notification .ud__notification__notice-btn {
    box-sizing: border-box;
    margin-top: 8px;
    padding-left: 4px;
    text-align: right
}

.ud__notification .ud__notification__notice-btn .ud__button {
    margin-left: 12px
}

.ud__notification .ud__notification__notice-with-icon {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 16px
}

.ud__notification .ud__notification__notice-hide-icon {
    box-sizing: border-box;
    padding-left: 4px
}

.ud__notification .ud__notification__notice-icon-default,.ud__notification .ud__notification__notice-icon-error,.ud__notification .ud__notification__notice-icon-info,.ud__notification .ud__notification__notice-icon-success,.ud__notification .ud__notification__notice-icon-warning {
    position: absolute;
    left: 28px;
    top: 24px;
    font-size: 24px;
    line-height: 24px;
    width: 24px;
    text-align: center
}

.ud__notification .ud__notification__notice-icon-error {
    color: var(--function-danger-content-default)
}

.ud__notification .ud__notification__notice-icon-warning {
    color: var(--function-warning-fill-default)
}

.ud__notification .ud__notification__notice-icon-success {
    color: var(--function-success-content-default)
}

.ud__notification .ud__notification__notice-icon-info {
    color: var(--function-info-content-default)
}

.ud__notification .ud__notification__notice-content {
    border: 1px solid var(--line-border-card);
    border-left: none;
    border-radius: 8px;
    padding: 24px 24px 24px 28px;
    background: var(--bg-float);
    color: var(--text-title);
    display: inline-block;
    width: 420px;
    box-sizing: border-box;
    position: relative
}

.ud__notification .ud__notification__notice-operation {
    text-align: right;
    margin-top: 8px
}

.ud__toast.ud__notice {
    max-width: 600px;
    display: inline-flex;
    transition: opacity .3s cubic-bezier(.34,.69,.1,1),-webkit-transform .3s cubic-bezier(.34,.69,.1,1);
    transition: opacity .3s cubic-bezier(.34,.69,.1,1),transform .3s cubic-bezier(.34,.69,.1,1);
    transition: opacity .3s cubic-bezier(.34,.69,.1,1),transform .3s cubic-bezier(.34,.69,.1,1),-webkit-transform .3s cubic-bezier(.34,.69,.1,1);
    margin-bottom: 16px;
    box-shadow: var(--shadow-s4-down)
}

.toast--animation-enter .ud__toast,.ud__toast.ud__notice {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.toast--animation-enter-active .ud__toast,.toast--animation-enter-done .ud__toast,.toast--animation-exit .ud__toast {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.toast--animation-exit-active {
    margin-bottom: 0
}

.toast--animation-exit-active .ud__toast {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 0
}

.u1eiw3p2 {
    margin-top: auto
}

.uwu2mp9 {
    margin-right: 0
}

.u1xm0su5 {
    margin-bottom: auto
}

.uqlh25q {
    margin-left: 0
}

.u6su9ay {
    height: 100%
}

.uoddzzi {
    max-height: 100%
}

.u16gdikw {
    position: relative
}

.uvhckaz {
    flex-direction: column
}

.uke3gve {
    width: 100%
}

.uitx8vz {
    font-size: 24px
}

.uf9gv4p {
    line-height: 0
}

.uaehbhm {
    align-self: center
}

.uh0wsrm {
    margin-right: 16px
}

.uj2bo7u {
    display: flex
}

.u131m2y1 {
    box-sizing: border-box
}

.u34kn {
    margin-top: 0
}

.u11cvrxx {
    margin-right: 0
}

.uzhf14q {
    margin-bottom: 0
}

.u11gww4r {
    margin-left: 0
}

.ukj31lv {
    padding-top: 0
}

.u1hchl60 {
    padding-right: 0
}

.u1royi5k {
    padding-bottom: 0
}

.u1qfhq4j {
    padding-left: 0
}

.u1g49t1p {
    border-top-left-radius: 999999px
}

.u1753eih {
    border-top-right-radius: 999999px
}

.ugj8klt {
    border-bottom-right-radius: 999999px
}

.u19dn4l4 {
    border-bottom-left-radius: 999999px
}

.u2mp33n {
    border-top-left-radius: 12px
}

.u19lupxs {
    border-top-right-radius: 12px
}

.u6ugtea {
    border-bottom-right-radius: 12px
}

.u12jymhp {
    border-bottom-left-radius: 12px
}

.u1tdvglg {
    border-top-left-radius: 8px
}

.u1bbjp94 {
    border-top-right-radius: 8px
}

.u1elgmow {
    border-bottom-right-radius: 8px
}

.u11ffjux {
    border-bottom-left-radius: 8px
}

.u45g5g7 {
    border-top-left-radius: 6px
}

.uhuq101 {
    border-top-right-radius: 6px
}

.umn3xo7 {
    border-bottom-right-radius: 6px
}

.uuc2yp {
    border-bottom-left-radius: 6px
}

.ug5ls2v {
    border-top-left-radius: 4px
}

.uojpzs1 {
    border-top-right-radius: 4px
}

.u14xgn8e {
    border-bottom-right-radius: 4px
}

.u1iv0uqv {
    border-bottom-left-radius: 4px
}

.u1phb0yk {
    border-top-left-radius: 2px
}

.u1qoj5pc {
    border-top-right-radius: 2px
}

.u1ifkaa8 {
    border-bottom-right-radius: 2px
}

.u1dmhp3t {
    border-bottom-left-radius: 2px
}

.u1lhvfyc {
    align-items: flex-start
}

.uzk5r0i {
    pointer-events: none
}

.uvwzr7 {
    max-width: 1080px
}

.u4jxipz {
    min-width: 420px
}

.u31uskd {
    width: calc(100vw - 64px)
}

.u1as2s7j {
    max-width: 840px
}

.uz6zn41 {
    width: 600px
}

.u1gkifwl {
    min-height: 128px
}

.ua0f1f5 {
    width: 420px
}

.uq50m5b {
    top: 0
}

.ur7p6df {
    display: inline-flex
}

.u18n4tkp {
    text-align: left
}

.u9wxhse {
    vertical-align: middle
}

.uhahlyx {
    top: 100px
}

.u16n5l33 {
    margin-top: 0
}

.u1ph723o {
    margin-right: auto
}

.u1ctx52t {
    margin-bottom: 0
}

.u16zgura {
    margin-left: auto
}

.u1urq0v1 {
    white-space: normal
}

.uwaf861 {
    text-align: center
}

.uack55o {
    white-space: nowrap
}

.uuceggp:before {
    display: inline-block
}

.umuo71s:before {
    width: 0
}

.u17252wr:before {
    height: 100%
}

.u16paksw:before {
    vertical-align: middle
}

.u7x0mri:before {
    box-sizing: border-box
}

.u14exrl7:before {
    content: ""
}

.ud__dialog__root {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-title);
    font-size: 14px;
    line-height: 1.5715;
    list-style: none
}

.ud__dialog__mask {
    background-color: var(--bg-mask)
}

.ud__dialog__mask,.ud__dialog__wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000
}

.ud__dialog__wrap {
    overflow: auto
}

.ud__dialog__wrap:focus {
    outline: none;
    --hack-merge-rules: true
}

.ud__dialog__wrap.focus-visible,.ud__dialog__wrap:focus-visible {
    outline: none
}

.ud__dialog__mask-animation-appear,.ud__dialog__mask-animation-enter {
    opacity: 0
}

.ud__dialog__mask-animation-appear-active,.ud__dialog__mask-animation-enter-active {
    opacity: 1;
    transition: opacity .4s cubic-bezier(.34,.69,.1,1)
}

.ud__dialog__mask-animation-appear-done,.ud__dialog__mask-animation-enter-done,.ud__dialog__mask-animation-exit {
    opacity: 1
}

.ud__dialog__mask-animation-exit-active {
    opacity: 0;
    transition: opacity .3s cubic-bezier(.34,.69,.1,1)
}

.ud__dialog__content-animation-appear,.ud__dialog__content-animation-enter {
    opacity: 0;
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.ud__dialog__content-animation-appear-active,.ud__dialog__content-animation-enter-active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: opacity .4s cubic-bezier(.34,.69,.1,1),-webkit-transform .4s cubic-bezier(.34,.69,.1,1);
    transition: opacity .4s cubic-bezier(.34,.69,.1,1),transform .4s cubic-bezier(.34,.69,.1,1);
    transition: opacity .4s cubic-bezier(.34,.69,.1,1),transform .4s cubic-bezier(.34,.69,.1,1),-webkit-transform .4s cubic-bezier(.34,.69,.1,1)
}

.ud__dialog__content-animation-exit {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ud__dialog__content-animation-exit-active {
    opacity: 0;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    transition: opacity .3s cubic-bezier(.34,.69,.1,1),-webkit-transform .3s cubic-bezier(.34,.69,.1,1);
    transition: opacity .3s cubic-bezier(.34,.69,.1,1),transform .3s cubic-bezier(.34,.69,.1,1);
    transition: opacity .3s cubic-bezier(.34,.69,.1,1),transform .3s cubic-bezier(.34,.69,.1,1),-webkit-transform .3s cubic-bezier(.34,.69,.1,1)
}

.ud__confirm__content {
    position: relative;
    background-color: var(--bg-float);
    pointer-events: auto
}

.ud__confirm__header {
    box-sizing: border-box;
    position: relative;
    padding: 24px
}

.ud__confirm__titleContent {
    flex: 1;
    overflow-x: hidden;
    overflow-wrap: break-word
}

.ud__confirm-success .ud__confirm__icon {
    color: var(--function-success-content-default)
}

.ud__confirm-confirm .ud__confirm__icon,.ud__confirm-warning .ud__confirm__icon {
    color: var(--function-warning-fill-default)
}

.ud__confirm-error .ud__confirm__icon {
    color: var(--function-danger-content-default)
}

.ud__confirm-info .ud__confirm__icon {
    color: var(--function-info-content-default)
}

.ud__confirm__body {
    box-sizing: border-box;
    overflow-wrap: break-word;
    margin-top: 8px
}

.ud__confirm__content.ud__confirm-hasIcon .ud__confirm__body {
    margin-left: 40px
}

.ud__confirm__footer {
    box-sizing: border-box;
    text-align: right;
    padding: 0 24px 24px
}

.ud__confirm__footer:after {
    content: "";
    clear: both;
    display: table
}

.ud__confirm__footer__extraAction {
    float: left
}

.ud__confirm__footer__btns {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    overflow: hidden;
    margin-bottom: -12px
}

.ud__confirm__footer__btns .ud__button {
    margin-left: 12px;
    margin-bottom: 12px
}

.ud__modal__content {
    background-color: var(--bg-float);
    pointer-events: auto
}

.ud__modal__header {
    box-sizing: border-box;
    position: relative;
    padding: 24px
}

.ud__modal-closable>.ud__modal__header {
    padding-right: 56px
}

.ud__modal__titleContent {
    flex: 1;
    overflow-x: hidden;
    overflow-wrap: break-word
}

.ud__modal__close.ud__button {
    position: absolute;
    top: 24px;
    right: 24px;
    color: var(--icon-n2);
    font-size: 20px;
    margin: -2px -4px
}

.ud__modal__des {
    margin-top: 4px;
    color: var(--text-caption)
}

.ud__modal__body,.ud__modal__des {
    box-sizing: border-box;
    overflow-wrap: break-word
}

.ud__modal__body {
    color: var(--text-title);
    font-size: 14px;
    line-height: 1.5715;
    list-style: none;
    padding: 0 24px;
    margin: 0 0 24px;
    flex: 1
}

.ud__modal__body--top-overflow {
    box-shadow: 0 -1px var(--line-divider-default)
}

.ud__modal__body--bottom-overflow {
    box-shadow: 0 1px var(--line-divider-default)
}

.ud__modal__body--top-overflow.ud__modal__body--bottom-overflow {
    box-shadow: 0 -1px var(--line-divider-default),0 1px var(--line-divider-default)
}

.ud__modal__footer {
    box-sizing: border-box;
    text-align: right;
    padding: 0 24px 24px
}

.ud__modal__footer:after {
    content: "";
    clear: both;
    display: table
}

.ud__modal__footer__extraAction {
    float: left
}

.ud__modal__footer__btns {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    overflow: hidden;
    margin-bottom: -12px
}

.ud__modal__footer__btns .ud__button {
    margin-left: 12px;
    margin-bottom: 12px
}

.u5yta61 {
    align-items: baseline
}

.uf1p7uf {
    flex-grow: 0
}

.u10e9gpn {
    flex-shrink: 0
}

.ug95lij {
    flex-basis: auto
}

.uk1hvvd {
    width: 0
}

.u1f3wrh8 {
    overflow: hidden
}

.udw63ke {
    display: inline-block
}

.uia2c2e {
    font-size: 16px
}

.ufg3dx4 {
    line-height: 24px
}

.ai-summary-billing-toast {
    padding: 12px
}

.ai-summary-billing-toast .universe-icon.ud__notice__statusIcon {
    margin-top: 5px
}

.ai-summary-billing-toast .toast-confirm {
    display: flex;
    align-items: center
}

.ai-summary-billing-toast .toast-confirm .toast-text {
    padding-right: 10px;
    margin: 0 10px 0 0;
    flex: 1
}

.ai-summary-billing-toast .toast-confirm .toast-button {
    color: var(--text-link-hover);
    min-width: 30px
}

.ai-billing-toast-user-popover {
    z-index: 10000
}

.ud__menu {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 1.5715;
    list-style: none;
    color: var(--text-title);
    font-size: 14px;
    text-align: left;
    background: var(--bg-float);
    outline: none;
    transition: width .3s cubic-bezier(.34,.69,.1,1)
}

.ud__menu-item.focus-visible,.ud__menu-item:focus-visible,.ud__menu-submenu-title.focus-visible,.ud__menu-submenu-title:focus-visible,.ud__menu a.focus-visible,.ud__menu a:focus-visible {
    outline: none;
    --hack-merge-rules: true
}

.ud__menu-item:focus,.ud__menu-submenu-title:focus,.ud__menu a:focus {
    outline: none
}

.ud__menu-submenu-popup {
    pointer-events: auto!important
}

.ud__menu:after,.ud__menu:before {
    display: table;
    content: ""
}

.ud__menu ol,.ud__menu ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.ud__menu-icon-wrap,.ud__menu ul li {
    box-sizing: border-box
}

.ud__menu-icon-wrap {
    display: flex;
    color: var(--icon-n1)
}

.ud__menu-icon-wrap-disabled {
    color: var(--icon-disabled)
}

.ud__menu-item-group-title {
    box-sizing: border-box;
    padding: 8px 20px;
    color: var(--text-placeholder);
    font-size: 14px
}

.ud__menu-submenu {
    box-sizing: border-box
}

.ud__menu-submenu.ud-slide-up-appear.ud-slide-up-appear-active.ud__menu-submenu-placement-bottomLeft,.ud__menu-submenu.ud-slide-up-enter.ud-slide-up-enter-active.ud__menu-submenu-placement-bottomLeft {
    -webkit-animation-name: udSlideUpIn;
    animation-name: udSlideUpIn
}

.ud__menu-submenu.ud-slide-up-appear.ud-slide-up-appear-active.ud__menu-submenu-placement-topLeft,.ud__menu-submenu.ud-slide-up-enter.ud-slide-up-enter-active.ud__menu-submenu-placement-topLeft {
    -webkit-animation-name: udSlideDownIn;
    animation-name: udSlideDownIn
}

.ud__menu-submenu.ud-slide-up-leave.ud-slide-up-leave-active.ud__menu-submenu-placement-bottomLeft {
    -webkit-animation-name: udSlideUpOut;
    animation-name: udSlideUpOut
}

.ud__menu-submenu.ud-slide-up-leave.ud-slide-up-leave-active.ud__menu-submenu-placement-topLeft {
    -webkit-animation-name: udSlideDownOut;
    animation-name: udSlideDownOut
}

.ud__menu-submenu-selected,.ud__menu-submenu-selected>.ud__menu-submenu-title>.ud__menu-icon-wrap {
    color: var(--primary-content-default)
}

.ud__menu-submenu-selected>.ud__menu-submenu-title {
    font-weight: 500
}

.ud__menu-item:active,.ud__menu-submenu-title:active {
    background: var(--fill-active)
}

.ud__menu-submenu .ud__menu-sub {
    cursor: auto;
    border: 1px solid var(--line-border-card);
    box-shadow: var(--shadow-s4-down)
}

.ud__menu-item a {
    color: var(--text-title)
}

.ud__menu-item a:hover {
    color: var(--primary-content-default)
}

.ud__menu-item a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: initial;
    content: ""
}

.ud__menu-item-divider {
    height: 1px;
    overflow: hidden;
    line-height: 0;
    background-color: var(--line-divider-default)
}

.ud__menu-item-active,.ud__menu-submenu-title:hover {
    background: var(--fill-hover)
}

.ud__menu-item-selected {
    font-weight: 500
}

.ud__menu-item-selected,.ud__menu-item-selected .ud__menu-icon-wrap,.ud__menu-item-selected a,.ud__menu-item-selected a:hover {
    color: var(--primary-content-default)
}

.ud__menu:not(.ud__menu-horizontal) .ud__menu-item-selected {
    background-color: var(--fill-active)
}

.ud__menu-vertical-right {
    border-left: 1px solid var(--line-border-card)
}

.ud__menu-vertical-left.ud__menu-sub,.ud__menu-vertical-right.ud__menu-sub,.ud__menu-vertical.ud__menu-sub {
    min-width: 160px;
    max-height: calc(100vh - 100px);
    padding: 8px 0;
    overflow: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.ud__menu-vertical-left.ud__menu-sub:not(.ud-zoom-big-enter-active):not(.ud-zoom-big-leave-active),.ud__menu-vertical-right.ud__menu-sub:not(.ud-zoom-big-enter-active):not(.ud-zoom-big-leave-active),.ud__menu-vertical.ud__menu-sub:not(.ud-zoom-big-enter-active):not(.ud-zoom-big-leave-active) {
    overflow-x: hidden;
    overflow-y: auto
}

.ud__menu-vertical-left.ud__menu-sub .ud__menu-item,.ud__menu-vertical-right.ud__menu-sub .ud__menu-item,.ud__menu-vertical.ud__menu-sub .ud__menu-item {
    left: 0;
    border-right: 0
}

.ud__menu-vertical-left.ud__menu-sub .ud__menu-item:after,.ud__menu-vertical-right.ud__menu-sub .ud__menu-item:after,.ud__menu-vertical.ud__menu-sub .ud__menu-item:after {
    border-right: 0
}

.ud__menu-vertical-left.ud__menu-sub>.ud__menu-item,.ud__menu-vertical-left.ud__menu-sub>.ud__menu-submenu,.ud__menu-vertical-right.ud__menu-sub>.ud__menu-item,.ud__menu-vertical-right.ud__menu-sub>.ud__menu-submenu,.ud__menu-vertical.ud__menu-sub>.ud__menu-item,.ud__menu-vertical.ud__menu-sub>.ud__menu-submenu {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.ud__menu-vertical.ud__menu-sub {
    min-width: 140px
}

.ud__menu-item,.ud__menu-submenu-title {
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
    box-sizing: border-box;
    transition: color .1s linear,border-color .1s linear,background .1s linear,padding .1s linear;
    margin: 1px 8px;
    border-radius: 4px
}

.ud__menu-item .ud__menu-icon-wrap,.ud__menu-submenu-title .ud__menu-icon-wrap {
    margin-right: 8px;
    font-size: 20px;
    transition: color .1s linear
}

.ud__menu-item.ud__menu-item-only-child>svg,.ud__menu-submenu-title.ud__menu-item-only-child>svg {
    margin-right: 0
}

.ud__menu>.ud__menu-item-divider {
    height: 1px;
    margin: 1px 0;
    padding: 0;
    overflow: hidden;
    line-height: 0;
    background-color: var(--line-divider-default)
}

.ud__menu-submenu-popup {
    position: absolute;
    z-index: 1050;
    border-radius: 6px
}

.ud__menu-submenu-popup:before {
    position: absolute;
    top: -7px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: .0001;
    content: " "
}

.ud__menu-submenu-placement-rightTop:before {
    top: 0;
    left: -7px
}

.ud__menu-submenu>.ud__menu {
    background-color: var(--bg-float);
    border-radius: 6px
}

.ud__menu-submenu>.ud__menu-submenu-title:after {
    transition: -webkit-transform .3s cubic-bezier(.645,.045,.355,1);
    transition: transform .3s cubic-bezier(.645,.045,.355,1);
    transition: transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1)
}

.ud__menu-submenu-popup>.ud__menu {
    background-color: var(--bg-float)
}

.ud__menu-submenu-arrow,.ud__menu-submenu-expand-icon {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    right: 16px;
    font-size: 12px;
    line-height: 0;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--icon-n3)
}

.ud__menu-submenu:hover>.ud__menu-submenu-title>.ud__menu-submenu-expand-icon,.ud__menu-vertical-left .ud__menu-submenu-selected,.ud__menu-vertical-right .ud__menu-submenu-selected,.ud__menu-vertical .ud__menu-submenu-selected {
    color: var(--primary-content-default)
}

.ud__menu-inline,.ud__menu-vertical,.ud__menu-vertical-left,.ud__menu-vertical-right {
    display: flex;
    flex-direction: column;
    padding: 8px 0
}

.ud__menu-inline .ud__menu-item,.ud__menu-vertical-left .ud__menu-item,.ud__menu-vertical-right .ud__menu-item,.ud__menu-vertical .ud__menu-item {
    position: relative
}

.ud__menu-inline .ud__menu-item,.ud__menu-inline .ud__menu-submenu-title,.ud__menu-vertical-left .ud__menu-item,.ud__menu-vertical-left .ud__menu-submenu-title,.ud__menu-vertical-right .ud__menu-item,.ud__menu-vertical-right .ud__menu-submenu-title,.ud__menu-vertical .ud__menu-item,.ud__menu-vertical .ud__menu-submenu-title {
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 13px 16px;
    position: relative;
    z-index: 0
}

.ud__menu-inline .ud__menu-item:after,.ud__menu-inline .ud__menu-submenu-title:after,.ud__menu-vertical-left .ud__menu-item:after,.ud__menu-vertical-left .ud__menu-submenu-title:after,.ud__menu-vertical-right .ud__menu-item:after,.ud__menu-vertical-right .ud__menu-submenu-title:after,.ud__menu-vertical .ud__menu-item:after,.ud__menu-vertical .ud__menu-submenu-title:after {
    content: "";
    background-color: initial;
    position: absolute;
    top: -1px;
    left: -8px;
    right: -8px;
    bottom: -1px;
    z-index: -1
}

.ud__menu-vertical .ud__menu-submenu-title {
    padding-right: 36px
}

.ud__menu-vertical .ud__menu-submenu-title[aria-expanded=true] {
    background: var(--fill-hover)
}

.ud__menu-item-group-list {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0
}

.ud__menu-item-group-list .ud__menu-item,.ud__menu-item-group-list .ud__menu-submenu-title {
    padding-right: 16px;
    padding-left: 20px
}

.ud__menu-root.ud__menu-inline,.ud__menu-root.ud__menu-vertical,.ud__menu-root.ud__menu-vertical-left,.ud__menu-root.ud__menu-vertical-right {
    box-shadow: none
}

.ud__menu-item-disabled,.ud__menu-submenu-disabled {
    color: var(--text-disabled)!important;
    background: none;
    border-color: transparent!important;
    cursor: not-allowed
}

.ud__menu-item-disabled a,.ud__menu-submenu-disabled a {
    color: var(--text-disabled)!important;
    pointer-events: none
}

.ud__menu-item-disabled>.ud__menu-submenu-title,.ud__menu-submenu-disabled>.ud__menu-submenu-title {
    color: var(--text-disabled)!important;
    cursor: not-allowed
}

.ud__menu-item-disabled>.ud__menu-submenu-title>.ud__menu-submenu-arrow:after,.ud__menu-item-disabled>.ud__menu-submenu-title>.ud__menu-submenu-arrow:before,.ud__menu-submenu-disabled>.ud__menu-submenu-title>.ud__menu-submenu-arrow:after,.ud__menu-submenu-disabled>.ud__menu-submenu-title>.ud__menu-submenu-arrow:before {
    background: var(--text-disabled)!important
}

.ud__layout__header .ud__menu {
    line-height: inherit
}

.ud__menu-horizontal>.ud__menu-item-active,.ud__menu-horizontal>.ud__menu-item:hover,.ud__menu-horizontal>.ud__menu-submenu .ud__menu-submenu-title:hover {
    background-color: initial
}

.ud__menu-horizontal.ud__menu-sub {
    min-width: 114px
}

.ud__menu-horizontal {
    line-height: 56px;
    white-space: nowrap;
    border: 0
}

.ud__menu-horizontal>.ud__menu-item,.ud__menu-horizontal>.ud__menu-submenu {
    margin: 0;
    padding: 0 16px;
    font-size: 16px
}

.ud__menu-horizontal>.ud__menu-item-selected,.ud__menu-horizontal>.ud__menu-submenu-selected {
    color: var(--primary-content-default);
    position: relative
}

.ud__menu-horizontal>.ud__menu-item-selected .ud__menu-item__ink,.ud__menu-horizontal>.ud__menu-submenu-selected .ud__menu-item__ink {
    position: absolute;
    height: 3px;
    bottom: 0;
    width: calc(100% - 32px);
    overflow: hidden
}

.ud__menu-horizontal>.ud__menu-item-selected .ud__menu-item__ink:after,.ud__menu-horizontal>.ud__menu-submenu-selected .ud__menu-item__ink:after {
    display: block;
    content: "";
    width: 100%;
    height: 6px;
    border-radius: 3px;
    background-color: var(--primary-content-default)
}

.ud__menu-horizontal>.ud__menu-item-active,.ud__menu-horizontal>.ud__menu-item-active .ud__menu-icon-wrap,.ud__menu-horizontal>.ud__menu-item-open,.ud__menu-horizontal>.ud__menu-item-open .ud__menu-icon-wrap,.ud__menu-horizontal>.ud__menu-item:hover,.ud__menu-horizontal>.ud__menu-item:hover .ud__menu-icon-wrap,.ud__menu-horizontal>.ud__menu-submenu-active,.ud__menu-horizontal>.ud__menu-submenu-active .ud__menu-icon-wrap,.ud__menu-horizontal>.ud__menu-submenu-open,.ud__menu-horizontal>.ud__menu-submenu-open .ud__menu-icon-wrap,.ud__menu-horizontal>.ud__menu-submenu:hover,.ud__menu-horizontal>.ud__menu-submenu:hover .ud__menu-icon-wrap {
    color: var(--primary-content-default)
}

.ud__menu-horizontal>.ud__menu-item-disabled-active .ud__menu-icon-wrap,.ud__menu-horizontal>.ud__menu-item-disabled-open .ud__menu-icon-wrap,.ud__menu-horizontal>.ud__menu-item-disabled:hover .ud__menu-icon-wrap,.ud__menu-horizontal>.ud__menu-submenu-disabled-active .ud__menu-icon-wrap,.ud__menu-horizontal>.ud__menu-submenu-disabled-open .ud__menu-icon-wrap,.ud__menu-horizontal>.ud__menu-submenu-disabled:hover .ud__menu-icon-wrap {
    color: var(--icon-disabled)
}

.ud__menu-horizontal>.ud__menu-item,.ud__menu-horizontal>.ud__menu-submenu {
    position: relative;
    vertical-align: bottom;
    max-width: 320px
}

.ud__menu-horizontal>.ud__menu-submenu>.ud__menu-submenu-title {
    margin: 0;
    padding: 0;
    position: static
}

.ud__menu-horizontal>.ud__menu-item a {
    color: var(--text-title)
}

.ud__menu-horizontal>.ud__menu-item a:hover {
    color: var(--primary-content-default)
}

.ud__menu-horizontal>.ud__menu-item a:before {
    bottom: -2px
}

.ud__menu-horizontal>.ud__menu-item-selected a {
    color: var(--primary-content-default)
}

.ud__menu-horizontal:after {
    display: block;
    clear: both;
    height: 0;
    content: "\20"
}

.ud__menu-horizontal .ud__menu-overflow-expandIcon {
    margin-left: 4px;
    font-size: 14px;
    transition: -webkit-transform .4s cubic-bezier(.34,.69,.1,1);
    transition: transform .4s cubic-bezier(.34,.69,.1,1);
    transition: transform .4s cubic-bezier(.34,.69,.1,1),-webkit-transform .4s cubic-bezier(.34,.69,.1,1)
}

.ud__menu .ud__menu-overflow-item.ud__menu-submenu-open .ud__menu-overflow-expandIcon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ud__menu-sub .ud__menu-item.ud__menu-item--root-horizontal,.ud__menu-sub .ud__menu__submenu--root-horizontal .ud__menu-submenu-title,.ud__menu__submenu--root-horizontal .ud__menu-item {
    padding-top: 9px;
    padding-bottom: 9px
}

.ud__menu-normal {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    position: relative;
    margin: 0;
    padding: 2px 0;
    text-align: left;
    list-style-type: none;
    background-color: var(--bg-float);
    border-radius: 6px;
    outline: none;
    box-shadow: var(--shadow-s4-down);
    border: 1px solid var(--line-border-card);
    overflow-y: auto;
    overflow-y: overlay
}

.ud__menu-normal-item.focus-visible,.ud__menu-normal-item:focus-visible,.ud__menu-normal-submenu-title.focus-visible,.ud__menu-normal-submenu-title:focus-visible,.ud__menu-normal a.focus-visible,.ud__menu-normal a:focus-visible {
    outline: none;
    --hack-merge-rules: true
}

.ud__menu-normal-item:focus,.ud__menu-normal-submenu-title:focus,.ud__menu-normal a:focus {
    outline: none
}

.ud__menu-normal-item-group-title {
    box-sizing: border-box;
    padding: 4px 11px;
    color: var(--text-placeholder)
}

.ud__menu-normal-icon-wrap {
    box-sizing: border-box;
    line-height: 0;
    display: inline-block;
    color: var(--icon-n2);
    font-size: 16px;
    margin-right: 8px
}

.ud__menu-normal-icon-wrap-disabled {
    color: var(--icon-disabled)
}

.ud__menu-normal-submenu-popup {
    box-sizing: border-box;
    position: absolute;
    z-index: 1050;
    background: transparent;
    box-shadow: none;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border-width: 0;
    padding: 0;
    overflow-y: visible;
    pointer-events: auto!important
}

.ud__menu-normal-submenu-popup li,.ud__menu-normal-submenu-popup ul {
    list-style: none
}

.ud__menu-normal-submenu-popup-include-subMenu>.ud__menu-normal>.ud__menu-normal-item {
    padding-right: 28px;
    max-width: 420px
}

.ud__menu-normal-item-active,.ud__menu-normal-item:hover,.ud__menu-normal-submenu-active>.ud__menu-normal-submenu-title,.ud__menu-normal-submenu-title:hover {
    background-color: var(--fill-hover)
}

.ud__menu-normal-item.focus-visible,.ud__menu-normal-item:focus-visible,.ud__menu-normal-submenu-title.focus-visible,.ud__menu-normal-submenu-title:focus-visible {
    --hack-merge-rules: true;
    background-color: var(--fill-hover)
}

.ud__menu-normal-item,.ud__menu-normal-submenu-title {
    display: flex;
    align-items: baseline;
    clear: both;
    cursor: pointer;
    box-sizing: border-box;
    margin: 1px 3px;
    padding: 4px 8px;
    border-radius: 4px;
    position: relative;
    z-index: 0
}

.ud__menu-normal-item:after,.ud__menu-normal-submenu-title:after {
    content: "";
    background-color: initial;
    position: absolute;
    top: -1px;
    left: -3px;
    right: -3px;
    bottom: -1px;
    z-index: -1
}

.ud__menu-normal-item[aria-expanded=true],.ud__menu-normal-submenu-title[aria-expanded=true] {
    background: var(--fill-hover)
}

.ud__menu-normal-item a,.ud__menu-normal-submenu-title a {
    display: block;
    color: var(--text-title);
    text-decoration: none
}

.ud__menu-normal-item a:hover,.ud__menu-normal-submenu-title a:hover {
    color: var(--text-title)
}

.ud__menu-normal-item-divider,.ud__menu-normal-submenu-title-divider {
    box-sizing: border-box;
    height: 1px;
    margin: 3px 0;
    overflow: hidden;
    line-height: 0;
    box-shadow: inset 0 1px var(--line-divider-default)
}

.ud__menu-normal-item .ud__menu-normal-submenu-arrow,.ud__menu-normal-submenu-title .ud__menu-normal-submenu-arrow {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    right: 16px;
    font-size: 12px;
    line-height: 0;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--icon-n3);
    right: 8px
}

.ud__menu-normal-item,.ud__menu-normal-submenu {
    box-sizing: border-box;
    color: var(--text-title)
}

.ud__menu-normal-item-selected,.ud__menu-normal-item-selected a {
    color: var(--primary-content-default)
}

.ud__menu-normal-item-suffix-icon {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    right: 16px;
    font-size: 12px;
    line-height: 0;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--icon-n3);
    right: 8px
}

.ud__menu-normal-item-selected .ud__menu-normal-icon-wrap,.ud__menu-normal-item-selected>.ud__menu-normal-item-suffix-icon {
    color: var(--primary-content-default)
}

.ud__menu-normal-item-group-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.ud__menu-normal-submenu-title {
    padding-right: 28px
}

.ud__menu-normal-submenu-vertical {
    position: relative
}

.ud__menu-normal-submenu-vertical>.ud__menu-normal {
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 100%;
    margin-left: 4px;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.ud__menu-normal-submenu.ud__menu-normal-submenu-disabled .ud__menu-normal-submenu-title,.ud__menu-normal-submenu.ud__menu-normal-submenu-disabled .ud__menu-normal-submenu-title .ud__menu-normal-submenu-arrow-icon {
    box-sizing: border-box;
    color: var(--text-disabled);
    background-color: var(--bg-float);
    cursor: not-allowed
}

.ud__menu-normal-item-disabled,.ud__menu-normal-submenu-disabled {
    color: var(--text-disabled);
    cursor: not-allowed
}

.ud__menu-normal-item-disabled a,.ud__menu-normal-submenu-disabled a {
    color: var(--text-disabled)
}

.ud__menu-submenu-inline .ud__menu-submenu-arrow-icon {
    box-sizing: border-box;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: -webkit-transform .4s cubic-bezier(.34,.69,.1,1);
    transition: transform .4s cubic-bezier(.34,.69,.1,1);
    transition: transform .4s cubic-bezier(.34,.69,.1,1),-webkit-transform .4s cubic-bezier(.34,.69,.1,1)
}

.ud__menu-submenu-inline.ud__menu-submenu-open>.ud__menu-submenu-title .ud__menu-submenu-arrow-icon {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.ud__menu-inline-collapsed-noicon {
    width: 20px;
    font-size: 16px;
    text-align: center
}

.ud__menu-sub.ud__menu-inline {
    padding-left: 0;
    padding-right: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.ud__menu-sub.ud__menu-inline>.ud__menu-item,.ud__menu-sub.ud__menu-inline>.ud__menu-submenu>.ud__menu-submenu-title {
    list-style-position: inside;
    list-style-type: disc
}

.ud__menu-sub.ud__menu-inline .ud__menu-item-group-title {
    padding-left: 52px
}

.ud__menu-inline {
    width: 100%
}

.ud__menu-inline .ud__menu-item-selected:after,.ud__menu-inline .ud__menu-selected:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    transition: opacity .15s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);
    transition: transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1);
    transition: transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)
}

.ud__menu-inline .ud__menu-submenu-title {
    padding-right: 36px
}

.ud__menu-inline-collapsed {
    width: 64px
}

.ud__menu-inline-collapsed>.ud__menu-item,.ud__menu-inline-collapsed>.ud__menu-item-group>.ud__menu-item-group-list>.ud__menu-item,.ud__menu-inline-collapsed>.ud__menu-item-group>.ud__menu-item-group-list>.ud__menu-submenu>.ud__menu-submenu-title,.ud__menu-inline-collapsed>.ud__menu-submenu>.ud__menu-submenu-title {
    left: 0;
    padding: 13px 14px;
    padding: 13px calc(var(--collapsedWidth, 64px)/2 - 18px);
    text-overflow: clip
}

.ud__menu-inline-collapsed>.ud__menu-item-group>.ud__menu-item-group-list>.ud__menu-item .ud__menu-submenu-arrow,.ud__menu-inline-collapsed>.ud__menu-item-group>.ud__menu-item-group-list>.ud__menu-submenu>.ud__menu-submenu-title .ud__menu-submenu-arrow,.ud__menu-inline-collapsed>.ud__menu-item .ud__menu-submenu-arrow,.ud__menu-inline-collapsed>.ud__menu-submenu>.ud__menu-submenu-title .ud__menu-submenu-arrow {
    display: none
}

.ud__menu-inline-collapsed>.ud__menu-item-group>.ud__menu-item-group-list>.ud__menu-item svg,.ud__menu-inline-collapsed>.ud__menu-item-group>.ud__menu-item-group-list>.ud__menu-submenu>.ud__menu-submenu-title svg,.ud__menu-inline-collapsed>.ud__menu-item svg,.ud__menu-inline-collapsed>.ud__menu-submenu>.ud__menu-submenu-title svg {
    margin: 0;
    font-size: 20px;
    line-height: 48px
}

.ud__menu-inline-collapsed svg {
    display: inline-block
}

.ud__menu-inline-collapsed .ud__menu-item-group-title {
    padding-right: 4px;
    padding-left: 4px
}

.ud__menu-inline-collapsed .ud__menu-item-selected:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    transition: opacity .15s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1);
    transition: transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1);
    transition: transform .15s cubic-bezier(.645,.045,.355,1),opacity .15s cubic-bezier(.645,.045,.355,1),-webkit-transform .15s cubic-bezier(.645,.045,.355,1)
}

.ud__menu-horizontal,.ud__menu-normal-horizontal {
    display: flex;
    flex-wrap: nowrap
}

.ud__menu-normal-submenu-hidden,.ud__menu-submenu-hidden {
    display: none
}

.ud__menu-normal-overflow-item,.ud__menu-overflow-item {
    flex: none
}

.ud__menu-hidden,.ud__menu-normal-hidden {
    display: none
}

.ud__layout {
    box-sizing: border-box;
    display: flex;
    flex: auto;
    flex-direction: column;
    min-height: 0;
    background: var(--bg-base)
}

.ud__layout--has-sider {
    flex-direction: row
}

.ud__layout--has-sider>.ud__layout,.ud__layout--has-sider>.ud__layout-content {
    overflow-x: hidden
}

.ud__layout__footer,.ud__layout__header {
    flex: 0 0 auto
}

.ud__layout__header {
    height: 64px;
    padding: 0 24px;
    line-height: 64px;
    background: var(--bg-float)
}

.ud__layout__footer,.ud__layout__header {
    box-sizing: border-box;
    color: var(--text-title)
}

.ud__layout__footer {
    padding: 24px;
    font-size: 14px;
    background: var(--bg-base)
}

.ud__layout__content {
    box-sizing: border-box;
    flex: auto;
    min-height: 0
}

.ud__layout__sider {
    box-sizing: border-box;
    position: relative;
    min-width: 0;
    background: var(--bg-float);
    transition: none .2s cubic-bezier(.34,.69,.1,1);
    transition-property: width,min-width,max-width
}

.ud__layout__sider__children {
    box-sizing: border-box;
    height: 100%;
    margin-top: -.1px;
    padding-top: .1px
}

.ud__layout__sider-has-trigger {
    padding-bottom: 48px
}

.ud__layout__sider-right {
    order: 1
}

.ud__layout__sider-trigger {
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    z-index: 1;
    height: 48px;
    color: var(--text-title);
    line-height: 48px;
    text-align: center;
    background: var(--bg-float);
    border-top: 1px solid var(--line-border-component);
    cursor: pointer;
    transition: width .2s cubic-bezier(.34,.69,.1,1)
}

.ud__layout__sider .ud__menu-inline-collapsed {
    width: 100%
}

.ud__layout__sider--zero-width>* {
    overflow: hidden
}

.ud__layout__sider--zero-width-trigger {
    position: absolute;
    top: 64px;
    right: -36px;
    z-index: 1;
    width: 36px;
    height: 42px;
    color: var(--text-title);
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    background: var(--bg-float);
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    transition: background .3s ease
}

.ud__layout__sider--zero-width-trigger:hover {
    background: var(--bg-float)
}

.ud__layout__sider--zero-width-trigger-right {
    left: -36px;
    border-radius: 6px 0 0 6px
}

.uw9lgot {
    width: 20px
}

.uodcvno {
    line-height: inherit
}

.u11adn32 {
    font-weight: inherit
}

.u1bdmrri {
    font-size: inherit
}

.umg9lr1 {
    color: var(--udtoken-component-text-disabled-loading)
}

.u1lt0gqd {
    cursor: not-allowed
}

.u1aoe029 {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.u1kne0ek {
    font-style: italic
}

.u3ygxnd {
    text-align: justify
}

[dir=ltr] .uuiqfcc {
    text-align: right
}

[dir=ltr] .u1ol6024,[dir=rtl] .uuiqfcc {
    text-align: left
}

[dir=rtl] .u1ol6024 {
    text-align: right
}

.u14wgoeq {
    word-wrap: break-word
}

.u238cxi {
    overflow-wrap: break-word
}

.u1ymg821 {
    font-size: 30px
}

.uhxuey4 {
    line-height: 46px
}

.u1xi5sbv {
    font-weight: 600
}

.u1dq16xj {
    line-height: 36px
}

.u138hera {
    font-size: 20px
}

.u1g8z9ip {
    line-height: 30px
}

.u1nvodm3 {
    font-size: 18px
}

.u1hez149 {
    line-height: 28px
}

.u1wpbx5l {
    font-size: 12px
}

.u130fo1p {
    line-height: 20px
}

.u1s7gvzz {
    line-height: 19.200000000000003px
}

.uoqx2ln {
    zoom:.8333333333333334}

.u11hbqlq {
    -webkit-text-size-adjust: none
}

.u18j8pmt {
    font-size: 10px
}

.u1gwc0l6 {
    line-height: 16px
}

.u1pxylti {
    word-break: keep-all
}

.uxkbsdt {
    text-overflow: ellipsis
}

.udz62fk {
    display: -webkit-box
}

.u6rw91u {
    -webkit-box-orient: vertical
}

.uktmkt9 {
    word-break: normal
}

.ud__dropdown {
    box-sizing: border-box;
    position: absolute;
    left: -9999px;
    top: -9999px;
    z-index: 1050;
    max-width: 420px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.ud__dropdown-no-entry {
    pointer-events: none
}

.ud__dropdown-hidden {
    display: none
}

.ud__dropdown__arrow,.ud__dropdown__arrow__content {
    position: absolute;
    box-sizing: border-box
}

.ud__dropdown__arrow__content {
    display: block;
    content: "";
    border: 1px solid var(--line-border-card);
    background: var(--bg-float);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.ud__dropdown__arrow-top {
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%,calc(1px - 100%));
    transform: translate(-50%,calc(1px - 100%))
}

.ud__dropdown__arrow-top>.ud__dropdown__arrow__content {
    left: 14.64466094%;
    top: 29.28932188%
}

.ud__dropdown__arrow-bottom {
    bottom: 0;
    left: 0;
    -webkit-transform: translate(-50%,calc(-1px + 100%));
    transform: translate(-50%,calc(-1px + 100%))
}

.ud__dropdown__arrow-bottom>.ud__dropdown__arrow__content {
    left: 14.64466094%;
    top: -70.71067812%
}

.ud__dropdown__arrow-left {
    top: 0;
    left: 0;
    -webkit-transform: translate(calc(1px - 100%),-50%);
    transform: translate(calc(1px - 100%),-50%)
}

.ud__dropdown__arrow-left>.ud__dropdown__arrow__content {
    left: 29.28932188%;
    top: 14.64466094%
}

.ud__dropdown__arrow-right {
    top: 0;
    right: 0;
    -webkit-transform: translate(calc(-1px + 100%),-50%);
    transform: translate(calc(-1px + 100%),-50%)
}

.ud__dropdown__arrow-right>.ud__dropdown__arrow__content {
    left: -70.71067812%;
    top: 14.64466094%
}

.ud__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__dropdown-placement-leftBottom,.ud__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__dropdown-placement-rightBottom,.ud__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__dropdown-placement-top,.ud__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__dropdown-placement-topCenter,.ud__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__dropdown-placement-topLeft,.ud__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__dropdown-placement-topRight,.ud__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__dropdown-placement-leftBottom,.ud__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__dropdown-placement-rightBottom,.ud__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__dropdown-placement-top,.ud__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__dropdown-placement-topCenter,.ud__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__dropdown-placement-topLeft,.ud__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__dropdown-placement-topRight {
    -webkit-animation-name: udSlideDownIn;
    animation-name: udSlideDownIn
}

.ud__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__dropdown-placement-leftBottom,.ud__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__dropdown-placement-rightBottom,.ud__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__dropdown-placement-top,.ud__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__dropdown-placement-topCenter,.ud__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__dropdown-placement-topLeft,.ud__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__dropdown-placement-topRight {
    -webkit-animation-name: udSlideDownOut;
    animation-name: udSlideDownOut
}

.ud__dropdown-button {
    box-sizing: border-box;
    white-space: nowrap;
    display: inline-flex
}

.ud__dropdown-button .ud__button:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 0
}

.ud__dropdown-button .ud__button:last-child:not(:first-child) {
    border-left-width: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ssr-cover-loader-container {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.suite-loading-docx {
    -webkit-animation: suiteLoading 1.2s linear infinite normal none running;
    animation: suiteLoading 1.2s linear infinite normal none running;
    margin: auto
}

.suite-loading-docx>circle {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    -webkit-animation: suiteLoadingCircle 1.5s ease-in-out 0s infinite normal none running;
    animation: suiteLoadingCircle 1.5s ease-in-out 0s infinite normal none running;
    stroke: var(--B500-FG);
    stroke-linecap: round
}

.ssr-cover {
    position: relative;
    background: var(--bg-filler);
    height: calc(32vh - 20.48px);
    height: calc(var(--ssrbox-height, 100vh)*0.32 - 20.48px);
    height: calc(100dvh*0.32 - 20.48px);
    height: calc(var(--ssrbox-height, 100dvh)*0.32 - 20.48px);
    max-height: 400px;
    width: 100%;
    width: var(--ssrbox-width,100%);
    overflow: hidden
}

.ssr-cover-image-container {
    width: 100%;
    height: 100%;
    position: relative
}

.ssr-cover-image-container .ssr-cover-hd-image {
    position: absolute;
    top: 0;
    left: 0
}

.ssr-cover-image-container img {
    width: 100%;
    height: 100%
}

.highlight-container-ssr {
    border-radius: 4px;
    margin-left: -2px;
    padding-left: 2px;
    margin-right: -2px;
    padding-right: 2px
}

.highlight-container-ssr .sheet-block-container {
    background-color: var(--bg-body)
}

.agenda-item-block.active .content {
    border-radius: 8px;
    background: linear-gradient(135deg,rgba(var(--B400-raw),.05),rgba(var(--I400-raw),.05) 51.04%,rgba(var(--P400-raw),.05)),var(--bg-body)
}

.agenda-item-block.active .content .line.sideline:before {
    display: block;
    background: linear-gradient(180deg,var(--B400),var(--I400) 57.81%,var(--P400));
    top: 0;
    bottom: 0
}

[data-theme=dark] .agenda-item-block.active .content {
    background: linear-gradient(135deg,rgba(var(--B400-raw),.08),rgba(var(--I400-raw),.08) 51.04%,rgba(var(--P400-raw),.08)),var(--bg-body);
    background-size: cover
}

.docx-bookmark-block-container {
    -webkit-user-select: none;
    user-select: none
}

.docx-bookmark-block .docx-block-align-left .docx-bookmark-block-inner-container,.docx-bookmark-block .docx-bookmark-block-container .docx-bookmark-block-inner-container {
    display: flex;
    justify-content: left
}

.docx-bookmark-block .docx-block-align-center .docx-bookmark-block-inner-container {
    display: flex;
    justify-content: center
}

.docx-bookmark-block .docx-block-align-right .docx-bookmark-block-inner-container {
    display: flex;
    justify-content: right
}

.docx-bookmark-block .block-comment.local-comment:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 2px;
    background: var(--ccmtoken-mindnote-highlightcolor-yellow)
}

.docx-bookmark-block .block-comment.comment-hl {
    box-shadow: none!important
}

.docx-bookmark-block .block-comment.comment-hl .docx-bookmark-wrapper {
    box-shadow: 0 0 0 1px var(--N300),0 0 0 4px var(--Y200)!important
}

.docx-bookmark-block .block-comment.comment-hl .docx-bookmark-wrapper:after {
    display: none
}

.docx-bookmark-block .docx-bookmark-wrapper {
    position: relative;
    cursor: pointer;
    border-radius: 8px
}

.docx-bookmark-block.selected .docx-bookmark-wrapper .docx-bookmark-card {
    border-color: var(--function-info-content-default)
}

.docx-bookmark-block .hovered-mask,.docx-bookmark-block .selected-mask {
    display: none!important
}

.docx-bookmark-block.vc-hover .docx-bookmark-wrapper {
    box-shadow: none
}

.docx-bookmark-block.vc-hover .docx-bookmark-card {
    border-color: var(--colorful-carmine)!important
}

@media (any-hover: hover) {
    .docx-bookmark-block:not(.selected):hover .docx-bookmark-wrapper {
        box-shadow:0 0 0 1px var(--function-info-fill-solid-03)
    }

    .docx-bookmark-block:not(.selected):hover .docx-bookmark-wrapper .docx-bookmark-card {
        border-color: var(--function-info-fill-solid-03)
    }
}

@media (any-hover: hover) {
    .docx-bookmark-block:not(.selected) .block-comment.comment-hl .docx-bookmark-wrapper:hover {
        box-shadow:0 0 0 1px var(--function-info-fill-solid-03),0 0 0 5px var(--Y200)
    }

    .docx-bookmark-block:not(.selected) .block-comment.comment-hl .docx-bookmark-wrapper:hover .docx-bookmark-card {
        border-color: var(--function-info-fill-solid-03)
    }
}

.docx-bookmark-block:not(.selected).hovered .block-comment.comment-hl .docx-bookmark-wrapper,.docx-bookmark-block:not(.selected).hovered .block-comment.local-comment .docx-bookmark-wrapper {
    box-shadow: 0 0 0 1px var(--function-info-fill-solid-03),0 0 0 5px var(--Y200)
}

.docx-bookmark-block:not(.selected).hovered .block-comment.comment-hl .docx-bookmark-wrapper .docx-bookmark-card,.docx-bookmark-block:not(.selected).hovered .block-comment.local-comment .docx-bookmark-wrapper .docx-bookmark-card {
    border-color: var(--function-info-fill-solid-03)
}

.bear-web-x-container:not(.keyboard-mode) .docx-bookmark-block.hovered:not(.selected) .docx-bookmark-wrapper {
    box-shadow: 0 0 0 1px var(--function-info-fill-solid-03)
}

.bear-web-x-container:not(.keyboard-mode) .docx-bookmark-block.hovered:not(.selected) .docx-bookmark-wrapper .docx-bookmark-card {
    border-color: var(--function-info-fill-solid-03)
}

.page-main.docx-width-mode .docx-bookmark-wrapper {
    max-width: unset
}

.docx-bookmark-cover {
    flex: 1;
    background-size: cover;
    background-position-x: center;
    border-radius: 8px 0 0 8px
}

.docx-bookmark-info {
    flex: 2;
    overflow: hidden;
    padding: 12px 16px 12px 12px
}

.docx-bookmark-detail {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 18px
}

.docx-bookmark-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-title)
}

.docx-bookmark-summary {
    font-size: 12px;
    line-height: 18px;
    color: var(--text-caption)
}

.docx-bookmark-card.column {
    flex-direction: column;
    max-width: 288px
}

.docx-bookmark-card.column .docx-bookmark-cover {
    height: 118px;
    flex: auto;
    border-radius: 6px 6px 0 0
}

.calendar-event-block-skeleton-container {
    box-shadow: var(--shadow-s1-down);
    background: var(--bg-body)
}

.adit-render-inactive .docx-block-spin,.offline-extension-selected-mask {
    display: none
}

.fallback-not-supported-share-anchor-block-view {
    border: 1px solid var(--line-border-card);
    border-radius: 5px
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title {
    display: flex;
    padding: 4px 11px 5px
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon {
    display: flex;
    width: 16px;
    height: 26px;
    justify-content: center;
    align-items: center;
    font-size: 16px
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon .color-n-500 path {
    fill: var(--N500)
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon .color-b-500 path {
    fill: var(--colorful-blue)
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon .color-i-500 path {
    fill: var(--colorful-indigo)
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon .color-w-500 path {
    fill: var(--colorful-wathet)
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon .color-o-500 path {
    fill: var(--colorful-orange)
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon .color-g-500 path {
    fill: var(--colorful-green)
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon .color-y-500 path {
    fill: var(--colorful-yellow)
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon .color-r-500 path {
    fill: var(--colorful-red)
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon .color-t-500 path {
    fill: var(--colorful-turquoise)
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon .color-v-500 path {
    fill: var(--colorful-violet)
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon .color-b-600 path {
    fill: var(--B600)
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon .colorful-indigo path {
    color: var(--colorful-indigo)
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon .color-bitable-brand path {
    color: var(--ccmtoken-color-bitable-brand)
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon .color-template-more path {
    color: var(--icon-n2)
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon .color-indigo-500 path {
    fill: var(--I500)
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon .color-primary-content path {
    fill: var(--primary-content-default)
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon_jira_filter,.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon img {
    width: 16px;
    height: 16px
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_text {
    font-size: 14px;
    line-height: 26px;
    padding-left: 6px;
    color: var(--icon-n1)
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_content {
    text-align: center;
    padding: 12px 12px 27px
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_content .fallback-not-supported-share-anchor-block-view_content_icon {
    width: 80px
}

.fallback-not-supported-share-anchor-block-view .fallback-not-supported-share-anchor-block-view_content .fallback-not-supported-share-anchor-block-view_content_text {
    margin-top: 8px;
    font-size: 14px;
    line-height: 26px;
    color: var(--text-caption)
}

.fallback-not-supported-share-anchor-block-view.common-shortcut-not-support-placeholder {
    width: calc(100% + 16px);
    margin-left: -8px;
    margin-right: -8px;
    border-radius: 10px
}

@media screen and (min-width: 540px) {
    .fallback-not-supported-share-anchor-block-view.common-shortcut-not-support-placeholder {
        height:300px
    }

    .fallback-not-supported-share-anchor-block-view.common-shortcut-not-support-placeholder .fallback-not-supported-share-anchor-block-view_content {
        padding: 40px 12px 27px
    }
}

@media screen and (min-width: 640px) {
    .fallback-not-supported-share-anchor-block-view.common-shortcut-not-support-placeholder {
        height:350px
    }

    .fallback-not-supported-share-anchor-block-view.common-shortcut-not-support-placeholder .fallback-not-supported-share-anchor-block-view_content {
        padding: 65px 12px 27px
    }
}

@media screen and (min-width: 820px) {
    .fallback-not-supported-share-anchor-block-view.common-shortcut-not-support-placeholder {
        height:492px
    }

    .fallback-not-supported-share-anchor-block-view.common-shortcut-not-support-placeholder .fallback-not-supported-share-anchor-block-view_content {
        padding: 97px 12px 27px
    }
}

.fallback-not-supported-share-anchor-block-view.common-shortcut-not-support-placeholder .fallback-not-supported-share-anchor-block-view_title {
    display: flex;
    padding: 16px 0 6px 16px
}

.fallback-not-supported-share-anchor-block-view.common-shortcut-not-support-placeholder .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon {
    width: 22px
}

.fallback-not-supported-share-anchor-block-view.common-shortcut-not-support-placeholder .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon_jira_filter,.fallback-not-supported-share-anchor-block-view.common-shortcut-not-support-placeholder .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_icon img {
    width: 22px;
    height: 22px
}

.fallback-not-supported-share-anchor-block-view.common-shortcut-not-support-placeholder .fallback-not-supported-share-anchor-block-view_title .fallback-not-supported-share-anchor-block-view_title_text {
    padding-left: 8px;
    font-size: 20px;
    line-height: 24px
}

.fallback-not-supported-share-anchor-block-view.common-shortcut-not-support-placeholder .fallback-not-supported-share-anchor-block-view_content {
    text-align: center
}

.fallback-not-supported-share-anchor-block-view.common-shortcut-not-support-placeholder .fallback-not-supported-share-anchor-block-view_content .fallback-not-supported-share-anchor-block-view_content_icon {
    width: 90px
}

.fallback-not-supported-share-anchor-block-view.common-shortcut-not-support-placeholder .fallback-not-supported-share-anchor-block-view_content .fallback-not-supported-share-anchor-block-view_content_text {
    margin-top: 10px;
    font-size: 20px;
    line-height: 28px;
    color: var(--text-caption)
}

.ps {
    overflow: hidden!important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    height: 15px;
    bottom: 0
}

.ps__rail-x,.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear,opacity .2s linear;
    -webkit-transition: background-color .2s linear,opacity .2s linear;
    position: absolute
}

.ps__rail-y {
    width: 15px;
    right: 0
}

.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y {
    display: block;
    background-color: initial
}

.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x {
    transition: background-color .2s linear,height .2s ease-in-out;
    -webkit-transition: background-color .2s linear,height .2s ease-in-out;
    height: 6px;
    bottom: 2px
}

.ps__thumb-x,.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    position: absolute
}

.ps__thumb-y {
    transition: background-color .2s linear,width .2s ease-in-out;
    -webkit-transition: background-color .2s linear,width .2s ease-in-out;
    width: 6px;
    right: 2px
}

.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style: none) {
    .ps {
        overflow:auto!important
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .ps {
        overflow: auto!important
    }
}

.uog72u3 {
    padding-right: 8px
}

.ud__popover {
    box-sizing: border-box;
    position: absolute;
    left: -9999px;
    top: -9999px;
    z-index: 1030;
    max-width: 420px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.ud__popover-no-entry {
    pointer-events: none
}

.ud__popover-hidden {
    display: none
}

.ud__popover__arrow,.ud__popover__arrow__content {
    position: absolute;
    box-sizing: border-box
}

.ud__popover__arrow__content {
    display: block;
    content: "";
    border: 1px solid var(--line-border-card);
    background: var(--bg-float);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.ud__popover__arrow-top {
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%,calc(1px - 100%));
    transform: translate(-50%,calc(1px - 100%))
}

.ud__popover__arrow-top>.ud__popover__arrow__content {
    left: 14.64466094%;
    top: 29.28932188%
}

.ud__popover__arrow-bottom {
    bottom: 0;
    left: 0;
    -webkit-transform: translate(-50%,calc(-1px + 100%));
    transform: translate(-50%,calc(-1px + 100%))
}

.ud__popover__arrow-bottom>.ud__popover__arrow__content {
    left: 14.64466094%;
    top: -70.71067812%
}

.ud__popover__arrow-left {
    top: 0;
    left: 0;
    -webkit-transform: translate(calc(1px - 100%),-50%);
    transform: translate(calc(1px - 100%),-50%)
}

.ud__popover__arrow-left>.ud__popover__arrow__content {
    left: 29.28932188%;
    top: 14.64466094%
}

.ud__popover__arrow-right {
    top: 0;
    right: 0;
    -webkit-transform: translate(calc(-1px + 100%),-50%);
    transform: translate(calc(-1px + 100%),-50%)
}

.ud__popover__arrow-right>.ud__popover__arrow__content {
    left: -70.71067812%;
    top: 14.64466094%
}

.ud__popover__arrow__streamline__content {
    fill: var(--bg-float);
    stroke: var(--line-border-card)
}

.ud__popover__invalid-children-wrapper {
    box-sizing: border-box;
    display: inline-block
}

.ud__popover-content {
    min-width: 30px;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-title);
    text-align: left;
    text-decoration: none;
    word-wrap: break-word;
    background-color: var(--bg-float);
    border-radius: 8px;
    box-shadow: var(--shadow-s4-down);
    box-sizing: border-box;
    border: 1px solid var(--line-border-card);
    position: relative;
    overflow: hidden
}

.ud__popover--mode-loose .ud__popover-content {
    padding: 20px 24px
}

.ud__popover--mode-pure .ud__popover-content {
    padding: 0
}

.ud__popover__overlay-title+.ud__popover__overlay-content {
    margin-top: 4px
}

.ud__popover__overlay-content {
    box-sizing: border-box;
    overflow: hidden
}

.ud__popover-icon-success {
    color: var(--function-success-content-default)
}

.ud__popover-icon-warning {
    color: var(--function-warning-fill-default)
}

.ud__popover-icon-info {
    color: var(--function-info-content-default)
}

.ud__popover-icon-error {
    color: var(--function-danger-content-default)
}

.block.selected .text-children .editor-kit-code-block.code-fold-block .code-line-wrapper:before {
    background-color: initial
}

.docx-code-block {
    transition: none!important
}

.docx-code-block ::selection {
    color: inherit
}

.docx-code-block .editor-kit-code-block {
    border-radius: 8px
}

.docx-code-block .editor-kit-code-block .code-block-header-toolbar .code-dropdown {
    position: relative;
    top: 0;
    left: 0
}

.docx-code-block.hovered:not(.selected) .editor-kit-code-block {
    border: 1px solid var(--B200);
    box-shadow: 0 0 0 1px var(--B200);
    background-color: initial;
    border-radius: 8px
}

.docx-code-block.hovered:not(.selected) .editor-kit-code-block .code-block-line {
    background-color: initial
}

.docx-code-block.selected {
    border: 0
}

.docx-code-block.selected .editor-kit-code-block {
    border-color: var(--text-link-hover);
    background-color: var(--bg-body-overlay);
    border-radius: 8px
}

.docx-code-block.selected .selected-mask {
    z-index: 10
}

.docx-code-block.dragging {
    border-radius: 8px
}

.docx-code-block.vc-hover .editor-kit-code-block {
    border-color: var(--colorful-carmine);
    border-radius: 8px
}

.docx-code-block .code-line-wrapper {
    caret-color: var(--N800)
}

.docx-code-block .code-line-wrapper .textHighlight {
    caret-color: auto
}

.docx-code-block .code-block-header .ud__button--size-md {
    min-width: unset;
    white-space: nowrap
}

.docx-code-block .hljs-class .hljs-title,.docx-code-block .hljs-title {
    color: #4078f2!important
}

.docx-code-block .code-block-header-btn>span {
    font-size: 14px
}

.docx-code-block.hovered .code-block-content:before {
    background-color: initial!important;
    border-bottom-color: transparent!important
}

.docx-code-block .block-flash-mask,.docx-code-block .text-flash-mask {
    z-index: 999!important;
    overflow: hidden
}

.docx-code-block .code-block-loading-container {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    z-index: 10
}

.docx-code-block .code-block-default-loading {
    position: relative;
    height: 220px
}

.docx-code-block .code-block-container-loading {
    position: relative;
    height: 0!important;
    border: none;
    visibility: hidden;
    overflow: hidden
}

.docx-code-block-container .code-block-resize:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1
}

.docx-code-block-container .code-block-resize.resizable:hover:before,.docx-code-block-container .code-block-resize.resizing:before {
    border: 1px solid var(--primary-pri-500);
    border-radius: 8px
}

.docx-code-block-container .code-block-resize.resizable .draggable-btn {
    width: 60px
}

.docx-code-block-container .code-block-resize.resizable .draggable-btn.bottom {
    height: 10px;
    bottom: -5px
}

.docx-code-block-container .code-block-resize.resizable .draggable-btn:after {
    background-color: var(--N400);
    width: 60px;
    height: 8px;
    border: none;
    border-radius: 12px
}

.docx-code-block-container .code-block-resize.resizable.resizing .draggable-btn {
    display: flex
}

.docx-code-block-container .code-fold-block {
    padding-bottom: 2px!important
}

.docx-code-block-container .code-fold-block.editor-kit-code-block .code-block-header-toolbar {
    flex: 0 1 auto
}

.fold-wrapper.docx-code-block-container .code-fold-block:not(.code-mobile-block):hover svg,.fold-wrapper.docx-code-block-container .code-fold-block:not(.code-mobile-block):hover svg path {
    fill: var(--B500-FG)
}

.docx-code-block-container .code-fold-block .code-block-header,.docx-code-block-container .code-fold-block .ignore-dom {
    -webkit-user-select: auto!important;
    user-select: auto!important
}

.docx-code-block-container .code-fold-block .fold-wrapper {
    left: 3px!important;
    top: 7px!important
}

.docx-code-block-container .code-fold-block .code-block-content {
    padding-left: 0!important;
    max-height: 1958px
}

.docx-code-block-container .code-fold-block.code-is-pdf .code-block-content {
    max-height: none
}

.docx-code-block-container .code-fold-block .code-block-content::-webkit-scrollbar {
    display: inherit!important
}

.docx-code-block-container .code-block-header {
    align-items: center
}

.docx-code-block-container .code-block-caption {
    overflow: hidden;
    flex: 1
}

.docx-code-block-container .code-block-caption .caption-editor-area {
    margin-top: 0
}

.docx-code-block-container .code-block-caption .caption-editor-area .zone-container {
    overflow-x: scroll;
    min-width: 50px;
    height: 30px;
    line-height: 30px;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.docx-code-block-container .code-block-caption .caption-editor-area .zone-container::-webkit-scrollbar {
    width: 0;
    height: 0
}

.docx-code-block-container .code-block-caption .caption-editor-area .zone-container::-webkit-scrollbar-thumb,.docx-code-block-container .code-block-caption .caption-editor-area .zone-container::-webkit-scrollbar-track {
    background: transparent
}

.docx-code-block-container .code-block-caption .caption-editor-area .zone-container .ace-line {
    white-space: nowrap!important
}

.docx-code-block-container .code-block-caption .caption-editor-area .zone-container:not(.caption-editor-active) .ace-line {
    text-overflow: ellipsis;
    overflow: hidden
}

.docx-history-container .editor-kit-code-block .fold-wrapper {
    cursor: auto
}

.docx-history-container .editor-kit-code-block .fold-wrapper:active .fold-btn {
    background-color: initial
}

.docx-history-container .code-line-wrapper .code-block-fold-controller.history-block-fold-controller {
    height: 24px;
    color: var(--history-block-text-color);
    background-color: var(--history-block-background-color);
    border-bottom: 2px solid var(--history-block-text-color);
    border-radius: 4px 4px 0 0
}

.bear-web-x-container .ios .docx-image-block+.docx-code-block {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.mobile .docx-code-block .editor-kit-code-block,.mobile .docx-code-block .editor-kit-code-block .code-block-header-btn>span,.mobile .docx-code-block .editor-kit-code-block .code-copy>span {
    font-size: calc(var(--docx-base-font-size)*14/16)
}

.mobile .docx-code-block .editor-kit-code-block .code-copy>svg {
    -webkit-transform: scale(calc(var(--docx-base-font-size-without-unit)/16));
    transform: scale(calc(var(--docx-base-font-size-without-unit)/16))
}

.mobile .docx-code-block .editor-kit-code-block .code-block-content,.mobile .docx-code-block .editor-kit-code-block .code-block-content .code-block-zone-container {
    line-height: calc(var(--docx-base-font-size)*22/16)!important
}

.mobile .docx-code-block .code-block-fold-indicator {
    top: 0!important
}

.code-block__lang-picker .ud__menu {
    overflow: hidden
}

.presentation-mode.pagination .code-block-header .fold-wrapper {
    display: none
}

.presentation-mode.pagination .code-block-header .code-block-caption {
    margin-left: 0
}

.progress-circle {
    width: 16px;
    height: 16px;
    background-color: var(--ccmtoken-doc-highlightcolor-neutral-solid);
    border-radius: 50%;
    position: relative
}

.progress-circle .circle .fill,.progress-circle .circle .mask {
    width: 16px;
    height: 16px;
    position: absolute;
    transition: -webkit-transform .1s ease-in;
    transition: transform .1s ease-in;
    transition: transform .1s ease-in,-webkit-transform .1s ease-in;
    border-radius: 50%
}

.progress-circle .circle .mask {
    clip: rect(0,16px,16px,8px)
}

.progress-circle .circle .mask .fill {
    clip: rect(0,8px,16px,0);
    background-color: var(--text-link-hover)
}

.progress-circle .inset {
    width: 12px;
    height: 12px;
    position: absolute;
    margin-left: 2px;
    margin-top: 2px;
    background-color: var(--bg-body);
    border-radius: 50%
}

.progress-circle[data-progress="0"] .circle .fill,.progress-circle[data-progress="0"] .circle .fill.fix,.progress-circle[data-progress="0"] .circle .mask.full {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.progress-circle[data-progress="1"] .circle .fill,.progress-circle[data-progress="1"] .circle .mask.full {
    -webkit-transform: rotate(1.8deg);
    transform: rotate(1.8deg)
}

.progress-circle[data-progress="1"] .circle .fill.fix,.progress-circle[data-progress="2"] .circle .fill,.progress-circle[data-progress="2"] .circle .mask.full {
    -webkit-transform: rotate(3.6deg);
    transform: rotate(3.6deg)
}

.progress-circle[data-progress="2"] .circle .fill.fix {
    -webkit-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.progress-circle[data-progress="3"] .circle .fill,.progress-circle[data-progress="3"] .circle .mask.full {
    -webkit-transform: rotate(5.4deg);
    transform: rotate(5.4deg)
}

.progress-circle[data-progress="3"] .circle .fill.fix {
    -webkit-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.progress-circle[data-progress="4"] .circle .fill,.progress-circle[data-progress="4"] .circle .mask.full {
    -webkit-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.progress-circle[data-progress="4"] .circle .fill.fix {
    -webkit-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.progress-circle[data-progress="5"] .circle .fill,.progress-circle[data-progress="5"] .circle .mask.full {
    -webkit-transform: rotate(9deg);
    transform: rotate(9deg)
}

.progress-circle[data-progress="5"] .circle .fill.fix {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg)
}

.progress-circle[data-progress="6"] .circle .fill,.progress-circle[data-progress="6"] .circle .mask.full {
    -webkit-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.progress-circle[data-progress="6"] .circle .fill.fix {
    -webkit-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.progress-circle[data-progress="7"] .circle .fill,.progress-circle[data-progress="7"] .circle .mask.full {
    -webkit-transform: rotate(12.6deg);
    transform: rotate(12.6deg)
}

.progress-circle[data-progress="7"] .circle .fill.fix {
    -webkit-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.progress-circle[data-progress="8"] .circle .fill,.progress-circle[data-progress="8"] .circle .mask.full {
    -webkit-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.progress-circle[data-progress="8"] .circle .fill.fix {
    -webkit-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.progress-circle[data-progress="9"] .circle .fill,.progress-circle[data-progress="9"] .circle .mask.full {
    -webkit-transform: rotate(16.2deg);
    transform: rotate(16.2deg)
}

.progress-circle[data-progress="9"] .circle .fill.fix {
    -webkit-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.progress-circle[data-progress="10"] .circle .fill,.progress-circle[data-progress="10"] .circle .mask.full {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg)
}

.progress-circle[data-progress="10"] .circle .fill.fix {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg)
}

.progress-circle[data-progress="11"] .circle .fill,.progress-circle[data-progress="11"] .circle .mask.full {
    -webkit-transform: rotate(19.8deg);
    transform: rotate(19.8deg)
}

.progress-circle[data-progress="11"] .circle .fill.fix {
    -webkit-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.progress-circle[data-progress="12"] .circle .fill,.progress-circle[data-progress="12"] .circle .mask.full {
    -webkit-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.progress-circle[data-progress="12"] .circle .fill.fix {
    -webkit-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.progress-circle[data-progress="13"] .circle .fill,.progress-circle[data-progress="13"] .circle .mask.full {
    -webkit-transform: rotate(23.4deg);
    transform: rotate(23.4deg)
}

.progress-circle[data-progress="13"] .circle .fill.fix {
    -webkit-transform: rotate(46.8deg);
    transform: rotate(46.8deg)
}

.progress-circle[data-progress="14"] .circle .fill,.progress-circle[data-progress="14"] .circle .mask.full {
    -webkit-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.progress-circle[data-progress="14"] .circle .fill.fix {
    -webkit-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.progress-circle[data-progress="15"] .circle .fill,.progress-circle[data-progress="15"] .circle .mask.full {
    -webkit-transform: rotate(27deg);
    transform: rotate(27deg)
}

.progress-circle[data-progress="15"] .circle .fill.fix {
    -webkit-transform: rotate(54deg);
    transform: rotate(54deg)
}

.progress-circle[data-progress="16"] .circle .fill,.progress-circle[data-progress="16"] .circle .mask.full {
    -webkit-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.progress-circle[data-progress="16"] .circle .fill.fix {
    -webkit-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.progress-circle[data-progress="17"] .circle .fill,.progress-circle[data-progress="17"] .circle .mask.full {
    -webkit-transform: rotate(30.6deg);
    transform: rotate(30.6deg)
}

.progress-circle[data-progress="17"] .circle .fill.fix {
    -webkit-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.progress-circle[data-progress="18"] .circle .fill,.progress-circle[data-progress="18"] .circle .mask.full {
    -webkit-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.progress-circle[data-progress="18"] .circle .fill.fix {
    -webkit-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.progress-circle[data-progress="19"] .circle .fill,.progress-circle[data-progress="19"] .circle .mask.full {
    -webkit-transform: rotate(34.2deg);
    transform: rotate(34.2deg)
}

.progress-circle[data-progress="19"] .circle .fill.fix {
    -webkit-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.progress-circle[data-progress="20"] .circle .fill,.progress-circle[data-progress="20"] .circle .mask.full {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg)
}

.progress-circle[data-progress="20"] .circle .fill.fix {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg)
}

.progress-circle[data-progress="21"] .circle .fill,.progress-circle[data-progress="21"] .circle .mask.full {
    -webkit-transform: rotate(37.8deg);
    transform: rotate(37.8deg)
}

.progress-circle[data-progress="21"] .circle .fill.fix {
    -webkit-transform: rotate(75.6deg);
    transform: rotate(75.6deg)
}

.progress-circle[data-progress="22"] .circle .fill,.progress-circle[data-progress="22"] .circle .mask.full {
    -webkit-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.progress-circle[data-progress="22"] .circle .fill.fix {
    -webkit-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.progress-circle[data-progress="23"] .circle .fill,.progress-circle[data-progress="23"] .circle .mask.full {
    -webkit-transform: rotate(41.4deg);
    transform: rotate(41.4deg)
}

.progress-circle[data-progress="23"] .circle .fill.fix {
    -webkit-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.progress-circle[data-progress="24"] .circle .fill,.progress-circle[data-progress="24"] .circle .mask.full {
    -webkit-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.progress-circle[data-progress="24"] .circle .fill.fix {
    -webkit-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.progress-circle[data-progress="25"] .circle .fill,.progress-circle[data-progress="25"] .circle .mask.full {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.progress-circle[data-progress="25"] .circle .fill.fix {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.progress-circle[data-progress="26"] .circle .fill,.progress-circle[data-progress="26"] .circle .mask.full {
    -webkit-transform: rotate(46.8deg);
    transform: rotate(46.8deg)
}

.progress-circle[data-progress="26"] .circle .fill.fix {
    -webkit-transform: rotate(93.6deg);
    transform: rotate(93.6deg)
}

.progress-circle[data-progress="27"] .circle .fill,.progress-circle[data-progress="27"] .circle .mask.full {
    -webkit-transform: rotate(48.6deg);
    transform: rotate(48.6deg)
}

.progress-circle[data-progress="27"] .circle .fill.fix {
    -webkit-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.progress-circle[data-progress="28"] .circle .fill,.progress-circle[data-progress="28"] .circle .mask.full {
    -webkit-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.progress-circle[data-progress="28"] .circle .fill.fix {
    -webkit-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.progress-circle[data-progress="29"] .circle .fill,.progress-circle[data-progress="29"] .circle .mask.full {
    -webkit-transform: rotate(52.2deg);
    transform: rotate(52.2deg)
}

.progress-circle[data-progress="29"] .circle .fill.fix {
    -webkit-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.progress-circle[data-progress="30"] .circle .fill,.progress-circle[data-progress="30"] .circle .mask.full {
    -webkit-transform: rotate(54deg);
    transform: rotate(54deg)
}

.progress-circle[data-progress="30"] .circle .fill.fix {
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg)
}

.progress-circle[data-progress="31"] .circle .fill,.progress-circle[data-progress="31"] .circle .mask.full {
    -webkit-transform: rotate(55.8deg);
    transform: rotate(55.8deg)
}

.progress-circle[data-progress="31"] .circle .fill.fix {
    -webkit-transform: rotate(.31turn);
    transform: rotate(.31turn)
}

.progress-circle[data-progress="32"] .circle .fill,.progress-circle[data-progress="32"] .circle .mask.full {
    -webkit-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.progress-circle[data-progress="32"] .circle .fill.fix {
    -webkit-transform: rotate(.32turn);
    transform: rotate(.32turn)
}

.progress-circle[data-progress="33"] .circle .fill,.progress-circle[data-progress="33"] .circle .mask.full {
    -webkit-transform: rotate(59.4deg);
    transform: rotate(59.4deg)
}

.progress-circle[data-progress="33"] .circle .fill.fix {
    -webkit-transform: rotate(.33turn);
    transform: rotate(.33turn)
}

.progress-circle[data-progress="34"] .circle .fill,.progress-circle[data-progress="34"] .circle .mask.full {
    -webkit-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.progress-circle[data-progress="34"] .circle .fill.fix {
    -webkit-transform: rotate(.34turn);
    transform: rotate(.34turn)
}

.progress-circle[data-progress="35"] .circle .fill,.progress-circle[data-progress="35"] .circle .mask.full {
    -webkit-transform: rotate(63deg);
    transform: rotate(63deg)
}

.progress-circle[data-progress="35"] .circle .fill.fix {
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg)
}

.progress-circle[data-progress="36"] .circle .fill,.progress-circle[data-progress="36"] .circle .mask.full {
    -webkit-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.progress-circle[data-progress="36"] .circle .fill.fix {
    -webkit-transform: rotate(.36turn);
    transform: rotate(.36turn)
}

.progress-circle[data-progress="37"] .circle .fill,.progress-circle[data-progress="37"] .circle .mask.full {
    -webkit-transform: rotate(66.6deg);
    transform: rotate(66.6deg)
}

.progress-circle[data-progress="37"] .circle .fill.fix {
    -webkit-transform: rotate(.37turn);
    transform: rotate(.37turn)
}

.progress-circle[data-progress="38"] .circle .fill,.progress-circle[data-progress="38"] .circle .mask.full {
    -webkit-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.progress-circle[data-progress="38"] .circle .fill.fix {
    -webkit-transform: rotate(.38turn);
    transform: rotate(.38turn)
}

.progress-circle[data-progress="39"] .circle .fill,.progress-circle[data-progress="39"] .circle .mask.full {
    -webkit-transform: rotate(70.2deg);
    transform: rotate(70.2deg)
}

.progress-circle[data-progress="39"] .circle .fill.fix {
    -webkit-transform: rotate(.39turn);
    transform: rotate(.39turn)
}

.progress-circle[data-progress="40"] .circle .fill,.progress-circle[data-progress="40"] .circle .mask.full {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg)
}

.progress-circle[data-progress="40"] .circle .fill.fix {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg)
}

.progress-circle[data-progress="41"] .circle .fill,.progress-circle[data-progress="41"] .circle .mask.full {
    -webkit-transform: rotate(73.8deg);
    transform: rotate(73.8deg)
}

.progress-circle[data-progress="41"] .circle .fill.fix {
    -webkit-transform: rotate(.41turn);
    transform: rotate(.41turn)
}

.progress-circle[data-progress="42"] .circle .fill,.progress-circle[data-progress="42"] .circle .mask.full {
    -webkit-transform: rotate(75.6deg);
    transform: rotate(75.6deg)
}

.progress-circle[data-progress="42"] .circle .fill.fix {
    -webkit-transform: rotate(.42turn);
    transform: rotate(.42turn)
}

.progress-circle[data-progress="43"] .circle .fill,.progress-circle[data-progress="43"] .circle .mask.full {
    -webkit-transform: rotate(77.4deg);
    transform: rotate(77.4deg)
}

.progress-circle[data-progress="43"] .circle .fill.fix {
    -webkit-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.progress-circle[data-progress="44"] .circle .fill,.progress-circle[data-progress="44"] .circle .mask.full {
    -webkit-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.progress-circle[data-progress="44"] .circle .fill.fix {
    -webkit-transform: rotate(.44turn);
    transform: rotate(.44turn)
}

.progress-circle[data-progress="45"] .circle .fill,.progress-circle[data-progress="45"] .circle .mask.full {
    -webkit-transform: rotate(81deg);
    transform: rotate(81deg)
}

.progress-circle[data-progress="45"] .circle .fill.fix {
    -webkit-transform: rotate(162deg);
    transform: rotate(162deg)
}

.progress-circle[data-progress="46"] .circle .fill,.progress-circle[data-progress="46"] .circle .mask.full {
    -webkit-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.progress-circle[data-progress="46"] .circle .fill.fix {
    -webkit-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.progress-circle[data-progress="47"] .circle .fill,.progress-circle[data-progress="47"] .circle .mask.full {
    -webkit-transform: rotate(84.6deg);
    transform: rotate(84.6deg)
}

.progress-circle[data-progress="47"] .circle .fill.fix {
    -webkit-transform: rotate(.47turn);
    transform: rotate(.47turn)
}

.progress-circle[data-progress="48"] .circle .fill,.progress-circle[data-progress="48"] .circle .mask.full {
    -webkit-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.progress-circle[data-progress="48"] .circle .fill.fix {
    -webkit-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.progress-circle[data-progress="49"] .circle .fill,.progress-circle[data-progress="49"] .circle .mask.full {
    -webkit-transform: rotate(88.2deg);
    transform: rotate(88.2deg)
}

.progress-circle[data-progress="49"] .circle .fill.fix {
    -webkit-transform: rotate(.49turn);
    transform: rotate(.49turn)
}

.progress-circle[data-progress="50"] .circle .fill,.progress-circle[data-progress="50"] .circle .mask.full {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.progress-circle[data-progress="50"] .circle .fill.fix {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.progress-circle[data-progress="51"] .circle .fill,.progress-circle[data-progress="51"] .circle .mask.full {
    -webkit-transform: rotate(91.8deg);
    transform: rotate(91.8deg)
}

.progress-circle[data-progress="51"] .circle .fill.fix {
    -webkit-transform: rotate(.51turn);
    transform: rotate(.51turn)
}

.progress-circle[data-progress="52"] .circle .fill,.progress-circle[data-progress="52"] .circle .mask.full {
    -webkit-transform: rotate(93.6deg);
    transform: rotate(93.6deg)
}

.progress-circle[data-progress="52"] .circle .fill.fix {
    -webkit-transform: rotate(.52turn);
    transform: rotate(.52turn)
}

.progress-circle[data-progress="53"] .circle .fill,.progress-circle[data-progress="53"] .circle .mask.full {
    -webkit-transform: rotate(95.4deg);
    transform: rotate(95.4deg)
}

.progress-circle[data-progress="53"] .circle .fill.fix {
    -webkit-transform: rotate(.53turn);
    transform: rotate(.53turn)
}

.progress-circle[data-progress="54"] .circle .fill,.progress-circle[data-progress="54"] .circle .mask.full {
    -webkit-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.progress-circle[data-progress="54"] .circle .fill.fix {
    -webkit-transform: rotate(.54turn);
    transform: rotate(.54turn)
}

.progress-circle[data-progress="55"] .circle .fill,.progress-circle[data-progress="55"] .circle .mask.full {
    -webkit-transform: rotate(99deg);
    transform: rotate(99deg)
}

.progress-circle[data-progress="55"] .circle .fill.fix {
    -webkit-transform: rotate(198deg);
    transform: rotate(198deg)
}

.progress-circle[data-progress="56"] .circle .fill,.progress-circle[data-progress="56"] .circle .mask.full {
    -webkit-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.progress-circle[data-progress="56"] .circle .fill.fix {
    -webkit-transform: rotate(201.6deg);
    transform: rotate(201.6deg)
}

.progress-circle[data-progress="57"] .circle .fill,.progress-circle[data-progress="57"] .circle .mask.full {
    -webkit-transform: rotate(102.6deg);
    transform: rotate(102.6deg)
}

.progress-circle[data-progress="57"] .circle .fill.fix {
    -webkit-transform: rotate(.57turn);
    transform: rotate(.57turn)
}

.progress-circle[data-progress="58"] .circle .fill,.progress-circle[data-progress="58"] .circle .mask.full {
    -webkit-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.progress-circle[data-progress="58"] .circle .fill.fix {
    -webkit-transform: rotate(208.8deg);
    transform: rotate(208.8deg)
}

.progress-circle[data-progress="59"] .circle .fill,.progress-circle[data-progress="59"] .circle .mask.full {
    -webkit-transform: rotate(106.2deg);
    transform: rotate(106.2deg)
}

.progress-circle[data-progress="59"] .circle .fill.fix {
    -webkit-transform: rotate(.59turn);
    transform: rotate(.59turn)
}

.progress-circle[data-progress="60"] .circle .fill,.progress-circle[data-progress="60"] .circle .mask.full {
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg)
}

.progress-circle[data-progress="60"] .circle .fill.fix {
    -webkit-transform: rotate(216deg);
    transform: rotate(216deg)
}

.progress-circle[data-progress="61"] .circle .fill,.progress-circle[data-progress="61"] .circle .mask.full {
    -webkit-transform: rotate(109.8deg);
    transform: rotate(109.8deg)
}

.progress-circle[data-progress="61"] .circle .fill.fix {
    -webkit-transform: rotate(.61turn);
    transform: rotate(.61turn)
}

.progress-circle[data-progress="62"] .circle .fill,.progress-circle[data-progress="62"] .circle .mask.full {
    -webkit-transform: rotate(.31turn);
    transform: rotate(.31turn)
}

.progress-circle[data-progress="62"] .circle .fill.fix {
    -webkit-transform: rotate(.62turn);
    transform: rotate(.62turn)
}

.progress-circle[data-progress="63"] .circle .fill,.progress-circle[data-progress="63"] .circle .mask.full {
    -webkit-transform: rotate(113.4deg);
    transform: rotate(113.4deg)
}

.progress-circle[data-progress="63"] .circle .fill.fix {
    -webkit-transform: rotate(.63turn);
    transform: rotate(.63turn)
}

.progress-circle[data-progress="64"] .circle .fill,.progress-circle[data-progress="64"] .circle .mask.full {
    -webkit-transform: rotate(.32turn);
    transform: rotate(.32turn)
}

.progress-circle[data-progress="64"] .circle .fill.fix {
    -webkit-transform: rotate(.64turn);
    transform: rotate(.64turn)
}

.progress-circle[data-progress="65"] .circle .fill,.progress-circle[data-progress="65"] .circle .mask.full {
    -webkit-transform: rotate(117deg);
    transform: rotate(117deg)
}

.progress-circle[data-progress="65"] .circle .fill.fix {
    -webkit-transform: rotate(234deg);
    transform: rotate(234deg)
}

.progress-circle[data-progress="66"] .circle .fill,.progress-circle[data-progress="66"] .circle .mask.full {
    -webkit-transform: rotate(.33turn);
    transform: rotate(.33turn)
}

.progress-circle[data-progress="66"] .circle .fill.fix {
    -webkit-transform: rotate(.66turn);
    transform: rotate(.66turn)
}

.progress-circle[data-progress="67"] .circle .fill,.progress-circle[data-progress="67"] .circle .mask.full {
    -webkit-transform: rotate(120.6deg);
    transform: rotate(120.6deg)
}

.progress-circle[data-progress="67"] .circle .fill.fix {
    -webkit-transform: rotate(241.2deg);
    transform: rotate(241.2deg)
}

.progress-circle[data-progress="68"] .circle .fill,.progress-circle[data-progress="68"] .circle .mask.full {
    -webkit-transform: rotate(.34turn);
    transform: rotate(.34turn)
}

.progress-circle[data-progress="68"] .circle .fill.fix {
    -webkit-transform: rotate(.68turn);
    transform: rotate(.68turn)
}

.progress-circle[data-progress="69"] .circle .fill,.progress-circle[data-progress="69"] .circle .mask.full {
    -webkit-transform: rotate(124.2deg);
    transform: rotate(124.2deg)
}

.progress-circle[data-progress="69"] .circle .fill.fix {
    -webkit-transform: rotate(248.4deg);
    transform: rotate(248.4deg)
}

.progress-circle[data-progress="70"] .circle .fill,.progress-circle[data-progress="70"] .circle .mask.full {
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg)
}

.progress-circle[data-progress="70"] .circle .fill.fix {
    -webkit-transform: rotate(252deg);
    transform: rotate(252deg)
}

.progress-circle[data-progress="71"] .circle .fill,.progress-circle[data-progress="71"] .circle .mask.full {
    -webkit-transform: rotate(127.8deg);
    transform: rotate(127.8deg)
}

.progress-circle[data-progress="71"] .circle .fill.fix {
    -webkit-transform: rotate(.71turn);
    transform: rotate(.71turn)
}

.progress-circle[data-progress="72"] .circle .fill,.progress-circle[data-progress="72"] .circle .mask.full {
    -webkit-transform: rotate(.36turn);
    transform: rotate(.36turn)
}

.progress-circle[data-progress="72"] .circle .fill.fix {
    -webkit-transform: rotate(.72turn);
    transform: rotate(.72turn)
}

.progress-circle[data-progress="73"] .circle .fill,.progress-circle[data-progress="73"] .circle .mask.full {
    -webkit-transform: rotate(131.4deg);
    transform: rotate(131.4deg)
}

.progress-circle[data-progress="73"] .circle .fill.fix {
    -webkit-transform: rotate(.73turn);
    transform: rotate(.73turn)
}

.progress-circle[data-progress="74"] .circle .fill,.progress-circle[data-progress="74"] .circle .mask.full {
    -webkit-transform: rotate(.37turn);
    transform: rotate(.37turn)
}

.progress-circle[data-progress="74"] .circle .fill.fix {
    -webkit-transform: rotate(.74turn);
    transform: rotate(.74turn)
}

.progress-circle[data-progress="75"] .circle .fill,.progress-circle[data-progress="75"] .circle .mask.full {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.progress-circle[data-progress="75"] .circle .fill.fix {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.progress-circle[data-progress="76"] .circle .fill,.progress-circle[data-progress="76"] .circle .mask.full {
    -webkit-transform: rotate(.38turn);
    transform: rotate(.38turn)
}

.progress-circle[data-progress="76"] .circle .fill.fix {
    -webkit-transform: rotate(.76turn);
    transform: rotate(.76turn)
}

.progress-circle[data-progress="77"] .circle .fill,.progress-circle[data-progress="77"] .circle .mask.full {
    -webkit-transform: rotate(138.6deg);
    transform: rotate(138.6deg)
}

.progress-circle[data-progress="77"] .circle .fill.fix {
    -webkit-transform: rotate(.77turn);
    transform: rotate(.77turn)
}

.progress-circle[data-progress="78"] .circle .fill,.progress-circle[data-progress="78"] .circle .mask.full {
    -webkit-transform: rotate(.39turn);
    transform: rotate(.39turn)
}

.progress-circle[data-progress="78"] .circle .fill.fix {
    -webkit-transform: rotate(.78turn);
    transform: rotate(.78turn)
}

.progress-circle[data-progress="79"] .circle .fill,.progress-circle[data-progress="79"] .circle .mask.full {
    -webkit-transform: rotate(142.2deg);
    transform: rotate(142.2deg)
}

.progress-circle[data-progress="79"] .circle .fill.fix {
    -webkit-transform: rotate(284.4deg);
    transform: rotate(284.4deg)
}

.progress-circle[data-progress="80"] .circle .fill,.progress-circle[data-progress="80"] .circle .mask.full {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg)
}

.progress-circle[data-progress="80"] .circle .fill.fix {
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg)
}

.progress-circle[data-progress="81"] .circle .fill,.progress-circle[data-progress="81"] .circle .mask.full {
    -webkit-transform: rotate(145.8deg);
    transform: rotate(145.8deg)
}

.progress-circle[data-progress="81"] .circle .fill.fix {
    -webkit-transform: rotate(.81turn);
    transform: rotate(.81turn)
}

.progress-circle[data-progress="82"] .circle .fill,.progress-circle[data-progress="82"] .circle .mask.full {
    -webkit-transform: rotate(.41turn);
    transform: rotate(.41turn)
}

.progress-circle[data-progress="82"] .circle .fill.fix {
    -webkit-transform: rotate(.82turn);
    transform: rotate(.82turn)
}

.progress-circle[data-progress="83"] .circle .fill,.progress-circle[data-progress="83"] .circle .mask.full {
    -webkit-transform: rotate(149.4deg);
    transform: rotate(149.4deg)
}

.progress-circle[data-progress="83"] .circle .fill.fix {
    -webkit-transform: rotate(298.8deg);
    transform: rotate(298.8deg)
}

.progress-circle[data-progress="84"] .circle .fill,.progress-circle[data-progress="84"] .circle .mask.full {
    -webkit-transform: rotate(.42turn);
    transform: rotate(.42turn)
}

.progress-circle[data-progress="84"] .circle .fill.fix {
    -webkit-transform: rotate(.84turn);
    transform: rotate(.84turn)
}

.progress-circle[data-progress="85"] .circle .fill,.progress-circle[data-progress="85"] .circle .mask.full {
    -webkit-transform: rotate(153deg);
    transform: rotate(153deg)
}

.progress-circle[data-progress="85"] .circle .fill.fix {
    -webkit-transform: rotate(306deg);
    transform: rotate(306deg)
}

.progress-circle[data-progress="86"] .circle .fill,.progress-circle[data-progress="86"] .circle .mask.full {
    -webkit-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.progress-circle[data-progress="86"] .circle .fill.fix {
    -webkit-transform: rotate(309.6deg);
    transform: rotate(309.6deg)
}

.progress-circle[data-progress="87"] .circle .fill,.progress-circle[data-progress="87"] .circle .mask.full {
    -webkit-transform: rotate(156.6deg);
    transform: rotate(156.6deg)
}

.progress-circle[data-progress="87"] .circle .fill.fix {
    -webkit-transform: rotate(.87turn);
    transform: rotate(.87turn)
}

.progress-circle[data-progress="88"] .circle .fill,.progress-circle[data-progress="88"] .circle .mask.full {
    -webkit-transform: rotate(.44turn);
    transform: rotate(.44turn)
}

.progress-circle[data-progress="88"] .circle .fill.fix {
    -webkit-transform: rotate(.88turn);
    transform: rotate(.88turn)
}

.progress-circle[data-progress="89"] .circle .fill,.progress-circle[data-progress="89"] .circle .mask.full {
    -webkit-transform: rotate(160.2deg);
    transform: rotate(160.2deg)
}

.progress-circle[data-progress="89"] .circle .fill.fix {
    -webkit-transform: rotate(320.4deg);
    transform: rotate(320.4deg)
}

.progress-circle[data-progress="90"] .circle .fill,.progress-circle[data-progress="90"] .circle .mask.full {
    -webkit-transform: rotate(162deg);
    transform: rotate(162deg)
}

.progress-circle[data-progress="90"] .circle .fill.fix {
    -webkit-transform: rotate(324deg);
    transform: rotate(324deg)
}

.progress-circle[data-progress="91"] .circle .fill,.progress-circle[data-progress="91"] .circle .mask.full {
    -webkit-transform: rotate(163.8deg);
    transform: rotate(163.8deg)
}

.progress-circle[data-progress="91"] .circle .fill.fix {
    -webkit-transform: rotate(.91turn);
    transform: rotate(.91turn)
}

.progress-circle[data-progress="92"] .circle .fill,.progress-circle[data-progress="92"] .circle .mask.full {
    -webkit-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.progress-circle[data-progress="92"] .circle .fill.fix {
    -webkit-transform: rotate(331.2deg);
    transform: rotate(331.2deg)
}

.progress-circle[data-progress="93"] .circle .fill,.progress-circle[data-progress="93"] .circle .mask.full {
    -webkit-transform: rotate(167.4deg);
    transform: rotate(167.4deg)
}

.progress-circle[data-progress="93"] .circle .fill.fix {
    -webkit-transform: rotate(.93turn);
    transform: rotate(.93turn)
}

.progress-circle[data-progress="94"] .circle .fill,.progress-circle[data-progress="94"] .circle .mask.full {
    -webkit-transform: rotate(.47turn);
    transform: rotate(.47turn)
}

.progress-circle[data-progress="94"] .circle .fill.fix {
    -webkit-transform: rotate(.94turn);
    transform: rotate(.94turn)
}

.progress-circle[data-progress="95"] .circle .fill,.progress-circle[data-progress="95"] .circle .mask.full {
    -webkit-transform: rotate(171deg);
    transform: rotate(171deg)
}

.progress-circle[data-progress="95"] .circle .fill.fix {
    -webkit-transform: rotate(342deg);
    transform: rotate(342deg)
}

.progress-circle[data-progress="96"] .circle .fill,.progress-circle[data-progress="96"] .circle .mask.full {
    -webkit-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.progress-circle[data-progress="96"] .circle .fill.fix {
    -webkit-transform: rotate(345.6deg);
    transform: rotate(345.6deg)
}

.progress-circle[data-progress="97"] .circle .fill,.progress-circle[data-progress="97"] .circle .mask.full {
    -webkit-transform: rotate(174.6deg);
    transform: rotate(174.6deg)
}

.progress-circle[data-progress="97"] .circle .fill.fix {
    -webkit-transform: rotate(.97turn);
    transform: rotate(.97turn)
}

.progress-circle[data-progress="98"] .circle .fill,.progress-circle[data-progress="98"] .circle .mask.full {
    -webkit-transform: rotate(.49turn);
    transform: rotate(.49turn)
}

.progress-circle[data-progress="98"] .circle .fill.fix {
    -webkit-transform: rotate(.98turn);
    transform: rotate(.98turn)
}

.progress-circle[data-progress="99"] .circle .fill,.progress-circle[data-progress="99"] .circle .mask.full {
    -webkit-transform: rotate(178.2deg);
    transform: rotate(178.2deg)
}

.progress-circle[data-progress="99"] .circle .fill.fix {
    -webkit-transform: rotate(.99turn);
    transform: rotate(.99turn)
}

.progress-circle[data-progress="100"] .circle .fill,.progress-circle[data-progress="100"] .circle .mask.full {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.progress-circle[data-progress="100"] .circle .fill.fix {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.circular {
    position: "absolute";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
    -webkit-animation: x 2s linear infinite;
    animation: x 2s linear infinite;
    -webkit-animation-name: doc-image-loading-rotate-animation;
    animation-name: doc-image-loading-rotate-animation
}

.path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    stroke: var(--fill-disabled);
    stroke-linecap: round;
    -webkit-animation: x 1.5s ease-in-out infinite;
    animation: x 1.5s ease-in-out infinite;
    -webkit-animation-name: doc-image-loading-dash-animation;
    animation-name: doc-image-loading-dash-animation
}

@-webkit-keyframes drop-animate-scale {
    0% {
        -webkit-transform: scale(.01);
        transform: scale(.01)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes drop-animate-scale {
    0% {
        -webkit-transform: scale(.01);
        transform: scale(.01)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.image-container-wrap.drop-animate-left {
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.image-container-wrap.drop-animate-left,.image-container-wrap.drop-animate-right {
    -webkit-animation: drop-animate-scale .22s linear forwards;
    animation: drop-animate-scale .22s linear forwards
}

.image-container-wrap.drop-animate-right {
    -webkit-transform-origin: top right;
    transform-origin: top right
}

@-webkit-keyframes doc-image-loading-rotate-animation {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes doc-image-loading-rotate-animation {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes doc-image-loading-dash-animation {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@keyframes doc-image-loading-dash-animation {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

._pp-authz_model_container {
    z-index: 1002!important
}

#_pp-authz_container {
    z-index: 1001;
    background-color: var(--bg-mask)
}

#_pp-authz_container,.authz-modal-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.authz-modal-container {
    display: flex;
    align-items: center;
    justify-content: center
}

.authz-modal-container .authz-modal {
    width: 420px;
    max-height: 80%
}

.authz-modal-container .authz-modal .ud__modal__body--bottom-overflow,.authz-modal-container .authz-modal .ud__modal__body--top-overflow {
    box-shadow: none
}

.authz-modal-container .authz-modal-header {
    display: flex
}

.authz-modal-container .authz-modal-header .authz-modal-header-title {
    flex: auto
}

.authz-modal-container .authz-modal-header .authz-modal-close-button {
    flex: none;
    font-size: 20px;
    color: var(--icon-n2)
}

.authz-modal-container .authz-container {
    display: flex;
    flex-direction: column;
    align-items: center
}

.authz-modal-container .authz-container .authz-modal-title {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center
}

.authz-modal-container .authz-container .authz-modal-subtitle {
    font-size: 14px;
    line-height: 22px;
    color: var(--text-caption);
    text-align: center
}

.authz-modal-container .authz-container .authz-app-img {
    display: flex;
    align-items: center;
    margin-bottom: 4px
}

.authz-modal-container .authz-container .authz-modal-switch-icon {
    margin: 0 20px;
    font-size: 20px
}

.authz-modal-container .authz-container .authz-modal-logo {
    width: 56px;
    height: 56px;
    border: 1px solid var(--fill-tag);
    border-radius: 10px
}

.authz-modal-container .authz-container .authz-modal-content {
    width: 100%;
    margin-top: 36px;
    text-align: left
}

.authz-modal-container .authz-container .authz-modal-desc {
    color: var(--text-caption)
}

.authz-modal-container .authz-container .authz-modal-tooltip {
    margin-left: 4px
}

.authz-modal-container .authz-container .authz-modal-tenant {
    display: flex;
    align-items: center;
    padding: 16px;
    margin-top: 8px;
    margin-bottom: 24px;
    background: var(--bg-content-base);
    border-radius: 8px
}

.authz-modal-container .authz-container .authz-modal-tenant-logo {
    width: 48px;
    height: 48px;
    margin-right: 10px;
    border: 1px solid var(--fill-tag);
    border-radius: 8px
}

.authz-modal-container .authz-container .authz-modal-info {
    flex: 1;
    width: 0
}

.authz-modal-container .authz-container .authz-modal-tenant-name {
    margin-bottom: 2px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    color: var(--N900);
    text-overflow: ellipsis;
    white-space: nowrap
}

.authz-modal-container .authz-container .authz-modal-user-name {
    overflow: hidden;
    font-size: 12px;
    line-height: 20px;
    color: var(--N600);
    text-overflow: ellipsis;
    white-space: nowrap
}

.authz-modal-container .authz-container .authz-modal-list {
    padding-left: 12px;
    color: var(--text-title);
    list-style-type: disc
}

.authz-modal-container .authz-container .authz-modal-list li {
    margin-top: 12px;
    font-size: 14px;
    line-height: 22px;
    color: var(--N900)
}

.authz-modal-container .authz-container .authz-modal-list li::marker {
    color: var(--icon-n2)
}

.authz-modal-container .authz-container .authz-modal-more {
    margin-top: 12px
}

.authz-modal-container .authz-container .authz-modal-agreement-section {
    margin-top: 24px
}

.authz-modal-container .navigate-auth {
    padding: 11px 0 7px;
    font-size: 14px;
    line-height: 22px;
    text-align: left
}

@media (max-width: 568px) {
    .authz-modal-container {
        align-items:flex-end
    }

    .authz-modal-container .authz-modal {
        width: 100%;
        max-height: calc(100vh - 64px);
        border-radius: 12px 12px 0 0;
        -webkit-animation-name: flowUp;
        animation-name: flowUp;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .authz-modal-container .authz-modal .ud__modal__header {
        padding: 10px 12px;
        border-bottom: .5px solid var(--line-divider-default)
    }

    .authz-modal-container .authz-modal .ud__modal__body {
        padding: 0 16px
    }

    .authz-modal-container .authz-modal .ud__modal__body::-webkit-scrollbar {
        display: none
    }

    .authz-modal-container .authz-modal .ud__modal__footer {
        padding: 0 16px 24px
    }

    .authz-modal-container .authz-modal-header .authz-modal-header-title {
        padding-right: 28px;
        text-align: center
    }

    .authz-modal-container .authz-modal-header .authz-modal-close-button {
        color: var(--icon-n1)
    }

    .authz-modal-container .authz-container {
        margin-top: 36px
    }
}

._pp-ud-btn-inline-block {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: pre-wrap
}

@media (max-width: 568px) {
    ._pp-ud-btn-block {
        height:48px;
        font-size: 17px
    }
}

._pp-error-boundary {
    font-size: 16px;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

._pp-error-boundary .error-tips {
    margin: 12px 0 26px;
    text-align: center;
    padding: 0 20px;
    color: var(--text-caption)
}

._pp-error-boundary .reload-btn {
    min-width: 80px;
    height: 32px;
    padding: 0 12px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--line-border-component);
    border-radius: 4px;
    cursor: pointer
}

@media (max-width: 568px) {
    ._pp-error-boundary {
        font-size:.32rem;
        border-radius: 4px
    }

    ._pp-error-boundary .error-tips {
        margin-bottom: .5rem;
        padding: 0 .4rem
    }

    ._pp-error-boundary .reload-btn {
        height: .64rem;
        padding: 0 .24rem;
        font-size: .28rem;
        border-radius: 4px
    }
}

.ud__illustration {
    box-sizing: border-box;
    padding: 0;
    color: var(--text-title);
    font-size: 14px;
    line-height: 1.5715;
    list-style: none;
    text-align: center;
    position: relative;
    margin: 0 auto;
    max-width: 250px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.ud__illustration-image {
    box-sizing: border-box;
    line-height: 0
}

.ud__illustration-image img {
    display: block;
    margin: 0 auto;
    height: 100%
}

.ud__illustration-image+.ud__illustration-description,.ud__illustration-image+.ud__illustration-title {
    margin-top: 16px
}

.ud__illustration-title {
    box-sizing: border-box;
    margin-bottom: 4px;
    color: var(--text-title)
}

.ud__illustration-description {
    box-sizing: border-box;
    color: var(--text-caption)
}

.ud__illustration-footer {
    box-sizing: border-box;
    margin-top: 16px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    margin-bottom: -8px;
    margin-left: -8px
}

.ud__illustration-footer .ud__button {
    margin-left: 8px;
    margin-bottom: 8px
}

.base-modal-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bg-mask);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-tap-highlight-color: transparent
}

.base-modal-container .base-modal {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 420px;
    height: auto;
    padding: 24px;
    margin-bottom: 50px;
    font-size: 14px;
    background-color: var(--bg-float);
    border-radius: 8px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.base-modal-container .base-modal .close {
    position: absolute;
    top: 16px;
    right: 16px;
    display: block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    color: var(--icon-n2);
    cursor: pointer
}

.base-modal-container .base-modal .moadl-content {
    display: flex;
    align-items: flex-start
}

.base-modal-container .base-modal .moadl-content a {
    margin: 0 2px;
    color: var(--text-link-normal);
    -webkit-text-decoration-line: none;
    text-decoration-line: none
}

.base-modal-container .base-modal .moadl-content a:hover {
    color: var(--text-link-hover)
}

.base-modal-container .base-modal .moadl-content a:active {
    color: var(--text-link-pressed)
}

.base-modal-container .base-modal .modal-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: 16px;
    font-size: 22px
}

.base-modal-container .base-modal .modal-title {
    height: auto;
    margin: 0 0 8px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--text-title);
    text-overflow: ellipsis;
    white-space: break-spaces
}

.base-modal-container .base-modal .modal-content-content {
    display: flex;
    align-items: center;
    justify-content: center
}

.base-modal-container .base-modal .modal-subtitle {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-title)
}

.base-modal-container .base-modal .modal-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 26px;
    text-align: right
}

.base-modal-container .base-modal .modal-footer .pp-modal-btn-cancel,.base-modal-container .base-modal .modal-footer .pp-modal-btn-confirm {
    min-width: 90px
}

.base-modal-container .base-modal .modal-footer .pp-modal-btn-confirm {
    margin-left: 12px
}

.base-modal-container .base-modal .flex-column {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100%;
    min-width: 0
}

.base-modal-container .base-modal .flex-grow {
    flex-grow: 1
}

@media (min-width: 569px) {
    .base-modal-container .base-modal {
        opacity:0;
        -webkit-transform: scale(.7);
        transform: scale(.7);
        -webkit-animation-name: scaleIn_Modal;
        animation-name: scaleIn_Modal;
        -webkit-animation-duration: .3s;
        animation-duration: .3s
    }

    ._modal-wrapper-closing .base-modal-container {
        background-color: initial!important
    }

    ._modal-wrapper-closing .base-modal-container .base-modal {
        -webkit-animation-name: scaleOut_Modal;
        animation-name: scaleOut_Modal;
        -webkit-animation-duration: .24s;
        animation-duration: .24s
    }
}

@media (max-width: 568px) {
    .base-modal-container .base-modal {
        width:300px!important;
        max-width: 92%;
        height: auto;
        padding: 24px 0 0;
        margin-bottom: 0;
        background-color: var(--bg-float);
        border-radius: 8px;
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5);
        -webkit-animation-name: scaleIn_Modal_h5;
        animation-name: scaleIn_Modal_h5;
        -webkit-animation-duration: .3s;
        animation-duration: .3s
    }

    .base-modal-container .base-modal .modal-icon {
        display: none
    }

    .base-modal-container .base-modal .modal-title {
        height: auto;
        padding: 0 20px;
        margin-top: 0;
        font-size: 17px;
        font-weight: 700;
        line-height: 24px;
        color: var(--text-title);
        text-align: center
    }

    .base-modal-container .base-modal .modal-content-content {
        padding: 0 20px
    }

    .base-modal-container .base-modal .modal-subtitle-container {
        text-align: center
    }

    .base-modal-container .base-modal .modal-subtitle {
        display: inline-block;
        height: auto;
        padding: 0 20px;
        margin-top: 12px;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        color: var(--text-title);
        text-align: left
    }

    .base-modal-container .base-modal .modal-footer {
        display: flex;
        margin-top: 24px;
        border-top: .5px solid var(--line-border-card);
        border-radius: 0 0 8px 8px
    }

    .base-modal-container .base-modal .modal-footer.horizontal-button button {
        flex: 1 50%;
        height: 49px;
        word-break: break-all
    }

    .base-modal-container .base-modal .modal-footer.horizontal-button button:nth-child(n) {
        border-radius: 0 0 0 8px
    }

    .base-modal-container .base-modal .modal-footer.horizontal-button button:nth-child(2n) {
        border-left: .5px solid var(--line-border-card);
        border-radius: 0 0 8px 0
    }

    .base-modal-container .base-modal .modal-footer.vertical-button {
        flex-direction: column-reverse
    }

    .base-modal-container .base-modal .modal-footer.vertical-button button {
        flex: 1 49px;
        width: 100%
    }

    .base-modal-container .base-modal .modal-footer.vertical-button button:first-child {
        border-top: .5px solid var(--line-border-card);
        border-radius: 0 0 8px 8px
    }

    .base-modal-container .base-modal .modal-footer.horizontal-button button,.base-modal-container .base-modal .modal-footer.vertical-button button {
        margin: 0;
        font-size: 16px;
        color: var(--text-title);
        text-align: center;
        background-color: initial;
        border: none;
        border-radius: 0
    }

    .base-modal-container .base-modal .modal-footer.horizontal-button .primary,.base-modal-container .base-modal .modal-footer.horizontal-button .primary .ud__button--filled-default-loading,.base-modal-container .base-modal .modal-footer.horizontal-button .primary .ud__button__loading-icon,.base-modal-container .base-modal .modal-footer.vertical-button .primary,.base-modal-container .base-modal .modal-footer.vertical-button .primary .ud__button--filled-default-loading,.base-modal-container .base-modal .modal-footer.vertical-button .primary .ud__button__loading-icon {
        color: var(--primary-pri-500)
    }

    .base-modal-container .base-modal .modal-footer.horizontal-button .danger,.base-modal-container .base-modal .modal-footer.vertical-button .danger {
        color: var(--function-danger-500)
    }

    .base-modal-container .base-modal .modal-footer button:active {
        background-color: var(--bg-base)!important
    }

    ._modal-wrapper-closing .base-modal-container,.base-modal-container .base-modal .close {
        display: none
    }
}

@-webkit-keyframes scaleIn_Modal {
    0% {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleIn_Modal {
    0% {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scaleOut_Modal {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        display: none;
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@keyframes scaleOut_Modal {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        display: none;
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@-webkit-keyframes scaleIn_Modal_h5 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleIn_Modal_h5 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scaleOut_Modal_h5 {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        display: none;
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes scaleOut_Modal_h5 {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        display: none;
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@-webkit-keyframes ppToastLoading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes ppToastLoading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: .5;
        -webkit-transform: translate(-50%,-40%);
        transform: translate(-50%,-40%)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: .5;
        -webkit-transform: translate(-50%,-40%);
        transform: translate(-50%,-40%)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

@-webkit-keyframes flowUp {
    0% {
        opacity: .5;
        -webkit-transform: translateY(80%);
        transform: translateY(80%)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes flowUp {
    0% {
        opacity: .5;
        -webkit-transform: translateY(80%);
        transform: translateY(80%)
    }

    to {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

._pp-toast-h5-icon {
    margin-right: 8px;
    font-size: 20px
}

._pp-toast-h5-icon._pp-toast-loading-icon {
    -webkit-animation: ppToastLoading 1.2s linear infinite;
    animation: ppToastLoading 1.2s linear infinite
}

._pp-toast-h5-container {
    position: fixed;
    top: 75%;
    left: 50%;
    z-index: 1010;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    min-width: 80px;
    max-width: 88%;
    padding: 10px 16px;
    font-size: 14px;
    line-height: 20px;
    color: var(--static-white);
    text-align: center;
    word-break: break-word;
    background-color: var(--bg-tips);
    border-radius: 20px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-animation: fadeInUp .1s;
    animation: fadeInUp .1s
}

.docx-vc-recorder-block-place-holder {
    background: var(--bg-base);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border: 1px solid var(--line-border-card);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.docx-vc-recorder-block-place-holder-icon {
    width: 64px;
    flex: 0 1 64px;
    background-size: cover
}

.docx-vc-recorder-block-place-holder-icon>svg {
    height: auto;
    width: 100%
}

.docx-vc-recorder-block-place-holder-sm>.docx-vc-recorder-block-place-holder-text {
    display: none
}

.adit-draggable-snapshot-container .agenda-item-content-block .iframe-container.iframe--normal,.adit-draggable-snapshot-container .callout-block .iframe-container.iframe--normal,.adit-draggable-snapshot-container .drag-snapshot .iframe-container.iframe--normal,.adit-draggable-snapshot-container .grid-column-block .iframe-container.iframe--normal,.bear-web-x-container .agenda-item-content-block .iframe-container.iframe--normal,.bear-web-x-container .callout-block .iframe-container.iframe--normal,.bear-web-x-container .drag-snapshot .iframe-container.iframe--normal,.bear-web-x-container .grid-column-block .iframe-container.iframe--normal,.docx-container-wrapper .agenda-item-content-block .iframe-container.iframe--normal,.docx-container-wrapper .callout-block .iframe-container.iframe--normal,.docx-container-wrapper .drag-snapshot .iframe-container.iframe--normal,.docx-container-wrapper .grid-column-block .iframe-container.iframe--normal,.docx-history-container .agenda-item-content-block .iframe-container.iframe--normal,.docx-history-container .callout-block .iframe-container.iframe--normal,.docx-history-container .drag-snapshot .iframe-container.iframe--normal,.docx-history-container .grid-column-block .iframe-container.iframe--normal,.docx-subscription-container .agenda-item-content-block .iframe-container.iframe--normal,.docx-subscription-container .callout-block .iframe-container.iframe--normal,.docx-subscription-container .drag-snapshot .iframe-container.iframe--normal,.docx-subscription-container .grid-column-block .iframe-container.iframe--normal,.presentation-mode .agenda-item-content-block .iframe-container.iframe--normal,.presentation-mode .callout-block .iframe-container.iframe--normal,.presentation-mode .drag-snapshot .iframe-container.iframe--normal,.presentation-mode .grid-column-block .iframe-container.iframe--normal {
    max-width: 100%!important
}

.adit-draggable-snapshot-container .agenda-item-content-block .iframe-container.iframe--normal .iframe-content,.adit-draggable-snapshot-container .callout-block .iframe-container.iframe--normal .iframe-content,.adit-draggable-snapshot-container .drag-snapshot .iframe-container.iframe--normal .iframe-content,.adit-draggable-snapshot-container .grid-column-block .iframe-container.iframe--normal .iframe-content,.bear-web-x-container .agenda-item-content-block .iframe-container.iframe--normal .iframe-content,.bear-web-x-container .callout-block .iframe-container.iframe--normal .iframe-content,.bear-web-x-container .drag-snapshot .iframe-container.iframe--normal .iframe-content,.bear-web-x-container .grid-column-block .iframe-container.iframe--normal .iframe-content,.docx-container-wrapper .agenda-item-content-block .iframe-container.iframe--normal .iframe-content,.docx-container-wrapper .callout-block .iframe-container.iframe--normal .iframe-content,.docx-container-wrapper .drag-snapshot .iframe-container.iframe--normal .iframe-content,.docx-container-wrapper .grid-column-block .iframe-container.iframe--normal .iframe-content,.docx-history-container .agenda-item-content-block .iframe-container.iframe--normal .iframe-content,.docx-history-container .callout-block .iframe-container.iframe--normal .iframe-content,.docx-history-container .drag-snapshot .iframe-container.iframe--normal .iframe-content,.docx-history-container .grid-column-block .iframe-container.iframe--normal .iframe-content,.docx-subscription-container .agenda-item-content-block .iframe-container.iframe--normal .iframe-content,.docx-subscription-container .callout-block .iframe-container.iframe--normal .iframe-content,.docx-subscription-container .drag-snapshot .iframe-container.iframe--normal .iframe-content,.docx-subscription-container .grid-column-block .iframe-container.iframe--normal .iframe-content,.presentation-mode .agenda-item-content-block .iframe-container.iframe--normal .iframe-content,.presentation-mode .callout-block .iframe-container.iframe--normal .iframe-content,.presentation-mode .drag-snapshot .iframe-container.iframe--normal .iframe-content,.presentation-mode .grid-column-block .iframe-container.iframe--normal .iframe-content {
    width: 100%!important;
    height: 100%!important
}

.adit-draggable-snapshot-container .agenda-item-content-block .iframe-container iframe,.adit-draggable-snapshot-container .callout-block .iframe-container iframe,.adit-draggable-snapshot-container .drag-snapshot .iframe-container iframe,.adit-draggable-snapshot-container .grid-column-block .iframe-container iframe,.bear-web-x-container .agenda-item-content-block .iframe-container iframe,.bear-web-x-container .callout-block .iframe-container iframe,.bear-web-x-container .drag-snapshot .iframe-container iframe,.bear-web-x-container .grid-column-block .iframe-container iframe,.docx-container-wrapper .agenda-item-content-block .iframe-container iframe,.docx-container-wrapper .callout-block .iframe-container iframe,.docx-container-wrapper .drag-snapshot .iframe-container iframe,.docx-container-wrapper .grid-column-block .iframe-container iframe,.docx-history-container .agenda-item-content-block .iframe-container iframe,.docx-history-container .callout-block .iframe-container iframe,.docx-history-container .drag-snapshot .iframe-container iframe,.docx-history-container .grid-column-block .iframe-container iframe,.docx-subscription-container .agenda-item-content-block .iframe-container iframe,.docx-subscription-container .callout-block .iframe-container iframe,.docx-subscription-container .drag-snapshot .iframe-container iframe,.docx-subscription-container .grid-column-block .iframe-container iframe,.presentation-mode .agenda-item-content-block .iframe-container iframe,.presentation-mode .callout-block .iframe-container iframe,.presentation-mode .drag-snapshot .iframe-container iframe,.presentation-mode .grid-column-block .iframe-container iframe {
    width: 100%!important
}

.adit-draggable-snapshot-container .docx-iframe-block.hovered,.bear-web-x-container .docx-iframe-block.hovered,.docx-container-wrapper .docx-iframe-block.hovered,.docx-history-container .docx-iframe-block.hovered,.docx-subscription-container .docx-iframe-block.hovered,.presentation-mode .docx-iframe-block.hovered {
    background-color: initial
}

.adit-draggable-snapshot-container .docx-iframe-block.hovered .iframe-container.iframe-container__border,.bear-web-x-container .docx-iframe-block.hovered .iframe-container.iframe-container__border,.docx-container-wrapper .docx-iframe-block.hovered .iframe-container.iframe-container__border,.docx-history-container .docx-iframe-block.hovered .iframe-container.iframe-container__border,.docx-subscription-container .docx-iframe-block.hovered .iframe-container.iframe-container__border,.presentation-mode .docx-iframe-block.hovered .iframe-container.iframe-container__border {
    border-color: var(--primary-fill-solid-03);
    border-radius: 8px
}

.adit-draggable-snapshot-container .docx-iframe-block.hovered .iframe-container:before,.bear-web-x-container .docx-iframe-block.hovered .iframe-container:before,.docx-container-wrapper .docx-iframe-block.hovered .iframe-container:before,.docx-history-container .docx-iframe-block.hovered .iframe-container:before,.docx-subscription-container .docx-iframe-block.hovered .iframe-container:before,.presentation-mode .docx-iframe-block.hovered .iframe-container:before {
    border: 1px solid var(--primary-fill-solid-03);
    border-radius: 7px
}

.adit-draggable-snapshot-container .docx-iframe-block .hovered-mask,.bear-web-x-container .docx-iframe-block .hovered-mask,.docx-container-wrapper .docx-iframe-block .hovered-mask,.docx-history-container .docx-iframe-block .hovered-mask,.docx-subscription-container .docx-iframe-block .hovered-mask,.presentation-mode .docx-iframe-block .hovered-mask {
    display: none
}

.adit-draggable-snapshot-container .docx-iframe-block.is-iframe-render-link,.bear-web-x-container .docx-iframe-block.is-iframe-render-link,.docx-container-wrapper .docx-iframe-block.is-iframe-render-link,.docx-history-container .docx-iframe-block.is-iframe-render-link,.docx-subscription-container .docx-iframe-block.is-iframe-render-link,.presentation-mode .docx-iframe-block.is-iframe-render-link {
    font-size: 16px;
    cursor: pointer
}

.adit-draggable-snapshot-container .docx-iframe-block.is-iframe-render-link .hovered-mask,.bear-web-x-container .docx-iframe-block.is-iframe-render-link .hovered-mask,.docx-container-wrapper .docx-iframe-block.is-iframe-render-link .hovered-mask,.docx-history-container .docx-iframe-block.is-iframe-render-link .hovered-mask,.docx-subscription-container .docx-iframe-block.is-iframe-render-link .hovered-mask,.presentation-mode .docx-iframe-block.is-iframe-render-link .hovered-mask {
    display: block
}

.adit-draggable-snapshot-container .docx-iframe-block.is-iframe-render-link:hover,.bear-web-x-container .docx-iframe-block.is-iframe-render-link:hover,.docx-container-wrapper .docx-iframe-block.is-iframe-render-link:hover,.docx-history-container .docx-iframe-block.is-iframe-render-link:hover,.docx-subscription-container .docx-iframe-block.is-iframe-render-link:hover,.presentation-mode .docx-iframe-block.is-iframe-render-link:hover {
    border-radius: 8px;
    background-color: var(--ccmtoken-doc-block-bg-hover)
}

.adit-draggable-snapshot-container .docx-iframe-block.selected,.bear-web-x-container .docx-iframe-block.selected,.docx-container-wrapper .docx-iframe-block.selected,.docx-history-container .docx-iframe-block.selected,.docx-subscription-container .docx-iframe-block.selected,.presentation-mode .docx-iframe-block.selected {
    background-color: initial
}

.adit-draggable-snapshot-container .docx-iframe-block.selected .selected-mask:not(.link-iframe-selected),.bear-web-x-container .docx-iframe-block.selected .selected-mask:not(.link-iframe-selected),.docx-container-wrapper .docx-iframe-block.selected .selected-mask:not(.link-iframe-selected),.docx-history-container .docx-iframe-block.selected .selected-mask:not(.link-iframe-selected),.docx-subscription-container .docx-iframe-block.selected .selected-mask:not(.link-iframe-selected),.presentation-mode .docx-iframe-block.selected .selected-mask:not(.link-iframe-selected) {
    display: none
}

.adit-draggable-snapshot-container .iframe-alignable-container,.bear-web-x-container .iframe-alignable-container,.docx-container-wrapper .iframe-alignable-container,.docx-history-container .iframe-alignable-container,.docx-subscription-container .iframe-alignable-container,.presentation-mode .iframe-alignable-container {
    display: flex
}

.adit-draggable-snapshot-container .iframe-alignable-container.left,.bear-web-x-container .iframe-alignable-container.left,.docx-container-wrapper .iframe-alignable-container.left,.docx-history-container .iframe-alignable-container.left,.docx-subscription-container .iframe-alignable-container.left,.presentation-mode .iframe-alignable-container.left {
    justify-content: flex-start
}

.adit-draggable-snapshot-container .iframe-alignable-container.center,.bear-web-x-container .iframe-alignable-container.center,.docx-container-wrapper .iframe-alignable-container.center,.docx-history-container .iframe-alignable-container.center,.docx-subscription-container .iframe-alignable-container.center,.presentation-mode .iframe-alignable-container.center {
    justify-content: center
}

.adit-draggable-snapshot-container .iframe-alignable-container.right,.bear-web-x-container .iframe-alignable-container.right,.docx-container-wrapper .iframe-alignable-container.right,.docx-history-container .iframe-alignable-container.right,.docx-subscription-container .iframe-alignable-container.right,.presentation-mode .iframe-alignable-container.right {
    justify-content: flex-end
}

.adit-draggable-snapshot-container .iframe-container,.bear-web-x-container .iframe-container,.docx-container-wrapper .iframe-container,.docx-history-container .iframe-container,.docx-subscription-container .iframe-container,.presentation-mode .iframe-container {
    overflow: initial;
    flex: none;
    position: relative;
    background: transparent;
    border: 1px solid transparent;
    box-sizing: initial
}

.adit-draggable-snapshot-container .iframe-container:before,.bear-web-x-container .iframe-container:before,.docx-container-wrapper .iframe-container:before,.docx-history-container .iframe-container:before,.docx-subscription-container .iframe-container:before,.presentation-mode .iframe-container:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1
}

.adit-draggable-snapshot-container .iframe-container.selected,.bear-web-x-container .iframe-container.selected,.docx-container-wrapper .iframe-container.selected,.docx-history-container .iframe-container.selected,.docx-subscription-container .iframe-container.selected,.presentation-mode .iframe-container.selected {
    border-color: var(--text-link-hover)
}

.adit-draggable-snapshot-container .iframe-container.selected:after,.bear-web-x-container .iframe-container.selected:after,.docx-container-wrapper .iframe-container.selected:after,.docx-history-container .iframe-container.selected:after,.docx-subscription-container .iframe-container.selected:after,.presentation-mode .iframe-container.selected:after {
    border-width: 0
}

.adit-draggable-snapshot-container .iframe-container .iframe-layer,.bear-web-x-container .iframe-container .iframe-layer,.docx-container-wrapper .iframe-container .iframe-layer,.docx-history-container .iframe-container .iframe-layer,.docx-subscription-container .iframe-container .iframe-layer,.presentation-mode .iframe-container .iframe-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center
}

.adit-draggable-snapshot-container .iframe-container .iframe-layer .iframe-fullscreen-inDocxPage--header,.bear-web-x-container .iframe-container .iframe-layer .iframe-fullscreen-inDocxPage--header,.docx-container-wrapper .iframe-container .iframe-layer .iframe-fullscreen-inDocxPage--header,.docx-history-container .iframe-container .iframe-layer .iframe-fullscreen-inDocxPage--header,.docx-subscription-container .iframe-container .iframe-layer .iframe-fullscreen-inDocxPage--header,.presentation-mode .iframe-container .iframe-layer .iframe-fullscreen-inDocxPage--header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 64px;
    border-bottom: 1px solid var(--N300);
    background-color: var(--bg-body)
}

.adit-draggable-snapshot-container .iframe-container .iframe-layer .iframe-fullscreen-inDocxPage--header--topbar,.bear-web-x-container .iframe-container .iframe-layer .iframe-fullscreen-inDocxPage--header--topbar,.docx-container-wrapper .iframe-container .iframe-layer .iframe-fullscreen-inDocxPage--header--topbar,.docx-history-container .iframe-container .iframe-layer .iframe-fullscreen-inDocxPage--header--topbar,.docx-subscription-container .iframe-container .iframe-layer .iframe-fullscreen-inDocxPage--header--topbar,.presentation-mode .iframe-container .iframe-layer .iframe-fullscreen-inDocxPage--header--topbar {
    display: flex;
    align-items: center;
    height: 100%;
    color: var(--text-title);
    padding: 0 16px
}

.adit-draggable-snapshot-container .iframe-container .iframe-layer .iframe-fullscreen-inDocxPage--header--topbar--divider,.bear-web-x-container .iframe-container .iframe-layer .iframe-fullscreen-inDocxPage--header--topbar--divider,.docx-container-wrapper .iframe-container .iframe-layer .iframe-fullscreen-inDocxPage--header--topbar--divider,.docx-history-container .iframe-container .iframe-layer .iframe-fullscreen-inDocxPage--header--topbar--divider,.docx-subscription-container .iframe-container .iframe-layer .iframe-fullscreen-inDocxPage--header--topbar--divider,.presentation-mode .iframe-container .iframe-layer .iframe-fullscreen-inDocxPage--header--topbar--divider {
    width: 1px;
    height: 28px;
    margin: 0 16px;
    background-color: var(--N300)
}

.adit-draggable-snapshot-container .iframe-container .fullscreenInDocxPage,.bear-web-x-container .iframe-container .fullscreenInDocxPage,.docx-container-wrapper .iframe-container .fullscreenInDocxPage,.docx-history-container .iframe-container .fullscreenInDocxPage,.docx-subscription-container .iframe-container .fullscreenInDocxPage,.presentation-mode .iframe-container .fullscreenInDocxPage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
    background-color: #fff;
    z-index: 9999!important
}

.adit-draggable-snapshot-container .iframe-container .showFullscreenHeader,.bear-web-x-container .iframe-container .showFullscreenHeader,.docx-container-wrapper .iframe-container .showFullscreenHeader,.docx-history-container .iframe-container .showFullscreenHeader,.docx-subscription-container .iframe-container .showFullscreenHeader,.presentation-mode .iframe-container .showFullscreenHeader {
    padding-top: 64px
}

.adit-draggable-snapshot-container .iframe-container .iframe-loaded,.bear-web-x-container .iframe-container .iframe-loaded,.docx-container-wrapper .iframe-container .iframe-loaded,.docx-history-container .iframe-container .iframe-loaded,.docx-subscription-container .iframe-container .iframe-loaded,.presentation-mode .iframe-container .iframe-loaded {
    visibility: visible;
    position: relative
}

.adit-draggable-snapshot-container .iframe-container .iframe-init,.bear-web-x-container .iframe-container .iframe-init,.docx-container-wrapper .iframe-container .iframe-init,.docx-history-container .iframe-container .iframe-init,.docx-subscription-container .iframe-container .iframe-init,.presentation-mode .iframe-container .iframe-init {
    visibility: hidden;
    position: fixed;
    left: -9999px
}

.adit-draggable-snapshot-container .iframe-container iframe,.bear-web-x-container .iframe-container iframe,.docx-container-wrapper .iframe-container iframe,.docx-history-container .iframe-container iframe,.docx-subscription-container .iframe-container iframe,.presentation-mode .iframe-container iframe {
    height: 100%;
    width: 100%;
    border: none;
    max-width: 100%
}

.adit-draggable-snapshot-container .iframe-container__border,.bear-web-x-container .iframe-container__border,.docx-container-wrapper .iframe-container__border,.docx-history-container .iframe-container__border,.docx-subscription-container .iframe-container__border,.presentation-mode .iframe-container__border {
    background: transparent;
    border: 1px solid var(--line-border-card);
    border-radius: 9px
}

.adit-draggable-snapshot-container .iframe-container .iframe-overlayer,.bear-web-x-container .iframe-container .iframe-overlayer,.docx-container-wrapper .iframe-container .iframe-overlayer,.docx-history-container .iframe-container .iframe-overlayer,.docx-subscription-container .iframe-container .iframe-overlayer,.presentation-mode .iframe-container .iframe-overlayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: var(--N00-FG);
    z-index: 2
}

.adit-draggable-snapshot-container .iframe-container.active,.bear-web-x-container .iframe-container.active,.docx-container-wrapper .iframe-container.active,.docx-history-container .iframe-container.active,.docx-subscription-container .iframe-container.active,.presentation-mode .iframe-container.active {
    border-color: var(--text-link-hover)
}

.adit-draggable-snapshot-container .iframe-container.editable:hover:not(.active),.adit-draggable-snapshot-container .iframe-container.iframe--resizing:not(.active),.bear-web-x-container .iframe-container.editable:hover:not(.active),.bear-web-x-container .iframe-container.iframe--resizing:not(.active),.docx-container-wrapper .iframe-container.editable:hover:not(.active),.docx-container-wrapper .iframe-container.iframe--resizing:not(.active),.docx-history-container .iframe-container.editable:hover:not(.active),.docx-history-container .iframe-container.iframe--resizing:not(.active),.docx-subscription-container .iframe-container.editable:hover:not(.active),.docx-subscription-container .iframe-container.iframe--resizing:not(.active),.presentation-mode .iframe-container.editable:hover:not(.active),.presentation-mode .iframe-container.iframe--resizing:not(.active) {
    border-color: var(--primary-fill-solid-03)
}

.adit-draggable-snapshot-container .iframe-container.editable:hover:not(.active):before,.adit-draggable-snapshot-container .iframe-container.iframe--resizing:not(.active):before,.bear-web-x-container .iframe-container.editable:hover:not(.active):before,.bear-web-x-container .iframe-container.iframe--resizing:not(.active):before,.docx-container-wrapper .iframe-container.editable:hover:not(.active):before,.docx-container-wrapper .iframe-container.iframe--resizing:not(.active):before,.docx-history-container .iframe-container.editable:hover:not(.active):before,.docx-history-container .iframe-container.iframe--resizing:not(.active):before,.docx-subscription-container .iframe-container.editable:hover:not(.active):before,.docx-subscription-container .iframe-container.iframe--resizing:not(.active):before,.presentation-mode .iframe-container.editable:hover:not(.active):before,.presentation-mode .iframe-container.iframe--resizing:not(.active):before {
    border: 1px solid var(--primary-fill-solid-03);
    border-radius: 7px
}

.adit-draggable-snapshot-container .iframe-container .draggable-btn.left,.bear-web-x-container .iframe-container .draggable-btn.left,.docx-container-wrapper .iframe-container .draggable-btn.left,.docx-history-container .iframe-container .draggable-btn.left,.docx-subscription-container .iframe-container .draggable-btn.left,.presentation-mode .iframe-container .draggable-btn.left {
    left: -10px
}

.adit-draggable-snapshot-container .iframe-container .draggable-btn.right,.bear-web-x-container .iframe-container .draggable-btn.right,.docx-container-wrapper .iframe-container .draggable-btn.right,.docx-history-container .iframe-container .draggable-btn.right,.docx-subscription-container .iframe-container .draggable-btn.right,.presentation-mode .iframe-container .draggable-btn.right {
    right: -10px
}

.adit-draggable-snapshot-container .iframe-container .draggable-btn.top,.bear-web-x-container .iframe-container .draggable-btn.top,.docx-container-wrapper .iframe-container .draggable-btn.top,.docx-history-container .iframe-container .draggable-btn.top,.docx-subscription-container .iframe-container .draggable-btn.top,.presentation-mode .iframe-container .draggable-btn.top {
    top: -10px
}

.adit-draggable-snapshot-container .iframe-container .draggable-btn.bottom,.bear-web-x-container .iframe-container .draggable-btn.bottom,.docx-container-wrapper .iframe-container .draggable-btn.bottom,.docx-history-container .iframe-container .draggable-btn.bottom,.docx-subscription-container .iframe-container .draggable-btn.bottom,.presentation-mode .iframe-container .draggable-btn.bottom {
    bottom: -10px
}

.adit-draggable-snapshot-container .iframe-container.active .draggable-btn,.adit-draggable-snapshot-container .iframe-container.editable:hover .draggable-btn,.adit-draggable-snapshot-container .iframe-container.iframe--resizing .draggable-btn,.bear-web-x-container .iframe-container.active .draggable-btn,.bear-web-x-container .iframe-container.editable:hover .draggable-btn,.bear-web-x-container .iframe-container.iframe--resizing .draggable-btn,.docx-container-wrapper .iframe-container.active .draggable-btn,.docx-container-wrapper .iframe-container.editable:hover .draggable-btn,.docx-container-wrapper .iframe-container.iframe--resizing .draggable-btn,.docx-history-container .iframe-container.active .draggable-btn,.docx-history-container .iframe-container.editable:hover .draggable-btn,.docx-history-container .iframe-container.iframe--resizing .draggable-btn,.docx-subscription-container .iframe-container.active .draggable-btn,.docx-subscription-container .iframe-container.editable:hover .draggable-btn,.docx-subscription-container .iframe-container.iframe--resizing .draggable-btn,.presentation-mode .iframe-container.active .draggable-btn,.presentation-mode .iframe-container.editable:hover .draggable-btn,.presentation-mode .iframe-container.iframe--resizing .draggable-btn {
    display: flex
}

.docx-iframe-block.vc-hover .iframe-container {
    border-color: transparent;
    border-color: var(--colorful-carmine)!important
}

.iframe-container {
    border-radius: 8px
}

.mobile .docx-iframe-block.is-iframe-render-link {
    font-size: calc(var(--docx-base-font-size)*16/16)
}

.sticky-row-wrapper .iframe-init {
    display: none!important
}

.adit-draggable-snapshot-container .iframe-layer {
    background-color: var(--N200)
}

.adit-draggable-snapshot-container .iframe-init {
    display: none
}

.adit-draggable-snapshot-container iframe {
    height: 100%
}

.iframe-custom-error {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    border-radius: 6px;
    border: 1px solid var(--line-border-card);
    background-color: var(--bg-float-overlay)
}

.iframe-custom-error .title {
    margin-top: 4px;
    margin-bottom: 8px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: var(--N600)
}

.iframe-custom-error .button {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-link-normal)
}

.page-main .page-block .block-comment.iframe-block-comment.is-comment .block-inline-text,.presentation-mode.document .block-comment.iframe-block-comment.is-comment .block-inline-text {
    border-bottom: 2px solid var(--ccmtoken-mindnote-highlightcolor-yellow);
    padding-bottom: 2px;
    padding-top: 2px
}

.page-main .page-block .block-comment.iframe-block-comment.comment-hl .block-inline-text,.presentation-mode.document .block-comment.iframe-block-comment.comment-hl .block-inline-text {
    border-bottom: 2px solid var(--colorful-yellow)!important;
    background-color: var(--Y100-BG)!important
}

.docx-jira_filter-block {
    width: 100%;
    margin-bottom: 24px!important
}

.docx-jira_filter-block.jira-filter-mouseEnter .scrollable-container {
    z-index: 4
}

.docx-jira_filter-block .docx_jira_filter_bitable_view_container {
    width: 100%
}

.docx-jira_filter-block .docx_jira_filter_bitable_view_container .loading-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: unset;
    min-height: unset;
    border-radius: unset;
    display: unset;
    box-shadow: unset
}

.docx-jira_filter-block .docx_jira_filter_bitable_view_container .bitable-status-bar-wrapper {
    height: 32px
}

.docx-jira_filter-block .docx_jira_filter_bitable_view_container.presentation .bitable-status-bar-wrapper {
    height: 57.6px
}

@media print {
    .docx-jira_filter-block .docx_jira_filter_bitable_view_container .virtual-view-wrapper {
        display: block
    }

    .docx-jira_filter-block .docx_jira_filter_bitable_view_container .virtual-view-wrapper .bitable-toolbar-doc-wrapper,.docx-jira_filter-block .docx_jira_filter_bitable_view_container .virtual-view-wrapper .embeded-faster-view {
        display: none
    }
}

.docx-jira_filter-block .docx_jira_filter_bitable_view_container.history .embeded-faster-dom-wrapper .bitable-status-bar-wrapper .jira-issue-sync-button .last-sync-time svg,.docx-jira_filter-block .docx_jira_filter_bitable_view_container.history .embeded-faster-dom-wrapper .bitable-toolbar-doc-wrapper .bitable-toolbar-doc .bitable-sidebar {
    display: none
}

.docx-jira_filter-block .bitable-toolbar-doc-fullscreen .bitable-sidebar .sidebar-input,.docx-jira_filter-block .bitable-toolbar-doc .bitable-sidebar .sidebar-input,.docx-jira_filter-block .bitable-toolbar-docx .bitable-sidebar .sidebar-input {
    -webkit-user-select: auto!important;
    user-select: auto!important
}

.mobile .docx-jira-filter-fetch-fail-wrapper {
    width: 100%
}

.mobile .docx-jira_filter-block {
    line-height: 52px!important
}

.mobile .docx-jira_filter-block .docx_jira_filter_bitable_view_container.history .embeded-bitable-container {
    pointer-events: none
}

.docx-jira-filter-fetch-fail-wrapper {
    width: 730px
}

.docx-jira-filter-fetch-fail-wrapper .title-wrapper {
    display: flex;
    color: var(--N900);
    font-weight: 500;
    font-size: 16px;
    align-items: center;
    padding-top: 16px
}

.docx-jira-filter-fetch-fail-wrapper .title-wrapper .filter-name {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.docx-jira-filter-fetch-fail-wrapper .retry-wrapper {
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: var(--text-caption);
    padding-top: 6px;
    padding-bottom: 12px
}

.docx-jira-filter-fetch-fail-wrapper .retry-wrapper .retry-text {
    margin-left: 8px;
    text-decoration: underline;
    cursor: pointer
}

.docx-jira-filter-fetch-fail-wrapper .main-content-wrapper {
    border: 1px solid var(--line-border-card);
    height: 160px;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.docx-jira-filter-block-not-network-view {
    display: flex;
    align-items: center;
    color: var(--N600);
    background-color: var(--bg-body-overlay);
    padding: 6px 12px;
    border-radius: 3px;
    border-radius: 4px
}

.docx-jira-filter-block-not-network-view .fail-text {
    font-size: 14px;
    margin-left: 4px;
    line-height: 1.5
}

.docx-jira-filter--deleted {
    cursor: pointer;
    display: inline-block;
    padding: 5px 2px;
    font-size: 1em;
    word-break: break-word;
    border: none!important;
    max-width: 730px
}

.docx-jira-filter--deleted .jira-filter-key,.docx-jira-filter--deleted .jira-filter-tip {
    margin-left: 6px;
    color: var(--text-caption)
}

.docx-jira-filter--deleted .jira-filter-warning-icon {
    display: inline-block;
    position: relative
}

.docx-jira-filter--deleted .jira-filter-warning-icon svg {
    width: 1em;
    height: 1em;
    position: relative
}

.docx-jira-filter--deleted .jira-filter-warning-icon svg path:nth-child(2) {
    fill: var(--N00)
}

.docx-jira-filter--deleted.is-selected,.docx-jira-filter--deleted:hover {
    border-radius: 4px;
    background-color: var(--B100-BG)
}

.mobile .docx-jira-filter--deleted .jira-filter-warning-icon {
    display: inline-block;
    position: relative;
    top: .05em
}

.Jira-Filter-Overlay .bitable-toolbar-docx .pure-bitable-doc-overlay .bitable-sidebar {
    margin-top: -84px!important
}

.Jira-Filter-Overlay .bitable-toolbar-docx .bitable-float-toolbar-wrapper {
    background-color: initial
}

.modal-guide-dialog .ud__modal__header .ud__modal__titleContent {
    overflow-y: hidden
}

.confirm-with-no-tips__container {
    position: absolute;
    bottom: -24px;
    left: 24px
}

.ud__checkbox {
    box-sizing: border-box;
    position: relative
}

.ud__checkbox:after {
    display: inline-block;
    width: 0;
    visibility: hidden;
    content: "\a0";
    width: 16px
}

.ud__checkbox-group {
    box-sizing: border-box;
    display: inline-flex;
    grid-column-gap: 24px;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    flex-wrap: wrap
}

.ud__checkbox__wrapper {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-flex;
    align-items: baseline
}

.ud__checkbox__input {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 16px;
    font-size: inherit;
    line-height: inherit;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    padding: 0;
    margin: 0
}

.ud__checkbox__input-disabled {
    pointer-events: none
}

.ud__checkbox__wallpaper {
    display: block;
    position: absolute;
    box-sizing: border-box;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    height: 16px;
    color: var(--static-white);
    background-color: var(--udtoken-component-outlined-bg);
    border: 1px solid var(--N500);
    border-radius: 4px;
    transition: all .2s cubic-bezier(.34,.69,.1,1)
}

.ud__checkbox__input.focus-visible~.ud__checkbox__wallpaper,.ud__checkbox__input:focus-visible~.ud__checkbox__wallpaper,.ud__checkbox__input:hover~.ud__checkbox__wallpaper {
    border-color: var(--primary-content-default);
    background-color: var(--udtoken-component-outlined-bg)
}

.ud__checkbox__input:active~.ud__checkbox__wallpaper {
    border-color: var(--primary-content-pressed);
    background-color: var(--udtoken-component-outlined-bg)
}

.ud__checkbox__input:checked~.ud__checkbox__wallpaper,.ud__checkbox__input:indeterminate~.ud__checkbox__wallpaper {
    border-color: transparent;
    background-color: var(--primary-fill-default)
}

.ud__checkbox__input:checked.focus-visible~.ud__checkbox__wallpaper,.ud__checkbox__input:indeterminate.focus-visible~.ud__checkbox__wallpaper {
    background-color: var(--primary-fill-hover)
}

.ud__checkbox__input:checked:focus-visible~.ud__checkbox__wallpaper,.ud__checkbox__input:indeterminate:focus-visible~.ud__checkbox__wallpaper {
    background-color: var(--primary-fill-hover)
}

.ud__checkbox__input:checked:hover~.ud__checkbox__wallpaper,.ud__checkbox__input:indeterminate:hover~.ud__checkbox__wallpaper {
    background-color: var(--primary-fill-hover)
}

.ud__checkbox__input:checked:active~.ud__checkbox__wallpaper,.ud__checkbox__input:indeterminate:active~.ud__checkbox__wallpaper {
    background-color: var(--primary-fill-pressed)
}

.ud__checkbox--error .ud__checkbox__input.focus-visible~.ud__checkbox__wallpaper,.ud__checkbox--error .ud__checkbox__input:active~.ud__checkbox__wallpaper,.ud__checkbox--error .ud__checkbox__input:focus-visible~.ud__checkbox__wallpaper,.ud__checkbox--error .ud__checkbox__input:hover~.ud__checkbox__wallpaper,.ud__checkbox--error .ud__checkbox__wallpaper {
    border-color: var(--function-danger-content-default)
}

.ud__checkbox--disabled {
    cursor: not-allowed
}

.ud__checkbox--error .ud__checkbox__input:disabled~.ud__checkbox__wallpaper,.ud__checkbox__input:disabled~.ud__checkbox__wallpaper {
    color: var(--N200);
    border-color: var(--N400);
    background-color: var(--N200)
}

.ud__checkbox__input:checked:disabled~.ud__checkbox__wallpaper,.ud__checkbox__input:indeterminate:disabled~.ud__checkbox__wallpaper {
    background-color: var(--fill-disabled)
}

.ud__checkbox__checked-svg,.ud__checkbox__indeterminate-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(0);
    transform: translate(-50%,-50%) scale(0);
    box-sizing: border-box;
    opacity: 0;
    transition: all .2s cubic-bezier(.34,.69,.1,1)
}

.ud__checkbox__checked-svg-shown,.ud__checkbox__indeterminate-svg-shown {
    -webkit-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
    opacity: 1
}

.ud__checkbox__label-content {
    box-sizing: border-box;
    cursor: pointer;
    color: var(--text-title);
    z-index: 1;
    margin-left: 8px;
    overflow-wrap: break-word
}

.ud__checkbox__label-content-disabled {
    cursor: not-allowed;
    color: var(--text-disabled)
}

.vote-avatar-popover__overlayer {
    border-radius: 8px
}

.vote-avatar-popover__overlayer .ud__popover-content {
    padding: 0;
    border: 0
}

.ud__avatar {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-title);
    font-size: 14px;
    line-height: 1.5715;
    list-style: none;
    position: relative;
    display: inline-block;
    overflow: hidden;
    line-height: 1;
    vertical-align: middle
}

.ud__avatar-image:after,.ud__avatar:before {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: var(--fill-img-mask)
}

.ud__avatar-image:before {
    box-sizing: border-box;
    content: unset
}

.ud__avatar-circle {
    border-radius: 999999px
}

.ud__avatar-squircle {
    border-radius: 0
}

.ud__avatar-squircle-border {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.ud__avatar-squircle-border path {
    stroke: var(--fill-tag);
    fill: transparent
}

.ud__avatar-square {
    border-radius: 12.5%
}

.ud__avatar-square.ud__avatar-image:after,.ud__avatar-square:before {
    border-radius: 12.5%;
    box-shadow: 0 0 0 1px inset var(--fill-tag)
}

.ud__avatar-square.ud__avatar-neutral.ud__avatar-image:after,.ud__avatar-square.ud__avatar-neutral:before {
    box-shadow: none
}

.ud__avatar__image {
    box-sizing: border-box;
    color: var(--static-white);
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top
}

.ud__avatar__text {
    line-height: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    white-space: pre;
    text-align: center;
    vertical-align: middle
}

.ud__avatar__icon,.ud__avatar__text {
    box-sizing: border-box
}

.ud__avatar__icon>:first-child {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 50%;
    height: 50%
}

.ud__avatar__icon .universe-icon>svg {
    width: 100%;
    height: 100%;
    display: block
}

.ud__avatar__anonymous {
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    bottom: 0
}

.ud__avatar-filled {
    color: var(--static-white)
}

.ud__avatar-outlined {
    border: 1px solid;
    background-color: var(--bg-body)
}

.ud__avatar-neutral.ud__avatar-filled {
    background-color: var(--line-border-card)
}

.ud__avatar-neutral.ud__avatar-outlined {
    border-left-color: var(--line-border-card);
    border-bottom-color: 1px;
    border-right-color: var(--line-border-card);
    border-top-color: 1px;
    color: var(--line-border-card)
}

.ud__avatar-blue.ud__avatar-filled {
    background-color: var(--colorful-blue)
}

.ud__avatar-blue.ud__avatar-outlined {
    border-left-color: var(--colorful-blue);
    border-bottom-color: 1px;
    border-right-color: var(--colorful-blue);
    border-top-color: 1px;
    color: var(--colorful-blue)
}

.ud__avatar-wathet.ud__avatar-filled {
    background-color: var(--colorful-wathet)
}

.ud__avatar-wathet.ud__avatar-outlined {
    border-left-color: var(--colorful-wathet);
    border-bottom-color: 1px;
    border-right-color: var(--colorful-wathet);
    border-top-color: 1px;
    color: var(--colorful-wathet)
}

.ud__avatar-turquoise.ud__avatar-filled {
    background-color: var(--colorful-turquoise)
}

.ud__avatar-turquoise.ud__avatar-outlined {
    border-left-color: var(--colorful-turquoise);
    border-bottom-color: 1px;
    border-right-color: var(--colorful-turquoise);
    border-top-color: 1px;
    color: var(--colorful-turquoise)
}

.ud__avatar-green.ud__avatar-filled {
    background-color: var(--colorful-green)
}

.ud__avatar-green.ud__avatar-outlined {
    border-left-color: var(--colorful-green);
    border-bottom-color: 1px;
    border-right-color: var(--colorful-green);
    border-top-color: 1px;
    color: var(--colorful-green)
}

.ud__avatar-lime.ud__avatar-filled {
    background-color: var(--colorful-lime)
}

.ud__avatar-lime.ud__avatar-outlined {
    border-left-color: var(--colorful-lime);
    border-bottom-color: 1px;
    border-right-color: var(--colorful-lime);
    border-top-color: 1px;
    color: var(--colorful-lime)
}

.ud__avatar-yellow.ud__avatar-filled {
    background-color: var(--Y350)
}

.ud__avatar-yellow.ud__avatar-outlined {
    border-left-color: var(--Y350);
    border-bottom-color: 1px;
    border-right-color: var(--Y350);
    border-top-color: 1px;
    color: var(--Y350)
}

.ud__avatar-orange.ud__avatar-filled {
    background-color: var(--O400)
}

.ud__avatar-orange.ud__avatar-outlined {
    border-left-color: var(--O400);
    border-bottom-color: 1px;
    border-right-color: var(--O400);
    border-top-color: 1px;
    color: var(--O400)
}

.ud__avatar-red.ud__avatar-filled {
    background-color: var(--colorful-red)
}

.ud__avatar-red.ud__avatar-outlined {
    border-left-color: var(--colorful-red);
    border-bottom-color: 1px;
    border-right-color: var(--colorful-red);
    border-top-color: 1px;
    color: var(--colorful-red)
}

.ud__avatar-carmine.ud__avatar-filled {
    background-color: var(--colorful-carmine)
}

.ud__avatar-carmine.ud__avatar-outlined {
    border-left-color: var(--colorful-carmine);
    border-bottom-color: 1px;
    border-right-color: var(--colorful-carmine);
    border-top-color: 1px;
    color: var(--colorful-carmine)
}

.ud__avatar-violet.ud__avatar-filled {
    background-color: var(--colorful-violet)
}

.ud__avatar-violet.ud__avatar-outlined {
    border-left-color: var(--colorful-violet);
    border-bottom-color: 1px;
    border-right-color: var(--colorful-violet);
    border-top-color: 1px;
    color: var(--colorful-violet)
}

.ud__avatar-purple.ud__avatar-filled {
    background-color: var(--colorful-purple)
}

.ud__avatar-purple.ud__avatar-outlined {
    border-left-color: var(--colorful-purple);
    border-bottom-color: 1px;
    border-right-color: var(--colorful-purple);
    border-top-color: 1px;
    color: var(--colorful-purple)
}

.ud__avatar-indigo.ud__avatar-filled {
    background-color: var(--colorful-indigo)
}

.ud__avatar-indigo.ud__avatar-outlined {
    border-left-color: var(--colorful-indigo);
    border-bottom-color: 1px;
    border-right-color: var(--colorful-indigo);
    border-top-color: 1px;
    color: var(--colorful-indigo)
}

.ud__avatar-group .ud__avatar {
    vertical-align: top
}

.ud__avatar-group>.ud__avatar-max {
    color: var(--text-caption);
    background-color: var(--bg-filler);
    transition: background-color .2s cubic-bezier(.34,.69,.1,1)
}

.ud__avatar-group>.ud__avatar-max:active,.ud__avatar-group>.ud__avatar-max:hover {
    background-color: var(--N300)
}

.u1klzzw2 {
    cursor: pointer
}

.list-detail-item__container {
    justify-content: space-between;
    font-family: "PingFang SC";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-title);
    padding-right: 24px;
    height: 47px
}

.list-detail-item__container,.list-detail-item__container .list-detail-item__content {
    display: flex;
    align-items: center
}

#ja-JP .list-detail-item__container {
    font-family: "ヒラギノ角ゴシック","Yu Gothic","Microsoft Jhenghei UI","Microsoft Yahei UI","ＭＳ Ｐゴシック",PingFang SC,Hiragino Sans GB,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}

.list-detail-item__container .list-detail-item__avatar {
    margin-right: 8px;
    color: var(--text-caption);
    cursor: pointer;
    flex-shrink: 0
}

.list-detail-dialog {
    -webkit-user-select: none;
    user-select: none
}

.list-detail-dialog .ud__dialog__content.ud__dialog__content-md {
    width: 412px;
    max-height: 470px!important
}

.list-detail-dialog .ud__modal__content .ud__modal__body {
    padding-right: 0;
    margin-bottom: 0;
    height: 432px;
    max-height: 432px;
    padding-bottom: 13px
}

.list-detail-dialog.minus-scroll-bar-padding .list-detail-item__container {
    padding-right: 14px
}

.list-detail-dialog .ud__modal__body--top-overflow {
    box-shadow: none
}

.list-detail-dialog__loading {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center
}

.poll-block__vote-footer {
    background: var(--bg-body);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.poll-block__vote-footer .float {
    position: fixed;
    bottom: 0;
    background: var(--bg-body);
    z-index: 1;
    box-shadow: var(--shadow-md-up);
    transition: opacity .2s
}

.poll-block__vote-footer-content {
    overflow: hidden;
    padding: 0 12px
}

.poll-input__container {
    padding-top: 5px;
    padding-bottom: 5px
}

.poll-input__container .poll-input-textarea {
    font-size: inherit;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: transparent
}

.poll-input__container .poll-input-textarea::-webkit-input-placeholder {
    color: inherit
}

.poll-input__container .poll-input-textarea::placeholder {
    color: inherit
}

.poll-input__container .poll-input-preview {
    cursor: text;
    pointer-events: none;
    font-weight: 400
}

.poll-input__container.focused .poll-input-textarea {
    position: relative;
    bottom: auto;
    color: inherit
}

.poll-input__container.focused .poll-input-textarea::-webkit-input-placeholder {
    color: var(--text-placeholder)
}

.poll-input__container.focused .poll-input-textarea::placeholder {
    color: var(--text-placeholder)
}

.poll-input__container.editable {
    padding-left: 11px;
    padding-right: 11px
}

.poll-input__container.editable.focused,.poll-input__container.editable:focus {
    border-color: var(--colorful-blue)
}

.poll-input__container.poll-input__container--large {
    font-size: 16px;
    padding-top: 7px;
    padding-bottom: 7px
}

.poll-block-header__container {
    background: var(--B100);
    color: var(--B600)
}

.poll-block-header__container.is-windows .poll-input-textarea::-webkit-input-placeholder {
    padding-top: 1px
}

.poll-block-header__container.is-windows .poll-input-textarea::placeholder {
    padding-top: 1px
}

.poll-block-header__container.poll-block-header__container--edit .poll-input__container.poll-input__container--large {
    padding-top: 3px;
    padding-bottom: 3px
}

.poll-block-header__title {
    position: relative
}

.poll-block-header__title .poll-input-preview,.poll-block-header__title .poll-input-textarea {
    font-weight: 500
}

.poll-block-header__title .poll-input-textarea::-webkit-input-placeholder {
    color: var(--text-placeholder);
    font-weight: 400
}

.poll-block-header__title .poll-input-textarea::placeholder {
    color: var(--text-placeholder);
    font-weight: 400
}

.poll-block-header__title .header-placeholder {
    position: absolute;
    left: 8px;
    top: 0;
    right: 0;
    bottom: 0;
    color: inherit;
    font-weight: 700
}

.poll-block-header__title .poll-input-placeholder {
    color: var(--N500);
    white-space: nowrap
}

.poll-block-header__label--result.ud__tag,.poll-block-header__label.ud__tag {
    background: rgba(var(--B600-raw),.11);
    border-radius: 4px!important;
    color: var(--B600)
}

.poll-block-header__label--result.ud__tag.people-number-extra-small-tag .ud__tag__content,.poll-block-header__label.ud__tag.people-number-extra-small-tag .ud__tag__content {
    zoom:1;line-height: 16px!important
}

.poll-block-header__label--result.ud__tag.people-number-extra-small-tag .people-number-wrapper,.poll-block-header__label.ud__tag.people-number-extra-small-tag .people-number-wrapper {
    -webkit-transform: scale(.8333);
    transform: scale(.8333);
    margin: 0 -1px
}

.poll-block-header__label--result.ud__tag .people-number-wrapper,.poll-block-header__label.ud__tag .people-number-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 10px
}

.poll-block-header__label--result.ud__tag .people-number-wrapper .people-number-icon,.poll-block-header__label.ud__tag .people-number-wrapper .people-number-icon {
    margin-right: 3px
}

.poll-block-header__icon-wrapper {
    max-height: 22px
}

.poll-block-header__edit {
    position: relative;
    width: 18px;
    margin-right: 5px;
    max-height: 22px;
    margin-top: -2px
}

.poll-block-header__edit button {
    color: var(--B600)!important;
    height: 28px!important;
    width: 28px!important
}

.poll-block-header__edit button.ud__button--icon-default-selected,.poll-block-header__edit button.ud__button--icon-default:hover {
    background: var(--bg-text-selection)
}

.poll-block-header__edit button.poll-pc-edit__icon {
    font-size: 16px
}

.poll-block-header-menu__container .universe-icon {
    height: 18px;
    width: 18px;
    margin-right: 4px;
    vertical-align: middle
}

.poll-block-header--result {
    padding: 3px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.poll-block-header--result .ud__button--text-default,.poll-block-header--result .ud__button--text-default:hover {
    font-weight: 500;
    color: var(--text-link-normal)
}

.poll-block-header--result .ud__button--text-default:hover {
    background-color: var(--fill-active)
}

.docx__poll-block-header-overlay .ud__slide-up-down-bottom-start-300-300-200-exit-done {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.u1bu674q:after {
    display: block
}

.ugxxmjl:after {
    position: absolute
}

.ueztu23:after {
    width: 24px
}

.u5duoq9:after {
    height: 24px
}

.uqf3fvi:after {
    content: ""
}

.u1l7s2df:after {
    top: calc(50% - 12px)
}

.urc9s9s:after {
    left: -2px
}

.u16q19ri {
    padding-left: 2px
}

.uo6w1kb {
    font-size: 8px
}

.uw7k9bd {
    margin-left: 2px
}

.u1twoerw:pressed,.umr4z5:hover {
    opacity: .5
}

.uis52ae {
    opacity: .6
}

.u1696qpi:hover,.usw25ky:pressed {
    opacity: 1
}

.u1rksv49 {
    margin-left: 4px
}

.uyhf49 {
    opacity: .5
}

.ukiel7s {
    padding-right: 10.666666666666666px
}

.ufpga9s {
    padding-right: 6.666666666666667px
}

.u1g0u11u {
    padding-right: 5.333333333333333px
}

.u1mh6g2h {
    width: 32px
}

.um2wxgu {
    width: 24px
}

.u1t5o8bw {
    width: 16px
}

.u1jzrmbf {
    justify-content: center
}

.u1gxsx41 {
    height: 32px
}

.u114pprc {
    padding-left: 8px
}

.u1f32mmx {
    height: 24px
}

.uuzvi0g {
    height: 20px
}

.udi86gu {
    padding-right: 6px
}

.uquq6oy {
    padding-left: 6px
}

.u1op5ov2 {
    height: 16px
}

.u9i6vxk {
    padding-top: 0
}

.umwo0du {
    padding-right: 4px
}

.usf68gt {
    padding-bottom: 0
}

.u1fxfseu {
    padding-left: 4px
}

.ukh8n7i {
    cursor: text
}

.uhr53wp {
    align-items: center
}

.u1s5of6x {
    transition-property: all
}

.ub546ir {
    transition-duration: .2s
}

.uhq278k {
    max-width: 100%
}

.ud__tag-other-color {
    border-color: transparent;
    color: var(--static-white)
}

.ud__tag-neutral {
    background-color: var(--udtoken-tag-neutral-bg-normal)
}

.ud__tag-neutral,.ud__tag-neutral-solid,.ud__tag-neutral>.ud__tag__close-icon,.ud__tag-neutral>.ud__tag__close-icon:active,.ud__tag-neutral>.ud__tag__close-icon:hover,.ud__tag-neutral>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-neutral-text-normal)
}

.ud__tag-neutral-solid {
    background-color: var(--udtoken-tag-neutral-bg-solid)
}

.ud__tag-neutral-solid>.ud__tag__close-icon,.ud__tag-neutral-solid>.ud__tag__close-icon:active,.ud__tag-neutral-solid>.ud__tag__close-icon:hover,.ud__tag-neutral-solid>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-neutral-text-normal)
}

.ud__tag-neutral-ghost {
    background-color: var(--udtoken-tag-neutral-bg-inverse)
}

.ud__tag-neutral-ghost,.ud__tag-neutral-ghost>.ud__tag__close-icon,.ud__tag-neutral-ghost>.ud__tag__close-icon:active,.ud__tag-neutral-ghost>.ud__tag__close-icon:hover,.ud__tag-neutral-ghost>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-neutral-text-inverse)
}

.ud__tag-neutral-ghost-transparent {
    background-color: var(--udtoken-tag-neutral-bg-inverse-opacity)
}

.ud__tag-neutral-ghost-transparent,.ud__tag-neutral-ghost-transparent>.ud__tag__close-icon,.ud__tag-neutral-ghost-transparent>.ud__tag__close-icon:active,.ud__tag-neutral-ghost-transparent>.ud__tag__close-icon:hover,.ud__tag-neutral-ghost-transparent>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-neutral-text-inverse-opacity)
}

.ud__tag-neutral-option {
    background-color: var(--udtoken-tag-neutral-bg-normal);
    color: var(--text-title)
}

.ud__tag-neutral-option>.ud__tag__close-icon,.ud__tag-neutral-option>.ud__tag__close-icon:active,.ud__tag-neutral-option>.ud__tag__close-icon:hover,.ud__tag-neutral-option>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--text-title)
}

.ud__tag-blue {
    background-color: var(--udtoken-tag-bg-blue)
}

.ud__tag-blue,.ud__tag-blue>.ud__tag__close-icon,.ud__tag-blue>.ud__tag__close-icon:active,.ud__tag-blue>.ud__tag__close-icon:hover,.ud__tag-blue>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-blue)
}

.ud__tag-turquoise {
    background-color: var(--udtoken-tag-bg-turquoise)
}

.ud__tag-turquoise,.ud__tag-turquoise>.ud__tag__close-icon,.ud__tag-turquoise>.ud__tag__close-icon:active,.ud__tag-turquoise>.ud__tag__close-icon:hover,.ud__tag-turquoise>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-turquoise)
}

.ud__tag-lime {
    background-color: var(--udtoken-tag-bg-lime)
}

.ud__tag-lime,.ud__tag-lime>.ud__tag__close-icon,.ud__tag-lime>.ud__tag__close-icon:active,.ud__tag-lime>.ud__tag__close-icon:hover,.ud__tag-lime>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-lime)
}

.ud__tag-orange {
    background-color: var(--udtoken-tag-bg-orange)
}

.ud__tag-orange,.ud__tag-orange>.ud__tag__close-icon,.ud__tag-orange>.ud__tag__close-icon:active,.ud__tag-orange>.ud__tag__close-icon:hover,.ud__tag-orange>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-orange)
}

.ud__tag-violet {
    background-color: var(--udtoken-tag-bg-violet)
}

.ud__tag-violet,.ud__tag-violet>.ud__tag__close-icon,.ud__tag-violet>.ud__tag__close-icon:active,.ud__tag-violet>.ud__tag__close-icon:hover,.ud__tag-violet>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-violet)
}

.ud__tag-indigo {
    background-color: var(--udtoken-tag-bg-indigo)
}

.ud__tag-indigo,.ud__tag-indigo>.ud__tag__close-icon,.ud__tag-indigo>.ud__tag__close-icon:active,.ud__tag-indigo>.ud__tag__close-icon:hover,.ud__tag-indigo>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-indigo)
}

.ud__tag-wathet {
    background-color: var(--udtoken-tag-bg-wathet)
}

.ud__tag-wathet,.ud__tag-wathet>.ud__tag__close-icon,.ud__tag-wathet>.ud__tag__close-icon:active,.ud__tag-wathet>.ud__tag__close-icon:hover,.ud__tag-wathet>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-wathet)
}

.ud__tag-green {
    background-color: var(--udtoken-tag-bg-green)
}

.ud__tag-green,.ud__tag-green>.ud__tag__close-icon,.ud__tag-green>.ud__tag__close-icon:active,.ud__tag-green>.ud__tag__close-icon:hover,.ud__tag-green>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-green)
}

.ud__tag-yellow {
    background-color: var(--udtoken-tag-bg-yellow)
}

.ud__tag-yellow,.ud__tag-yellow>.ud__tag__close-icon,.ud__tag-yellow>.ud__tag__close-icon:active,.ud__tag-yellow>.ud__tag__close-icon:hover,.ud__tag-yellow>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-yellow)
}

.ud__tag-red {
    background-color: var(--udtoken-tag-bg-red)
}

.ud__tag-red,.ud__tag-red>.ud__tag__close-icon,.ud__tag-red>.ud__tag__close-icon:active,.ud__tag-red>.ud__tag__close-icon:hover,.ud__tag-red>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-red)
}

.ud__tag-purple {
    background-color: var(--udtoken-tag-bg-purple)
}

.ud__tag-purple,.ud__tag-purple>.ud__tag__close-icon,.ud__tag-purple>.ud__tag__close-icon:active,.ud__tag-purple>.ud__tag__close-icon:hover,.ud__tag-purple>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-purple)
}

.ud__tag-carmine {
    background-color: var(--udtoken-tag-bg-carmine)
}

.ud__tag-carmine,.ud__tag-carmine>.ud__tag__close-icon,.ud__tag-carmine>.ud__tag__close-icon:active,.ud__tag-carmine>.ud__tag__close-icon:hover,.ud__tag-carmine>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-carmine)
}

.ud__tag-blue-solid {
    background-color: var(--udtoken-tag-bg-blue-solid)
}

.ud__tag-blue-solid,.ud__tag-blue-solid>.ud__tag__close-icon,.ud__tag-blue-solid>.ud__tag__close-icon:active,.ud__tag-blue-solid>.ud__tag__close-icon:hover,.ud__tag-blue-solid>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-blue)
}

.ud__tag-turquoise-solid {
    background-color: var(--udtoken-tag-bg-turquoise-solid)
}

.ud__tag-turquoise-solid,.ud__tag-turquoise-solid>.ud__tag__close-icon,.ud__tag-turquoise-solid>.ud__tag__close-icon:active,.ud__tag-turquoise-solid>.ud__tag__close-icon:hover,.ud__tag-turquoise-solid>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-turquoise)
}

.ud__tag-lime-solid {
    background-color: var(--udtoken-tag-bg-lime-solid)
}

.ud__tag-lime-solid,.ud__tag-lime-solid>.ud__tag__close-icon,.ud__tag-lime-solid>.ud__tag__close-icon:active,.ud__tag-lime-solid>.ud__tag__close-icon:hover,.ud__tag-lime-solid>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-lime)
}

.ud__tag-orange-solid {
    background-color: var(--udtoken-tag-bg-orange-solid)
}

.ud__tag-orange-solid,.ud__tag-orange-solid>.ud__tag__close-icon,.ud__tag-orange-solid>.ud__tag__close-icon:active,.ud__tag-orange-solid>.ud__tag__close-icon:hover,.ud__tag-orange-solid>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-orange)
}

.ud__tag-violet-solid {
    background-color: var(--udtoken-tag-bg-violet-solid)
}

.ud__tag-violet-solid,.ud__tag-violet-solid>.ud__tag__close-icon,.ud__tag-violet-solid>.ud__tag__close-icon:active,.ud__tag-violet-solid>.ud__tag__close-icon:hover,.ud__tag-violet-solid>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-violet)
}

.ud__tag-indigo-solid {
    background-color: var(--udtoken-tag-bg-indigo-solid)
}

.ud__tag-indigo-solid,.ud__tag-indigo-solid>.ud__tag__close-icon,.ud__tag-indigo-solid>.ud__tag__close-icon:active,.ud__tag-indigo-solid>.ud__tag__close-icon:hover,.ud__tag-indigo-solid>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-indigo)
}

.ud__tag-wathet-solid {
    background-color: var(--udtoken-tag-bg-wathet-solid)
}

.ud__tag-wathet-solid,.ud__tag-wathet-solid>.ud__tag__close-icon,.ud__tag-wathet-solid>.ud__tag__close-icon:active,.ud__tag-wathet-solid>.ud__tag__close-icon:hover,.ud__tag-wathet-solid>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-wathet)
}

.ud__tag-green-solid {
    background-color: var(--udtoken-tag-bg-green-solid)
}

.ud__tag-green-solid,.ud__tag-green-solid>.ud__tag__close-icon,.ud__tag-green-solid>.ud__tag__close-icon:active,.ud__tag-green-solid>.ud__tag__close-icon:hover,.ud__tag-green-solid>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-green)
}

.ud__tag-yellow-solid {
    background-color: var(--udtoken-tag-bg-yellow-solid)
}

.ud__tag-yellow-solid,.ud__tag-yellow-solid>.ud__tag__close-icon,.ud__tag-yellow-solid>.ud__tag__close-icon:active,.ud__tag-yellow-solid>.ud__tag__close-icon:hover,.ud__tag-yellow-solid>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-yellow)
}

.ud__tag-red-solid {
    background-color: var(--udtoken-tag-bg-red-solid)
}

.ud__tag-red-solid,.ud__tag-red-solid>.ud__tag__close-icon,.ud__tag-red-solid>.ud__tag__close-icon:active,.ud__tag-red-solid>.ud__tag__close-icon:hover,.ud__tag-red-solid>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-red)
}

.ud__tag-purple-solid {
    background-color: var(--udtoken-tag-bg-purple-solid)
}

.ud__tag-purple-solid,.ud__tag-purple-solid>.ud__tag__close-icon,.ud__tag-purple-solid>.ud__tag__close-icon:active,.ud__tag-purple-solid>.ud__tag__close-icon:hover,.ud__tag-purple-solid>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-purple)
}

.ud__tag-carmine-solid {
    background-color: var(--udtoken-tag-bg-carmine-solid)
}

.ud__tag-carmine-solid,.ud__tag-carmine-solid>.ud__tag__close-icon,.ud__tag-carmine-solid>.ud__tag__close-icon:active,.ud__tag-carmine-solid>.ud__tag__close-icon:hover,.ud__tag-carmine-solid>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-carmine)
}

.ud__tag-blue-option {
    background-color: var(--udtoken-tag-bg-blue)
}

.ud__tag-blue-option,.ud__tag-blue-option>.ud__tag__close-icon,.ud__tag-blue-option>.ud__tag__close-icon:active,.ud__tag-blue-option>.ud__tag__close-icon:hover,.ud__tag-blue-option>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-blue)
}

.ud__tag-turquoise-option {
    background-color: var(--udtoken-tag-bg-turquoise)
}

.ud__tag-turquoise-option,.ud__tag-turquoise-option>.ud__tag__close-icon,.ud__tag-turquoise-option>.ud__tag__close-icon:active,.ud__tag-turquoise-option>.ud__tag__close-icon:hover,.ud__tag-turquoise-option>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-turquoise)
}

.ud__tag-lime-option {
    background-color: var(--udtoken-tag-bg-lime)
}

.ud__tag-lime-option,.ud__tag-lime-option>.ud__tag__close-icon,.ud__tag-lime-option>.ud__tag__close-icon:active,.ud__tag-lime-option>.ud__tag__close-icon:hover,.ud__tag-lime-option>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-lime)
}

.ud__tag-orange-option {
    background-color: var(--udtoken-tag-bg-orange)
}

.ud__tag-orange-option,.ud__tag-orange-option>.ud__tag__close-icon,.ud__tag-orange-option>.ud__tag__close-icon:active,.ud__tag-orange-option>.ud__tag__close-icon:hover,.ud__tag-orange-option>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-orange)
}

.ud__tag-violet-option {
    background-color: var(--udtoken-tag-bg-violet)
}

.ud__tag-violet-option,.ud__tag-violet-option>.ud__tag__close-icon,.ud__tag-violet-option>.ud__tag__close-icon:active,.ud__tag-violet-option>.ud__tag__close-icon:hover,.ud__tag-violet-option>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-violet)
}

.ud__tag-indigo-option {
    background-color: var(--udtoken-tag-bg-indigo)
}

.ud__tag-indigo-option,.ud__tag-indigo-option>.ud__tag__close-icon,.ud__tag-indigo-option>.ud__tag__close-icon:active,.ud__tag-indigo-option>.ud__tag__close-icon:hover,.ud__tag-indigo-option>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-indigo)
}

.ud__tag-wathet-option {
    background-color: var(--udtoken-tag-bg-wathet)
}

.ud__tag-wathet-option,.ud__tag-wathet-option>.ud__tag__close-icon,.ud__tag-wathet-option>.ud__tag__close-icon:active,.ud__tag-wathet-option>.ud__tag__close-icon:hover,.ud__tag-wathet-option>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-wathet)
}

.ud__tag-green-option {
    background-color: var(--udtoken-tag-bg-green)
}

.ud__tag-green-option,.ud__tag-green-option>.ud__tag__close-icon,.ud__tag-green-option>.ud__tag__close-icon:active,.ud__tag-green-option>.ud__tag__close-icon:hover,.ud__tag-green-option>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-green)
}

.ud__tag-yellow-option {
    background-color: var(--udtoken-tag-bg-yellow)
}

.ud__tag-yellow-option,.ud__tag-yellow-option>.ud__tag__close-icon,.ud__tag-yellow-option>.ud__tag__close-icon:active,.ud__tag-yellow-option>.ud__tag__close-icon:hover,.ud__tag-yellow-option>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-yellow)
}

.ud__tag-red-option {
    background-color: var(--udtoken-tag-bg-red)
}

.ud__tag-red-option,.ud__tag-red-option>.ud__tag__close-icon,.ud__tag-red-option>.ud__tag__close-icon:active,.ud__tag-red-option>.ud__tag__close-icon:hover,.ud__tag-red-option>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-red)
}

.ud__tag-purple-option {
    background-color: var(--udtoken-tag-bg-purple)
}

.ud__tag-purple-option,.ud__tag-purple-option>.ud__tag__close-icon,.ud__tag-purple-option>.ud__tag__close-icon:active,.ud__tag-purple-option>.ud__tag__close-icon:hover,.ud__tag-purple-option>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-purple)
}

.ud__tag-carmine-option {
    background-color: var(--udtoken-tag-bg-carmine)
}

.ud__tag-carmine-option,.ud__tag-carmine-option>.ud__tag__close-icon,.ud__tag-carmine-option>.ud__tag__close-icon:active,.ud__tag-carmine-option>.ud__tag__close-icon:hover,.ud__tag-carmine-option>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-carmine)
}

.ud__tag-blue-ghost {
    background-color: var(--B400)
}

.ud__tag-blue-ghost,.ud__tag-blue-ghost>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--static-white)
}

.ud__tag-blue-ghost>.ud__tag__close-icon {
    color: hsla(0,0%,100%,.6)
}

.ud__tag-blue-ghost>.ud__tag__close-icon:hover {
    color: var(--static-white)
}

.ud__tag-blue-ghost>.ud__tag__close-icon:active {
    color: hsla(0,0%,100%,.8)
}

.ud__tag-carmine-ghost {
    background-color: var(--C400)
}

.ud__tag-carmine-ghost,.ud__tag-carmine-ghost>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--static-white)
}

.ud__tag-carmine-ghost>.ud__tag__close-icon {
    color: hsla(0,0%,100%,.6)
}

.ud__tag-carmine-ghost>.ud__tag__close-icon:hover {
    color: var(--static-white)
}

.ud__tag-carmine-ghost>.ud__tag__close-icon:active {
    color: hsla(0,0%,100%,.8)
}

.ud__tag-red-ghost {
    background-color: var(--colorful-red);
    color: var(--function-danger-on-danger-fill)
}

.ud__tag-red-ghost>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--static-white)
}

.ud__tag-red-ghost>.ud__tag__close-icon {
    color: hsla(0,0%,100%,.6)
}

.ud__tag-red-ghost>.ud__tag__close-icon:hover {
    color: var(--static-white)
}

.ud__tag-red-ghost>.ud__tag__close-icon:active {
    color: hsla(0,0%,100%,.8)
}

.ud__tag-waiting {
    background-color: var(--udtoken-tag-bg-purple)
}

.ud__tag-waiting,.ud__tag-waiting>.ud__tag__close-icon,.ud__tag-waiting>.ud__tag__close-icon:active,.ud__tag-waiting>.ud__tag__close-icon:hover,.ud__tag-waiting>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-purple)
}

.ud__tag-success {
    background-color: var(--udtoken-tag-bg-green)
}

.ud__tag-success,.ud__tag-success>.ud__tag__close-icon,.ud__tag-success>.ud__tag__close-icon:active,.ud__tag-success>.ud__tag__close-icon:hover,.ud__tag-success>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-green)
}

.ud__tag-info {
    background-color: var(--udtoken-tag-bg-blue)
}

.ud__tag-info,.ud__tag-info>.ud__tag__close-icon,.ud__tag-info>.ud__tag__close-icon:active,.ud__tag-info>.ud__tag__close-icon:hover,.ud__tag-info>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-blue)
}

.ud__tag-warning {
    background-color: var(--udtoken-tag-bg-orange)
}

.ud__tag-warning,.ud__tag-warning>.ud__tag__close-icon,.ud__tag-warning>.ud__tag__close-icon:active,.ud__tag-warning>.ud__tag__close-icon:hover,.ud__tag-warning>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-orange)
}

.ud__tag-error {
    background-color: var(--udtoken-tag-bg-red)
}

.ud__tag-error,.ud__tag-error>.ud__tag__close-icon,.ud__tag-error>.ud__tag__close-icon:active,.ud__tag-error>.ud__tag__close-icon:hover,.ud__tag-error>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-text-s-red)
}

.ud__tag-missing {
    background-color: var(--udtoken-tag-neutral-bg-normal)
}

.ud__tag-missing,.ud__tag-missing>.ud__tag__close-icon,.ud__tag-missing>.ud__tag__close-icon:active,.ud__tag-missing>.ud__tag__close-icon:hover,.ud__tag-missing>.ud__tag__status-icon:not(.ud__avatar) {
    color: var(--udtoken-tag-neutral-text-normal)
}

.ud__tag-neutral-avatar {
    background-color: var(--udtoken-tag-neutral-bg-normal);
    color: var(--text-title)
}

.ud__tag-neutral-avatar>.ud__tag__status-icon:not(.ud__avatar) {
    color: unset
}

.ud__tag-neutral-avatar>.ud__tag__close-icon {
    color: var(--icon-n2)
}

.ud__tag-neutral-avatar>.ud__tag__close-icon:hover {
    color: var(--primary-content-default)
}

.ud__tag-neutral-avatar>.ud__tag__close-icon:active {
    color: var(--primary-content-pressed)
}

.ud__tag-neutral-avatar:hover {
    background-color: var(--udtoken-tag-neutral-bg-normal-hover)
}

.ud__tag-neutral-avatar:active {
    background-color: var(--udtoken-tag-neutral-bg-normal-pressed)
}

.ud__tag-blue-avatar {
    background-color: var(--udtoken-tag-bg-blue);
    color: var(--text-title)
}

.ud__tag-blue-avatar>.ud__tag__status-icon:not(.ud__avatar) {
    color: unset
}

.ud__tag-blue-avatar>.ud__tag__close-icon {
    color: var(--icon-n2)
}

.ud__tag-blue-avatar>.ud__tag__close-icon:hover {
    color: var(--colorful-blue)
}

.ud__tag-blue-avatar>.ud__tag__close-icon:active {
    color: var(--B600)
}

.ud__tag-orange-avatar {
    background-color: var(--udtoken-tag-bg-orange);
    color: var(--text-title)
}

.ud__tag-orange-avatar>.ud__tag__status-icon:not(.ud__avatar) {
    color: unset
}

.ud__tag-orange-avatar>.ud__tag__close-icon {
    color: var(--icon-n2)
}

.ud__tag-orange-avatar>.ud__tag__close-icon:hover {
    color: var(--colorful-orange)
}

.ud__tag-orange-avatar>.ud__tag__close-icon:active {
    color: var(--O600)
}

.uo2rg7d {
    transition-timing-function: cubic-bezier(.34,.69,.1,1)
}

.us0yppa {
    display: block
}

.poll-option__container {
    display: flex
}

.poll-option__container .poll-progress__container {
    width: 100%;
    height: 4px;
    background-color: rgba(var(--N900-raw),.1);
    border-radius: 6px
}

.poll-option__container .poll-progress-bar {
    border-radius: 6px;
    height: 100%;
    background-color: var(--text-link-hover)
}

.poll-option__container .poll-votes-collapse__container {
    display: flex;
    position: relative
}

.poll-option__container .poll-option-avatar,.poll-option__container .poll-option-vote-detail__btn {
    --shadow-width: 3px;
    cursor: pointer;
    position: absolute;
    box-shadow: 0 0 0 var(--shadow-width) var(--bg-body);
    box-sizing: initial;
    top: var(--shadow-width);
    border-radius: 20px
}

.poll-option__container .poll-option-vote-detail__btn {
    color: var(--icon-n2);
    background-color: var(--N200);
    right: 0
}

.poll-option__container .poll-option-vote-detail__btn:hover {
    background-color: var(--N300);
    border-color: var(--bg-body)
}

.poll-option-ratio__container {
    margin-right: 12px
}

.poll-option-ratio__container.is-hover-poll-checkbox .ud__checkbox__wallpaper {
    border-color: var(--primary-content-default)
}

.poll-option-ratio__container .ud__checkbox__wallpaper {
    border-color: #8f959e!important;
    background-color: var(--udtoken-component-outlined-bg)!important
}

.poll-option-ratio__container.is-checked .ud__checkbox__wallpaper {
    background-color: var(--primary-fill-hover)!important;
    border-color: var(--primary-content-default)!important
}

.poll-option-content__container {
    display: flex;
    flex: 1;
    color: var(--text-title)
}

.poll-option-content__container.highlight {
    color: var(--B600)
}

.poll-option-content__container.highlight .poll-input-prefix,.poll-option-content__container.highlight .poll-input-preview,.poll-option-content__container.highlight .poll-input-textarea {
    font-weight: 700
}

.poll-option-content__container.highlight .poll-option-input {
    color: var(--B600)
}

.poll-option-content__container.highlight .poll-option-result__content {
    font-weight: 700
}

.poll-option-content__container.should-show-checkbox,.poll-option-content__container.should-show-checkbox .poll-input-textarea {
    cursor: pointer
}

.poll-option-result__container {
    padding-left: 18px
}

.poll-option-result__content {
    color: inherit;
    font-weight: 400;
    font-size: 14px;
    margin-top: 5px;
    position: relative
}

#ja-JP .poll-option-result__content {
    font-family: "ヒラギノ角ゴシック","Yu Gothic","Microsoft Jhenghei UI","Microsoft Yahei UI","ＭＳ Ｐゴシック",PingFang SC,Hiragino Sans GB,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}

.poll-option-vote-number {
    margin-right: 8px;
    display: inline-block;
    min-width: 36px
}

.poll-option-vote-delete__btn.ud__button {
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    border-radius: 6px;
    border: 0;
    outline: 0;
    color: var(--icon-n2)
}

.poll-option-input {
    font-weight: 400;
    flex: 1
}

.poll-option-input.isEdit {
    background-color: var(--bg-base)
}

.poll-option-input.disabled-with-can-edit {
    color: var(--icon-n1);
    border-color: transparent!important
}

.poll-option-input.disabled-with-cannot-edit {
    color: var(--text-caption);
    border-color: transparent!important
}

.poll-option-input.with-default-title:not(.focused) {
    color: var(--icon-n3)
}

.poll-option-input.with-empty-highlight {
    background-color: var(--Y100);
    transition: background-color .1s
}

.poll-config-item__container {
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-title);
    padding-bottom: 12px;
    align-items: center;
    height: 32px;
    box-sizing: initial
}

.poll-config-item__container.poll-config-item__container--small {
    font-size: 12px
}

.poll-config-item__container.poll-config-item__container--small .ud__switch {
    margin-left: 8px
}

.poll-config-item__container .ud__switch {
    margin-left: 14px
}

#ja-JP .poll-config-item__container {
    font-family: "ヒラギノ角ゴシック","Yu Gothic","Microsoft Jhenghei UI","Microsoft Yahei UI","ＭＳ Ｐゴシック",PingFang SC,Hiragino Sans GB,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}

.poll-config-item__container.disabled {
    color: var(--text-placeholder)
}

.poll-config-item__container+.poll-config-item__container {
    border-top: 1px solid var(--line-divider-default);
    padding-top: 12px
}

.poll-config-item__container .poll-config__tips {
    color: var(--text-placeholder)
}

.ud__switch {
    box-sizing: border-box;
    position: relative;
    background-color: var(--line-border-component);
    vertical-align: middle;
    border: 0;
    border-radius: 999999px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: background .12s cubic-bezier(.4,.8,.74,1)
}

.ud__switch:focus {
    outline: none
}

.ud__switch .ud__switch__handler {
    box-sizing: border-box;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: left .12s cubic-bezier(.4,.8,.74,1);
    border-radius: 999999px;
    display: flex;
    align-items: center;
    justify-content: center
}

.ud__switch .ud__switch__handler .ud__switch__loading {
    color: var(--icon-disabled)
}

.ud__switch .ud__switch__handler:before {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--static-white);
    border-radius: 999999px;
    content: "";
    transition: all .12s cubic-bezier(.4,.8,.74,1)
}

.ud__switch.ud__switch-checked {
    background-color: var(--primary-content-default)
}

.ud__switch.ud__switch-checked .ud__switch__handler .ud__switch__loading {
    color: var(--primary-pri-200)
}

.ud__switch.ud__switch-md {
    min-width: 40px;
    height: 22px;
    line-height: 22px
}

.ud__switch.ud__switch-md .ud__switch__handler {
    width: 18px;
    height: 18px
}

.ud__switch.ud__switch-md .ud__switch__handler .ud__switch__loading {
    font-size: 14px
}

.ud__switch.ud__switch-md .ud__switch__handler:before {
    box-shadow: var(--shadow-sm-down)
}

.ud__switch.ud__switch-md.ud__switch-checked .ud__switch__handler {
    left: calc(100% - 20px)
}

.ud__switch.ud__switch-sm {
    min-width: 28px;
    height: 16px;
    line-height: 16px
}

.ud__switch.ud__switch-sm .ud__switch__handler {
    width: 12px;
    height: 12px
}

.ud__switch.ud__switch-sm .ud__switch__handler .ud__switch__loading {
    font-size: 8px
}

.ud__switch.ud__switch-sm .ud__switch__handler:before {
    box-shadow: var(--shadow-sm-down)
}

.ud__switch.ud__switch-sm.ud__switch-checked .ud__switch__handler {
    left: calc(100% - 14px)
}

.ud__switch:active.ud__switch-checked .ud__switch__handler:before {
    right: 0;
    left: -30%
}

.ud__switch:active .ud__switch__handler:before {
    left: 0;
    right: -30%
}

.ud__switch.ud__switch-disabled {
    cursor: not-allowed;
    background-color: var(--line-border-card)
}

.ud__switch.ud__switch-disabled .ud__switch__handler:before {
    background-color: var(--udtoken-switch-handle-disabled)
}

.ud__switch.ud__switch-disabled.ud__switch-checked {
    background-color: var(--primary-fill-solid-03)
}

.ud__switch.ud__switch-disabled:active.ud__switch-checked .ud__switch__handler:before,.ud__switch.ud__switch-disabled:active .ud__switch__handler:before {
    right: 0;
    left: 0
}

.ud__list__box {
    background: var(--bg-float);
    border: 1px solid var(--line-border-card);
    border-radius: 8px;
    box-shadow: var(--shadow-s4-down)
}

.ud__list__box-cascaded>.ud__list__box {
    box-shadow: none;
    border: none;
    border-radius: 0;
    width: auto
}

.ud__list__box-cascaded>.ud__list__box:not(:first-child) {
    border-left: 1px solid var(--line-divider-default)
}

.ud__list__box .rc-virtual-list-holder:last-child {
    overflow-y: auto!important;
    overflow-y: overlay!important;
    scrollbar-color: rgba(var(--N900-raw),30%) transparent
}

.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    -webkit-transition: background .2s cubic-bezier(.34,.69,.1,1);
    transition: background .2s cubic-bezier(.34,.69,.1,1);
    background-color: rgba(var(--N900-raw),30%);
    border: 2px solid transparent;
    background-clip: padding-box
}

.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar {
    width: 11px;
    height: 11px;
    background-color: initial
}

.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--N900-raw),60%)!important
}

.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar:hover {
    width: 11px;
    height: 11px
}

.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar-button {
    display: none
}

.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar-corner,.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar-track {
    background-color: initial
}

.ud__list__scrollView {
    display: flex;
    flex-direction: column;
    overflow-y: hidden;
    height: 240px;
    padding: 0;
    margin: 0;
    scrollbar-color: rgba(var(--N900-raw),30%) transparent
}

.ud__list__scrollView::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    -webkit-transition: background .2s cubic-bezier(.34,.69,.1,1);
    transition: background .2s cubic-bezier(.34,.69,.1,1);
    background-color: rgba(var(--N900-raw),30%);
    border: 2px solid transparent;
    background-clip: padding-box
}

.ud__list__scrollView::-webkit-scrollbar {
    width: 11px;
    height: 11px;
    background-color: initial
}

.ud__list__scrollView::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--N900-raw),60%)!important
}

.ud__list__scrollView::-webkit-scrollbar:hover {
    width: 11px;
    height: 11px
}

.ud__list__scrollView::-webkit-scrollbar-button {
    display: none
}

.ud__list__scrollView::-webkit-scrollbar-corner,.ud__list__scrollView::-webkit-scrollbar-track {
    background-color: initial
}

.ud__list__scrollView:hover {
    overflow-y: auto;
    overflow-y: overlay
}

.ud__list__itemLike {
    box-sizing: border-box;
    margin: 1px 3px;
    padding: 4px 8px;
    border-radius: 4px;
    position: relative;
    z-index: 0
}

.ud__list__itemLike:after {
    content: "";
    background-color: initial;
    position: absolute;
    top: -1px;
    left: -3px;
    right: -3px;
    bottom: -1px;
    z-index: -1
}

.ud__list__item {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--text-title);
    transition: color .2s cubic-bezier(.34,.69,.1,1),background .2s cubic-bezier(.34,.69,.1,1)
}

.ud__list__item-active,.ud__list__item:hover {
    background-color: var(--fill-hover)
}

.ud__list__item__content {
    flex: auto;
    min-width: 0
}

.ud__list__item__title,.ud__list__item__title__before {
    display: flex;
    align-items: center
}

.ud__list__item__title__before {
    font-size: 16px;
    color: var(--icon-n1);
    align-self: flex-start
}

.ud__list__item__title__before>.universe-icon {
    margin-top: 3px;
    margin-bottom: 3px
}

.ud__list__item-selected .ud__list__item__title,.ud__list__item-selected .ud__list__item__title__before {
    color: var(--primary-content-default)
}

.ud__list__item__description {
    color: var(--text-placeholder)
}

.ud__list__item__checkmark {
    font-size: 12px;
    visibility: hidden;
    margin-left: 4px
}

.ud__list__item-selected .ud__list__item__checkmark {
    visibility: visible;
    color: var(--primary-content-default)
}

.ud__list__item-disabled .ud__list__item__after,.ud__list__item-disabled .ud__list__item__checkmark,.ud__list__item-disabled .ud__list__item__description,.ud__list__item-disabled .ud__list__item__title {
    pointer-events: none;
    opacity: .5
}

.ud__list__item-disabled,.ud__list__item-disabled .ud__list__item__description,.ud__list__item-disabled .ud__list__item__title,.ud__list__item-disabled:hover {
    cursor: not-allowed;
    color: var(--text-title);
    background-color: unset
}

.ud__list__item-disabled .ud__list__item__checkmark,.ud__list__item-disabled .ud__list__item__title__before {
    color: var(--icon-n1)
}

.ud__list__divider {
    margin-left: 11px;
    margin-right: 11px;
    height: 1px;
    box-shadow: inset 0 1px 0 var(--line-divider-default);
    border: none
}

.ud__list__divider--fluid {
    margin-left: 0;
    margin-right: 0
}

.ud__list__divider--margin-both {
    margin-top: 2px;
    margin-bottom: 2px
}

.ud__list__divider--margin-start {
    margin-top: 2px;
    margin-bottom: 0
}

.ud__list__divider--margin-end {
    margin-top: 0;
    margin-bottom: 2px
}

.ud__list__caption,.ud__list__empty {
    color: var(--text-placeholder)
}

.u1rcpb2o {
    padding-top: 2px
}

.u1verx1j {
    padding-right: 0
}

.u17772az {
    padding-bottom: 2px
}

.u1kv89rb {
    padding-left: 0
}

.uwzf03 {
    flex-direction: row
}

.u1ro73io {
    width: auto
}

.ud__picker-time-panel {
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

.ud__time-panel__column-title {
    line-height: 22px;
    font-size: 14px;
    padding: 15px 0 10px 11px
}

.ud__list__box.ud__time-panel--in-datepicker {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0;
    box-shadow: none;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background: none
}

.ud__list__box.ud__time-panel--in-datepicker .ud__time-panel__column {
    padding: 0;
    background: none
}

.ud__space {
    display: flex;
    box-sizing: border-box
}

.ud__space-inline {
    display: inline-flex
}

.ud__space-horizontal {
    flex-direction: row
}

.ud__space-vertical {
    flex-direction: column
}

.ud__space__item {
    box-sizing: border-box
}

.ud__space__item-confined {
    min-height: 0;
    min-width: 0
}

.ud__space-align-center {
    align-items: center
}

.ud__space-align-start {
    align-items: flex-start
}

.ud__space-align-end {
    align-items: flex-end
}

.ud__space-align-baseline {
    align-items: baseline
}

.ud__space-align-stretch {
    align-items: stretch
}

.ud__picker__cell {
    display: inline-flex;
    position: relative;
    text-transform: capitalize
}

.ud__picker__cell__space {
    flex: 1
}

.ud__picker__cell__inner {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    width: 32px;
    height: 32px;
    color: var(--text-title);
    margin: 0 auto;
    flex: none;
    font-size: 14px;
    line-height: 32px;
    transition: all .2s cubic-bezier(.34,.69,.1,1);
    position: relative
}

.ud__picker__cell__inner:hover {
    background: var(--primary-pri-100)
}

.ud__picker__cell__inner-text {
    font-size: 12px;
    cursor: default;
    color: var(--text-placeholder)
}

.ud__picker__cell__inner-text:hover {
    background: transparent
}

.ud__picker__cell-today .ud__picker__cell__inner {
    color: var(--primary-content-default);
    background: transparent;
    border: 1px solid var(--primary-content-default)
}

.ud__picker__cell-today .ud__picker__cell__inner:hover {
    background: var(--udtoken-btn-se-bg-pri-hover)
}

.ud__picker__cell-range .ud__picker__cell__inner:hover,.ud__picker__cell-rangePreview .ud__picker__cell__inner:hover {
    background: transparent
}

.ud__picker__cell-selected .ud__picker__cell__inner {
    color: var(--primary-on-primary-fill);
    background: var(--primary-fill-default)
}

.ud__picker__cell-selected .ud__picker__cell__inner:hover {
    background: var(--primary-fill-default)
}

.ud__picker__cell-disabled .ud__picker__cell__inner,.ud__picker__cell-disabled .ud__picker__cell__inner:active,.ud__picker__cell-disabled .ud__picker__cell__inner:hover {
    cursor: not-allowed;
    color: var(--text-placeholder);
    background: var(--N200);
    border: none
}

.ud__picker__cell-selected.ud__picker__cell-disabled .ud__picker__cell__inner,.ud__picker__cell-selected.ud__picker__cell-disabled .ud__picker__cell__inner:active,.ud__picker__cell-selected.ud__picker__cell-disabled .ud__picker__cell__inner:hover {
    color: var(--static-white);
    background: var(--fill-disabled)
}

.ud__picker__cell-outOfView .ud__picker__cell__inner {
    color: var(--text-placeholder);
    background: transparent
}

.ud__picker__cell-outOfView .ud__picker__cell__inner:hover {
    background: var(--primary-pri-100)
}

.ud__picker__cell-outOfView.ud__picker__cell-disabled .ud__picker__cell__inner:active,.ud__picker__cell-outOfView.ud__picker__cell-disabled .ud__picker__cell__inner:hover {
    color: var(--text-placeholder);
    background: transparent
}

.ud__picker__cell-interactive-area {
    width: 100%;
    text-align: center;
    border-radius: 999999px
}

.ud__picker__cell__range {
    padding: 0;
    border-radius: 16px;
    position: relative
}

.ud__picker__cell__range__before {
    left: 0
}

.ud__picker__cell__range__after,.ud__picker__cell__range__before {
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 16px;
    height: 32px;
    overflow: hidden
}

.ud__picker__cell__range__after {
    right: 0
}

.ud__picker__cell__range-bg-preview,.ud__picker__cell__range-bg-selected {
    background: var(--primary-pri-100)
}

.ud__picker__cell__range-bg-selected-preview {
    background: var(--primary-fill-solid-03)
}

.ud__picker__cell__range-bg-disabled {
    background: var(--N200)
}

.ud__picker-panel-body {
    height: 248px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.ud__picker-auto-height.ud__picker-panel-body {
    height: auto
}

.ud__picker-auto-height .ud__picker-panel-body-row+.ud__picker-panel-body-row {
    margin-top: 4px
}

.ud__picker-panel-body-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1
}

.ud__picker-panel-body-row {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    overflow: hidden
}

.ud__picker-panel-body-fill-cell {
    flex: 1
}

.ud__picker {
    display: inline-block
}

.ud__picker--disabled {
    cursor: not-allowed
}

.ud__picker.ud-slide-up-appear.ud-slide-up-appear-active.ud__picker-placement-bottomLeft,.ud__picker.ud-slide-up-enter.ud-slide-up-enter-active.ud__picker-placement-bottomLeft {
    -webkit-animation-name: udSlideUpIn;
    animation-name: udSlideUpIn
}

.ud__picker.ud-slide-up-appear.ud-slide-up-appear-active.ud__picker-placement-topLeft,.ud__picker.ud-slide-up-enter.ud-slide-up-enter-active.ud__picker-placement-topLeft {
    -webkit-animation-name: udSlideDownIn;
    animation-name: udSlideDownIn
}

.ud__picker.ud-slide-up-leave.ud-slide-up-leave-active.ud__picker-placement-bottomLeft {
    -webkit-animation-name: udSlideUpOut;
    animation-name: udSlideUpOut
}

.ud__picker.ud-slide-up-leave.ud-slide-up-leave-active.ud__picker-placement-topLeft {
    -webkit-animation-name: udSlideDownOut;
    animation-name: udSlideDownOut
}

.ud__picker-range {
    display: inline-block
}

.ud__picker__list__box {
    padding: 0;
    width: auto
}

.ud__picker-date-panel__wrapper {
    padding: 16px
}

.ud__picker-dropdown {
    box-sizing: border-box;
    position: absolute;
    display: flex;
    z-index: 1050
}

.ud__picker-dropdown .ud__picker-date-panel__wrapper {
    padding: 15px
}

.ud__picker-dropdown .ud__picker-date-panel__wrapper.ud__picker-date-panel--withTime {
    padding: 0
}

.ud__picker-dropdown .ud__picker-date-panel__wrapper.ud__picker-date-panel--withTime .ud__picker-date-panel {
    margin: 15px
}

.ud__picker-dropdown .ud__picker-date-panel {
    width: 248px
}

.ud__picker-dropdown .ud__picker-panels {
    padding: 15px
}

.ud__picker-date-panel--withTime {
    display: flex;
    padding: 0
}

.ud__picker-date-panel--withTime .ud__picker-date-panel {
    margin: 16px
}

.ud__picker-panel-header {
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 10px 8px
}

.ud__picker-panel-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ud__picker-panel-header-content {
    display: flex;
    align-items: center;
    flex: 1;
    color: var(--text-title);
    cursor: default
}

.ud__picker-panel-header-content__center {
    justify-content: center
}

.ud__picker-panel-header-btn {
    cursor: pointer
}

.ud__picker-panel-header-btn:hover {
    color: var(--text-link-hover)
}

.ud__picker-panel-header-btn:first-child {
    margin-right: 4px;
    text-transform: capitalize
}

.ud__picker-panel-header-icon {
    color: var(--icon-n2)
}

.ud__picker-panel-header-icon__hidden {
    visibility: hidden;
    pointer-events: none
}

.ud__picker-panel-header-icon:hover {
    color: var(--icon-n2)
}

.ud__picker-panel-header-collapse {
    margin-left: 4px
}

.ud__picker-panel-header-rotate {
    transition: -webkit-transform .2s cubic-bezier(.34,.69,.1,1);
    transition: transform .2s cubic-bezier(.34,.69,.1,1);
    transition: transform .2s cubic-bezier(.34,.69,.1,1),-webkit-transform .2s cubic-bezier(.34,.69,.1,1)
}

.ud__picker-panel-header-rotate180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ud__picker-date-panel {
    width: 248px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-title);
    font-size: 14px;
    line-height: 1.5715;
    list-style: none
}

.ud__picker-date-panel-weeks {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px
}

.ud__picker-month-panel-cell .ud__picker__cell__inner {
    width: 48px
}

.ud__picker-panels {
    box-sizing: border-box;
    margin: 0;
    color: var(--text-title);
    font-size: 14px;
    line-height: 1.5715;
    list-style: none;
    padding: 16px;
    display: flex
}

.ud__picker-panels .ud__picker-date-panel:first-of-type {
    margin-right: 32px
}

.ud__picker-year-panel-cell .ud__picker__cell__inner {
    width: 48px
}

.ud__picker-inputWrapper {
    margin: 0;
    font-size: 14px;
    line-height: 1.5715;
    list-style: none;
    padding: 4px 12px;
    box-sizing: border-box;
    color: var(--text-title);
    border: 1px solid var(--line-border-component);
    border-radius: 6px;
    background-color: var(--udtoken-component-outlined-bg)
}

.ud__picker-inputWrapper input {
    color: inherit
}

.ud__picker-inputWrapper__disabled {
    background-color: var(--udtoken-input-bg-disabled);
    border-color: var(--line-border-component);
    pointer-events: none
}

.ud__picker-inputWrapper__disabled input {
    -webkit-text-fill-color: var(--udtoken-component-text-disabled-loading)
}

.ud__picker-inputWrapper__disabled .ud__picker-inputWrapper-icon {
    color: var(--icon-disabled)
}

.ud__picker-inputWrapper:hover,.ud__picker-inputWrapper__focused {
    border: 1px solid var(--primary-content-default)
}

.ud__picker-inputWrapper:hover .ud__picker-inputWrapper-clear {
    opacity: 1;
    transition: opacity .3s
}

.ud__picker-inputWrapper:hover .ud__picker-inputWrapper-suffixIcon__showClear {
    opacity: 0;
    transition: opacity .3s
}

.ud__picker-inputWrapper-inner {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center
}

.ud__picker-inputWrapper-icon {
    font-size: 16px;
    line-height: 1;
    color: var(--icon-n2);
    margin-left: 4px
}

.ud__picker-inputWrapper-clear {
    position: absolute;
    display: flex;
    align-items: center;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    cursor: pointer;
    opacity: 0
}

.ud__picker-inputWrapper-clear:hover {
    color: var(--primary-content-default)
}

.ud__picker-input {
    flex: 1;
    border: 0;
    padding: 0;
    margin: 0;
    outline: 0;
    font-size: 14px;
    line-height: 22px;
    min-width: 0;
    background: transparent;
    text-align: left
}

.ud__picker-input::-moz-placeholder {
    opacity: 1
}

.ud__picker-input::-webkit-input-placeholder {
    color: var(--text-placeholder)
}

.ud__picker-input::placeholder {
    color: var(--text-placeholder)
}

.ud__picker-input.ud__picker-input-placeholder {
    color: var(--text-placeholder)
}

.ud__picker-input:-moz-placeholder-shown {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ud__picker-input:placeholder-shown {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ud__picker-dateInput,.ud__picker-picker,.ud__picker-rangeInput {
    width: 100%
}

.ud__picker-rangeInput-seperator {
    margin-left: 7px;
    margin-right: 7px;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.ud__picker-seperator {
    height: 1px;
    width: 8px;
    background-color: var(--text-title)
}

.ud__picker--size-lg input {
    font-size: 16px;
    line-height: 24px
}

.ud__picker--size-lg .ud__picker-inputWrapper {
    padding: 7px 11px
}

.ud__picker--size-lg .ud__picker-inputWrapper-icon {
    font-size: 20px
}

.ud__picker--size-lg .ud__picker-inputWrapper-clear {
    font-size: 16px;
    margin-right: 2px
}

.ud__picker--size-md input {
    font-size: 14px;
    line-height: 22px
}

.ud__picker--size-md .ud__picker-inputWrapper {
    padding: 4px 11px
}

.ud__picker--size-md .ud__picker-inputWrapper-icon {
    font-size: 16px
}

.ud__picker--size-md .ud__picker-inputWrapper-clear {
    font-size: 12px;
    margin-right: 2px
}

.ud__picker--size-sm input {
    font-size: 12px;
    line-height: 20px
}

.ud__picker--size-sm .ud__picker-inputWrapper {
    padding: 3px 7px
}

.ud__picker--size-sm .ud__picker-inputWrapper-icon {
    font-size: 14px
}

.ud__picker--size-sm .ud__picker-inputWrapper-clear {
    font-size: 10px;
    margin-right: 2px
}

.ud__picker--error .ud__picker-inputWrapper {
    border-color: var(--function-danger-content-default)
}

.ud__picker-dropdown .ud__picker__footer__extra {
    padding: 0 7px
}

.ud__picker-dropdown .ud__picker__footer .ud__picker__footer__range {
    padding-left: 23px;
    padding-right: 17px
}

.ud__picker__footer-container {
    display: flex;
    align-items: center
}

.ud__picker__footer-container .ud__picker__footer__date {
    flex-grow: 1
}

.ud__picker__footer-container .ud__picker__footer-confirm-buttons {
    display: flex;
    justify-items: center;
    align-items: center;
    margin-right: 16px;
    height: 52px
}

.ud__picker__footer-container .ud__picker__footer-confirm-buttons .ud__button:not(:last-child) {
    margin-right: 12px
}

.ud__picker__footer {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-title);
    font-size: 14px;
    line-height: 1.5715;
    list-style: none;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    min-width: 100%;
    border-bottom: 1px solid transparent;
    border-top: 1px solid var(--line-border-card)
}

.ud__picker__footer__extra {
    padding: 0 8px;
    text-align: left
}

.ud__picker__footer__extra:not(:last-child) {
    border-bottom: 1px solid var(--line-border-card)
}

.ud__picker__footer .ud__picker__footer__date,.ud__picker__footer .ud__picker__footer__range {
    display: flex;
    padding-top: 12px;
    padding-bottom: 12px;
    align-items: center
}

.ud__picker__footer .ud__picker__footer__date {
    justify-content: center
}

.ud__picker__footer .ud__picker__footer__date--left {
    justify-content: flex-start;
    padding-left: 20px
}

.ud__picker__footer .ud__picker__footer__range {
    padding-left: 24px;
    padding-right: 18px
}

.ud__picker__footer .ud__picker__footer__range .ud__picker__footer__range__preset-btn {
    padding-left: 8px;
    padding-right: 8px
}

.block-revision[data-revision-highlight=true].poll-block-revision:after {
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border-radius: 11px
}

.docx-poll-block.hovered .hovered-mask {
    display: none
}

.poll-block__layout.is-theme-change .ud__button,.poll-block__layout.is-theme-change .ud__switch {
    transition: none!important
}

.poll-block__container.selected {
    background-color: unset;
    box-shadow: 0 0 0 1px var(--colorful-blue)
}

.poll-block__container.drag-snapshot {
    padding-left: 0;
    -webkit-clip-path: none!important;
    clip-path: none!important
}

.poll-block__container.drag-snapshot .poll-block__vote-footer-content.float {
    display: none
}

.poll-block__content.show-padding-bottom {
    padding-bottom: 16px
}

#ja-JP .poll-block__option {
    font-family: "ヒラギノ角ゴシック","Yu Gothic","Microsoft Jhenghei UI","Microsoft Yahei UI","ＭＳ Ｐゴシック",PingFang SC,Hiragino Sans GB,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}

.poll-block__adder {
    margin: 12px 0;
    font-size: 14px;
    line-height: 22px;
    color: var(--B600)
}

.poll-block-adder__text {
    cursor: pointer
}

.poll-block__line {
    background-color: var(--N900);
    opacity: .15;
    margin-bottom: 20px
}

.poll-block__button {
    display: block!important;
    position: relative
}

.poll-block__button .ud__button__loading-icon {
    position: absolute;
    left: calc(50% - 3em);
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.poll-block__editor {
    overflow: hidden
}

.poll-block__count {
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: var(--N900);
    margin-top: 8px;
    margin-bottom: 12px
}

.poll-block__config {
    background: var(--bg-body-overlay);
    border-radius: 6px;
    padding: 12px 12px 0
}

.single-snapshot .poll-block__container {
    -webkit-clip-path: none!important;
    clip-path: none!important
}

.single-snapshot .poll-block__container .poll-block__vote-footer-content.float {
    display: none
}

.mobile .poll-block-header__edit .ud__button--icon-default:hover:hover {
    background: transparent
}

.mobile .poll-block-header__edit .ud__button--icon-default:hover:active {
    background: var(--bg-text-selection)
}

.mobile .poll-block__adder .ud__button--text:hover {
    background: transparent
}

.mobile .poll-block__adder .ud__button--text:active {
    background: var(--udtoken-btn-text-bg-pri-pressed)
}

.mobile .poll-option-vote-detail__btn:hover {
    background-color: var(--N200)
}

.mobile .isSelecting .poll-block__container {
    -webkit-user-select: none!important
}

.more-menu-date-picker-panel.ud__picker-placement-bottomLeft .ud__picker__list__box {
    -webkit-transform: translate(-10px,-100px);
    transform: translate(-10px,-100px)
}

.more-menu-date-picker-panel.ud__picker-placement-bottomRight .ud__picker__list__box {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px)
}

.docx-poll-block.hovered:not(.selected) .poll-block__container {
    box-shadow: 0 0 0 2px var(--primary-fill-solid-03)
}

.docx-poll-block .selected-mask {
    display: none
}

.docx-poll-block .block-comment.local-comment .poll-block__container:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 2px;
    background: var(--ccmtoken-mindnote-highlightcolor-yellow)
}

.docx-poll-block .block-comment.comment-hl {
    box-shadow: none!important
}

.docx-poll-block .block-comment.comment-hl .poll-block-show-comment-hl {
    box-shadow: 0 0 0 1px var(--N300),0 0 0 4px var(--Y200);
    border-radius: 8px
}

.docx-poll-block .block-comment.comment-hl .poll-block-show-comment-hl.justify-left {
    border-radius: 8px 0 0 8px
}

.docx-poll-block .block-comment.comment-hl .poll-block-show-comment-hl.justify-center {
    border-radius: 0
}

.docx-poll-block .block-comment.comment-hl .poll-block-show-comment-hl.justify-right {
    border-radius: 0 8px 8px 0
}

.docx-poll-block .block-comment.comment-hl .poll-block-show-comment-hl:after {
    display: none
}

.docx-poll-block.selected .block-comment.comment-hl .poll-block-show-comment-hl,.docx-poll-block.selected .block-comment.local-comment .poll-block-show-comment-hl {
    box-shadow: 0 0 0 1px var(--B500),0 0 0 3px var(--Y200)
}

.docx-poll-block.vc-hover .poll-block__container {
    box-shadow: 0 0 0 1px var(--colorful-carmine)
}

.docx-poll-user-dialog__time {
    flex-shrink: 0
}

.poll-block__container .ud__input:not(.ud__input-addon):hover {
    border-color: var(--line-border-component)
}

.poll-block__container .ud__input:not(.ud__input-addon):active {
    border-color: var(--primary-content-default)
}

.poll-block__container .poll-option-vote-delete__btn:hover {
    color: var(--icon-n2);
    background: transparent;
    border-color: transparent
}

.poll-block__container .poll-option-vote-delete__btn:active {
    color: var(--icon-n1);
    background: var(--udtoken-btn-text-bg-neutral-hover);
    border-color: transparent
}

.poll-block__container .ud__checkbox__input:hover~.ud__checkbox__wallpaper {
    border-color: var(--N500)
}

@media (hover: hover) and (pointer:fine) {
    .poll-block__container .poll-input__container.editable:hover {
        border-color:var(--B300)
    }

    .poll-block__container .poll-option-vote-delete__btn:hover {
        color: var(--icon-n1);
        background: var(--udtoken-btn-text-bg-neutral-hover);
        border-color: transparent
    }

    .poll-block__container .ud__checkbox__input:hover~.ud__checkbox__wallpaper,.poll-block__container .ud__input:hover:not(.ud__input-addon) {
        border-color: var(--primary-content-default)
    }
}

.block-revision.render-success.sheet-block-revision,.block-revision.render-success.sheet-block-revision.delete-revision {
    position: absolute;
    left: 0;
    top: 24px;
    right: 30px;
    bottom: 5px;
    border-radius: 0
}

.scrollable-has-mainscroll .block-revision.render-success.sheet-block-revision,.scrollable-has-mainscroll .block-revision.render-success.sheet-block-revision.delete-revision {
    right: 3px
}

.scrollable-has-mainscroll.scrollable-allscroll-end .block-revision.render-success.sheet-block-revision,.scrollable-has-mainscroll.scrollable-allscroll-end .block-revision.render-success.sheet-block-revision.delete-revision {
    right: 7px
}

.mobile .block-revision.render-success.sheet-block-revision,.mobile .block-revision.render-success.sheet-block-revision.delete-revision,.shortcut-page-container .block-revision.render-success.sheet-block-revision,.shortcut-page-container .block-revision.render-success.sheet-block-revision.delete-revision {
    left: 24px;
    top: 24px;
    right: 0;
    bottom: 5px
}

.presentation-mode .block-revision.render-success.sheet-block-revision,.presentation-mode .block-revision.render-success.sheet-block-revision.delete-revision {
    zoom:1.8}

.block-revision.render-success.sheet-block-revision.delete-revision:after,.block-revision.render-success.sheet-block-revision.delete-revision[data-revision-highlight=true]:after,.block-revision.render-success.sheet-block-revision:after,.block-revision.render-success.sheet-block-revision[data-revision-highlight=true]:after {
    border-radius: 0
}

.block-revision.render-success.sheet-block-revision.delete-revision:not([data-revision-highlight=true]):after,.block-revision.render-success.sheet-block-revision:not([data-revision-highlight=true]):after {
    bottom: -10px
}

.sheet-block-container .spreadsheet-wrap {
    margin-bottom: 0
}

.mobile.ios .sheet-block-container {
    -webkit-user-select: none!important;
    user-select: none!important
}

.sheet-block-container .innerdocbody.adit-container ::selection {
    background-color: var(--ccmtoken-doc-block-bg-selected)!important
}

.sheet-block-sync-selected {
    position: absolute;
    top: 2px;
    left: 1px;
    right: 5px;
    bottom: 0;
    pointer-events: none
}

.docx-sheet-block.vc-hover .spreadsheet {
    box-shadow: 0 0 0 1px var(--colorful-carmine)
}

.docx-sheet-block .embed-spreadsheet-fixed-canvas-wrapper,.docx-sheet-block .sheet-block-sync-selected {
    z-index: 79
}

.docx-sheet-block .scrollable-container {
    font-size: 0
}

.docx-sheet-block .scrollable-container .scrollable-item {
    display: inline-flex;
    font-size: 16px
}

.docx-sheet-block .author-host .author-line {
    top: 7px;
    height: calc(100% - 7px)
}

.docx-grid-block .grid-block.grid-horizontal .grid-column-block>.render-unit-wrapper>.block:first-child.docx-sheet-block {
    margin-top: -16px!important
}

.page-block-children .block.docx-sheet-block {
    margin-top: 0
}

.page-block-children .block.docx-sheet-block .sheet-block-sync-selected {
    top: 24px;
    left: 24px;
    bottom: 6px
}

.docx-grid_column-block .block.docx-sheet-block {
    margin-top: 16px!important
}

.block.docx-sheet-block .block-comment .spreadsheet:after {
    left: 23px!important
}

.block.docx-sheet-block.vc-hover .spreadsheet {
    box-shadow: none
}

.block.docx-sheet-block .sync-cursor-view-wrap {
    z-index: 5
}

.block-revision.synced_reference-block-revision,.block-revision.synced_reference-block-revision.delete-revision,.block-revision.synced_source-block-revision,.block-revision.synced_source-block-revision.delete-revision {
    position: absolute;
    top: 0;
    left: -12px;
    left: calc(var(--synced-overflow-left, 0px) - 12px);
    right: -12px;
    right: calc(var(--synced-overflow-right, 0px) - 12px);
    bottom: 0
}

.docx-synced_reference-block.synced-reference-placeholder .block-revision.synced_reference-block-revision,.docx-synced_reference-block.synced-reference-placeholder .block-revision.synced_reference-block-revision.delete-revision,.docx-synced_reference-block.synced-reference-placeholder .block-revision.synced_source-block-revision,.docx-synced_reference-block.synced-reference-placeholder .block-revision.synced_source-block-revision.delete-revision,.presentation-mode.pagination .block-revision.synced_reference-block-revision,.presentation-mode.pagination .block-revision.synced_reference-block-revision.delete-revision,.presentation-mode.pagination .block-revision.synced_source-block-revision,.presentation-mode.pagination .block-revision.synced_source-block-revision.delete-revision {
    top: 0;
    left: 0;
    left: var(--synced-overflow-left,0);
    right: 0;
    right: var(--synced-overflow-right,0);
    bottom: 0
}

.grid-column-block .block-revision.synced_reference-block-revision,.grid-column-block .block-revision.synced_reference-block-revision.delete-revision,.grid-column-block .block-revision.synced_source-block-revision,.grid-column-block .block-revision.synced_source-block-revision.delete-revision {
    left: -4px;
    left: calc(var(--synced-overflow-left, 0px) - 4px);
    right: -4px;
    right: calc(var(--synced-overflow-right, 0px) - 4px)
}

.block-revision.synced_reference-block-revision.delete-revision:after,.block-revision.synced_reference-block-revision.delete-revision[data-revision-highlight=true]:after,.block-revision.synced_reference-block-revision:after,.block-revision.synced_reference-block-revision[data-revision-highlight=true]:after,.block-revision.synced_source-block-revision.delete-revision:after,.block-revision.synced_source-block-revision.delete-revision[data-revision-highlight=true]:after,.block-revision.synced_source-block-revision:after,.block-revision.synced_source-block-revision[data-revision-highlight=true]:after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.synced-overflow-ui:not(.synced-separate-page) .docx-synced_source-block.selected .selected-mask {
    border: 1.5px solid var(--text-link-hover)!important
}

.synced-overflow-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container,.synced-overflow-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container {
    border: none!important;
    background: none!important;
    -webkit-animation: none!important;
    animation: none!important;
    padding: 9.5px 11.5px!important;
    z-index: 0
}

.synced-overflow-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container .synced-block-overflow-border-mask,.synced-overflow-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container .synced-block-overflow-border-mask {
    border: 1.5px solid transparent;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),0),rgba(var(--B400-raw),0),rgba(var(--W300-raw),0));
    z-index: -1
}

.mobile.ios .synced-overflow-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container .synced-block-overflow-border-mask,.mobile.ios .synced-overflow-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container .synced-block-overflow-border-mask {
    -webkit-user-select: none!important;
    user-select: none!important
}

@supports (-webkit-mask-composite: xor) {
    html:not(.mobile) body:not(.body-with-cssfullscreen-childnode):not(.body-with-iframe-fullscreen-childnode):not(.body-with-half-screen-childnode) .synced-overflow-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container .synced-block-overflow-border-mask,html:not(.mobile) body:not(.body-with-cssfullscreen-childnode):not(.body-with-iframe-fullscreen-childnode):not(.body-with-half-screen-childnode) .synced-overflow-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container .synced-block-overflow-border-mask {
        z-index:4;
        -webkit-mask: linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);
        mask: linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);
        -webkit-mask: linear-gradient(#fff 0 100%) content-box,linear-gradient(#fff 0 100%);
        mask: linear-gradient(#fff 0 100%) content-box,linear-gradient(#fff 0 100%);
        mask-composite: xor;
        -webkit-mask-composite: xor
    }
}

.synced-overflow-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container.active .synced-block-overflow-border-mask,.synced-overflow-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container.active .synced-block-overflow-border-mask {
    background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,var(--B600),var(--B400),var(--W300));
    -webkit-animation: synced-border-active-show 50ms ease forwards;
    animation: synced-border-active-show 50ms ease forwards
}

.synced-overflow-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container.show-tool-box .synced-block-overflow-border-mask,.synced-overflow-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container.show-tool-box .synced-block-overflow-border-mask {
    -webkit-animation: synced-border-hover-show .15s ease forwards;
    animation: synced-border-hover-show .15s ease forwards
}

.synced-overflow-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container.hide-border .synced-block-overflow-border-mask,.synced-overflow-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container.hide-border .synced-block-overflow-border-mask {
    -webkit-animation: synced-border-hide 20ms ease forwards;
    animation: synced-border-hide 20ms ease forwards
}

.docx-synced-block-container:not(.synced-block-separated-page) {
    border-radius: 8px;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),0),rgba(var(--B400-raw),0),rgba(var(--W300-raw),0))
}

.docx-synced-block-container:not(.synced-block-separated-page).active {
    background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,var(--B600),var(--B400),var(--W300))
}

.docx-synced-block-container:not(.synced-block-separated-page).loading {
    position: relative
}

.docx-synced-block-container:not(.synced-block-separated-page).loading .synced-source-block-children {
    opacity: 0
}

.docx-synced-block-container:not(.synced-block-separated-page).loading:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.docx-synced-block-container:not(.synced-block-separated-page).pre-loading {
    padding-bottom: 14px
}

.docx-synced-block-container:not(.synced-block-separated-page) .synced-block-loading-container.ud__skeleton .ud__skeleton__item-content {
    border-radius: 2px;
    margin-bottom: 12px
}

.docx-synced-block-container:not(.synced-block-separated-page) .synced-block-loading-container.ud__skeleton .ud__skeleton__item-content:first-child {
    margin-top: 6px
}

.docx-synced-block-container:not(.synced-block-separated-page) .synced-block-loading-container.ud__skeleton .ud__skeleton__item-content:last-child {
    margin-bottom: 6px
}

.docx-synced-block-container:not(.synced-block-separated-page) .synced-block-loading-container.ud__skeleton .ud__skeleton__item__animation-layer {
    background: linear-gradient(90deg,var(--B600),var(--B400) 49.7%,var(--W300));
    opacity: .1
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.docx-synced_source-block {
    margin-bottom: 8px!important
}

.docx-synced_source-block .synced_source-block-comment.comment-hl {
    box-shadow: none!important
}

html.mobile .docx-synced_source-block .synced_source-block-comment.comment-hl .synced-block-overflow-border-mask {
    box-shadow: 0 0 0 3px var(--Y200)
}

html:not(.mobile) body:not(.body-with-cssfullscreen-childnode):not(.body-with-iframe-fullscreen-childnode):not(.body-with-half-screen-childnode) .docx-synced_source-block .synced_source-block-comment.comment-hl .synced-block-overflow-comment-border-mask {
    box-shadow: 0 0 0 3px var(--Y200);
    z-index: 4
}

.docx-synced_source-block.selected .docx-synced-block-container {
    border-color: var(--text-link-hover)!important
}

.docx-synced_source-block.selected .selected-mask {
    background-color: rgba(var(--primary-fill-default-raw),.08)
}

@-webkit-keyframes synced-border-active-show {
    0% {
        background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),.5),rgba(var(--B400-raw),.7),rgba(var(--W300-raw),.7))
    }

    to {
        background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,var(--B600),var(--B400),var(--W300))
    }
}

@keyframes synced-border-active-show {
    0% {
        background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),.5),rgba(var(--B400-raw),.7),rgba(var(--W300-raw),.7))
    }

    to {
        background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,var(--B600),var(--B400),var(--W300))
    }
}

@-webkit-keyframes synced-border-hover-show {
    0% {
        background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),0),rgba(var(--B400-raw),0),rgba(var(--W300-raw),0))
    }

    10% {
        background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),.1),rgba(var(--B400-raw),.1),rgba(var(--W300-raw),.1))
    }

    20% {
        background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),.25),rgba(var(--B400-raw),.25),rgba(var(--W300-raw),.25))
    }

    40% {
        background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),.4),rgba(var(--B400-raw),.4),rgba(var(--W300-raw),.4))
    }

    80% {
        background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),.55),rgba(var(--B400-raw),.55),rgba(var(--W300-raw),.55))
    }

    to {
        background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),.5),rgba(var(--B400-raw),.7),rgba(var(--W300-raw),.7))
    }
}

@keyframes synced-border-hover-show {
    0% {
        background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),0),rgba(var(--B400-raw),0),rgba(var(--W300-raw),0))
    }

    10% {
        background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),.1),rgba(var(--B400-raw),.1),rgba(var(--W300-raw),.1))
    }

    20% {
        background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),.25),rgba(var(--B400-raw),.25),rgba(var(--W300-raw),.25))
    }

    40% {
        background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),.4),rgba(var(--B400-raw),.4),rgba(var(--W300-raw),.4))
    }

    80% {
        background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),.55),rgba(var(--B400-raw),.55),rgba(var(--W300-raw),.55))
    }

    to {
        background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),.5),rgba(var(--B400-raw),.7),rgba(var(--W300-raw),.7))
    }
}

.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block.synced-reference-placeholder .docx-synced-block-container:not(.no-border) {
    border: 1px solid var(--line-border-card)
}

.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder),.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block {
    margin-top: 0;
    margin-bottom: 0
}

.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder)>.block-flash-mask,.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder)>.hovered-mask,.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder)>.selected-mask,.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block>.block-flash-mask,.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block>.hovered-mask,.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block>.selected-mask {
    margin: 0 -11.5px
}

.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder)>.sync-cursor-view-wrap,.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block>.sync-cursor-view-wrap {
    margin: 0 11.5px
}

.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container,.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container {
    padding: 8px 10px;
    border: 1.5px solid transparent;
    margin: 0 -11.5px
}

.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container.synced-loading-container,.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container.synced-loading-container {
    margin: 0;
    padding-left: 0;
    padding-right: 0
}

.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container .synced-source-block-children,.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container .synced-source-block-children {
    margin: 0
}

.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container .synced-source-block-children .synced-source-render-unit>.block:last-child,.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container .synced-source-block-children .synced-source-render-unit>.block:last-child {
    margin-bottom: 0
}

.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container .synced-source-block-children .synced-source-render-unit>.block:first-child,.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container .synced-source-block-children .synced-source-render-unit>.block:first-child {
    margin-top: 0
}

.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container .synced-source-block-children .synced-source-render-unit>.block:first-child .table-insert-bar.docx-col,.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container .synced-source-block-children .synced-source-render-unit>.block:first-child .table-insert-bar.docx-col {
    top: -21px
}

.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container .docx-synced-reference-block-wrapper .editor-container .docx-page-block,.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container .docx-synced-reference-block-wrapper .editor-container .docx-page-block {
    padding: 0
}

.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container .docx-synced-reference-block-wrapper .editor-container .docx-page-block .block:first-child .table-insert-bar.docx-col,.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container .docx-synced-reference-block-wrapper .editor-container .docx-page-block .block:first-child .table-insert-bar.docx-col {
    top: -21px
}

.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container.active,.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container.active {
    -webkit-animation: synced-border-active-show 50ms ease forwards;
    animation: synced-border-active-show 50ms ease forwards
}

.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container.show-tool-box,.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container.show-tool-box {
    -webkit-animation: synced-border-hover-show .15s ease forwards;
    animation: synced-border-hover-show .15s ease forwards
}

.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container.hide-border,.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container.hide-border {
    -webkit-animation: synced-border-hide 20ms ease forwards;
    animation: synced-border-hide 20ms ease forwards
}

.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block.synced-reference-ready .docx-synced-block-container,.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container {
    background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),0),rgba(var(--B400-raw),0),rgba(var(--W300-raw),0))
}

.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block.synced-reference-loading,.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block.synced-reference-ready,.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block {
    margin-top: 0;
    margin-bottom: 0
}

.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block .suspension-comment-area {
    padding-left: 0
}

.synced-new-ui:not(.synced-separate-page) .docx-grid-block .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container,.synced-new-ui:not(.synced-separate-page) .docx-grid-block .docx-synced_source-block .docx-synced-block-container,.synced-new-ui:not(.synced-separate-page) .docx-table-block .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container,.synced-new-ui:not(.synced-separate-page) .docx-table-block .docx-synced_source-block .docx-synced-block-container {
    margin: .5px -4px;
    padding: 10px 2.5px
}

.synced-new-ui:not(.synced-separate-page) .docx-grid-block .docx-synced_reference-block:not(.synced-reference-placeholder)>.block-flash-mask,.synced-new-ui:not(.synced-separate-page) .docx-grid-block .docx-synced_reference-block:not(.synced-reference-placeholder)>.hovered-mask,.synced-new-ui:not(.synced-separate-page) .docx-grid-block .docx-synced_reference-block:not(.synced-reference-placeholder)>.selected-mask,.synced-new-ui:not(.synced-separate-page) .docx-grid-block .docx-synced_source-block>.block-flash-mask,.synced-new-ui:not(.synced-separate-page) .docx-grid-block .docx-synced_source-block>.hovered-mask,.synced-new-ui:not(.synced-separate-page) .docx-grid-block .docx-synced_source-block>.selected-mask,.synced-new-ui:not(.synced-separate-page) .docx-table-block .docx-synced_reference-block:not(.synced-reference-placeholder)>.block-flash-mask,.synced-new-ui:not(.synced-separate-page) .docx-table-block .docx-synced_reference-block:not(.synced-reference-placeholder)>.hovered-mask,.synced-new-ui:not(.synced-separate-page) .docx-table-block .docx-synced_reference-block:not(.synced-reference-placeholder)>.selected-mask,.synced-new-ui:not(.synced-separate-page) .docx-table-block .docx-synced_source-block>.block-flash-mask,.synced-new-ui:not(.synced-separate-page) .docx-table-block .docx-synced_source-block>.hovered-mask,.synced-new-ui:not(.synced-separate-page) .docx-table-block .docx-synced_source-block>.selected-mask {
    margin: 0 -4px
}

.synced-new-ui:not(.synced-separate-page) .docx-grid-block .docx-synced_reference-block:not(.synced-reference-placeholder)>.sync-cursor-view-wrap,.synced-new-ui:not(.synced-separate-page) .docx-grid-block .docx-synced_source-block>.sync-cursor-view-wrap,.synced-new-ui:not(.synced-separate-page) .docx-table-block .docx-synced_reference-block:not(.synced-reference-placeholder)>.sync-cursor-view-wrap,.synced-new-ui:not(.synced-separate-page) .docx-table-block .docx-synced_source-block>.sync-cursor-view-wrap {
    margin: 0 5px
}

.synced-new-ui:not(.synced-separate-page) .docx-grid-block .docx-synced_reference-block:not(.synced-reference-placeholder),.synced-new-ui:not(.synced-separate-page) .docx-grid-block .docx-synced_source-block {
    margin-top: 4px
}

.wrapper.synced-new-ui {
    border: none!important
}

.wrapper.synced-new-ui .docx-synced-block-container.active {
    background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,var(--B600),var(--B400),var(--W300))
}

.wrapper.synced-new-ui.hovered .docx-synced-block-container,.wrapper.synced-new-ui.hovered .docx-synced-block-container .docx-synced-block-container .synced-block-overflow-border-mask {
    background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),.5),rgba(var(--B400-raw),.7),rgba(var(--W300-raw),.7))
}

.wrapper.synced-new-ui.selected .docx-synced-block-container {
    border-color: var(--text-link-hover)!important
}

.wrapper.synced-new-ui .docx-synced_reference-block .docx-synced-block-container.active .synced-block-overflow-border-mask,.wrapper.synced-new-ui .docx-synced_source-block .docx-synced-block-container.active .synced-block-overflow-border-mask {
    background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,var(--B600),var(--B400),var(--W300))
}

.page-main.synced-new-ui .suspension-comment-area.synced_source .comment-btn {
    z-index: 1
}

.docx-history-container .synced-new-ui .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container.synced-reference-block-container:hover,.docx-history-container .synced-new-ui .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container.synced-source-block-container:hover,.docx-history-container .synced-new-ui .docx-synced_source-block .docx-synced-block-container.synced-reference-block-container:hover,.docx-history-container .synced-new-ui .docx-synced_source-block .docx-synced-block-container.synced-source-block-container:hover,.docx-history-container .synced-new-ui.synced-overflow-ui .docx-synced-block-container.synced-reference-block-container:hover .synced-block-overflow-border-mask,.docx-history-container .synced-new-ui.synced-overflow-ui .docx-synced-block-container.synced-source-block-container:hover .synced-block-overflow-border-mask,.docx-preview-container-wrapper.synced-new-ui .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container.synced-reference-block-container:hover,.docx-preview-container-wrapper.synced-new-ui .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container.synced-source-block-container:hover,.docx-preview-container-wrapper.synced-new-ui .docx-synced_source-block .docx-synced-block-container.synced-reference-block-container:hover,.docx-preview-container-wrapper.synced-new-ui .docx-synced_source-block .docx-synced-block-container.synced-source-block-container:hover,.docx-preview-container-wrapper.synced-new-ui.synced-overflow-ui .docx-synced-block-container.synced-reference-block-container:hover .synced-block-overflow-border-mask,.docx-preview-container-wrapper.synced-new-ui.synced-overflow-ui .docx-synced-block-container.synced-source-block-container:hover .synced-block-overflow-border-mask,.presentation-mode-editor.synced-new-ui .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container.synced-reference-block-container:hover,.presentation-mode-editor.synced-new-ui .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container.synced-source-block-container:hover,.presentation-mode-editor.synced-new-ui .docx-synced_source-block .docx-synced-block-container.synced-reference-block-container:hover,.presentation-mode-editor.synced-new-ui .docx-synced_source-block .docx-synced-block-container.synced-source-block-container:hover,.presentation-mode-editor.synced-new-ui.synced-overflow-ui .docx-synced-block-container.synced-reference-block-container:hover .synced-block-overflow-border-mask,.presentation-mode-editor.synced-new-ui.synced-overflow-ui .docx-synced-block-container.synced-source-block-container:hover .synced-block-overflow-border-mask,.version-page.synced-new-ui .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container.synced-reference-block-container:hover,.version-page.synced-new-ui .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container.synced-source-block-container:hover,.version-page.synced-new-ui .docx-synced_source-block .docx-synced-block-container.synced-reference-block-container:hover,.version-page.synced-new-ui .docx-synced_source-block .docx-synced-block-container.synced-source-block-container:hover,.version-page.synced-new-ui.synced-overflow-ui .docx-synced-block-container.synced-reference-block-container:hover .synced-block-overflow-border-mask,.version-page.synced-new-ui.synced-overflow-ui .docx-synced-block-container.synced-source-block-container:hover .synced-block-overflow-border-mask {
    -webkit-animation: synced-border-hover-show .1s ease forwards;
    animation: synced-border-hover-show .1s ease forwards
}

.presentation-mode-mask.presentation-mode.document .docx-synced_reference-block:not(.synced-reference-placeholder)>.presentation-mode-container>.hovered-mask,.presentation-mode-mask.presentation-mode.document .docx-synced_reference-block:not(.synced-reference-placeholder)>.presentation-mode-container>.selected-mask,.presentation-mode-mask.presentation-mode.document .docx-synced_source-block>.presentation-mode-container>.hovered-mask,.presentation-mode-mask.presentation-mode.document .docx-synced_source-block>.presentation-mode-container>.selected-mask {
    margin: 0 -11.5px
}

.presentation-mode-mask.presentation-mode.document .docx-synced_reference-block:not(.synced-reference-placeholder)>.presentation-mode-container .grid-column-block>.hovered-mask,.presentation-mode-mask.presentation-mode.document .docx-synced_reference-block:not(.synced-reference-placeholder)>.presentation-mode-container .grid-column-block>.selected-mask,.presentation-mode-mask.presentation-mode.document .docx-synced_source-block>.presentation-mode-container .grid-column-block>.hovered-mask,.presentation-mode-mask.presentation-mode.document .docx-synced_source-block>.presentation-mode-container .grid-column-block>.selected-mask,.presentation-mode-mask.presentation-mode.document .grid-column-block .docx-synced_reference-block:not(.synced-reference-placeholder)>.presentation-mode-container>.hovered-mask,.presentation-mode-mask.presentation-mode.document .grid-column-block .docx-synced_reference-block:not(.synced-reference-placeholder)>.presentation-mode-container>.selected-mask,.presentation-mode-mask.presentation-mode.document .grid-column-block .docx-synced_source-block>.presentation-mode-container>.hovered-mask,.presentation-mode-mask.presentation-mode.document .grid-column-block .docx-synced_source-block>.presentation-mode-container>.selected-mask {
    margin: 0 -4px
}

.presentation-mode-mask.presentation-mode.pagination .presentation-mode-editor .docx-synced_reference-block:not(.synced-reference-placeholder)>.presentation-mode-container,.presentation-mode-mask.presentation-mode.pagination .presentation-mode-editor .docx-synced_source-block>.presentation-mode-container {
    padding-left: 11.5px;
    padding-right: 11.5px
}

.presentation-mode-mask.presentation-mode.pagination .presentation-mode-editor .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-page-block>.presentation-mode-container,.presentation-mode-mask.presentation-mode.pagination .presentation-mode-editor .docx-synced_source-block .docx-page-block>.presentation-mode-container {
    padding-left: 0;
    padding-right: 0
}

.page-main:not(.synced-separate-page) .docx-synced_source-block>.sync-cursor-view-wrap .sync-cursor-container.is-text-selection,.page-main:not(.synced-separate-page) .docx-synced_source-block>.sync-cursor-view-wrap .sync-selection-container.is-text-selection {
    display: none
}

.docx-history-container .synced-new-ui .history-diff-add-wrapper .docx-synced-block-container {
    background-image: none
}

.synced-new-ui .docx-synced_reference-block.dragging,.synced-new-ui .docx-synced_source-block.dragging {
    background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),.5),rgba(var(--B400-raw),.7),rgba(var(--W300-raw),.7))
}

html.mobile.is-mem-pope .docx-synced_source-block.selected .selected-mask {
    background-color: var(--ccmtoken-doc-block-bg-hover)
}

.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container .root-render-unit-container>.render-unit-wrapper>.block>.fold-wrapper .fold-handler,.synced-new-ui:not(.synced-separate-page) .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container .synced-source-block-children>.render-unit-wrapper.synced-source-render-unit>.block>.fold-wrapper .fold-handler,.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container .root-render-unit-container>.render-unit-wrapper>.block>.fold-wrapper .fold-handler,.synced-new-ui:not(.synced-separate-page) .docx-synced_source-block .docx-synced-block-container .synced-source-block-children>.render-unit-wrapper.synced-source-render-unit>.block>.fold-wrapper .fold-handler {
    left: -30px
}

.synced-new-ui:not(.synced-separate-page) .docx-grid-block .heading-children .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container,.synced-new-ui:not(.synced-separate-page) .docx-grid-block .heading-children .docx-synced_source-block .docx-synced-block-container,.synced-new-ui:not(.synced-separate-page) .docx-grid-block .list-children .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container,.synced-new-ui:not(.synced-separate-page) .docx-grid-block .list-children .docx-synced_source-block .docx-synced-block-container,.synced-new-ui:not(.synced-separate-page) .docx-grid-block .text-children .docx-synced_reference-block:not(.synced-reference-placeholder) .docx-synced-block-container,.synced-new-ui:not(.synced-separate-page) .docx-grid-block .text-children .docx-synced_source-block .docx-synced-block-container {
    margin: .5px -2px .5px -4px
}

.docx-synced_source-block .drag-snapshot {
    padding-left: 0
}

.mobile .docx-synced_source-block .quote-container-block .fold-wrapper {
    left: 5px
}

.table-cell-content-wrapper .synced-reference-block-fallback {
    font-size: 14px
}

.wrapper.synced-new-ui:not(.is-dragging-one-snapshot)>.block {
    margin-left: -11.5px;
    margin-right: -11.5px;
    padding-left: 11.5px;
    padding-right: 11.5px
}

.page-main.synced-new-ui .suspension-comment-area.synced_reference,.page-main.synced-new-ui .suspension-comment-area.synced_source {
    right: -111.5px
}

.base-image {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.base-image__content,.base-image__placeholder {
    max-width: 100%;
    max-height: 100%
}

.base-image__poster,.base-image__status-error,.base-image__status-loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.base-image__status-error {
    pointer-events: none
}

.base-image__label {
    position: absolute;
    bottom: 8px;
    right: 8px;
    padding: 2px 4px;
    line-height: 14px;
    font-size: 10px;
    border-radius: 4px;
    color: var(--static-white);
    background: var(--static-black-60);
    border: 1px solid var(--N00-40);
    white-space: nowrap
}

.larkc-observer-item {
    width: 100%;
    height: 1px
}

.emojiSet__header {
    margin: 6px 4px;
    color: var(--text-caption);
    font-size: 12px;
    line-height: 20px;
    height: 20px
}

.emojiSet__content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: flex-start;
    align-items: center
}

.emojiSet__content-item {
    cursor: pointer;
    box-sizing: initial;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px
}

.emojiSet__content-item>div .larkw-emoji__wrapper {
    user-select: none;
    -webkit-user-select: none
}

.emojiSet__content-item__scalable>div .larkw-emoji__wrapper {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.emojiSet__content-item__scalable>div:hover>.larkw-emoji__wrapper {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-user-drag: none;
    -webkit-font-smoothing: antialiased
}

.emojiSet__content-item__scalable>div:hover>.larkw-emoji__wrapper.failed {
    -webkit-transform: none;
    transform: none
}

.emojiSet__list--row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.emojiSet__skin--panel {
    display: flex;
    flex-direction: row
}

.emojiSet__skin--item {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.emojiSet__skin--item .larkw-emoji__wrapper {
    display: flex
}

.emojiSet__skin--item .larkw-emoji__img {
    font-size: 24px
}

.emojiSet__skin--item:active,.emojiSet__skin--item:hover {
    background-color: var(--fill-active)
}

.emojiSet__emoji-skin__wrapper .ud__popover-content {
    padding: 4px!important;
    border: 1px solid var(--line-border-card)!important
}

.customEmojiSets__header {
    display: inline-flex;
    color: var(--text-caption);
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    align-items: center;
    margin-bottom: 8px;
    margin-left: 4px
}

.customEmojiSets__header--icon {
    height: 16px;
    margin-right: 6px
}

.customEmojiSets__header--icon>img {
    height: 16px
}

.customEmojiSets__content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    grid-gap: 10px 12px;
    gap: 10px 12px
}

.customEmojiSets__emoji--item {
    padding: 0 4px;
    cursor: pointer
}

.customEmojiSets__emoji--item .larkw-emoji__wrapper {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    user-select: none;
    -webkit-user-select: none
}

.customEmojiSets__emoji--item:hover>.larkw-emoji__wrapper {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-user-drag: none;
    -webkit-font-smoothing: antialiased
}

.customEmojiSets__emoji--item:hover>.larkw-emoji__wrapper.failed {
    -webkit-transform: none;
    transform: none
}

.mixedGroup__list--item {
    cursor: pointer;
    display: flex;
    justify-content: center
}

.mixedGroup__list--item .larkw-emoji__wrapper {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    user-select: none;
    -webkit-user-select: none
}

.mixedGroup__list--item:hover>.larkw-emoji__wrapper {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-user-drag: none;
    -webkit-font-smoothing: antialiased
}

.mixedGroup__list--item:hover>.larkw-emoji__wrapper.failed {
    -webkit-transform: none;
    transform: none
}

.mixedGroup__container * {
    box-sizing: border-box
}

.mixedGroup__title {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: var(--N600);
    margin-left: 4px
}

.mixedGroup__list {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    grid-gap: 6px 21px;
    gap: 6px 21px;
    margin-bottom: 4px;
    height: 36px;
    overflow-y: clip;
    padding: 6px 4px
}

.mixedGroup__list-two-line {
    height: 72px;
    grid-gap: 12px 21px;
    gap: 12px 21px
}

.baseEmojiPanel__container {
    padding: 12px 12px 0;
    box-sizing: border-box;
    overflow-y: hidden;
    height: 100%;
    position: relative
}

.baseEmojiPanel__container.baseEmojiPanel__overlay {
    overflow-y: auto;
    overflow-y: overlay
}

.baseEmojiPanel__container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-transition: all 1s;
    transition: all 1s;
    background-color: rgba(var(--N900-raw),30%);
    border: 2px solid transparent;
    background-clip: padding-box
}

.baseEmojiPanel__container::-webkit-scrollbar {
    width: 11px;
    height: 11px
}

.baseEmojiPanel__container::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--N900-raw),60%)!important
}

.baseEmojiPanel__container::-webkit-scrollbar:hover {
    width: 11px;
    height: 11px
}

.baseEmojiPanel__container::-webkit-scrollbar-thumb {
    background-color: rgba(var(--N900-raw),0)!important
}

.baseEmojiPanel__container:hover::-webkit-scrollbar-thumb {
    background-color: rgba(var(--N900-raw),30%)!important
}

.baseEmojiPanel__container .recentlyEmojis__container {
    overflow-x: visible;
    overflow-y: clip
}

.baseEmojiPanel__emojiSet--item.custom {
    margin-bottom: 12px
}

.emojiSet__content-item .larkw-emoji__wrapper {
    overflow: visible
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    overflow: hidden;
    width: auto!important;
    height: auto!important;
    z-index: 0
}

.simplebar-mask,.simplebar-offset {
    position: absolute;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.simplebar-offset {
    direction: inherit!important;
    box-sizing: inherit!important;
    resize: none!important;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box!important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.simplebar-content:after,.simplebar-content:before {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit!important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    z-index: -1
}

.simplebar-height-auto-observer,.simplebar-track {
    position: absolute;
    overflow: hidden;
    pointer-events: none
}

.simplebar-track {
    z-index: 1;
    right: 0;
    bottom: 0
}

[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #000;
    border-radius: 7px;
    opacity: 0;
    transition: opacity .2s linear .5s
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition-delay: 0s;
    transition-duration: 0s
}

.simplebar-track.simplebar-vertical {
    top: 0
}

.simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar!important
}

.simplebar-dummy-scrollbar-size>div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-scrollbar:before {
    border-radius: 9999px;
    left: 2px;
    right: 2px;
    background: rgba(var(--N900-raw),30%);
    transition: background .2s cubic-bezier(.34,.69,.1,1)
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: 1;
    transition: background .2s cubic-bezier(.34,.69,.1,1)
}

.simplebar-track.simplebar-vertical {
    width: 11px
}

.simplebar-track.simplebar-horizontal {
    height: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    top: 2px;
    height: 11px
}

.simplebar-scrollbar.simplebar-hover:before {
    background: rgba(var(--N900-raw),60%)
}

.ud__scrollArea {
    box-sizing: border-box;
    scrollbar-color: rgba(var(--N900-raw),30%) transparent
}

.ud__scrollArea::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    -webkit-transition: background .2s cubic-bezier(.34,.69,.1,1);
    transition: background .2s cubic-bezier(.34,.69,.1,1);
    background-color: rgba(var(--N900-raw),30%);
    border: 2px solid transparent;
    background-clip: padding-box
}

.ud__scrollArea::-webkit-scrollbar {
    width: 11px;
    height: 11px;
    background-color: initial
}

.ud__scrollArea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--N900-raw),60%)!important
}

.ud__scrollArea::-webkit-scrollbar:hover {
    width: 11px;
    height: 11px
}

.ud__scrollArea::-webkit-scrollbar-button {
    display: none
}

.ud__scrollArea::-webkit-scrollbar-corner,.ud__scrollArea::-webkit-scrollbar-track {
    background-color: initial
}

.ud__scrollArea-x {
    overflow-x: auto;
    overflow-x: overlay
}

.ud__scrollArea-y {
    overflow-y: auto;
    overflow-y: overlay
}

.ud__scrollArea-hide-bar {
    scrollbar-color: transparent transparent
}

.ud__scrollArea-hide-bar::-webkit-scrollbar-thumb {
    background-color: initial
}

.reactionPanel__container {
    position: relative;
    height: 360px;
    width: 345px;
    border-radius: 10px;
    background-color: var(--bg-float);
    box-sizing: initial;
    box-shadow: var(--shadow-s5-down);
    display: flex;
    flex-direction: column
}

.reactionPanel__container * {
    box-sizing: border-box
}

.reactionPanel__container .mixedGroup__list {
    grid-gap: 4px 12px;
    gap: 4px 12px;
    height: 28px;
    margin: 2px 0 6px;
    padding: 0
}

.reactionPanel__container.ReactionPanel__minHieght {
    height: 276px
}

.reactionPanel__container.positionReverse {
    flex-direction: column-reverse
}

.reactionPanel__container.positionReverse .reactionPanel__frequentlyUsed {
    position: relative
}

.reactionPanel__container.positionReverse .reactionPanel__frequentlyUsed:before {
    height: 0
}

.reactionPanel__container.positionReverse .reactionPanel__frequentlyUsed:after {
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    overflow: hidden;
    bottom: 0;
    left: 0;
    background-color: var(--line-divider-default);
    position: absolute;
    -webkit-transform-origin: left bottom;
    transform-origin: left top;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio:2.49),(-webkit-min-device-pixel-ratio:1.5) and (-webkit-max-device-pixel-ratio:2.4895833333333335),(min-device-pixel-ratio:1.5) and (max-device-pixel-ratio:2.49),(min-resolution:1.5dppx) and (max-resolution:2.49dppx),(min-resolution:144dpi) and (max-resolution:239dpi) {
    .reactionPanel__container.positionReverse .reactionPanel__frequentlyUsed:after {
        -webkit-transform:scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2.5),(min-device-pixel-ratio:2.5),(min-resolution:2.5dppx),(min-resolution:240dpi) {
    .reactionPanel__container.positionReverse .reactionPanel__frequentlyUsed:after {
        -webkit-transform:scaleY(.33333);
        transform: scaleY(.33333)
    }
}

.reactionPanel__container .larkw-emoji__wrapper {
    overflow: visible
}

.reactionPanel__container .reactionPanel__frequentlyUsed {
    background-color: var(--bg-float-overlay);
    border-bottom: 0;
    box-sizing: border-box;
    padding: 0 16px;
    position: relative
}

.reactionPanel__container .reactionPanel__frequentlyUsed:before {
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    overflow: hidden;
    top: 0;
    left: 0;
    background-color: var(--line-divider-default);
    position: absolute;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    z-index: 1
}

@media (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio:2.49),(-webkit-min-device-pixel-ratio:1.5) and (-webkit-max-device-pixel-ratio:2.4895833333333335),(min-device-pixel-ratio:1.5) and (max-device-pixel-ratio:2.49),(min-resolution:1.5dppx) and (max-resolution:2.49dppx),(min-resolution:144dpi) and (max-resolution:239dpi) {
    .reactionPanel__container .reactionPanel__frequentlyUsed:before {
        -webkit-transform:scaleY(.5);
        transform: scaleY(.5)
    }
}

@media (-webkit-min-device-pixel-ratio: 2.5),(min-device-pixel-ratio:2.5),(min-resolution:2.5dppx),(min-resolution:240dpi) {
    .reactionPanel__container .reactionPanel__frequentlyUsed:before {
        -webkit-transform:scaleY(.33333);
        transform: scaleY(.33333)
    }
}

.reactionPanel__container .reactionPanel__frequentlyUsed .mixedGroup__list {
    grid-gap: 6px 19px;
    gap: 6px 19px;
    height: 36px;
    padding: 2px 0 6px;
    margin: 0
}

.reactionPanel__container .reactionPanel__frequentlyUsed .mixedGroup__title {
    margin-top: 4px;
    margin-bottom: 0
}

.reactionPanel__container.reactionPanel__container-two-line .mixedGroup__list {
    height: 70px
}

.reactionPanel__container .customEmojiSets__emoji--item {
    padding: 0
}

.reactionPanel__container .baseEmojiPanel__container {
    padding: 8px 16px 0;
    flex: 1
}

.reactionPanel__container .customEmojiSets__header,.reactionPanel__container .emojiSet__header,.reactionPanel__container .mixedGroup__title {
    margin-left: 0;
    margin-top: 0
}

.macroEmojiPanel__container {
    width: 420px;
    height: 364px;
    overflow: hidden;
    background-color: var(--bg-float)
}

.macroEmojiPanel__container.minWidthEmojiPanel {
    width: 350px
}

.macroEmojiPanel__container.minWidthEmojiPanel .mixedGroup__kust {
    grid-gap: 4px 25px;
    gap: 4px 25px
}

.macroEmojiPanel__container .larkw-emoji__wrapper {
    overflow: visible
}

.personalStatus__scroll-area {
    overflow: hidden;
    height: 100%
}

.personalStatus__container {
    height: 100%;
    background-color: var(--bg-float);
    padding: 12px 0;
    box-sizing: border-box
}

.personalStatus__container .baseEmojiPanel__container {
    overflow-y: visible;
    padding: 0 12px
}

.personalStatus__container .emojiSet__container .emojiSet__header {
    margin-top: 0
}

.personalStatus__recomand {
    padding: 0 12px
}

.larkw-emoji__img.larkw-emoji__img--low-resolution-sprite-image {
    background-image: url(../../module/media/sprite-minx0.28.3c942da6.3c942da6.png)
}

.larkw-emoji__wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    user-select: none;
    -webkit-user-select: none;
    vertical-align: middle
}

.larkw-emoji__wrapper.larkw-emoji__cusor {
    cursor: pointer
}

.larkw-emoji__copy {
    font-size: 1px;
    cursor: text;
    -webkit-user-select: text;
    user-select: text;
    top: 0;
    opacity: 0
}

.larkw-emoji__failed {
    display: block
}

.larkw-emoji__failed:hover {
    -webkit-transform: none;
    transform: none
}

.larkw-emoji__failed--circle {
    border-radius: 50%
}

.larkw-emoji__failed--wide {
    border-radius: 20px!important
}

.larkw-emoji__failed--text {
    background: none;
    font-size: 16px
}

.u13hymzj {
    padding-right: 1em
}

.u1jew9w3 {
    padding-left: 1em
}

.u1t7zgic,.uot9yd9:after,.upxr6h1:before {
    border-top-style: dashed
}

.u10ifo7m {
    top: -.06em
}

.uaql1jf {
    height: .9em
}

.u12csu1c {
    margin-right: 8px
}

.us92g4b {
    margin-left: 8px
}

.umnb5c9 {
    border-left-width: 1px
}

.u1gnmxmo {
    border-left-style: solid
}

.u1h65u2y {
    border-left-color: var(--line-divider-default)
}

.ulz4sl8 {
    clear: both
}

.u10r8f4q {
    min-width: 100%
}

.u7mkx23 {
    margin-top: 24px
}

.uzx33jt {
    margin-bottom: 24px
}

.u1knp0kc:before {
    width: 95%
}

.u1u1lwha:after,.u1x64zb4:before {
    width: 5%
}

.u1re7fmy:after {
    width: 95%
}

.u15xxrlo {
    border-top-width: 0
}

.u1297fsr:before {
    position: relative
}

.u3q11tn:before {
    top: 50%
}

.u1nit24q:before {
    width: 50%
}

.u6igr4h:before {
    border-top-width: 1px
}

.u1wpgwoz:before {
    border-top-style: solid
}

.u1rcpuug:before {
    border-top-color: transparent
}

.uy5eah:before {
    border-top-color: inherit
}

.u37xc01:before {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.u1nxbuxv:before {
    content: ""
}

.u1w0xtbn:after {
    position: relative
}

.u112k1a0:after {
    top: 50%
}

.u1qodldx:after {
    width: 50%
}

.uamjuou:after {
    border-top-width: 1px
}

.umpvupu:after {
    border-top-style: solid
}

.u1wqody0:after {
    border-top-color: transparent
}

.u1k2ilhr:after {
    border-top-color: inherit
}

.uevilsf:after {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.u5ucc2x:after {
    box-sizing: border-box
}

.u1w7h210 {
    border-top-width: 1px
}

.u1ptk4iw {
    border-top-style: solid
}

.ua71vky {
    border-top-color: var(--line-divider-default)
}

.u78gxlw {
    min-width: 20px
}

.un3lvue {
    position: absolute
}

.u80fcee {
    left: 0
}

.ua19y5w {
    bottom: 0
}

.u18iufkw {
    visibility: hidden
}

.u1j001gk {
    flex-grow: 1
}

.u1kas33f {
    min-width: 0
}

.ud__native-input[disabled] {
    color: var(--text-placeholder);
    -webkit-text-fill-color: var(--text-placeholder)
}

.ud__input,.ud__input-password {
    display: inline-flex;
    box-sizing: border-box;
    border: 0 solid var(--line-border-component);
    border-radius: 6px;
    background-color: var(--udtoken-component-outlined-bg);
    overflow: hidden;
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
    transition: border-color .1s linear
}

.ud__input-password:not(.ud__input-addon),.ud__input:not(.ud__input-addon) {
    border-width: 1px
}

.ud__input-input-wrap,.ud__input-password-input-wrap {
    box-sizing: border-box;
    display: flex;
    flex: 1;
    cursor: text
}

.ud__input-input-wrap:before,.ud__input-password-input-wrap:before {
    display: inline-block;
    width: 0;
    visibility: hidden;
    content: "\a0"
}

.ud__input-input-wrap:only-child,.ud__input-password-input-wrap:only-child {
    width: 100%
}

.ud__input--size-sm,.ud__input-password--size-sm {
    font-size: 12px;
    line-height: 20px
}

.ud__input--size-sm input,.ud__input-password--size-sm input {
    font-size: inherit;
    line-height: inherit
}

.ud__input--size-sm .ud__input-input-wrap,.ud__input--size-sm .ud__input-password-input-wrap,.ud__input-password--size-sm .ud__input-input-wrap,.ud__input-password--size-sm .ud__input-password-input-wrap {
    padding: 3px 3px 3px 7px
}

.ud__input--size-sm .ud__input-password__addon-after,.ud__input--size-sm .ud__input-password__addon-before,.ud__input--size-sm .ud__input__addon-after,.ud__input--size-sm .ud__input__addon-before,.ud__input-password--size-sm .ud__input-password__addon-after,.ud__input-password--size-sm .ud__input-password__addon-before,.ud__input-password--size-sm .ud__input__addon-after,.ud__input-password--size-sm .ud__input__addon-before {
    box-sizing: border-box;
    padding: 0 12px;
    line-height: 26px
}

.ud__input--size-sm .ud__input-password__prefix .ud__button .universe-icon,.ud__input--size-sm .ud__input-password__prefix>.universe-icon,.ud__input--size-sm .ud__input-password__suffix .ud__button .universe-icon,.ud__input--size-sm .ud__input-password__suffix>.universe-icon,.ud__input--size-sm .ud__input__prefix .ud__button .universe-icon,.ud__input--size-sm .ud__input__prefix>.universe-icon,.ud__input--size-sm .ud__input__suffix .ud__button .universe-icon,.ud__input--size-sm .ud__input__suffix>.universe-icon,.ud__input-password--size-sm .ud__input-password__prefix .ud__button .universe-icon,.ud__input-password--size-sm .ud__input-password__prefix>.universe-icon,.ud__input-password--size-sm .ud__input-password__suffix .ud__button .universe-icon,.ud__input-password--size-sm .ud__input-password__suffix>.universe-icon,.ud__input-password--size-sm .ud__input__prefix .ud__button .universe-icon,.ud__input-password--size-sm .ud__input__prefix>.universe-icon,.ud__input-password--size-sm .ud__input__suffix .ud__button .universe-icon,.ud__input-password--size-sm .ud__input__suffix>.universe-icon {
    font-size: 14px
}

.ud__input--size-sm .ud__input-password__clear-icon .universe-icon,.ud__input--size-sm .ud__input__clear-icon .universe-icon,.ud__input-password--size-sm .ud__input-password__clear-icon .universe-icon,.ud__input-password--size-sm .ud__input__clear-icon .universe-icon {
    color: var(--icon-n2);
    font-size: 10px
}

.ud__input--size-sm .ud__button--icon,.ud__input-password--size-sm .ud__button--icon {
    margin: -1px 0
}

.ud__input--size-sm .ud__input-password__addon-after .ud__select,.ud__input--size-sm .ud__input-password__addon-before .ud__select,.ud__input--size-sm .ud__input__addon-after .ud__select,.ud__input--size-sm .ud__input__addon-before .ud__select,.ud__input-password--size-sm .ud__input-password__addon-after .ud__select,.ud__input-password--size-sm .ud__input-password__addon-before .ud__select,.ud__input-password--size-sm .ud__input__addon-after .ud__select,.ud__input-password--size-sm .ud__input__addon-before .ud__select {
    margin: -1px -13px
}

.ud__input--size-sm .ud__input-password__addon-after .ud__select__selector-s,.ud__input--size-sm .ud__input-password__addon-before .ud__select__selector-s,.ud__input--size-sm .ud__input__addon-after .ud__select__selector-s,.ud__input--size-sm .ud__input__addon-before .ud__select__selector-s,.ud__input-password--size-sm .ud__input-password__addon-after .ud__select__selector-s,.ud__input-password--size-sm .ud__input-password__addon-before .ud__select__selector-s,.ud__input-password--size-sm .ud__input__addon-after .ud__select__selector-s,.ud__input-password--size-sm .ud__input__addon-before .ud__select__selector-s {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.ud__input--size-md,.ud__input-password--size-md {
    font-size: 14px;
    line-height: 22px
}

.ud__input--size-md input,.ud__input-password--size-md input {
    font-size: inherit;
    line-height: inherit
}

.ud__input--size-md .ud__input-input-wrap,.ud__input--size-md .ud__input-password-input-wrap,.ud__input-password--size-md .ud__input-input-wrap,.ud__input-password--size-md .ud__input-password-input-wrap {
    padding: 4px 8px 4px 11px
}

.ud__input--size-md .ud__input-password__addon-after,.ud__input--size-md .ud__input-password__addon-before,.ud__input--size-md .ud__input__addon-after,.ud__input--size-md .ud__input__addon-before,.ud__input-password--size-md .ud__input-password__addon-after,.ud__input-password--size-md .ud__input-password__addon-before,.ud__input-password--size-md .ud__input__addon-after,.ud__input-password--size-md .ud__input__addon-before {
    box-sizing: border-box;
    padding: 0 12px;
    line-height: 30px
}

.ud__input--size-md .ud__input-password__prefix .ud__button .universe-icon,.ud__input--size-md .ud__input-password__prefix>.universe-icon,.ud__input--size-md .ud__input-password__suffix .ud__button .universe-icon,.ud__input--size-md .ud__input-password__suffix>.universe-icon,.ud__input--size-md .ud__input__prefix .ud__button .universe-icon,.ud__input--size-md .ud__input__prefix>.universe-icon,.ud__input--size-md .ud__input__suffix .ud__button .universe-icon,.ud__input--size-md .ud__input__suffix>.universe-icon,.ud__input-password--size-md .ud__input-password__prefix .ud__button .universe-icon,.ud__input-password--size-md .ud__input-password__prefix>.universe-icon,.ud__input-password--size-md .ud__input-password__suffix .ud__button .universe-icon,.ud__input-password--size-md .ud__input-password__suffix>.universe-icon,.ud__input-password--size-md .ud__input__prefix .ud__button .universe-icon,.ud__input-password--size-md .ud__input__prefix>.universe-icon,.ud__input-password--size-md .ud__input__suffix .ud__button .universe-icon,.ud__input-password--size-md .ud__input__suffix>.universe-icon {
    font-size: 16px
}

.ud__input--size-md .ud__input-password__clear-icon .universe-icon,.ud__input--size-md .ud__input__clear-icon .universe-icon,.ud__input-password--size-md .ud__input-password__clear-icon .universe-icon,.ud__input-password--size-md .ud__input__clear-icon .universe-icon {
    color: var(--icon-n2);
    font-size: 12px
}

.ud__input--size-md .ud__button--icon,.ud__input-password--size-md .ud__button--icon {
    margin: -1px 0
}

.ud__input--size-md .ud__input-password__addon-after .ud__select,.ud__input--size-md .ud__input-password__addon-before .ud__select,.ud__input--size-md .ud__input__addon-after .ud__select,.ud__input--size-md .ud__input__addon-before .ud__select,.ud__input-password--size-md .ud__input-password__addon-after .ud__select,.ud__input-password--size-md .ud__input-password__addon-before .ud__select,.ud__input-password--size-md .ud__input__addon-after .ud__select,.ud__input-password--size-md .ud__input__addon-before .ud__select {
    margin: -1px -13px
}

.ud__input--size-lg,.ud__input-password--size-lg {
    font-size: 16px;
    line-height: 24px
}

.ud__input--size-lg input,.ud__input-password--size-lg input {
    font-size: inherit;
    line-height: inherit
}

.ud__input--size-lg .ud__input-input-wrap,.ud__input--size-lg .ud__input-password-input-wrap,.ud__input-password--size-lg .ud__input-input-wrap,.ud__input-password--size-lg .ud__input-password-input-wrap {
    padding: 7px 8px 7px 11px
}

.ud__input--size-lg .ud__input-password__addon-after,.ud__input--size-lg .ud__input-password__addon-before,.ud__input--size-lg .ud__input__addon-after,.ud__input--size-lg .ud__input__addon-before,.ud__input-password--size-lg .ud__input-password__addon-after,.ud__input-password--size-lg .ud__input-password__addon-before,.ud__input-password--size-lg .ud__input__addon-after,.ud__input-password--size-lg .ud__input__addon-before {
    box-sizing: border-box;
    padding: 0 12px;
    line-height: 38px
}

.ud__input--size-lg .ud__input-password__prefix .ud__button .universe-icon,.ud__input--size-lg .ud__input-password__prefix>.universe-icon,.ud__input--size-lg .ud__input-password__suffix .ud__button .universe-icon,.ud__input--size-lg .ud__input-password__suffix>.universe-icon,.ud__input--size-lg .ud__input__prefix .ud__button .universe-icon,.ud__input--size-lg .ud__input__prefix>.universe-icon,.ud__input--size-lg .ud__input__suffix .ud__button .universe-icon,.ud__input--size-lg .ud__input__suffix>.universe-icon,.ud__input-password--size-lg .ud__input-password__prefix .ud__button .universe-icon,.ud__input-password--size-lg .ud__input-password__prefix>.universe-icon,.ud__input-password--size-lg .ud__input-password__suffix .ud__button .universe-icon,.ud__input-password--size-lg .ud__input-password__suffix>.universe-icon,.ud__input-password--size-lg .ud__input__prefix .ud__button .universe-icon,.ud__input-password--size-lg .ud__input__prefix>.universe-icon,.ud__input-password--size-lg .ud__input__suffix .ud__button .universe-icon,.ud__input-password--size-lg .ud__input__suffix>.universe-icon {
    font-size: 20px
}

.ud__input--size-lg .ud__input-password__clear-icon .universe-icon,.ud__input--size-lg .ud__input__clear-icon .universe-icon,.ud__input-password--size-lg .ud__input-password__clear-icon .universe-icon,.ud__input-password--size-lg .ud__input__clear-icon .universe-icon {
    color: var(--icon-n2);
    font-size: 16px
}

.ud__input--size-lg .ud__button--icon,.ud__input-password--size-lg .ud__button--icon {
    margin: -2px 0
}

.ud__input--size-lg .ud__input-password__addon-after .ud__select,.ud__input--size-lg .ud__input-password__addon-before .ud__select,.ud__input--size-lg .ud__input__addon-after .ud__select,.ud__input--size-lg .ud__input__addon-before .ud__select,.ud__input-password--size-lg .ud__input-password__addon-after .ud__select,.ud__input-password--size-lg .ud__input-password__addon-before .ud__select,.ud__input-password--size-lg .ud__input__addon-after .ud__select,.ud__input-password--size-lg .ud__input__addon-before .ud__select {
    margin: -1px -13px
}

.ud__input-password input,.ud__input input {
    position: relative;
    border: none;
    outline: none;
    padding: 0;
    flex: 1;
    overflow: hidden;
    background-color: initial;
    margin: 0;
    color: var(--text-title)
}

.ud__input-password input::-moz-placeholder,.ud__input input::-moz-placeholder {
    opacity: 1
}

.ud__input-password input::-webkit-input-placeholder,.ud__input input::-webkit-input-placeholder {
    color: var(--text-placeholder)
}

.ud__input-password input::-moz-placeholder,.ud__input input::-moz-placeholder {
    color: var(--text-placeholder)
}

.ud__input-password input::placeholder,.ud__input input::placeholder {
    color: var(--text-placeholder)
}

.ud__input-password input:-moz-placeholder-shown,.ud__input input:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.ud__input-password input:placeholder-shown,.ud__input input:placeholder-shown {
    text-overflow: ellipsis
}

.ud__input--focused:not(.ud__input-addon),.ud__input-password--focused:not(.ud__input-addon),.ud__input-password:focus:not(.ud__input-addon),.ud__input-password:hover:not(.ud__input-addon),.ud__input:focus:not(.ud__input-addon),.ud__input:hover:not(.ud__input-addon) {
    border-color: var(--primary-content-default)
}

.ud__input--disabled,.ud__input-password--disabled {
    border-color: var(--line-border-component);
    background-color: var(--udtoken-input-bg-disabled);
    color: var(--text-placeholder);
    cursor: not-allowed
}

.ud__input--disabled>*,.ud__input-password--disabled>* {
    cursor: not-allowed;
    pointer-events: none;
    color: var(--text-placeholder)
}

.ud__input--disabled .ud__input-password__addon-after,.ud__input--disabled .ud__input-password__addon-before,.ud__input--disabled .ud__input-password__prefix,.ud__input--disabled .ud__input-password__suffix,.ud__input--disabled .ud__input__addon-after,.ud__input--disabled .ud__input__addon-before,.ud__input--disabled .ud__input__prefix,.ud__input--disabled .ud__input__suffix,.ud__input-password--disabled .ud__input-password__addon-after,.ud__input-password--disabled .ud__input-password__addon-before,.ud__input-password--disabled .ud__input-password__prefix,.ud__input-password--disabled .ud__input-password__suffix,.ud__input-password--disabled .ud__input__addon-after,.ud__input-password--disabled .ud__input__addon-before,.ud__input-password--disabled .ud__input__prefix,.ud__input-password--disabled .ud__input__suffix {
    background-color: initial
}

.ud__input--disabled .ud__input-password__addon-after .universe-icon,.ud__input--disabled .ud__input-password__addon-before .universe-icon,.ud__input--disabled .ud__input-password__prefix .universe-icon,.ud__input--disabled .ud__input-password__suffix .universe-icon,.ud__input--disabled .ud__input__addon-after .universe-icon,.ud__input--disabled .ud__input__addon-before .universe-icon,.ud__input--disabled .ud__input__prefix .universe-icon,.ud__input--disabled .ud__input__suffix .universe-icon,.ud__input-password--disabled .ud__input-password__addon-after .universe-icon,.ud__input-password--disabled .ud__input-password__addon-before .universe-icon,.ud__input-password--disabled .ud__input-password__prefix .universe-icon,.ud__input-password--disabled .ud__input-password__suffix .universe-icon,.ud__input-password--disabled .ud__input__addon-after .universe-icon,.ud__input-password--disabled .ud__input__addon-before .universe-icon,.ud__input-password--disabled .ud__input__prefix .universe-icon,.ud__input-password--disabled .ud__input__suffix .universe-icon {
    color: var(--icon-disabled)
}

.ud__input--disabled .ud__input-password__addon-after .ud__select .ud__select__selector,.ud__input--disabled .ud__input-password__addon-before .ud__select .ud__select__selector,.ud__input--disabled .ud__input-password__prefix .ud__select .ud__select__selector,.ud__input--disabled .ud__input-password__suffix .ud__select .ud__select__selector,.ud__input--disabled .ud__input__addon-after .ud__select .ud__select__selector,.ud__input--disabled .ud__input__addon-before .ud__select .ud__select__selector,.ud__input--disabled .ud__input__prefix .ud__select .ud__select__selector,.ud__input--disabled .ud__input__suffix .ud__select .ud__select__selector,.ud__input-password--disabled .ud__input-password__addon-after .ud__select .ud__select__selector,.ud__input-password--disabled .ud__input-password__addon-before .ud__select .ud__select__selector,.ud__input-password--disabled .ud__input-password__prefix .ud__select .ud__select__selector,.ud__input-password--disabled .ud__input-password__suffix .ud__select .ud__select__selector,.ud__input-password--disabled .ud__input__addon-after .ud__select .ud__select__selector,.ud__input-password--disabled .ud__input__addon-before .ud__select .ud__select__selector,.ud__input-password--disabled .ud__input__prefix .ud__select .ud__select__selector,.ud__input-password--disabled .ud__input__suffix .ud__select .ud__select__selector {
    background-color: initial;
    color: var(--text-placeholder)
}

.ud__input--disabled .ud__input-password__addon-after .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input--disabled .ud__input-password__addon-before .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input--disabled .ud__input-password__prefix .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input--disabled .ud__input-password__suffix .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input--disabled .ud__input__addon-after .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input--disabled .ud__input__addon-before .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input--disabled .ud__input__prefix .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input--disabled .ud__input__suffix .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input-password--disabled .ud__input-password__addon-after .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input-password--disabled .ud__input-password__addon-before .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input-password--disabled .ud__input-password__prefix .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input-password--disabled .ud__input-password__suffix .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input-password--disabled .ud__input__addon-after .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input-password--disabled .ud__input__addon-before .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input-password--disabled .ud__input__prefix .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input-password--disabled .ud__input__suffix .ud__select .ud__select__selector>.ud__select__selector__arrow {
    color: var(--icon-disabled)
}

.ud__input--disabled.ud__input--error,.ud__input--disabled.ud__input--focused,.ud__input--disabled.ud__input-password--error,.ud__input--disabled.ud__input-password--focused,.ud__input--disabled.ud__input-password:focus,.ud__input--disabled.ud__input-password:hover,.ud__input--disabled.ud__input:focus,.ud__input--disabled.ud__input:hover,.ud__input-password--disabled.ud__input--error,.ud__input-password--disabled.ud__input--focused,.ud__input-password--disabled.ud__input-password--error,.ud__input-password--disabled.ud__input-password--focused,.ud__input-password--disabled.ud__input-password:focus,.ud__input-password--disabled.ud__input-password:hover,.ud__input-password--disabled.ud__input:focus,.ud__input-password--disabled.ud__input:hover {
    border-color: var(--line-border-component)
}

.ud__input--error,.ud__input--error.ud__input--focused,.ud__input--error.ud__input-password--focused,.ud__input--error.ud__input-password:focus,.ud__input--error.ud__input-password:hover,.ud__input--error.ud__input:focus,.ud__input--error.ud__input:hover,.ud__input-password--error,.ud__input-password--error.ud__input--focused,.ud__input-password--error.ud__input-password--focused,.ud__input-password--error.ud__input-password:focus,.ud__input-password--error.ud__input-password:hover,.ud__input-password--error.ud__input:focus,.ud__input-password--error.ud__input:hover {
    border-color: var(--function-danger-content-default)
}

.ud__input-addon .ud__input__prefix,.ud__input-password-addon .ud__input__prefix {
    padding-left: 8px;
    padding-right: 0
}

.ud__input-addon .ud__input__clear-icon,.ud__input-password-addon .ud__input__clear-icon {
    padding-right: 8px
}

.ud__input-password__prefix,.ud__input-password__suffix,.ud__input__prefix,.ud__input__suffix {
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
    white-space: nowrap
}

.ud__input-password__prefix .universe-icon,.ud__input-password__suffix .universe-icon,.ud__input__prefix .universe-icon,.ud__input__suffix .universe-icon {
    color: var(--icon-n2)
}

.ud__input-password__suffix>.universe-icon,.ud__input__suffix>.universe-icon {
    margin: 0 4px
}

.ud__input-password__addon-after,.ud__input-password__addon-before,.ud__input__addon-after,.ud__input__addon-before {
    text-align: center;
    min-width: 70px;
    white-space: nowrap;
    background-color: var(--udtoken-input-bg-disabled)
}

.ud__input-password__addon-after .ud__select__selector,.ud__input-password__addon-before .ud__select__selector,.ud__input__addon-after .ud__select__selector,.ud__input__addon-before .ud__select__selector {
    background-color: initial
}

.ud__input-password__addon-after .universe-icon,.ud__input-password__addon-before .universe-icon,.ud__input__addon-after .universe-icon,.ud__input__addon-before .universe-icon {
    color: var(--icon-n2)
}

.ud__input-password__addon-after svg,.ud__input-password__addon-before svg,.ud__input__addon-after svg,.ud__input__addon-before svg {
    vertical-align: middle
}

.ud__input-password__addon-after,.ud__input__addon-after {
    border: 1px solid var(--line-border-component);
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.ud__input-password__addon-after .ud__select .ud__select__selector,.ud__input__addon-after .ud__select .ud__select__selector {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ud__input-password__addon-before,.ud__input__addon-before {
    border: 1px solid var(--line-border-component);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.ud__input-password__addon-before .ud__select .ud__select__selector,.ud__input__addon-before .ud__select .ud__select__selector {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ud__input-password__addon-before+input,.ud__input__addon-before+input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px
}

.ud__input-password__addon-before+input:last-child,.ud__input__addon-before+input:last-child {
    margin-right: 0
}

.ud__input-password__prefix,.ud__input__prefix {
    margin-right: 8px
}

.ud__input-password__suffix,.ud__input__suffix {
    margin-left: 8px
}

.ud__input-password__clear-icon,.ud__input__clear-icon {
    display: flex;
    align-items: center;
    margin-left: 8px;
    align-self: center;
    opacity: 0
}

.ud__input-password__clear-icon:hover .universe-icon,.ud__input__clear-icon:hover .universe-icon {
    color: var(--primary-content-default)
}

.ud__input-password__clear-icon:active .universe-icon,.ud__input__clear-icon:active .universe-icon {
    color: var(--primary-content-pressed)
}

.ud__input-password__clear-icon .universe-icon,.ud__input__clear-icon .universe-icon {
    color: var(--icon-n3)
}

.ud__input-password__clear-icon-show,.ud__input__clear-icon-show {
    opacity: 1;
    cursor: pointer
}

.ud__input--error.ud__input-addon.ud__input--focused .ud__input-input-wrap,.ud__input--error.ud__input-addon.ud__input--focused .ud__input-password-input-wrap,.ud__input--error.ud__input-addon.ud__input-password--focused .ud__input-input-wrap,.ud__input--error.ud__input-addon.ud__input-password--focused .ud__input-password-input-wrap,.ud__input--error.ud__input-password-addon.ud__input--focused .ud__input-input-wrap,.ud__input--error.ud__input-password-addon.ud__input--focused .ud__input-password-input-wrap,.ud__input--error.ud__input-password-addon.ud__input-password--focused .ud__input-input-wrap,.ud__input--error.ud__input-password-addon.ud__input-password--focused .ud__input-password-input-wrap,.ud__input-password--error.ud__input-addon.ud__input--focused .ud__input-input-wrap,.ud__input-password--error.ud__input-addon.ud__input--focused .ud__input-password-input-wrap,.ud__input-password--error.ud__input-addon.ud__input-password--focused .ud__input-input-wrap,.ud__input-password--error.ud__input-addon.ud__input-password--focused .ud__input-password-input-wrap,.ud__input-password--error.ud__input-password-addon.ud__input--focused .ud__input-input-wrap,.ud__input-password--error.ud__input-password-addon.ud__input--focused .ud__input-password-input-wrap,.ud__input-password--error.ud__input-password-addon.ud__input-password--focused .ud__input-input-wrap,.ud__input-password--error.ud__input-password-addon.ud__input-password--focused .ud__input-password-input-wrap {
    border-bottom-color: var(--line-border-component);
    border-top-color: var(--line-border-component);
    border-color: var(--function-danger-content-default) var(--line-border-component)
}

.ud__input--error.ud__input-addon.ud__input--focused .ud__input-input-wrap:first-child,.ud__input--error.ud__input-addon.ud__input--focused .ud__input-password-input-wrap:first-child,.ud__input--error.ud__input-addon.ud__input-password--focused .ud__input-input-wrap:first-child,.ud__input--error.ud__input-addon.ud__input-password--focused .ud__input-password-input-wrap:first-child,.ud__input--error.ud__input-password-addon.ud__input--focused .ud__input-input-wrap:first-child,.ud__input--error.ud__input-password-addon.ud__input--focused .ud__input-password-input-wrap:first-child,.ud__input--error.ud__input-password-addon.ud__input-password--focused .ud__input-input-wrap:first-child,.ud__input--error.ud__input-password-addon.ud__input-password--focused .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-addon.ud__input--focused .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-addon.ud__input--focused .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-addon.ud__input-password--focused .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-addon.ud__input-password--focused .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon.ud__input--focused .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon.ud__input--focused .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon.ud__input-password--focused .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon.ud__input-password--focused .ud__input-password-input-wrap:first-child {
    border-left-color: var(--function-danger-content-default)
}

.ud__input--error.ud__input-addon.ud__input--focused .ud__input-input-wrap:last-child,.ud__input--error.ud__input-addon.ud__input--focused .ud__input-password-input-wrap:last-child,.ud__input--error.ud__input-addon.ud__input-password--focused .ud__input-input-wrap:last-child,.ud__input--error.ud__input-addon.ud__input-password--focused .ud__input-password-input-wrap:last-child,.ud__input--error.ud__input-password-addon.ud__input--focused .ud__input-input-wrap:last-child,.ud__input--error.ud__input-password-addon.ud__input--focused .ud__input-password-input-wrap:last-child,.ud__input--error.ud__input-password-addon.ud__input-password--focused .ud__input-input-wrap:last-child,.ud__input--error.ud__input-password-addon.ud__input-password--focused .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-addon.ud__input--focused .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-addon.ud__input--focused .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-addon.ud__input-password--focused .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-addon.ud__input-password--focused .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon.ud__input--focused .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon.ud__input--focused .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon.ud__input-password--focused .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon.ud__input-password--focused .ud__input-password-input-wrap:last-child {
    border-right-color: var(--function-danger-content-default)
}

.ud__input--error.ud__input-addon .ud__input-input-wrap,.ud__input--error.ud__input-addon .ud__input-password-input-wrap,.ud__input--error.ud__input-password-addon .ud__input-input-wrap,.ud__input--error.ud__input-password-addon .ud__input-password-input-wrap,.ud__input-password--error.ud__input-addon .ud__input-input-wrap,.ud__input-password--error.ud__input-addon .ud__input-password-input-wrap,.ud__input-password--error.ud__input-password-addon .ud__input-input-wrap,.ud__input-password--error.ud__input-password-addon .ud__input-password-input-wrap {
    border-top-color: var(--function-danger-content-default);
    border-bottom-color: var(--function-danger-content-default)
}

.ud__input--error.ud__input-addon .ud__input-input-wrap:first-child,.ud__input--error.ud__input-addon .ud__input-password-input-wrap:first-child,.ud__input--error.ud__input-password-addon .ud__input-input-wrap:first-child,.ud__input--error.ud__input-password-addon .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-addon .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-addon .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon .ud__input-password-input-wrap:first-child {
    border-left-color: var(--function-danger-content-default)
}

.ud__input--error.ud__input-addon .ud__input-input-wrap:last-child,.ud__input--error.ud__input-addon .ud__input-password-input-wrap:last-child,.ud__input--error.ud__input-password-addon .ud__input-input-wrap:last-child,.ud__input--error.ud__input-password-addon .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-addon .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-addon .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon .ud__input-password-input-wrap:last-child {
    border-right-color: var(--function-danger-content-default)
}

.ud__input--error.ud__input-addon .ud__input-input-wrap:hover,.ud__input--error.ud__input-addon .ud__input-password-input-wrap:hover,.ud__input--error.ud__input-password-addon .ud__input-input-wrap:hover,.ud__input--error.ud__input-password-addon .ud__input-password-input-wrap:hover,.ud__input-password--error.ud__input-addon .ud__input-input-wrap:hover,.ud__input-password--error.ud__input-addon .ud__input-password-input-wrap:hover,.ud__input-password--error.ud__input-password-addon .ud__input-input-wrap:hover,.ud__input-password--error.ud__input-password-addon .ud__input-password-input-wrap:hover {
    border-bottom-color: var(--line-border-component);
    border-top-color: var(--line-border-component);
    border-color: var(--function-danger-content-default) var(--line-border-component)
}

.ud__input--error.ud__input-addon .ud__input-input-wrap:hover:first-child,.ud__input--error.ud__input-addon .ud__input-password-input-wrap:hover:first-child,.ud__input--error.ud__input-password-addon .ud__input-input-wrap:hover:first-child,.ud__input--error.ud__input-password-addon .ud__input-password-input-wrap:hover:first-child,.ud__input-password--error.ud__input-addon .ud__input-input-wrap:hover:first-child,.ud__input-password--error.ud__input-addon .ud__input-password-input-wrap:hover:first-child,.ud__input-password--error.ud__input-password-addon .ud__input-input-wrap:hover:first-child,.ud__input-password--error.ud__input-password-addon .ud__input-password-input-wrap:hover:first-child {
    border-left-color: var(--function-danger-content-default)
}

.ud__input--error.ud__input-addon .ud__input-input-wrap:hover:last-child,.ud__input--error.ud__input-addon .ud__input-password-input-wrap:hover:last-child,.ud__input--error.ud__input-password-addon .ud__input-input-wrap:hover:last-child,.ud__input--error.ud__input-password-addon .ud__input-password-input-wrap:hover:last-child,.ud__input-password--error.ud__input-addon .ud__input-input-wrap:hover:last-child,.ud__input-password--error.ud__input-addon .ud__input-password-input-wrap:hover:last-child,.ud__input-password--error.ud__input-password-addon .ud__input-input-wrap:hover:last-child,.ud__input-password--error.ud__input-password-addon .ud__input-password-input-wrap:hover:last-child {
    border-right-color: var(--function-danger-content-default)
}

.ud__input--error.ud__input-addon .ud__input__addon-after,.ud__input--error.ud__input-addon .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-addon .ud__input__addon-before,.ud__input--error.ud__input-addon .ud__input__addon-before .ud__select__selector,.ud__input--error.ud__input-password-addon .ud__input__addon-after,.ud__input--error.ud__input-password-addon .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-password-addon .ud__input__addon-before,.ud__input--error.ud__input-password-addon .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-addon .ud__input__addon-after,.ud__input-password--error.ud__input-addon .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-addon .ud__input__addon-before,.ud__input-password--error.ud__input-addon .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-password-addon .ud__input__addon-after,.ud__input-password--error.ud__input-password-addon .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-password-addon .ud__input__addon-before,.ud__input-password--error.ud__input-password-addon .ud__input__addon-before .ud__select__selector {
    border-top-color: var(--function-danger-content-default);
    border-bottom-color: var(--function-danger-content-default)
}

.ud__input--error.ud__input-addon .ud__input__addon-before,.ud__input--error.ud__input-addon .ud__input__addon-before .ud__select__selector,.ud__input--error.ud__input-password-addon .ud__input__addon-before,.ud__input--error.ud__input-password-addon .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-addon .ud__input__addon-before,.ud__input-password--error.ud__input-addon .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-password-addon .ud__input__addon-before,.ud__input-password--error.ud__input-password-addon .ud__input__addon-before .ud__select__selector {
    border-left-color: var(--function-danger-content-default)
}

.ud__input--error.ud__input-addon .ud__input__addon-after,.ud__input--error.ud__input-addon .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-password-addon .ud__input__addon-after,.ud__input--error.ud__input-password-addon .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-addon .ud__input__addon-after,.ud__input-password--error.ud__input-addon .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-password-addon .ud__input__addon-after,.ud__input-password--error.ud__input-password-addon .ud__input__addon-after .ud__select__selector {
    border-right-color: var(--function-danger-content-default)
}

.ud__input--error.ud__input-addon.ud__input--disabled .ud__input-input-wrap,.ud__input--error.ud__input-addon.ud__input--disabled .ud__input-password-input-wrap,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input-input-wrap,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input-password-input-wrap,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input-input-wrap,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input-password-input-wrap,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input-input-wrap,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input-password-input-wrap,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input-input-wrap,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input-password-input-wrap,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input-input-wrap,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input-password-input-wrap,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input-input-wrap,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input-password-input-wrap,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input-input-wrap,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input-password-input-wrap {
    border-top-color: var(--line-border-component);
    border-bottom-color: var(--line-border-component)
}

.ud__input--error.ud__input-addon.ud__input--disabled .ud__input-input-wrap:first-child,.ud__input--error.ud__input-addon.ud__input--disabled .ud__input-password-input-wrap:first-child,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input-input-wrap:first-child,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input-password-input-wrap:first-child,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input-input-wrap:first-child,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input-password-input-wrap:first-child,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input-input-wrap:first-child,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input-password-input-wrap:first-child {
    border-left-color: var(--line-border-component)
}

.ud__input--error.ud__input-addon.ud__input--disabled .ud__input-input-wrap:last-child,.ud__input--error.ud__input-addon.ud__input--disabled .ud__input-password-input-wrap:last-child,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input-input-wrap:last-child,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input-password-input-wrap:last-child,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input-input-wrap:last-child,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input-password-input-wrap:last-child,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input-input-wrap:last-child,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input-password-input-wrap:last-child {
    border-right-color: var(--line-border-component)
}

.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-after,.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-before,.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-before .ud__select__selector,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-after,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-before,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-before .ud__select__selector,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-after,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-before,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-before .ud__select__selector,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-after,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-before,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input__addon-after,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input__addon-before,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-after,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-before,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-after,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-before,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-after,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-before,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-before .ud__select__selector {
    border-top-color: var(--line-border-component);
    border-bottom-color: var(--line-border-component)
}

.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-before,.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-before .ud__select__selector,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-before,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-before .ud__select__selector,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-before,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-before .ud__select__selector,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-before,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input__addon-before,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-before,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-before,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-before,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-before .ud__select__selector {
    border-left-color: var(--line-border-component)
}

.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-after,.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-after,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-after,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-after,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input__addon-after,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-after,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-after,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-after,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-after .ud__select__selector {
    border-right-color: var(--line-border-component)
}

.ud__input-addon .ud__input-input-wrap,.ud__input-addon .ud__input-password-input-wrap,.ud__input-password-addon .ud__input-input-wrap,.ud__input-password-addon .ud__input-password-input-wrap {
    border: 1px solid var(--line-border-component);
    margin: 0 -1px
}

.ud__input-addon .ud__input-input-wrap:first-child,.ud__input-addon .ud__input-password-input-wrap:first-child,.ud__input-password-addon .ud__input-input-wrap:first-child,.ud__input-password-addon .ud__input-password-input-wrap:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    margin-right: -1px;
    margin-left: 0
}

.ud__input-addon .ud__input-input-wrap:last-child,.ud__input-addon .ud__input-password-input-wrap:last-child,.ud__input-password-addon .ud__input-input-wrap:last-child,.ud__input-password-addon .ud__input-password-input-wrap:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-right: 0
}

.ud__input-addon .ud__input-input-wrap:focus,.ud__input-addon .ud__input-input-wrap:hover,.ud__input-addon .ud__input-password-input-wrap:focus,.ud__input-addon .ud__input-password-input-wrap:hover,.ud__input-password-addon .ud__input-input-wrap:focus,.ud__input-password-addon .ud__input-input-wrap:hover,.ud__input-password-addon .ud__input-password-input-wrap:focus,.ud__input-password-addon .ud__input-password-input-wrap:hover {
    border-color: var(--primary-content-default);
    z-index: 1
}

.ud__input-addon .ud__input-input-wrap .ud__input-password__prefix+input,.ud__input-addon .ud__input-input-wrap .ud__input__prefix+input,.ud__input-addon .ud__input-password-input-wrap .ud__input-password__prefix+input,.ud__input-addon .ud__input-password-input-wrap .ud__input__prefix+input,.ud__input-password-addon .ud__input-input-wrap .ud__input-password__prefix+input,.ud__input-password-addon .ud__input-input-wrap .ud__input__prefix+input,.ud__input-password-addon .ud__input-password-input-wrap .ud__input-password__prefix+input,.ud__input-password-addon .ud__input-password-input-wrap .ud__input__prefix+input {
    padding-left: 0
}

.ud__input-addon .ud__input-input-wrap .ud__input-password__clear-icon+span,.ud__input-addon .ud__input-input-wrap .ud__input-password__clear-icon:last-child,.ud__input-addon .ud__input-input-wrap .ud__input__clear-icon+span,.ud__input-addon .ud__input-input-wrap .ud__input__clear-icon:last-child,.ud__input-addon .ud__input-password-input-wrap .ud__input-password__clear-icon+span,.ud__input-addon .ud__input-password-input-wrap .ud__input-password__clear-icon:last-child,.ud__input-addon .ud__input-password-input-wrap .ud__input__clear-icon+span,.ud__input-addon .ud__input-password-input-wrap .ud__input__clear-icon:last-child,.ud__input-password-addon .ud__input-input-wrap .ud__input-password__clear-icon+span,.ud__input-password-addon .ud__input-input-wrap .ud__input-password__clear-icon:last-child,.ud__input-password-addon .ud__input-input-wrap .ud__input__clear-icon+span,.ud__input-password-addon .ud__input-input-wrap .ud__input__clear-icon:last-child,.ud__input-password-addon .ud__input-password-input-wrap .ud__input-password__clear-icon+span,.ud__input-password-addon .ud__input-password-input-wrap .ud__input-password__clear-icon:last-child,.ud__input-password-addon .ud__input-password-input-wrap .ud__input__clear-icon+span,.ud__input-password-addon .ud__input-password-input-wrap .ud__input__clear-icon:last-child {
    margin-left: 0
}

.ud__input-addon .ud__input-input-wrap input:first-child,.ud__input-addon .ud__input-password-input-wrap input:first-child,.ud__input-password-addon .ud__input-input-wrap input:first-child,.ud__input-password-addon .ud__input-password-input-wrap input:first-child {
    padding-right: 0
}

.ud__input-addon.ud__input--focused .ud__input-input-wrap,.ud__input-addon.ud__input--focused .ud__input-password-input-wrap,.ud__input-addon.ud__input-password--focused .ud__input-input-wrap,.ud__input-addon.ud__input-password--focused .ud__input-password-input-wrap,.ud__input-password-addon.ud__input--focused .ud__input-input-wrap,.ud__input-password-addon.ud__input--focused .ud__input-password-input-wrap,.ud__input-password-addon.ud__input-password--focused .ud__input-input-wrap,.ud__input-password-addon.ud__input-password--focused .ud__input-password-input-wrap {
    border-color: var(--primary-content-default);
    z-index: 1
}

.ud__input-password__suffix {
    cursor: pointer
}

.ud__input-group {
    width: 100%;
    display: inline-flex;
    align-items: baseline
}

.ud__input-group>.ud__button:first-child,.ud__input-group>.ud__input-number:first-child,.ud__input-group>.ud__input:first-child,.ud__input-group>.ud__picker:first-child>.ud__picker-inputWrapper,.ud__input-group>.ud__select:first-child>.ud__select__selector {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.ud__input-group>.ud__button:last-child,.ud__input-group>.ud__input-addon .ud__input-input-wrap:first-child,.ud__input-group>.ud__input-number:last-child,.ud__input-group>.ud__input:last-child,.ud__input-group>.ud__picker:last-child>.ud__picker-inputWrapper,.ud__input-group>.ud__select:last-child>.ud__select__selector {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.ud__input-group>.ud__input--error:first-child,.ud__input-group>.ud__input-number--error:first-child,.ud__input-group>.ud__picker--error:first-child>.ud__picker-inputWrapper,.ud__input-group>.ud__select:first-child>.ud__select__selector-error {
    border-right-color: var(--line-border-component)
}

.ud__input-group>.ud__input--error:last-child,.ud__input-group>.ud__input-number--error:last-child,.ud__input-group>.ud__picker--error:last-child>.ud__picker-inputWrapper,.ud__input-group>.ud__select:last-child>.ud__select__selector-error {
    border-left-color: var(--line-border-component)
}

.ud__input-group>.ud__input-number--error:first-child:hover {
    border-right-color: var(--line-border-component)
}

.ud__input-group>.ud__input-number--error:last-child:hover {
    border-left-color: var(--line-border-component)
}

.ud__input-group .ud__input-number:not(:first-child):not(:last-child),.ud__input-group .ud__input:not(:first-child):not(:last-child),.ud__input-group .ud__picker:not(:first-child):not(:last-child) .ud__picker-inputWrapper,.ud__input-group .ud__select:not(:first-child):not(:last-child)>.ud__select__selector {
    border-radius: 0
}

.ud__input-group .ud__button:not(:first-child):not(:last-child),.ud__input-group .ud__input--error:not(:first-child):not(:last-child),.ud__input-group .ud__input-number--error:not(:first-child):not(:last-child),.ud__input-group .ud__picker--error:not(:first-child):not(:last-child)>.ud__picker-inputWrapper,.ud__input-group .ud__select:not(:first-child):not(:last-child)>.ud__select__selector-error {
    border-left-color: var(--line-border-component);
    border-right-color: var(--line-border-component)
}

.ud__input-group .ud__input-number--error:not(:first-child):not(:last-child) .ud__input-number__handle {
    border-radius: 0
}

.ud__input-group .ud__input--focused {
    z-index: 1
}

.ud__input-group .ud__button,.ud__input-group .ud__input,.ud__input-group .ud__input-number,.ud__input-group .ud__picker,.ud__input-group .ud__select {
    vertical-align: middle;
    position: relative
}

.ud__input-group .ud__button--focus,.ud__input-group .ud__button:focus,.ud__input-group .ud__button:hover,.ud__input-group .ud__input--focus,.ud__input-group .ud__input-number--focus,.ud__input-group .ud__input-number:focus,.ud__input-group .ud__input-number:hover,.ud__input-group .ud__input:focus,.ud__input-group .ud__input:hover,.ud__input-group .ud__picker--focus,.ud__input-group .ud__picker:focus,.ud__input-group .ud__picker:hover,.ud__input-group .ud__select--focus,.ud__input-group .ud__select:focus,.ud__input-group .ud__select:hover {
    z-index: 1
}

.ud__input-group--compact:before {
    display: table;
    content: ""
}

.ud__input-group--compact:after {
    display: table;
    clear: both;
    content: ""
}

.ud__input-group--compact>.ud__button:not(:last-child),.ud__input-group--compact>.ud__input-number:not(:last-child),.ud__input-group--compact>.ud__input:not(:last-child),.ud__input-group--compact>.ud__picker:not(:last-child),.ud__input-group--compact>.ud__select:not(:last-child)>.ud__select__selector {
    margin-right: -1px;
    border-right-width: 1px
}

.ud__input__count-current {
    color: var(--text-title)
}

.ud__input__count-exceed {
    color: var(--function-danger-content-default)
}

.ud__search--error {
    border-color: var(--function-danger-content-default)
}

.ud__search--shape-round.ud__search--size-sm {
    border-radius: 26px
}

.ud__search--shape-round.ud__search--size-md {
    border-radius: 32px
}

.ud__search--shape-round.ud__search--size-lg {
    border-radius: 40px
}

.ud__search .ud__input__prefix,.ud__search .ud__input__suffix {
    color: var(--icon-n2)
}

.ud__textarea {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 100%
}

.ud__textarea textarea {
    box-sizing: border-box;
    display: block;
    outline: none;
    border: 1px solid var(--line-border-component);
    border-radius: 6px;
    padding: 4px 11px;
    min-height: 30px;
    scrollbar-color: rgba(var(--N900-raw),30%) transparent;
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    resize: vertical;
    color: var(--text-title);
    background-color: var(--udtoken-component-outlined-bg)
}

.ud__textarea textarea::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    -webkit-transition: background .2s cubic-bezier(.34,.69,.1,1);
    transition: background .2s cubic-bezier(.34,.69,.1,1);
    background-color: rgba(var(--N900-raw),30%);
    border: 2px solid transparent;
    background-clip: padding-box
}

.ud__textarea textarea::-webkit-scrollbar {
    width: 11px;
    height: 11px;
    background-color: initial
}

.ud__textarea textarea::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--N900-raw),60%)!important
}

.ud__textarea textarea::-webkit-scrollbar:hover {
    width: 11px;
    height: 11px
}

.ud__textarea textarea::-webkit-scrollbar-button {
    display: none
}

.ud__textarea textarea::-webkit-scrollbar-track {
    background-color: initial
}

.ud__textarea textarea::-moz-placeholder {
    opacity: 1
}

.ud__textarea textarea::-webkit-input-placeholder {
    color: var(--text-placeholder)
}

.ud__textarea textarea::placeholder {
    color: var(--text-placeholder)
}

.ud__textarea textarea:-moz-placeholder-shown {
    text-overflow: ellipsis
}

.ud__textarea textarea:placeholder-shown {
    text-overflow: ellipsis
}

.ud__textarea textarea--focused,.ud__textarea textarea:focus,.ud__textarea textarea:hover {
    border-color: var(--primary-content-default)
}

.ud__textarea textarea::-webkit-scrollbar {
    overflow: hidden;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.ud__textarea textarea::-webkit-resizer,.ud__textarea textarea::-webkit-scrollbar-corner {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEWSURBVHgBjZFRSsNAEIb/3fQAOUK9gfpe6YIovjU3UE+gJ2g8gTcw3sC+itUFrW+BeAN7ATFSKAjbHWcSC+mSlszLDrvfzvzzj0LHmNpZBtBQd4Gf7fuYgHPPueoCe1DK1UsHd7Dzw+P0daQj/SC5h09OzdGktw221vZXUBlVMN0ILPd6O9yzBBXX8CBdv6kWOGa4YLivQJNjM0ia73oTLsBwJjCB5gu4i7CgbsIey5ThEcOfKziTGFOGHypJeZ7jZ/Gbst4x2/fN9h2eGTNvgk92VrDEWLNmfJXLpIYrRy5b4Fs+9v2/pL0oUncI7FuHLI6PK5lJZGoe8qXNvrry27DesoRLpLPmNkTw9yEcxPWJMR+S/AFbfpAZqxwUNQAAAABJRU5ErkJggg==");
    background-size: 6px 7px;
    background-repeat: no-repeat;
    background-position: 50%
}

.ud__textarea textarea::-webkit-scrollbar-corner {
    background-color: initial;
    overflow: hidden;
    border-bottom-right-radius: 6px
}

.ud__textarea--error textarea,.ud__textarea--error textarea--focused,.ud__textarea--error textarea:focus,.ud__textarea--error textarea:hover {
    border-color: var(--function-danger-content-default)
}

.ud__textarea__clear-icon {
    position: absolute;
    top: 6px;
    right: 12px;
    z-index: 1;
    height: 22px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.ud__textarea__clear-icon:hover .universe-icon {
    color: var(--primary-content-default)
}

.ud__textarea__clear-icon:active .universe-icon {
    color: var(--primary-content-pressed)
}

.ud__textarea__clear-icon .universe-icon {
    color: var(--icon-n3);
    font-size: 16px;
    vertical-align: -.2em
}

.ud__textarea-suffix {
    position: absolute;
    z-index: 0;
    right: 9px;
    bottom: 9px;
    line-height: 0
}

.ud__textarea-suffix-slot {
    margin-right: 4px
}

.ud__textarea--show-count textarea {
    padding-bottom: 22px
}

.ud__textarea--show-clear textarea {
    padding-right: 36px
}

.ud__textarea--disabled,.ud__textarea--disabled textarea {
    color: var(--text-placeholder);
    cursor: not-allowed
}

.ud__textarea--disabled textarea {
    background-color: var(--udtoken-input-bg-disabled)
}

.ud__textarea--disabled textarea,.ud__textarea--disabled textarea:hover {
    border-color: var(--line-border-component)
}

.ud__textarea--disabled textarea::-webkit-scrollbar,.ud__textarea--disabled textarea::-webkit-scrollbar-corner,.ud__textarea--disabled textarea::-webkit-scrollbar-track {
    background-color: var(--udtoken-input-bg-disabled)
}

.ud__overflow {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.ud__overflow,.ud__overflow__item,.ud__overflow__rest,.ud__overflow__suffix,.ud__progress {
    box-sizing: border-box
}

.ud__progress {
    position: relative;
    display: inline-block
}

.ud__progress--line {
    width: 100%;
    max-width: 100%;
    display: inline-block
}

.ud__progress--line .ud__progress--steps {
    flex-grow: 1;
    flex-shrink: 0
}

.ud__progress--line-wrapper {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px
}

.ud__progress--line-inner {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    height: 4px;
    background-color: var(--line-border-card);
    border-radius: 100px;
    overflow: hidden
}

.ud__progress--line-inner-with-right-info {
    margin-right: 12px
}

.ud__progress--line-inner-with-left-info {
    margin-left: 12px
}

.ud__progress--line-bg {
    box-sizing: border-box;
    display: block;
    height: 100%;
    position: relative;
    border-radius: 100px;
    background-color: var(--primary-content-default);
    transition: width .3s ease,background-color .2s linear;
    -webkit-transition: width .3s ease,background-color .2s linear
}

.ud__progress--line-bg-success {
    background-color: var(--function-success-content-default)
}

.ud__progress--line-bg-exception {
    background-color: var(--function-danger-content-default)
}

.ud__progress--line-bg-normal {
    background-color: var(--primary-content-default)
}

.ud__progress--steps {
    box-sizing: border-box;
    font-size: 12px;
    color: var(--text-placeholder);
    white-space: normal;
    line-height: 0
}

.ud__progress__icon {
    font-size: 12px
}

.ud__progress__icon--success {
    color: var(--function-success-content-default)
}

.ud__progress__icon--error {
    color: var(--function-danger-content-default)
}

.ud__progress--circle {
    display: inline-block;
    overflow: hidden
}

.ud__progress--circle-wrapper {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center
}

.ud__progress--circle--path {
    box-sizing: border-box;
    transition: stroke-dashoffset .3s ease 0s,stroke-dasharray .3s ease 0s,stroke .3s,stroke-width .06s ease .3s,opacity .3s ease 0s,stroke .2s ease 0s;
    stroke: var(--primary-content-default)
}

.ud__progress--circle--path--bg {
    stroke: var(--line-border-card)
}

.ud__progress--circle--path--success {
    stroke: var(--function-success-content-default)!important
}

.ud__progress--circle--path--exception {
    stroke: var(--function-danger-content-default)!important
}

.ud__progress--circle--icon {
    box-sizing: border-box;
    vertical-align: 0;
    position: absolute;
    left: 0;
    transition: opacity .2s ease 0s;
    line-height: 0
}

.ud__progress--circle--icon--success {
    color: var(--function-success-content-default)
}

.ud__progress--circle--icon--exception {
    color: var(--function-danger-content-default)
}

.ud__progress--circle--steps {
    display: inline-block;
    font-size: 12px;
    color: var(--text-placeholder)
}

.ud__progress--circle--steps.ud__progress--circle--steps--left {
    margin-right: 8px;
    width: 32px;
    text-align: right
}

.ud__progress--circle--steps.ud__progress--circle--steps--right {
    margin-left: 8px;
    width: 32px;
    text-align: left
}

.u51k5wp {
    opacity: 0
}

.ultmtaz {
    opacity: 1
}

.ud__select {
    position: relative;
    display: inline-block
}

.ud__select,.ud__select__selector {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-title);
    font-size: 14px;
    line-height: 1.5715;
    list-style: none
}

.ud__select__selector {
    cursor: text;
    display: flex;
    align-items: flex-start;
    border-radius: 6px;
    border: solid var(--line-border-component);
    background-color: var(--udtoken-component-outlined-bg);
    transition: border .2s cubic-bezier(.34,.69,.1,1),background .2s cubic-bezier(.34,.69,.1,1)
}

.ud__select__selector-focus,.ud__select__selector:hover {
    border-color: var(--primary-pri-500)
}

.ud__select__selector-focus .ud__select__selector__search {
    pointer-events: auto
}

.ud__select__selector__arrow {
    color: var(--icon-n2);
    display: flex;
    align-items: center;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    opacity: 1
}

.ud__select__selector__arrow .universe-icon {
    transition: all .2s cubic-bezier(.34,.69,.1,1)
}

.ud__select__selector-loading .universe-icon,.ud__select__selector__arrow .universe-icon {
    -webkit-transform: none;
    transform: none
}

.ud__select__selector-open>.ud__select__selector__arrow .universe-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ud__select__selector-readOnly {
    cursor: pointer
}

.ud__select__selector-disabled {
    cursor: not-allowed;
    background-color: var(--udtoken-input-bg-disabled);
    color: var(--udtoken-component-text-disabled-loading)
}

.ud__select__selector-disabled .ud__select__selector__search__input {
    font-size: inherit
}

.ud__select__selector-disabled:hover {
    border-color: var(--line-border-component)
}

.ud__select__selector-disabled .ud__select__selector__arrow {
    color: var(--icon-disabled)
}

.ud__select__selector-error,.ud__select__selector-error:hover {
    border-color: var(--function-danger-500)
}

.ud__select__selector__content {
    flex: 1;
    height: 100%;
    position: relative;
    overflow: hidden
}

.ud__select__selector__search {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none
}

.ud__select__selector__search__input {
    cursor: inherit;
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: var(--text-title);
    font-size: inherit;
    caret-color: transparent
}

.ud__select__selector__search__input-inputting {
    caret-color: auto
}

.ud__select__selector__search__input::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none
}

.ud__select__selector__selectItem {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ud__select__selector__selectItem-inputting {
    color: var(--text-title);
    opacity: .5
}

.ud__select__selector__placeholder {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: block;
    width: 100%;
    color: var(--text-placeholder)
}

.ud__select__selector-multiple .ud__select__selector__search {
    position: absolute;
    pointer-events: auto
}

.ud__select__selector-multiple.ud__select__selector-not-empty {
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto
}

.ud__select__selector-multiple.ud__select__selector-not-empty .ud__select__selector__search {
    position: static;
    flex: 1;
    max-width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden
}

.ud__select__selector__search .ud__overflow__item {
    min-width: 0
}

.ud__select__selector__search__suffix {
    max-width: 100%
}

.ud__select__selector__search__input_container {
    display: inline-block;
    max-width: 100%;
    position: relative
}

.ud__select__selector__search__measure {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    white-space: pre;
    visibility: hidden
}

.ud__select__selector__tag {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex
}

.ud__select__selector__overlay {
    z-index: 1060;
    max-width: 320px
}

.ud__select__selector__overlay-scrollArea {
    overflow-y: auto;
    padding: 12px 16px;
    max-height: 480px
}

.ud__select__selector-lg {
    height: 40px;
    padding: 1px 11px;
    border-width: 1px;
    font-size: 16px
}

.ud__select__selector-lg .ud__select__selector__placeholder,.ud__select__selector-lg .ud__select__selector__selectItem {
    line-height: 36px;
    height: 36px
}

.ud__select__selector-lg>.ud__select__selector__arrow,.ud__select__selector-lg>.ud__select__selector__clear {
    font-size: 16px;
    height: 36px;
    margin-left: 8px
}

.ud__select__selector-lg .ud__select__selector__search__input {
    height: 36px
}

.ud__select__selector-lg.ud__select__selector-multiple {
    height: auto;
    min-height: 40px
}

.ud__select__selector-lg.ud__select__selector-multiple.ud__select__selector-not-empty {
    padding-left: 3px
}

.ud__select__selector-lg .ud__select__selector__tag {
    margin: 2px 4px 2px 0
}

.ud__select__selector-md {
    height: 32px;
    padding: 1px 11px;
    border-width: 1px;
    font-size: 14px
}

.ud__select__selector-md .ud__select__selector__placeholder,.ud__select__selector-md .ud__select__selector__selectItem {
    line-height: 28px;
    height: 28px
}

.ud__select__selector-md>.ud__select__selector__arrow,.ud__select__selector-md>.ud__select__selector__clear {
    font-size: 12px;
    height: 28px;
    margin-left: 8px
}

.ud__select__selector-md .ud__select__selector__search__input {
    height: 28px
}

.ud__select__selector-md.ud__select__selector-multiple {
    height: auto;
    min-height: 32px
}

.ud__select__selector-md.ud__select__selector-multiple.ud__select__selector-not-empty {
    padding-left: 3px
}

.ud__select__selector-md .ud__select__selector__tag {
    margin: 2px 4px 2px 0
}

.ud__select__selector-sm {
    height: 28px;
    padding: 1px 7px;
    border-width: 1px;
    font-size: 12px
}

.ud__select__selector-sm .ud__select__selector__placeholder,.ud__select__selector-sm .ud__select__selector__selectItem {
    line-height: 24px;
    height: 24px
}

.ud__select__selector-sm>.ud__select__selector__arrow,.ud__select__selector-sm>.ud__select__selector__clear {
    font-size: 10px;
    height: 24px;
    margin-left: 8px
}

.ud__select__selector-sm .ud__select__selector__search__input {
    height: 24px
}

.ud__select__selector-sm.ud__select__selector-multiple {
    height: auto;
    min-height: 28px
}

.ud__select__selector-sm.ud__select__selector-multiple.ud__select__selector-not-empty {
    padding-left: 3px
}

.ud__select__selector-sm .ud__select__selector__tag {
    margin: 2px 4px 2px 0
}

.ud__select__selector-border-noborder {
    border-color: transparent;
    background-color: initial
}

.ud__select__selector-border-noborder:hover {
    background-color: var(--fill-hover);
    border-color: transparent
}

.ud__select__selector-border-noborder:active {
    background-color: var(--fill-pressed);
    border-color: transparent
}

.ud__select__selector-border-noborder.ud__select__selector-disabled {
    background-color: initial
}

.ud__select__selector-border-underlined {
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: initial
}

.ud__select__selector-border-underlined.ud__select__selector-multiple.ud__select__selector-not-empty {
    padding: 0
}

.ud__select__selector-border-noborder.ud__select__selector-disabled .ud__text,.ud__select__selector-border-underlined.ud__select__selector-disabled .ud__text {
    color: var(--text-disabled)
}

.ud__select__selector__clear {
    color: var(--icon-n2);
    display: flex;
    align-items: center;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    cursor: pointer;
    transition: color .2s cubic-bezier(.34,.69,.1,1),opacity .2s cubic-bezier(.34,.69,.1,1)
}

.ud__select__selector__clear:hover {
    color: var(--primary-pri-500)
}

.ud__select__selector__clear:active {
    color: var(--primary-pri-600)
}

.ud__select__list {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--text-title);
    font-size: 14px;
    line-height: 1.5715;
    list-style: none;
    overflow: hidden;
    box-shadow: var(--shadow-s4-down);
    border: 1px solid var(--line-border-card);
    border-radius: 6px;
    background: var(--bg-float)
}

.ud__select__list__menu {
    padding: 2px 0
}

.ud__select__list__loading-container {
    box-sizing: border-box;
    height: 48px;
    font-size: 16px;
    color: var(--primary-content-default);
    display: flex;
    justify-content: center;
    align-items: center
}

.ud__select__list__empty {
    padding: 13px 11px;
    color: var(--text-placeholder)
}

.ud__select__list__item {
    cursor: pointer;
    background: var(--bg-float);
    transition: all .12s cubic-bezier(.34,.69,.1,1);
    display: flex;
    box-sizing: border-box;
    margin: 1px 3px;
    padding: 4px 8px;
    border-radius: 4px;
    position: relative;
    z-index: 0
}

.ud__select__list__item:after {
    content: "";
    background-color: initial;
    position: absolute;
    top: -1px;
    left: -3px;
    right: -3px;
    bottom: -1px;
    z-index: -1
}

.ud__select__list__item-active {
    background: var(--fill-hover)
}

.ud__select__list__item-selected {
    color: var(--primary-content-default)
}

.ud__select__list__item-disabled {
    cursor: not-allowed;
    color: var(--text-disabled);
    background: var(--bg-float)
}

.ud__select__list__item-disabled-active {
    background: var(--bg-float)
}

.ud__select__list__item__content {
    flex: 1
}

.ud__select__list__item__content-highlight {
    color: var(--primary-content-default)
}

.ud__select__list__item__check {
    line-height: 1;
    font-size: 12px;
    margin-left: 8px;
    width: 1em;
    display: flex;
    align-items: center
}

.ud__select__list__group {
    position: relative;
    padding-top: 6px
}

.ud__select__list__group__title {
    padding: 4px 11px;
    color: var(--text-placeholder)
}

.ud__select__list__group:before {
    display: block;
    position: absolute;
    content: "";
    height: 1px;
    top: 3px;
    left: 11px;
    right: 11px;
    background-color: var(--line-divider-default)
}

.ud__select__list__group.ud__select__list__group-first {
    padding-top: 0
}

.ud__select__list__group.ud__select__list__group-first:before {
    display: none
}

.ud__select__dropdown {
    z-index: 1050;
    color: var(--text-title);
    position: absolute;
    pointer-events: auto!important;
    max-width: 420px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.ud__select__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__select__dropdown-placement-bottomLeft,.ud__select__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__select__dropdown-placement-bottomLeft {
    -webkit-animation-name: udSlideUpIn;
    animation-name: udSlideUpIn
}

.ud__select__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__select__dropdown-placement-topLeft,.ud__select__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__select__dropdown-placement-topLeft {
    -webkit-animation-name: udSlideDownIn;
    animation-name: udSlideDownIn
}

.ud__select__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__select__dropdown-placement-bottomLeft {
    -webkit-animation-name: udSlideUpOut;
    animation-name: udSlideUpOut
}

.ud__select__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__select__dropdown-placement-topLeft {
    -webkit-animation-name: udSlideDownOut;
    animation-name: udSlideDownOut
}

.ud__select__dropdown-hidden {
    display: none
}

.ud__select__dropdown-empty {
    color: var(--text-disabled)
}

.ud__context-menu__mask {
    z-index: 1060;
    background-color: var(--bg-mask)
}

.ud__context-menu__mask,.ud__context-menu__wrap {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ud__context-menu__wrap {
    z-index: 1000;
    overflow: auto
}

.ud__context-menu__overlay {
    box-sizing: border-box;
    position: absolute
}

.larkw-avatar {
    image-rendering: -webkit-optimize-contrast
}

.larkw-avatar__container {
    position: relative;
    display: inline-block
}

.larkw-avatar__container .ud_avatar {
    display: block
}

.larkw-avatar__medal {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    object-fit: contain;
    object-position: center
}

.larkw-avatar__medal--hover {
    cursor: pointer
}

@-webkit-keyframes delayShow {
    0% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes delayShow {
    0% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes message-item-blink {
    0%,50% {
        background-color: rgba(252,249,220,.8)
    }

    to {
        background-color: rgba(252,249,220,0)
    }
}

@keyframes message-item-blink {
    0%,50% {
        background-color: rgba(252,249,220,.8)
    }

    to {
        background-color: rgba(252,249,220,0)
    }
}

.scroll-bar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-transition: all 1s;
    transition: all 1s;
    background-color: rgba(var(--N900-raw),30%);
    border: 2px solid transparent;
    background-clip: padding-box
}

.scroll-bar::-webkit-scrollbar {
    width: 11px;
    height: 11px
}

.scroll-bar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--N900-raw),60%)!important
}

.scroll-bar::-webkit-scrollbar:hover {
    width: 11px;
    height: 11px
}

.ellipsis-on-overflow-for-one-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.horizontal-and-vertical-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.larkw-emoji__wrapper {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    font-size: 0;
    position: relative
}

.larkw-emoji__wrapper .ud__skeleton__item-content {
    border-radius: 16px
}

.larkw-emoji__copy {
    position: absolute;
    color: transparent
}

.larkw-emoji__img {
    font-size: 96px;
    display: block;
    width: auto;
    height: 1em
}

.larkw-emoji__failed {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(var(--N900-raw),6%)
}

.larkw-emoji__failed.isWideEmoji {
    border-radius: 20px
}

.larkw-emoji__img--emoji-2023_v4 {
    background-position: -1.03125em -8em
}

.larkw-emoji__img--emoji-2023_v4,.larkw-emoji__img--emoji-2024_v1 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-2024_v1 {
    background-position: -2.03125em -8em
}

.larkw-emoji__img--emoji-2025_v1 {
    background-position: -3.03125em -8em;
    width: 1em
}

.larkw-emoji__img--emoji-2025_v1,.larkw-emoji__img--emoji-ai_nailed_it_en_v3 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-ai_nailed_it_en_v3 {
    background-position: 0 0;
    width: 3.96875em
}

.larkw-emoji__img--emoji-ai_nailed_it_zh_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-position: -3.96875em -1em;
    background-size: 18.59375em 17em;
    width: 3.41667em;
    height: 1em
}

.larkw-emoji__img--emoji-alarm {
    background-position: -4.03125em -8em
}

.larkw-emoji__img--emoji-alarm,.larkw-emoji__img--emoji-angry {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-angry {
    background-position: -5.03125em -8em
}

.larkw-emoji__img--emoji-applaud_v2 {
    background-position: -6.03125em -8em;
    width: 1em
}

.larkw-emoji__img--emoji-applaud_v2,.larkw-emoji__img--emoji-attention {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-attention {
    background-position: -7.42708em -1em;
    width: 1.08333em
}

.larkw-emoji__img--emoji-awesome {
    background-position: -7.03125em -8em
}

.larkw-emoji__img--emoji-awesome,.larkw-emoji__img--emoji-awesomen_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-awesomen_v2 {
    background-position: -8.03125em -8em
}

.larkw-emoji__img--emoji-balloon_v2 {
    background-position: 0 -9em
}

.larkw-emoji__img--emoji-balloon_v2,.larkw-emoji__img--emoji-basketball {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-basketball {
    background-position: -1em -9em
}

.larkw-emoji__img--emoji-beamingface_v1 {
    background-position: -2em -9em;
    width: 1em
}

.larkw-emoji__img--emoji-beamingface_v1,.larkw-emoji__img--emoji-bear {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-bear {
    background-position: -5.66667em -4em;
    width: 1.14583em
}

.larkw-emoji__img--emoji-beer {
    background-position: -3em -9em;
    width: 1em
}

.larkw-emoji__img--emoji-beer,.larkw-emoji__img--emoji-bepatientandthinklongterm {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-bepatientandthinklongterm {
    background-position: 0 -3em;
    width: 2.16667em
}

.larkw-emoji__img--emoji-bepatientandthinklongterm_en {
    background-position: 0 -1em;
    width: 3.9375em
}

.larkw-emoji__img--emoji-bepatientandthinklongterm_en,.larkw-emoji__img--emoji-bereliableandtakeownership {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-bereliableandtakeownership {
    background-position: -2.16667em -3em;
    width: 2.16667em
}

.larkw-emoji__img--emoji-bereliableandtakeownership_en {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-position: 0 -2em;
    background-size: 18.59375em 17em;
    width: 3.84375em;
    height: 1em
}

.larkw-emoji__img--emoji-betrayed {
    background-position: -4em -9em
}

.larkw-emoji__img--emoji-betrayed,.larkw-emoji__img--emoji-bigkiss {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-bigkiss {
    background-position: -5em -9em
}

.larkw-emoji__img--emoji-blackface {
    background-position: -6em -9em
}

.larkw-emoji__img--emoji-blackface,.larkw-emoji__img--emoji-blubber {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-blubber {
    background-position: -7em -9em
}

.larkw-emoji__img--emoji-blush {
    background-position: -8em -9em
}

.larkw-emoji__img--emoji-blush,.larkw-emoji__img--emoji-bomb {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-bomb {
    background-position: -9em -9em
}

.larkw-emoji__img--emoji-bubbletea {
    background-position: -10.59375em 0
}

.larkw-emoji__img--emoji-bubbletea,.larkw-emoji__img--emoji-bull {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-bull {
    background-position: -10.59375em -1em
}

.larkw-emoji__img--emoji-cake_v2 {
    background-position: -10.59375em -2em
}

.larkw-emoji__img--emoji-cake_v2,.larkw-emoji__img--emoji-calf {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-calf {
    background-position: -10.59375em -3em
}

.larkw-emoji__img--emoji-candiedhaws {
    background-position: -10.59375em -4em
}

.larkw-emoji__img--emoji-candiedhaws,.larkw-emoji__img--emoji-checkmark {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-checkmark {
    background-position: -10.59375em -5em
}

.larkw-emoji__img--emoji-chuckle {
    background-position: -10.59375em -6em;
    width: 1em
}

.larkw-emoji__img--emoji-chuckle,.larkw-emoji__img--emoji-clap {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-clap {
    background-position: -6.47917em -7em;
    width: 1.0625em
}

.larkw-emoji__img--emoji-cleaver_v3 {
    background-position: -10.59375em -7em
}

.larkw-emoji__img--emoji-cleaver_v3,.larkw-emoji__img--emoji-click_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-click_v2 {
    background-position: -10.59375em -8em
}

.larkw-emoji__img--emoji-clownface_v1 {
    background-position: -10.59375em -9em;
    width: 1em
}

.larkw-emoji__img--emoji-clownface_v1,.larkw-emoji__img--emoji-coffee_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-coffee_v2 {
    background-position: -7.42708em -2em;
    width: 1.08333em
}

.larkw-emoji__img--emoji-coldsweat_v1 {
    background-position: 0 -10em
}

.larkw-emoji__img--emoji-coldsweat_v1,.larkw-emoji__img--emoji-comfort {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-comfort {
    background-position: -1em -10em
}

.larkw-emoji__img--emoji-crazy {
    background-position: -2em -10em
}

.larkw-emoji__img--emoji-crazy,.larkw-emoji__img--emoji-crossmark {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-crossmark {
    background-position: -3em -10em
}

.larkw-emoji__img--emoji-cry {
    background-position: -4em -10em
}

.larkw-emoji__img--emoji-cry,.larkw-emoji__img--emoji-cucumber_v3 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-cucumber_v3 {
    background-position: -5em -10em
}

.larkw-emoji__img--emoji-customersuccess_en {
    background-position: -3.96875em 0;
    width: 3.45833em
}

.larkw-emoji__img--emoji-customersuccess_en,.larkw-emoji__img--emoji-customersuccess_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-customersuccess_v2 {
    background-position: -4.33333em -3em;
    width: 1.76042em
}

.larkw-emoji__img--emoji-darkapplaud_v2 {
    background-position: -6em -10em
}

.larkw-emoji__img--emoji-darkapplaud_v2,.larkw-emoji__img--emoji-darkclick_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-darkclick_v2 {
    background-position: -7em -10em
}

.larkw-emoji__img--emoji-darkfighton_v2 {
    background-position: -8em -10em
}

.larkw-emoji__img--emoji-darkfighton_v2,.larkw-emoji__img--emoji-darkfingerheart_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-darkfingerheart_v2 {
    background-position: -9em -10em
}

.larkw-emoji__img--emoji-darkfistbump_v2 {
    background-position: -10em -10em
}

.larkw-emoji__img--emoji-darkfistbump_v2,.larkw-emoji__img--emoji-darkhighfive_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-darkhighfive_v2 {
    background-position: -11.59375em 0
}

.larkw-emoji__img--emoji-darksalute_v2 {
    background-position: -11.59375em -1em
}

.larkw-emoji__img--emoji-darksalute_v2,.larkw-emoji__img--emoji-darkshake_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-darkshake_v2 {
    background-position: -11.59375em -2em
}

.larkw-emoji__img--emoji-darkthanks_v2 {
    background-position: -11.59375em -3em
}

.larkw-emoji__img--emoji-darkthanks_v2,.larkw-emoji__img--emoji-darkthumbsdown_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-darkthumbsdown_v2 {
    background-position: -11.59375em -4em
}

.larkw-emoji__img--emoji-darkthumbsup_v2 {
    background-position: -11.59375em -5em
}

.larkw-emoji__img--emoji-darkthumbsup_v2,.larkw-emoji__img--emoji-darkwavinghand_v1 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-darkwavinghand_v1 {
    background-position: -11.59375em -6em
}

.larkw-emoji__img--emoji-darkyouarethebest_v1 {
    background-position: -11.59375em -7em
}

.larkw-emoji__img--emoji-darkyouarethebest_v1,.larkw-emoji__img--emoji-delighted_v1 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-delighted_v1 {
    background-position: -11.59375em -8em
}

.larkw-emoji__img--emoji-detergent {
    background-position: -11.59375em -9em
}

.larkw-emoji__img--emoji-detergent,.larkw-emoji__img--emoji-dizzy {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-dizzy {
    background-position: -11.59375em -10em
}

.larkw-emoji__img--emoji-dollar {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-position: -9.58333em 0;
    background-size: 18.59375em 17em;
    width: 1.01042em;
    height: 1.01042em
}

.larkw-emoji__img--emoji-done {
    background-position: 0 -11em;
    width: 1em
}

.larkw-emoji__img--emoji-done,.larkw-emoji__img--emoji-donnotgo {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-donnotgo {
    background-position: -8.52083em 0;
    width: 1.0625em
}

.larkw-emoji__img--emoji-drool {
    background-position: -1em -11em
}

.larkw-emoji__img--emoji-drool,.larkw-emoji__img--emoji-drowsy {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-drowsy {
    background-position: -2em -11em
}

.larkw-emoji__img--emoji-drumstick {
    background-position: -3em -11em
}

.larkw-emoji__img--emoji-drumstick,.larkw-emoji__img--emoji-dull {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-dull {
    background-position: -4em -11em
}

.larkw-emoji__img--emoji-dullstare {
    background-position: -5em -11em
}

.larkw-emoji__img--emoji-dullstare,.larkw-emoji__img--emoji-eating {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-eating {
    background-position: -6em -11em
}

.larkw-emoji__img--emoji-eatingfood_v2 {
    background-position: -7em -11em
}

.larkw-emoji__img--emoji-eatingfood_v2,.larkw-emoji__img--emoji-eighteen {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-eighteen {
    background-position: -8em -11em
}

.larkw-emoji__img--emoji-embarrassed {
    background-position: -9em -11em;
    width: 1em
}

.larkw-emoji__img--emoji-embarrassed,.larkw-emoji__img--emoji-enough {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-enough {
    background-position: -3.4375em -5em;
    width: 1.125em
}

.larkw-emoji__img--emoji-errr {
    background-position: -10em -11em
}

.larkw-emoji__img--emoji-errr,.larkw-emoji__img--emoji-eyesclosed {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-eyesclosed {
    background-position: -11em -11em
}

.larkw-emoji__img--emoji-facepalm {
    background-position: -12.59375em 0
}

.larkw-emoji__img--emoji-facepalm,.larkw-emoji__img--emoji-fighton_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-fighton_v2 {
    background-position: -12.59375em -1em
}

.larkw-emoji__img--emoji-fingerheart_v2 {
    background-position: -12.59375em -2em
}

.larkw-emoji__img--emoji-fingerheart_v2,.larkw-emoji__img--emoji-fire {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-fire {
    background-position: -12.59375em -3em
}

.larkw-emoji__img--emoji-firecracker_v3 {
    background-position: -12.59375em -4em
}

.larkw-emoji__img--emoji-firecracker_v3,.larkw-emoji__img--emoji-fireworks_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-fireworks_v2 {
    background-position: -12.59375em -5em
}

.larkw-emoji__img--emoji-fistbump_v2 {
    background-position: -12.59375em -6em;
    width: 1em
}

.larkw-emoji__img--emoji-fistbump_v2,.larkw-emoji__img--emoji-followme {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-followme {
    background-position: -7.42708em -3em;
    width: 1.08333em
}

.larkw-emoji__img--emoji-fortune {
    background-position: -12.59375em -7em
}

.larkw-emoji__img--emoji-fortune,.larkw-emoji__img--emoji-frown {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-frown {
    background-position: -12.59375em -8em
}

.larkw-emoji__img--emoji-fullmoonface_v1 {
    background-position: -12.59375em -9em
}

.larkw-emoji__img--emoji-fullmoonface_v1,.larkw-emoji__img--emoji-generalinmeetingbusy_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-generalinmeetingbusy_v2 {
    background-position: -12.59375em -10em
}

.larkw-emoji__img--emoji-generalbusinesstrip_v2 {
    background-position: -12.59375em -11em
}

.larkw-emoji__img--emoji-generalbusinesstrip_v2,.larkw-emoji__img--emoji-generaldonotdisturb_v3 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-generaldonotdisturb_v3 {
    background-position: 0 -12em
}

.larkw-emoji__img--emoji-generalmoonrest_v2 {
    background-position: -1em -12em
}

.larkw-emoji__img--emoji-generalmoonrest_v2,.larkw-emoji__img--emoji-generalsun {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-generalsun {
    background-position: -2em -12em
}

.larkw-emoji__img--emoji-generaltravellingcar {
    background-position: -3em -12em
}

.larkw-emoji__img--emoji-generaltravellingcar,.larkw-emoji__img--emoji-generalworkfromhome {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-generalworkfromhome {
    background-position: -4em -12em
}

.larkw-emoji__img--emoji-get_v3 {
    background-position: -5em -12em
}

.larkw-emoji__img--emoji-get_v3,.larkw-emoji__img--emoji-gift_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-gift_v2 {
    background-position: -6em -12em
}

.larkw-emoji__img--emoji-glance {
    background-position: -7em -12em;
    width: 1em
}

.larkw-emoji__img--emoji-glance,.larkw-emoji__img--emoji-gogogo_v4 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-gogogo_v4 {
    background-position: -5.55208em -6em;
    width: 1.09375em
}

.larkw-emoji__img--emoji-gold {
    background-position: -8em -12em
}

.larkw-emoji__img--emoji-gold,.larkw-emoji__img--emoji-goodjob {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-goodjob {
    background-position: -9em -12em
}

.larkw-emoji__img--emoji-gotit_v1 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-position: -6.09375em -3em;
    background-size: 18.59375em 17em;
    width: 1.21875em;
    height: 1em
}

.larkw-emoji__img--emoji-grin {
    background-position: -10em -12em
}

.larkw-emoji__img--emoji-grin,.larkw-emoji__img--emoji-hammer_v1 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-hammer_v1 {
    background-position: -11em -12em
}

.larkw-emoji__img--emoji-happydragon_v3 {
    background-position: -4.51042em -4em;
    width: 1.15625em
}

.larkw-emoji__img--emoji-happydragon_v3,.larkw-emoji__img--emoji-headset_v3 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-headset_v3 {
    background-position: -2.23958em -6em;
    width: 1.10417em
}

.larkw-emoji__img--emoji-heart {
    background-position: -12em -12em
}

.larkw-emoji__img--emoji-heart,.larkw-emoji__img--emoji-heartbroken {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-heartbroken {
    background-position: -13.59375em 0
}

.larkw-emoji__img--emoji-hearts_v2 {
    background-position: -13.59375em -1em
}

.larkw-emoji__img--emoji-hearts_v2,.larkw-emoji__img--emoji-highfive_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-highfive_v2 {
    background-position: -13.59375em -2em
}

.larkw-emoji__img--emoji-hug {
    background-position: -1.76042em -4em;
    width: 1.375em
}

.larkw-emoji__img--emoji-hug,.larkw-emoji__img--emoji-hundred {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-hundred {
    background-position: -7.42708em -4em;
    width: 1.08333em
}

.larkw-emoji__img--emoji-husky {
    background-position: -13.59375em -3em
}

.larkw-emoji__img--emoji-husky,.larkw-emoji__img--emoji-innocentsmile {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-innocentsmile {
    background-position: -13.59375em -4em
}

.larkw-emoji__img--emoji-irritated_v2 {
    background-position: -13.59375em -5em
}

.larkw-emoji__img--emoji-irritated_v2,.larkw-emoji__img--emoji-joyful {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-joyful {
    background-position: -13.59375em -6em
}

.larkw-emoji__img--emoji-jubilantrabbit_v1 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-position: 0 -5em;
    background-size: 18.59375em 17em;
    width: 1.14583em;
    height: 1em
}

.larkw-emoji__img--emoji-kiss {
    background-position: -13.59375em -7em
}

.larkw-emoji__img--emoji-kiss,.larkw-emoji__img--emoji-laugh {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-laugh {
    background-position: -13.59375em -8em
}

.larkw-emoji__img--emoji-lemon_v2 {
    background-position: -13.59375em -9em;
    width: 1em
}

.larkw-emoji__img--emoji-lemon_v2,.larkw-emoji__img--emoji-lgtm_v3 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-lgtm_v3 {
    background-position: -9.58333em -2.02083em;
    width: 1.01042em
}

.larkw-emoji__img--emoji-lightapplaud_v2 {
    background-position: -13.59375em -10em
}

.larkw-emoji__img--emoji-lightapplaud_v2,.larkw-emoji__img--emoji-lightclick_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-lightclick_v2 {
    background-position: -13.59375em -11em
}

.larkw-emoji__img--emoji-lightfighton_v2 {
    background-position: -13.59375em -12em
}

.larkw-emoji__img--emoji-lightfighton_v2,.larkw-emoji__img--emoji-lightfingerheart_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-lightfingerheart_v2 {
    background-position: 0 -13em
}

.larkw-emoji__img--emoji-lightfistbump_v2 {
    background-position: -1em -13em
}

.larkw-emoji__img--emoji-lightfistbump_v2,.larkw-emoji__img--emoji-lighthighfive_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-lighthighfive_v2 {
    background-position: -2em -13em
}

.larkw-emoji__img--emoji-lightsalute_v2 {
    background-position: -3em -13em
}

.larkw-emoji__img--emoji-lightsalute_v2,.larkw-emoji__img--emoji-lightshake_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-lightshake_v2 {
    background-position: -4em -13em
}

.larkw-emoji__img--emoji-lightthanks_v2 {
    background-position: -5em -13em
}

.larkw-emoji__img--emoji-lightthanks_v2,.larkw-emoji__img--emoji-lightthumbsdown_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-lightthumbsdown_v2 {
    background-position: -6em -13em
}

.larkw-emoji__img--emoji-lightthumbsup_v2 {
    background-position: -7em -13em
}

.larkw-emoji__img--emoji-lightthumbsup_v2,.larkw-emoji__img--emoji-lightwavinghand_v1 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-lightwavinghand_v1 {
    background-position: -8em -13em
}

.larkw-emoji__img--emoji-lightyouarethebest_v1 {
    background-position: -9em -13em
}

.larkw-emoji__img--emoji-lightyouarethebest_v1,.larkw-emoji__img--emoji-lips_v1 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-lips_v1 {
    background-position: -10em -13em
}

.larkw-emoji__img--emoji-lol {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-position: -4.5625em -5em;
    background-size: 18.59375em 17em;
    width: 1.125em;
    height: 1em
}

.larkw-emoji__img--emoji-lookdown {
    background-position: -11em -13em
}

.larkw-emoji__img--emoji-lookdown,.larkw-emoji__img--emoji-loudspeaker {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-loudspeaker {
    background-position: -12em -13em
}

.larkw-emoji__img--emoji-love {
    background-position: -13em -13em
}

.larkw-emoji__img--emoji-love,.larkw-emoji__img--emoji-luck {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-luck {
    background-position: -14.59375em 0
}

.larkw-emoji__img--emoji-mad {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-position: -9.58333em -1.01042em;
    background-size: 18.59375em 17em;
    width: 1.01042em;
    height: 1.01042em
}

.larkw-emoji__img--emoji-mediumapplaud_v2 {
    background-position: -14.59375em -1em
}

.larkw-emoji__img--emoji-mediumapplaud_v2,.larkw-emoji__img--emoji-mediumclick_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumclick_v2 {
    background-position: -14.59375em -2em
}

.larkw-emoji__img--emoji-mediumdarkapplaud_v2 {
    background-position: -14.59375em -3em
}

.larkw-emoji__img--emoji-mediumdarkapplaud_v2,.larkw-emoji__img--emoji-mediumdarkclick_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumdarkclick_v2 {
    background-position: -14.59375em -4em
}

.larkw-emoji__img--emoji-mediumdarkfighton_v2 {
    background-position: -14.59375em -5em
}

.larkw-emoji__img--emoji-mediumdarkfighton_v2,.larkw-emoji__img--emoji-mediumdarkfingerheart_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumdarkfingerheart_v2 {
    background-position: -14.59375em -6em
}

.larkw-emoji__img--emoji-mediumdarkfistbump_v2 {
    background-position: -14.59375em -7em
}

.larkw-emoji__img--emoji-mediumdarkfistbump_v2,.larkw-emoji__img--emoji-mediumdarkhighfive_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumdarkhighfive_v2 {
    background-position: -14.59375em -8em
}

.larkw-emoji__img--emoji-mediumdarksalute_v2 {
    background-position: -14.59375em -9em
}

.larkw-emoji__img--emoji-mediumdarksalute_v2,.larkw-emoji__img--emoji-mediumdarkshake_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumdarkshake_v2 {
    background-position: -14.59375em -10em
}

.larkw-emoji__img--emoji-mediumdarkthanks_v2 {
    background-position: -14.59375em -11em
}

.larkw-emoji__img--emoji-mediumdarkthanks_v2,.larkw-emoji__img--emoji-mediumdarkthumbsdown_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumdarkthumbsdown_v2 {
    background-position: -14.59375em -12em
}

.larkw-emoji__img--emoji-mediumdarkthumbsup_v2 {
    background-position: -14.59375em -13em
}

.larkw-emoji__img--emoji-mediumdarkthumbsup_v2,.larkw-emoji__img--emoji-mediumdarkwavinghand_v1 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumdarkwavinghand_v1 {
    background-position: 0 -14em
}

.larkw-emoji__img--emoji-mediumdarkyouarethebest_v1 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-position: -9.58333em -3.02083em;
    background-size: 18.59375em 17em;
    width: 1.01042em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumfighton_v2 {
    background-position: -1em -14em
}

.larkw-emoji__img--emoji-mediumfighton_v2,.larkw-emoji__img--emoji-mediumfingerheart_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumfingerheart_v2 {
    background-position: -2em -14em
}

.larkw-emoji__img--emoji-mediumfistbump_v2 {
    background-position: -3em -14em
}

.larkw-emoji__img--emoji-mediumfistbump_v2,.larkw-emoji__img--emoji-mediumhighfive_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumhighfive_v2 {
    background-position: -4em -14em
}

.larkw-emoji__img--emoji-mediumlightapplaud_v2 {
    background-position: -5em -14em
}

.larkw-emoji__img--emoji-mediumlightapplaud_v2,.larkw-emoji__img--emoji-mediumlightclick_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumlightclick_v2 {
    background-position: -6em -14em
}

.larkw-emoji__img--emoji-mediumlightfighton_v2 {
    background-position: -7em -14em
}

.larkw-emoji__img--emoji-mediumlightfighton_v2,.larkw-emoji__img--emoji-mediumlightfingerheart_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumlightfingerheart_v2 {
    background-position: -8em -14em
}

.larkw-emoji__img--emoji-mediumlightfistbump_v2 {
    background-position: -9em -14em
}

.larkw-emoji__img--emoji-mediumlightfistbump_v2,.larkw-emoji__img--emoji-mediumlighthighfive_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumlighthighfive_v2 {
    background-position: -10em -14em
}

.larkw-emoji__img--emoji-mediumlightsalute_v2 {
    background-position: -11em -14em
}

.larkw-emoji__img--emoji-mediumlightsalute_v2,.larkw-emoji__img--emoji-mediumlightshake_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumlightshake_v2 {
    background-position: -12em -14em
}

.larkw-emoji__img--emoji-mediumlightthanks_v2 {
    background-position: -13em -14em
}

.larkw-emoji__img--emoji-mediumlightthanks_v2,.larkw-emoji__img--emoji-mediumlightthumbsdown_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumlightthumbsdown_v2 {
    background-position: -14em -14em
}

.larkw-emoji__img--emoji-mediumlightthumbsup_v2 {
    background-position: -15.59375em 0
}

.larkw-emoji__img--emoji-mediumlightthumbsup_v2,.larkw-emoji__img--emoji-mediumlightwavinghand_v1 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumlightwavinghand_v1 {
    background-position: -15.59375em -1em
}

.larkw-emoji__img--emoji-mediumlightyouarethebest_v1 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-position: -9.58333em -4.02083em;
    background-size: 18.59375em 17em;
    width: 1.01042em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumsalute_v2 {
    background-position: -15.59375em -2em
}

.larkw-emoji__img--emoji-mediumsalute_v2,.larkw-emoji__img--emoji-mediumshake_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumshake_v2 {
    background-position: -15.59375em -3em
}

.larkw-emoji__img--emoji-mediumthanks_v2 {
    background-position: -15.59375em -4em
}

.larkw-emoji__img--emoji-mediumthanks_v2,.larkw-emoji__img--emoji-mediumthumbsdown_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumthumbsdown_v2 {
    background-position: -15.59375em -5em
}

.larkw-emoji__img--emoji-mediumthumbsup_v2 {
    background-position: -15.59375em -6em
}

.larkw-emoji__img--emoji-mediumthumbsup_v2,.larkw-emoji__img--emoji-mediumwavinghand_v1 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-mediumwavinghand_v1 {
    background-position: -15.59375em -7em
}

.larkw-emoji__img--emoji-mediumyouarethebest_v1 {
    background-position: -15.59375em -8em;
    width: 1em
}

.larkw-emoji__img--emoji-mediumyouarethebest_v1,.larkw-emoji__img--emoji-mememe {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-mememe {
    background-position: -5.6875em -5em;
    width: 1.125em
}

.larkw-emoji__img--emoji-minusone_v3 {
    background-position: -15.59375em -9em
}

.larkw-emoji__img--emoji-minusone_v3,.larkw-emoji__img--emoji-money {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-money {
    background-position: -15.59375em -10em
}

.larkw-emoji__img--emoji-mooncake_v2 {
    background-position: -9.58333em -5.02083em;
    width: 1.01042em
}

.larkw-emoji__img--emoji-mooncake_v2,.larkw-emoji__img--emoji-moonrabbit_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-moonrabbit_v2 {
    background-position: -3.34375em -6em;
    width: 1.10417em
}

.larkw-emoji__img--emoji-movie_v1 {
    background-position: -15.59375em -11em
}

.larkw-emoji__img--emoji-movie_v1,.larkw-emoji__img--emoji-music_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-music_v2 {
    background-position: -15.59375em -12em
}

.larkw-emoji__img--emoji-no_v3 {
    background-position: -7.42708em -5em;
    width: 1.08333em
}

.larkw-emoji__img--emoji-no_v3,.larkw-emoji__img--emoji-nosepick {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-nosepick {
    background-position: -15.59375em -13em;
    width: 1em
}

.larkw-emoji__img--emoji-ok_v2 {
    background-position: -7.42708em -6em
}

.larkw-emoji__img--emoji-ok_v2,.larkw-emoji__img--emoji-okr {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1.08333em;
    height: 1em
}

.larkw-emoji__img--emoji-okr {
    background-position: 0 -7em
}

.larkw-emoji__img--emoji-onesecond {
    background-position: 0 -6em;
    width: 1.125em
}

.larkw-emoji__img--emoji-onesecond,.larkw-emoji__img--emoji-onit_v1 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-onit_v1 {
    background-position: -1.14583em -5em;
    width: 1.14583em
}

.larkw-emoji__img--emoji-onleavestatus {
    background-position: -15.59375em -14em
}

.larkw-emoji__img--emoji-onleavestatus,.larkw-emoji__img--emoji-party {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-party {
    background-position: 0 -15em
}

.larkw-emoji__img--emoji-partying_v1 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-position: -1.08333em -7em;
    background-size: 18.59375em 17em;
    width: 1.08333em;
    height: 1em
}

.larkw-emoji__img--emoji-pepper {
    background-position: -1em -15em
}

.larkw-emoji__img--emoji-pepper,.larkw-emoji__img--emoji-petrified {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-petrified {
    background-position: -2em -15em
}

.larkw-emoji__img--emoji-pin {
    background-position: -3em -15em
}

.larkw-emoji__img--emoji-pin,.larkw-emoji__img--emoji-plusone {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-plusone {
    background-position: -4em -15em
}

.larkw-emoji__img--emoji-poop {
    background-position: -5em -15em;
    width: 1em
}

.larkw-emoji__img--emoji-poop,.larkw-emoji__img--emoji-praise {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-praise {
    background-position: -4.33333em -7em;
    width: 1.07292em
}

.larkw-emoji__img--emoji-proud {
    background-position: -6em -15em
}

.larkw-emoji__img--emoji-proud,.larkw-emoji__img--emoji-puke {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-puke {
    background-position: -7em -15em
}

.larkw-emoji__img--emoji-pumpkin_v1 {
    background-position: -8.52083em -4em;
    width: 1.04167em
}

.larkw-emoji__img--emoji-pumpkin_v1,.larkw-emoji__img--emoji-pursueultimate_en {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-pursueultimate_en {
    background-position: -3.96875em -2em;
    width: 3.05208em
}

.larkw-emoji__img--emoji-pursueultimate_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-position: 0 -4em;
    background-size: 18.59375em 17em;
    width: 1.76042em;
    height: 1em
}

.larkw-emoji__img--emoji-rainbowpuke_v2 {
    background-position: -8em -15em
}

.larkw-emoji__img--emoji-rainbowpuke_v2,.larkw-emoji__img--emoji-redpacket {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-redpacket {
    background-position: -9em -15em
}

.larkw-emoji__img--emoji-roarforyou {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-position: -3.13542em -4em;
    background-size: 18.59375em 17em;
    width: 1.375em;
    height: 1em
}

.larkw-emoji__img--emoji-rose {
    background-position: -10em -15em
}

.larkw-emoji__img--emoji-rose,.larkw-emoji__img--emoji-salute_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-salute_v2 {
    background-position: -11em -15em
}

.larkw-emoji__img--emoji-saluteface_v1 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-position: -7.42708em 0;
    background-size: 18.59375em 17em;
    width: 1.09375em;
    height: 1em
}

.larkw-emoji__img--emoji-scowl {
    background-position: -12em -15em
}

.larkw-emoji__img--emoji-scowl,.larkw-emoji__img--emoji-shake_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-shake_v2 {
    background-position: -13em -15em
}

.larkw-emoji__img--emoji-shhh {
    background-position: -14em -15em;
    width: 1em
}

.larkw-emoji__img--emoji-shhh,.larkw-emoji__img--emoji-shocked {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-shocked {
    background-position: -1.125em -6em;
    width: 1.11458em
}

.larkw-emoji__img--emoji-showoff {
    background-position: -15em -15em;
    width: 1em
}

.larkw-emoji__img--emoji-showoff,.larkw-emoji__img--emoji-shrug_v1 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-shrug_v1 {
    background-position: -8.52083em -5em;
    width: 1.04167em
}

.larkw-emoji__img--emoji-shy {
    background-position: -16.59375em 0
}

.larkw-emoji__img--emoji-shy,.larkw-emoji__img--emoji-sick {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-sick {
    background-position: -16.59375em -1em
}

.larkw-emoji__img--emoji-sigh {
    background-position: -16.59375em -2em
}

.larkw-emoji__img--emoji-sigh,.larkw-emoji__img--emoji-silent {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-silent {
    background-position: -16.59375em -3em
}

.larkw-emoji__img--emoji-sisiasyouwish_v1 {
    background-position: -16.59375em -4em
}

.larkw-emoji__img--emoji-sisiasyouwish_v1,.larkw-emoji__img--emoji-skull {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-skull {
    background-position: -16.59375em -5em
}

.larkw-emoji__img--emoji-slap {
    background-position: -16.59375em -6em
}

.larkw-emoji__img--emoji-slap,.larkw-emoji__img--emoji-sleep {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-sleep {
    background-position: -16.59375em -7em
}

.larkw-emoji__img--emoji-slight {
    background-position: -16.59375em -8em
}

.larkw-emoji__img--emoji-slight,.larkw-emoji__img--emoji-smart {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-smart {
    background-position: -16.59375em -9em
}

.larkw-emoji__img--emoji-smile {
    background-position: -16.59375em -10em;
    width: 1em
}

.larkw-emoji__img--emoji-smile,.larkw-emoji__img--emoji-smirk {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-smirk {
    background-position: -9.58333em -6.02083em;
    width: 1.01042em
}

.larkw-emoji__img--emoji-smooch {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-position: -8.52083em -6em;
    background-size: 18.59375em 17em;
    width: 1.04167em;
    height: 1em
}

.larkw-emoji__img--emoji-smug {
    background-position: -16.59375em -11em
}

.larkw-emoji__img--emoji-smug,.larkw-emoji__img--emoji-snowman {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-snowman {
    background-position: -16.59375em -12em
}

.larkw-emoji__img--emoji-sob {
    background-position: -16.59375em -13em
}

.larkw-emoji__img--emoji-sob,.larkw-emoji__img--emoji-soccer {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-soccer {
    background-position: -16.59375em -14em
}

.larkw-emoji__img--emoji-socool_v2 {
    background-position: -16.59375em -15em;
    width: 1em
}

.larkw-emoji__img--emoji-socool_v2,.larkw-emoji__img--emoji-speechless {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-speechless {
    background-position: -5.40625em -7em;
    width: 1.07292em
}

.larkw-emoji__img--emoji-spitblood {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-position: -8.52083em -1em;
    background-size: 18.59375em 17em;
    width: 1.0625em;
    height: 1em
}

.larkw-emoji__img--emoji-status_privatemessage {
    background-position: 0 -16em
}

.larkw-emoji__img--emoji-status_privatemessage,.larkw-emoji__img--emoji-statusbus {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-statusbus {
    background-position: -1em -16em
}

.larkw-emoji__img--emoji-statusenjoylife {
    background-position: -2em -16em
}

.larkw-emoji__img--emoji-statusenjoylife,.larkw-emoji__img--emoji-statusflashofinspiration {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-statusflashofinspiration {
    background-position: -3em -16em
}

.larkw-emoji__img--emoji-statusinflight {
    background-position: -4em -16em
}

.larkw-emoji__img--emoji-statusinflight,.larkw-emoji__img--emoji-statusreading {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-statusreading {
    background-position: -5em -16em
}

.larkw-emoji__img--emoji-stickyriceballs {
    background-position: -4.44792em -6em;
    width: 1.10417em
}

.larkw-emoji__img--emoji-stickyriceballs,.larkw-emoji__img--emoji-strive {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-strive {
    background-position: -6em -16em;
    width: 1em
}

.larkw-emoji__img--emoji-sweat {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-position: -8.52083em -7em;
    background-size: 18.59375em 17em;
    width: 1.04167em;
    height: 1em
}

.larkw-emoji__img--emoji-tears {
    background-position: -7em -16em
}

.larkw-emoji__img--emoji-tears,.larkw-emoji__img--emoji-tease {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-tease {
    background-position: -8em -16em
}

.larkw-emoji__img--emoji-terror {
    background-position: -9em -16em
}

.larkw-emoji__img--emoji-terror,.larkw-emoji__img--emoji-thanks_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-thanks_v2 {
    background-position: -10em -16em
}

.larkw-emoji__img--emoji-thanksface_v1 {
    background-position: -11em -16em
}

.larkw-emoji__img--emoji-thanksface_v1,.larkw-emoji__img--emoji-thinking {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-thinking {
    background-position: -12em -16em
}

.larkw-emoji__img--emoji-thumbsdown_v2 {
    background-position: -13em -16em
}

.larkw-emoji__img--emoji-thumbsdown_v2,.larkw-emoji__img--emoji-thumbsup_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-thumbsup_v2 {
    background-position: -14em -16em
}

.larkw-emoji__img--emoji-toasted {
    background-position: -15em -16em
}

.larkw-emoji__img--emoji-toasted,.larkw-emoji__img--emoji-tongue {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-tongue {
    background-position: -16em -16em
}

.larkw-emoji__img--emoji-trick {
    background-position: -17.59375em 0
}

.larkw-emoji__img--emoji-trick,.larkw-emoji__img--emoji-trophy {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-trophy {
    background-position: -17.59375em -1em
}

.larkw-emoji__img--emoji-tv_v1 {
    background-position: -17.59375em -2em
}

.larkw-emoji__img--emoji-tv_v1,.larkw-emoji__img--emoji-twentytwentyone_v2 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-twentytwentyone_v2 {
    background-position: -17.59375em -3em
}

.larkw-emoji__img--emoji-twentytwentytwo {
    background-position: -17.59375em -4em
}

.larkw-emoji__img--emoji-twentytwentytwo,.larkw-emoji__img--emoji-typing {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-typing {
    background-position: -17.59375em -5em
}

.larkw-emoji__img--emoji-unknown {
    background-position: -17.59375em -6em
}

.larkw-emoji__img--emoji-unknown,.larkw-emoji__img--emoji-vrheadset_v1 {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-vrheadset_v1 {
    background-position: -17.59375em -7em
}

.larkw-emoji__img--emoji-wail {
    background-position: -2.29167em -5em;
    width: 1.14583em
}

.larkw-emoji__img--emoji-wail,.larkw-emoji__img--emoji-wave {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-wave {
    background-position: 0 -8em;
    width: 1.03125em
}

.larkw-emoji__img--emoji-wavinghand_v1 {
    background-position: -17.59375em -8em
}

.larkw-emoji__img--emoji-wavinghand_v1,.larkw-emoji__img--emoji-welldone {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-welldone {
    background-position: -17.59375em -9em
}

.larkw-emoji__img--emoji-what {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-position: -2.16667em -7em;
    background-size: 18.59375em 17em;
    width: 1.08333em;
    height: 1em
}

.larkw-emoji__img--emoji-whimper {
    background-position: -17.59375em -10em
}

.larkw-emoji__img--emoji-whimper,.larkw-emoji__img--emoji-wink {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-wink {
    background-position: -17.59375em -11em
}

.larkw-emoji__img--emoji-witty {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-position: -8.52083em -2em;
    background-size: 18.59375em 17em;
    width: 1.0625em;
    height: 1em
}

.larkw-emoji__img--emoji-wow {
    background-position: -17.59375em -12em
}

.larkw-emoji__img--emoji-wow,.larkw-emoji__img--emoji-wronged {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-wronged {
    background-position: -17.59375em -13em
}

.larkw-emoji__img--emoji-xmashat {
    background-position: -17.59375em -14em
}

.larkw-emoji__img--emoji-xmashat,.larkw-emoji__img--emoji-xmastree {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    width: 1em;
    height: 1em
}

.larkw-emoji__img--emoji-xmastree {
    background-position: -17.59375em -15em
}

.larkw-emoji__img--emoji-yawn {
    background-position: -17.59375em -16em;
    width: 1em
}

.larkw-emoji__img--emoji-yawn,.larkw-emoji__img--emoji-yeah {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-yeah {
    background-position: -8.52083em -3em;
    width: 1.0625em
}

.larkw-emoji__img--emoji-yes_v2 {
    background-position: -3.25em -7em;
    width: 1.08333em
}

.larkw-emoji__img--emoji-yes_v2,.larkw-emoji__img--emoji-youarethebest {
    background-image: url(../../module/media/sprite-min.bf5776db.bf5776db.png);
    background-size: 18.59375em 17em;
    height: 1em
}

.larkw-emoji__img--emoji-youarethebest {
    background-position: -9.58333em -7.02083em;
    width: 1.01042em
}

.task-block-action-btn.task-block-action-btn-offline {
    cursor: not-allowed
}

.task-block-action-btn.task-block-action-btn-offline svg {
    color: var(--fill-disabled)!important
}

.task-block-guide-tip {
    max-width: 288px
}

.task-block-guide-tip .ud__tooltip-content {
    background-color: var(--primary-content-default)
}

.task-block-guide-tip .ud__tooltip__arrow__streamline__content {
    fill: var(--primary-content-default)
}

.task-block__assignee-picker__user {
    position: relative;
    display: inline-flex
}

.task-block__assignee-picker__user .gpf-at-user-external {
    height: 0!important
}

.task-block__assignee-picker__user #gpf-at-user .gpf-at-user .gpf-at-user-external {
    height: 0
}

.task-block__assignee-picker__user .ud__button--icon.task-block__assignee-picker__remove-wrapper {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 6px;
    border-radius: 50%;
    font-size: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--static-white);
    width: calc(1em + 4px);
    height: calc(1em + 4px);
    opacity: 0;
    transition: none!important
}

.task-block__assignee-picker__user .ud__button--icon.task-block__assignee-picker__remove-wrapper:focus {
    opacity: 1
}

.table .task-block__assignee-picker__user .ud__button--icon.task-block__assignee-picker__remove-wrapper {
    width: calc(1em + 2px);
    height: calc(1em + 2px)
}

.task-block__assignee-picker__user:hover .task-block__assignee-picker__remove-wrapper {
    opacity: 1
}

.task-block__assignee-picker__user .task-block__assignee-picker__more-icon {
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    font-size: 12px
}

.gpf-at-user-no-permission .ud__button--icon.task-block__assignee-picker__remove-wrapper {
    background-color: var(--N300);
    color: var(--icon-n2)
}

.gpf-at-user-no-permission:hover .ud__button--icon.task-block__assignee-picker__remove-wrapper {
    background-color: var(--N400)
}

.gpf-at-user-other .ud__button--icon.task-block__assignee-picker__remove-wrapper {
    background-color: var(--primary-fill-solid-02);
    color: var(--icon-n2)
}

.gpf-at-user-other:hover .ud__button--icon.task-block__assignee-picker__remove-wrapper {
    background-color: var(--primary-fill-solid-03)
}

.gpf-at-user-self .ud__button--icon.task-block__assignee-picker__remove-wrapper {
    background-color: var(--primary-content-default);
    color: var(--static-white)
}

.gpf-at-user-self:hover .ud__button--icon.task-block__assignee-picker__remove-wrapper {
    background-color: var(--primary-fill-hover)
}

.gpf-at-user-self:active .ud__button--icon.task-block__assignee-picker__remove-wrapper {
    background-color: var(--primary-content-pressed)
}

.task-block__assignee-picker__add-user-wrapper {
    display: inline-flex;
    align-items: center
}

.task-block__assignee-picker__add-user-wrapper:before {
    content: "@";
    width: 0;
    overflow: hidden
}

.mobile .task-block__assignee-picker__add-user-wrapper>button {
    font-size: calc(var(--docx-base-font-size)*16/16)
}

button.task-block__time-label__wrapper {
    display: inline-flex;
    align-items: center;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 4px;
    font-size: inherit!important
}

button.task-block__time-label__wrapper .task-block__time-label__icon {
    opacity: 0
}

button.task-block__time-label__wrapper .task-block__time-label__icon:focus,button.task-block__time-label__wrapper:active .task-block__time-label__icon,button.task-block__time-label__wrapper:focus .task-block__time-label__icon,button.task-block__time-label__wrapper:hover .task-block__time-label__icon {
    opacity: 1
}

button.task-block__time-label__wrapper__disabled {
    background-color: initial!important;
    cursor: text!important
}

.task-block__time-label__text {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    color: var(--text-caption)
}

.task-block__time-label__text--expired {
    color: var(--function-danger-content-default)
}

.task-block__time-label__text--today {
    color: var(--primary-content-default)
}

.task-block__time-label__text--completed {
    color: var(--text-caption)
}

.task-block__time-label__time-label-icon {
    margin: 0 4px;
    line-height: 0
}

.task-block__DueTime__wrapper {
    display: inline-flex;
    align-items: center
}

.task-block__DueTime__wrapper:before {
    content: "@";
    width: 0;
    overflow: hidden
}

.mobile .task-block__DueTime__wrapper>button {
    font-size: calc(var(--docx-base-font-size)*16/16)
}

.task-block__due-time-picker__wrapper {
    display: inline-flex
}

.ud__dropdown.task-block__due-time-picker__popOverWrapper {
    width: 314px
}

.task-block-text-editor.editor-kit-container {
    position: relative;
    white-space: break-spaces;
    border-top-width: 0
}

.task-block-text-editor.editor-kit-container * {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.task-block-text-editor.editor-kit-container.task-block-text-editor-line-through {
    opacity: .7;
    color: var(--text-caption)
}

.task-block-text-editor.editor-kit-container.task-block-text-editor-line-through .at-user-wrap {
    opacity: .7
}

.task-block-text-editor.editor-kit-container .ace-line {
    margin: 0
}

.task-block-text-editor.editor-kit-container .ace-line .not-display-enter {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0
}

.adit-draggable-snapshot-container .docx-url-preview-container.viewType-inline .url-preview-inline-font-size,.docx-url_preview-block .docx-url-preview-container.viewType-inline .url-preview-inline-font-size {
    font-size: 100%
}

.adit-draggable-snapshot-container.selected .docx-block-loading-retryable .docx-block-mode,.adit-draggable-snapshot-container.selected .docx-url-preview-container:not(.viewType-inline) .url-web-sdk-wrapper,.docx-url_preview-block.selected .docx-block-loading-retryable .docx-block-mode,.docx-url_preview-block.selected .docx-url-preview-container:not(.viewType-inline) .url-web-sdk-wrapper {
    border-color: var(--B500)
}

.adit-draggable-snapshot-container:not(.selected).hovered .docx-url-preview-container:not(.viewType-inline) .url-web-sdk-wrapper,.adit-draggable-snapshot-container:not(.selected):hover .docx-url-preview-container:not(.viewType-inline) .url-web-sdk-wrapper,.docx-url_preview-block:not(.selected).hovered .docx-url-preview-container:not(.viewType-inline) .url-web-sdk-wrapper,.docx-url_preview-block:not(.selected):hover .docx-url-preview-container:not(.viewType-inline) .url-web-sdk-wrapper {
    border-color: var(--primary-pri-200);
    box-shadow: 0 0 0 1px var(--primary-pri-200)
}

.adit-draggable-snapshot-container .hovered-mask,.adit-draggable-snapshot-container .selected-mask,.docx-url_preview-block .hovered-mask,.docx-url_preview-block .selected-mask {
    display: none
}

.adit-draggable-snapshot-container .docx-url-preview-container,.docx-url_preview-block .docx-url-preview-container {
    position: relative
}

.adit-draggable-snapshot-container .docx-url-preview-container-hidden,.docx-url_preview-block .docx-url-preview-container-hidden {
    display: none
}

.adit-draggable-snapshot-container .docx-url-preview-container-meego:not(.viewType-inline),.docx-url_preview-block .docx-url-preview-container-meego:not(.viewType-inline) {
    max-width: 400px
}

.adit-draggable-snapshot-container .docx-url-preview-container-message:not(.viewType-inline) .url-web-sdk-wrapper,.docx-url_preview-block .docx-url-preview-container-message:not(.viewType-inline) .url-web-sdk-wrapper {
    min-width: 214px
}

.adit-draggable-snapshot-container .docx-url-preview-container:not(.viewType-inline) .url-web-sdk-wrapper,.docx-url_preview-block .docx-url-preview-container:not(.viewType-inline) .url-web-sdk-wrapper {
    border-radius: 8px;
    border: 1px solid var(--line-border-card);
    padding: 10px;
    background-size: cover
}

.adit-draggable-snapshot-container .docx-url-preview-container:not(.viewType-inline) .url-web-sdk-wrapper.light,.docx-url_preview-block .docx-url-preview-container:not(.viewType-inline) .url-web-sdk-wrapper.light {
    background-image: url(../../module/media/bg-light.acb26cd0.acb26cd0.png)
}

.adit-draggable-snapshot-container .docx-url-preview-container:not(.viewType-inline) .url-web-sdk-wrapper.dark,.docx-url_preview-block .docx-url-preview-container:not(.viewType-inline) .url-web-sdk-wrapper.dark {
    background-image: url(../../module/media/bg-drakmode.d4cb80d7.d4cb80d7.png)
}

.adit-draggable-snapshot-container .docx-url-preview-container:not(.viewType-inline) .url-web-sdk-wrapper .lark-url-preview-element[data-element-id=root],.docx-url_preview-block .docx-url-preview-container:not(.viewType-inline) .url-web-sdk-wrapper .lark-url-preview-element[data-element-id=root] {
    border-radius: 6px!important
}

.adit-draggable-snapshot-container .card-preview-disable-illustration,.docx-url_preview-block .card-preview-disable-illustration {
    border: 1px solid var(--line-border-card);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    padding: 9px;
    background-color: var(--bg-body)
}

.adit-draggable-snapshot-container .card-preview-disable-illustration .chat-icon,.docx-url_preview-block .card-preview-disable-illustration .chat-icon {
    color: var(--primary-pri-200);
    font-size: 30px
}

.adit-draggable-snapshot-container .inline-disable-illustration,.docx-url_preview-block .inline-disable-illustration {
    font-size: 14px;
    color: var(--text-caption)
}

.adit-draggable-snapshot-container .inline-disable-illustration .chat-icon,.docx-url_preview-block .inline-disable-illustration .chat-icon {
    margin-right: 4.75px;
    color: var(--primary-pri-200)
}

.adit-primary-line-hover .block-catalog--content {
    border: 1px solid var(--text-link-hover)
}

.docx-wiki_catalog-block.hovered:not(.selected) .block-catalog--content {
    border: 1px solid var(--line-border-card);
    box-shadow: 0 0 0 2px var(--B200-FG)
}

.block-catalog {
    display: flex;
    flex-direction: column;
    max-width: 720px;
    min-width: 0;
    font-size: 16px;
    line-height: 26.8px;
    background-color: var(--bg-body)
}

.block-catalog--header {
    display: flex;
    min-height: 24px;
    margin-bottom: 10px;
    align-items: center
}

.block-catalog--space-name {
    display: flex;
    height: 20px;
    padding-right: 2px;
    align-items: center;
    border-radius: 4px;
    cursor: pointer
}

.block-catalog--space-name.hidden {
    visibility: hidden!important
}

.block-catalog--space-name:hover {
    background-color: var(--fill-hover)
}

.block-catalog--space-name-icon {
    width: 20px;
    height: 20px;
    padding: 2px;
    font-size: 16px;
    color: var(--text-caption)
}

.block-catalog--space-name-text {
    max-width: 476px;
    font-size: 12px;
    line-height: 20px;
    color: var(--text-caption);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.block-catalog--settings {
    display: flex;
    margin-left: auto
}

.block-catalog--settings-btn {
    display: flex;
    width: 24px;
    height: 24px;
    cursor: pointer
}

.block-catalog--settings-btn.template.active svg {
    color: var(--primary-content-default)
}

.block-catalog--settings .divider {
    display: flex;
    width: 1px;
    height: 20px;
    background-color: var(--line-divider-default);
    align-self: center
}

.block-catalog--content {
    width: 100%;
    padding: 4px;
    border: 1px solid var(--line-border-card);
    border-radius: 6px;
    transition: border-color .1s linear,box-shadow .1s linear
}

.block-catalog--content.selected {
    border: 1px solid var(--text-link-hover)
}

.block-catalog--content-scroll {
    overflow: auto
}

.block-catalog--content-item {
    display: flex;
    min-height: 36px;
    padding: 7px 6px;
    align-items: flex-start;
    cursor: pointer
}

.block-catalog--content-item button {
    padding: 2px 6px;
    font-size: 12px;
    border-radius: 10px;
    color: var(--text-placeholder);
    cursor: pointer
}

.block-catalog--content-item button:hover {
    color: var(--text-title);
    background-color: var(--fill-hover)
}

.block-catalog--content-item:hover {
    border-radius: 6px;
    background-color: var(--fill-hover)
}

.block-catalog--content-item-icon {
    width: 20px;
    height: 22px;
    margin-right: 6px;
    font-size: 16px!important;
    overflow: hidden;
    padding: 2px;
    display: inline-flex;
    align-items: center
}

.block-catalog--content-item-icon span {
    vertical-align: top
}

.block-catalog--content-item-icon img {
    width: 100%;
    height: 100%;
    vertical-align: top
}

.block-catalog--content-item-icon .universe-icon {
    font-size: 16px!important
}

.block-catalog--content-item-title {
    width: calc(100% - 26px);
    font-size: 14px;
    line-height: 22px;
    max-height: 42px;
    color: var(--text-title);
    word-break: break-word;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.block-catalog--content-bottom-bar {
    display: flex;
    font-size: 12px;
    line-height: 32px;
    height: 32px;
    color: var(--text-caption);
    text-align: center
}

.block-catalog--content-bottom-bar-load-more {
    display: flex;
    height: 24px;
    line-height: 24px;
    margin: auto;
    padding: 0 4px;
    font-size: 12px;
    border-radius: 6px;
    color: var(--text-caption);
    align-items: center
}

.block-catalog--content-bottom-bar-load-more-icon {
    margin-right: 2px
}

.block-catalog--content-bottom-bar-load-more:hover {
    background-color: var(--udtoken-btn-text-bg-neutral-hover)
}

.block-catalog--content-bottom-bar-load-more:active {
    background-color: var(--udtoken-btn-text-bg-neutral-pressed)
}

.block-catalog--content-tips {
    display: flex;
    width: 100%;
    height: 240px;
    justify-content: center;
    align-items: center;
    text-align: center
}

.block-catalog--content-tips .loading {
    margin: auto
}

.block-catalog--content-tips-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 6px;
    margin: 0 auto;
    border-radius: 6px;
    color: var(--primary-content-default);
    cursor: pointer
}

.block-catalog--content-tips-btn:hover {
    background-color: var(--fill-hover)
}

.block-catalog--menu {
    padding: 3px;
    font-size: 14px;
    border-radius: 6px
}

.block-catalog--menu-tips {
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 0 9px;
    color: var(--text-caption)
}

.block-catalog--menu-option {
    height: 32px;
    line-height: 22px;
    padding: 0 5px 0 9px;
    color: var(--text-title)
}

.block-catalog--menu-option .ud__menu-item-title-content {
    width: 100%
}

.catalog-placeholder-old {
    padding: 10px 0;
    background-color: var(--G100-FG)
}

.catalog-placeholder-old:hover {
    background-color: var(--G200-FG)
}

.catalog-placeholder-new {
    position: relative
}

.catalog-placeholder-new svg {
    display: block
}

.catalog-placeholder-new .history-block-name {
    position: absolute;
    left: 40px;
    top: 13px
}

.block-catalog--picker-windows .emoji-mart-emoji>span {
    padding-top: 0!important;
    font-size: 18px!important;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.block--offline-mask {
    content: " ";
    background-color: initial;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.block--offline-mask:hover .block--offline-info {
    display: block
}

.block--offline__icon {
    width: 16px;
    height: 16px;
    margin-right: 2px;
    vertical-align: middle
}

.block--offline__icon svg {
    width: 14px;
    height: 14px
}

.block--offline-info {
    font-size: 12px;
    position: absolute;
    bottom: 100%;
    display: none;
    align-items: center;
    height: 24px;
    margin-bottom: 1px;
    padding: 4px 7px;
    color: var(--text-placeholder);
    background-color: var(--bg-body);
    top: -30px
}

.block-type-WIKI_CATALOG_BLOCK .block-loading {
    min-width: 500px
}

.mobile .block-type-WIKI_CATALOG_BLOCK .block-loading {
    min-width: unset
}

body {
    font-variant-numeric: normal!important;
    -webkit-font-feature-settings: normal!important;
    font-feature-settings: normal!important
}

#ssrBox {
    z-index: 91;
    -webkit-user-select: none;
    user-select: none
}

#ssrBox .bear-web-x-container {
    min-width: 200px;
    min-height: 100vh
}

#ssrBox #fakeTitle {
    display: none
}

#ssrBox .lark .page-main {
    margin-left: 0
}

#ssrBox .lark .page-main.docx-width-mode {
    padding-left: 66px;
    padding-right: 66px
}

#ssrBox .lark .page-main.docx-width-mode.docx-lark-catalog-enable {
    padding-left: 0;
    padding-right: 0
}

#ssrBox .lark .normal-font-size .list:not(.docx-table-block *) .text-editor,#ssrBox .lark .normal-font-size .text-block:not(.docx-table-block *) .text-editor,#ssrBox .lark .normal-font-size .todo-block:not(.docx-table-block *) .text-editor {
    font-size: 16px
}

#ssrBox .lark .page-main-item {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0
}

#ssrBox .lark .list .text-editor,#ssrBox .lark .text-block .text-editor {
    font-size: 14px
}

#ssrBox.has-comment .lark .bear-web-x-container:not(.docx-lark-catalog-enable) {
    padding-right: 295px
}

#ssrBox.has-comment .lark .page-main:not(.docx-lark-catalog-enable) {
    padding-right: 32px
}

#ssrBox.has-comment .lark .page-main:not(.docx-lark-catalog-enable).docx-width-mode {
    padding-right: 51px
}

#ssrBox .catalogue-container {
    transition: none
}

#ssrBox .cover {
    position: relative;
    background: var(--bg-filler);
    height: calc(32vh - 20.48px);
    max-height: 400px;
    width: 100%
}

#ssrBox .docx-table-block {
    overflow: hidden
}

#ssrBox .ssr-placeholder-wrapper .first-line-placeholder,#ssrBox .ssr-placeholder-wrapper .page-block-ssr-title-placeholder {
    display: none
}

#ssrBox .scrollbar-container.docx-ssr-editable .bear-web-x-container .page-block .page-block-header .page-block-content.page-block-title-empty .page-block-ssr-title-placeholder,#ssrBox .scrollbar-container.docx-ssr-editable .bear-web-x-container .ssr-placeholder-wrapper.first-line-empty .first-line-placeholder {
    display: block
}

#ssrBox .scrollbar-container.docx-ssr-editable .bear-web-x-container .page-block .page-block-header__custom_icon .page-block-content.page-block-title-empty .page-block-ssr-title-placeholder {
    position: relative;
    width: unset
}

#cacheBox-v2 .ssr-placeholder-wrapper .first-line-placeholder,#cacheBox-v2 .ssr-placeholder-wrapper .page-block-ssr-title-placeholder,.page-block-header .custom-icon {
    display: none
}

.textHighlight-pink-text {
    color: var(--ccmtoken-doc-textcolor-red)
}

.textHighlight-orange-text {
    color: var(--ccmtoken-doc-textcolor-orange)
}

.textHighlight-yellow-text {
    color: var(--ccmtoken-doc-textcolor-yellow)
}

.textHighlight-green-text {
    color: var(--ccmtoken-doc-textcolor-green)
}

.textHighlight-blue-text {
    color: var(--ccmtoken-doc-textcolor-blue)
}

.textHighlight-purple-text {
    color: var(--ccmtoken-doc-textcolor-purple)
}

.textHighlight-gray-text {
    color: var(--N600)
}

.docx-code-block .textHighlight-pink-text {
    color: var(--ccmtoken-doc-textcolor-red)
}

.docx-code-block .textHighlight-orange-text {
    color: var(--ccmtoken-doc-textcolor-orange)
}

.docx-code-block .textHighlight-yellow-text {
    color: var(--ccmtoken-doc-textcolor-yellow)
}

.docx-code-block .textHighlight-green-text {
    color: var(--ccmtoken-doc-textcolor-green)
}

.docx-code-block .textHighlight-blue-text {
    color: var(--ccmtoken-doc-textcolor-blue)
}

.docx-code-block .textHighlight-purple-text {
    color: var(--ccmtoken-doc-textcolor-purple)
}

.docx-code-block .textHighlight-gray-text {
    color: var(--N600)
}

.line-through-background,.todo-line-through {
    background-image: linear-gradient(90deg,var(--icon-n2),var(--icon-n2));
    background-repeat: repeat-x;
    background-size: 100px 1.6px;
    background-position: 0 56%
}

.todo-line-through {
    -webkit-text-decoration-line: none!important;
    text-decoration-line: none!important
}

.safari .todo-line-through {
    background-size: 100px 1px;
    background-position: 0 60%
}

.todo-line-through .inline-code {
    background-position: 0 56%;
    background-position: 0 53%
}

#ssrBox .todo-block.task-done .ace-line span,.todo-line-through .inline-code {
    background-image: linear-gradient(90deg,var(--icon-n2),var(--icon-n2));
    background-repeat: repeat-x;
    background-size: 100px 1.6px
}

#ssrBox .todo-block.task-done .ace-line span {
    background-position: 0 56%;
    -webkit-text-decoration-line: none!important;
    text-decoration-line: none!important
}

.safari #ssrBox .todo-block.task-done .ace-line span {
    background-size: 100px 1px;
    background-position: 0 60%
}

#ssrBox .todo-block.task-done .ace-line span .inline-code {
    background-image: linear-gradient(90deg,var(--icon-n2),var(--icon-n2));
    background-repeat: repeat-x;
    background-size: 100px 1.6px;
    background-position: 0 56%;
    background-position: 0 53%
}

.page-block-header .custom-icon {
    display: none
}

.page-block-header__custom_icon .page-block-content {
    display: flex;
    align-items: baseline
}

.page-block-header__custom_icon .page-block-content .text-editor {
    flex: 1
}

.page-block-header__custom_icon .page-block-content .text-editor:after {
    content: attr(data-placeholder);
    height: 0;
    overflow: hidden;
    display: block
}

.page-block-header__custom_icon .page-block-content.center .text-editor,.page-block-header__custom_icon .page-block-content.right .text-editor {
    flex: unset
}

.page-block-header__custom_icon .page-block-content.center {
    justify-content: center
}

.page-block-header__custom_icon .page-block-content.right {
    justify-content: flex-end
}

.page-block-header__custom_icon .page-block-content .custom-icon {
    display: flex;
    margin-right: 6px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center
}

.custom-icon__icon-image:before {
    content: "​"
}

.short-cut-wrapper {
    font-size: 12px
}

.catalogue__item-title .auto-space {
    letter-spacing: .25em
}

.catalogue-container {
    position: -webkit-sticky;
    position: sticky;
    height: 0;
    z-index: 5;
    -webkit-user-select: none;
    user-select: none
}

.catalogue-container.floating {
    z-index: 900
}

.catalogue-container .catalogue {
    position: -webkit-sticky;
    position: sticky;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: initial;
    padding-left: 4px
}

.catalogue-container .catalogue.disable-select {
    -webkit-user-select: none;
    user-select: none
}

.catalogue-container .catalogue__pin {
    z-index: 1
}

.catalogue-container .catalogue__main {
    padding-top: 40px;
    padding-right: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.catalogue-container .catalogue.disable-collapse .catalogue__item-title {
    padding-left: 16px
}

.catalogue-container .catalogue.docx-width-mode {
    padding-top: 54px
}

.catalogue-container .catalogue.docx-width-mode .catalogue__list {
    background: var(--bg-body)
}

.catalogue-container .catalogue.docx-width-mode .catalogue__pin {
    display: inline-block;
    width: auto
}

.catalogue-container .catalogue.docx-width-mode .catalogue__pin[data-hovered=true],.catalogue-container .catalogue.docx-width-mode .catalogue__pin[data-response-hover=true]:hover {
    width: 236px
}

.catalogue-container .catalogue.docx-width-mode .catalogue__pin[data-response-hover=true] .catalogue__pin-wrapper:hover {
    background: unset;
    cursor: unset
}

.catalogue-container .catalogue.docx-width-mode .catalogue__pin[data-response-hover=true] .catalogue__pin-wrapper:hover .catalogue__pin-btn-pin {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjUgMy4zNzVjMC0uMjA3LjE2OC0uMzc1LjM3NS0uMzc1aDE0LjI1Yy4yMDcgMCAuMzc1LjE2OC4zNzUuMzc1di43NWEuMzc1LjM3NSAwIDAxLS4zNzUuMzc1SDEuODc1YS4zNzUuMzc1IDAgMDEtLjM3NS0uMzc1di0uNzV6bTAgNS4yNWMwLS4yMDcuMTY4LS4zNzUuMzc1LS4zNzVoMTQuMjVjLjIwNyAwIC4zNzUuMTY4LjM3NS4zNzV2Ljc1YS4zNzUuMzc1IDAgMDEtLjM3NS4zNzVIMS44NzVhLjM3NS4zNzUgMCAwMS0uMzc1LS4zNzV2LS43NXptLjM3NSA0Ljg3NWEuMzc1LjM3NSAwIDAwLS4zNzUuMzc1di43NWMwIC4yMDcuMTY4LjM3NS4zNzUuMzc1aDkuNzVhLjM3NS4zNzUgMCAwMC4zNzUtLjM3NXYtLjc1YS4zNzUuMzc1IDAgMDAtLjM3NS0uMzc1aC05Ljc1eiIgZmlsbD0iIzY0NkE3MyIvPjwvc3ZnPg==)
}

.catalogue-container .catalogue.docx-width-mode .catalogue__pin[data-response-hover=true] .catalogue__pin-wrapper:hover .catalogue__pin-btn-unpin {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuOTg3IDEzLjIyOEwzLjc2IDlsNC40NTctNC40NTguNjI3LS42M0EuNzUuNzUgMCAxMDcuNzggMi44NThsLS40OTguNUwyLjE3IDguNDdhLjc1Ljc1IDAgMDAwIDEuMDZsNC44NTQgNC44NTUuNzU5Ljc2YS43NS43NSAwIDAwMS4wNjItMS4wNTdsLS44NTctLjg2eiIgZmlsbD0iIzY0NkE3MyIvPjxwYXRoIGQ9Ik0xNC42NjggMTMuMjI4TDEwLjQ0IDlsNC40NTctNC40NTguNjI3LS42M2EuNzUuNzUgMCAxMC0xLjA2NC0xLjA1NmwtLjQ5OC41TDguODUgOC40N2EuNzUuNzUgMCAwMDAgMS4wNmw0Ljg1NCA0Ljg1NS43NTguNzZhLjc1Ljc1IDAgMDAxLjA2Mi0xLjA1N2wtLjg1Ni0uODZ6IiBmaWxsPSIjNjQ2QTczIi8+PC9zdmc+)
}

.catalogue-container .catalogue.docx-width-mode .catalogue__pin[data-response-hover=true] .catalogue__pin-wrapper:active {
    background: unset;
    cursor: unset
}

.catalogue-container .catalogue.docx-width-mode .catalogue__pin-wrapper {
    align-items: center
}

.catalogue-container .catalogue.docx-width-mode .catalogue__pin-wrapper[data-pin=true] .catalogue__pin-btn-unpin {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px)
}

.catalogue-container .catalogue.docx-width-mode .catalogue__pin-wrapper[data-pin=false] .catalogue__pin-btn-unpin,.catalogue-container .catalogue.docx-width-mode .catalogue__pin-wrapper[data-pin=true] .catalogue__pin-btn-pin {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.catalogue-container .catalogue.docx-width-mode .catalogue__pin-wrapper[data-pin=false] .catalogue__pin-btn-pin {
    width: 0;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px)
}

.catalogue-container .catalogue.docx-width-mode .catalogue__pin-wrapper .catalogue__pin-btn-pin,.catalogue-container .catalogue.docx-width-mode .catalogue__pin-wrapper .catalogue__pin-btn-unpin {
    display: inline-block;
    height: 18px;
    width: 18px;
    background-size: contain
}

.catalogue-container .catalogue.docx-width-mode .catalogue__pin-wrapper .catalogue__pin-btn-unpin {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuOTg3IDEzLjIyOEwzLjc2IDlsNC40NTctNC40NTguNjI3LS42M0EuNzUuNzUgMCAxMDcuNzggMi44NThsLS40OTguNUwyLjE3IDguNDdhLjc1Ljc1IDAgMDAwIDEuMDZsNC44NTQgNC44NTUuNzU5Ljc2YS43NS43NSAwIDAwMS4wNjItMS4wNTdsLS44NTctLjg2eiIgZmlsbD0iIzY0NkE3MyIvPjxwYXRoIGQ9Ik0xNC42NjggMTMuMjI4TDEwLjQ0IDlsNC40NTctNC40NTguNjI3LS42M2EuNzUuNzUgMCAxMC0xLjA2NC0xLjA1NmwtLjQ5OC41TDguODUgOC40N2EuNzUuNzUgMCAwMDAgMS4wNmw0Ljg1NCA0Ljg1NS43NTguNzZhLjc1Ljc1IDAgMDAxLjA2Mi0xLjA1N2wtLjg1Ni0uODZ6IiBmaWxsPSIjNjQ2QTczIi8+PC9zdmc+)
}

.catalogue-container .catalogue.docx-width-mode .catalogue__pin-wrapper .catalogue__pin-btn-pin {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjUgMy4zNzVjMC0uMjA3LjE2OC0uMzc1LjM3NS0uMzc1aDE0LjI1Yy4yMDcgMCAuMzc1LjE2OC4zNzUuMzc1di43NWEuMzc1LjM3NSAwIDAxLS4zNzUuMzc1SDEuODc1YS4zNzUuMzc1IDAgMDEtLjM3NS0uMzc1di0uNzV6bTAgNS4yNWMwLS4yMDcuMTY4LS4zNzUuMzc1LS4zNzVoMTQuMjVjLjIwNyAwIC4zNzUuMTY4LjM3NS4zNzV2Ljc1YS4zNzUuMzc1IDAgMDEtLjM3NS4zNzVIMS44NzVhLjM3NS4zNzUgMCAwMS0uMzc1LS4zNzV2LS43NXptLjM3NSA0Ljg3NWEuMzc1LjM3NSAwIDAwLS4zNzUuMzc1di43NWMwIC4yMDcuMTY4LjM3NS4zNzUuMzc1aDkuNzVhLjM3NS4zNzUgMCAwMC4zNzUtLjM3NXYtLjc1YS4zNzUuMzc1IDAgMDAtLjM3NS0uMzc1aC05Ljc1eiIgZmlsbD0iIzY0NkE3MyIvPjwvc3ZnPg==)
}

.catalogue-container .catalogue.docx-width-mode .catalogue__pin-wrapper:hover {
    cursor: pointer;
    background: unset
}

.catalogue-container .catalogue.docx-width-mode .catalogue__pin-wrapper:hover .catalogue__pin-btn-pin {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjUgMy4zNzVjMC0uMjA3LjE2OC0uMzc1LjM3NS0uMzc1aDE0LjI1Yy4yMDcgMCAuMzc1LjE2OC4zNzUuMzc1di43NWEuMzc1LjM3NSAwIDAxLS4zNzUuMzc1SDEuODc1YS4zNzUuMzc1IDAgMDEtLjM3NS0uMzc1di0uNzV6bTAgNS4yNWMwLS4yMDcuMTY4LS4zNzUuMzc1LS4zNzVoMTQuMjVjLjIwNyAwIC4zNzUuMTY4LjM3NS4zNzV2Ljc1YS4zNzUuMzc1IDAgMDEtLjM3NS4zNzVIMS44NzVhLjM3NS4zNzUgMCAwMS0uMzc1LS4zNzV2LS43NXptLjM3NSA0Ljg3NWEuMzc1LjM3NSAwIDAwLS4zNzUuMzc1di43NWMwIC4yMDcuMTY4LjM3NS4zNzUuMzc1aDkuNzVhLjM3NS4zNzUgMCAwMC4zNzUtLjM3NXYtLjc1YS4zNzUuMzc1IDAgMDAtLjM3NS0uMzc1aC05Ljc1eiIgZmlsbD0iIzMzNzBGRiIvPjwvc3ZnPg==)
}

.catalogue-container .catalogue.docx-width-mode .catalogue__pin-wrapper:hover .catalogue__pin-btn-unpin {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuOTg3IDEzLjIyOEwzLjc2IDlsNC40NTctNC40NTguNjI3LS42M0EuNzUuNzUgMCAxMDcuNzggMi44NTdsLS40OTguNUwyLjE3IDguNDdhLjc1Ljc1IDAgMDAwIDEuMDZsNC44NTQgNC44NTUuNzU5Ljc2YS43NS43NSAwIDAwMS4wNjItMS4wNTdsLS44NTctLjg2eiIgZmlsbD0iIzMzNzBGRiIvPjxwYXRoIGQ9Ik0xNC42NjggMTMuMjI4TDEwLjQ0IDlsNC40NTctNC40NTguNjI3LS42M2EuNzUuNzUgMCAxMC0xLjA2NC0xLjA1NmwtLjQ5OC41TDguODUgOC40N2EuNzUuNzUgMCAwMDAgMS4wNmw0Ljg1NCA0Ljg1NS43NTguNzZhLjc1Ljc1IDAgMDAxLjA2Mi0xLjA1N2wtLjg1Ni0uODZ6IiBmaWxsPSIjMzM3MEZGIi8+PC9zdmc+)
}

.catalogue-container .catalogue.docx-width-mode .catalogue__pin-wrapper .catalogue__pin-btn-pin,.catalogue-container .catalogue.docx-width-mode .catalogue__pin-wrapper .catalogue__pin-btn-unpin {
    position: absolute;
    transition: -webkit-transform .3s ease 0ms;
    transition: transform .3s ease 0ms;
    transition: transform .3s ease 0ms,-webkit-transform .3s ease 0ms
}

.catalogue-container .catalogue.docx-width-mode.hovered .catalogue__main {
    padding-right: 0
}

.catalogue-container .catalogue.hovered .catalogue__main {
    background: var(--bg-body);
    border-radius: 8px;
    padding-right: 4px
}

.catalogue-container .catalogue.hovered:not(.in-vc) .catalogue__main {
    background: rgba(var(--bg-body-raw),.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.catalogue-container .catalogue.hovered .catalogue__list {
    background: none;
    padding-right: 4px
}

.catalogue-container .catalogue__pin {
    position: absolute;
    width: 100%;
    height: 40px;
    padding-top: 10px;
    padding-bottom: 6px
}

.catalogue-container .catalogue__pin-wrapper {
    display: flex;
    justify-content: center;
    border-radius: 4px;
    margin-left: 10px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-color: var(--bg-body)
}

.catalogue-container .catalogue__pin-wrapper svg {
    display: block;
    margin: auto
}

.catalogue-container .catalogue__pin-wrapper:hover {
    background: rgba(var(--bg-tips-raw),.1)
}

.catalogue-container .catalogue__pin-wrapper:active {
    background: rgba(var(--bg-tips-raw),.2)
}

.catalogue-container .catalogue__list {
    margin-right: 11px;
    padding-right: 0;
    padding-bottom: 22px;
    background: var(--bg-body)
}

.catalogue-container .catalogue .show-full {
    display: flow-root;
    max-width: 100%
}

.catalogue-container .catalogue .show-full .heading-0,.catalogue-container .catalogue .show-full .heading-1 {
    font-weight: 500
}

.windows .catalogue-container .catalogue .show-full .heading-0,.windows .catalogue-container .catalogue .show-full .heading-1 {
    font-weight: 600
}

.windows.chrome96 .catalogue-container .catalogue .show-full .heading-0,.windows.chrome96 .catalogue-container .catalogue .show-full .heading-1 {
    font-weight: 599
}

.catalogue-container .catalogue .show-full .indent-level-1 {
    padding-left: 0
}

.catalogue-container .catalogue .show-full .indent-level-2 {
    padding-left: 14px
}

.catalogue-container .catalogue .show-full .indent-level-3 {
    padding-left: 28px
}

.catalogue-container .catalogue .show-full .indent-level-4 {
    padding-left: 42px
}

.catalogue-container .catalogue .show-full .indent-level-5 {
    padding-left: 56px
}

.catalogue-container .catalogue .show-full .indent-level-6 {
    padding-left: 70px
}

.catalogue-container .catalogue .show-full .indent-level-7 {
    padding-left: 84px
}

.catalogue-container .catalogue .show-full .indent-level-8 {
    padding-left: 98px
}

.catalogue-container .catalogue .show-full .indent-level-9 {
    padding-left: 112px
}

.catalogue-container .catalogue__list-item {
    list-style-type: none
}

.catalogue-container .catalogue__list-item.active .catalogue__item-title .text,.catalogue-container .catalogue__list-item .catalogue__item-title .text:hover {
    color: var(--primary-content-default)
}

.catalogue-container .catalogue__list-item .catalogue__item-title .text:active {
    color: var(--primary-content-pressed)
}

.catalogue-container .catalogue__list-item.translate .catalogue__item-title {
    padding: 0 4px;
    margin-left: -4px;
    border-radius: 3px
}

.catalogue-container .catalogue__list-item.translate .catalogue__item-title .text {
    padding: 0 4px;
    border-radius: 3px;
    background-color: var(--bg-filler);
    margin-left: -4px
}

.catalogue-container .catalogue__list-item.translate .catalogue__item-title:hover .text {
    background-color: var(--B100)
}

.catalogue-container .catalogue__item-title {
    color: var(--text-caption);
    font-size: 14px;
    line-height: 22px;
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.catalogue-container .catalogue__item-title.doc-title {
    font-size: 15px
}

.catalogue-container .catalogue__item-collapse {
    padding: 6px 3px;
    width: 16px
}

.catalogue-container .catalogue__item-collapse svg {
    opacity: 0;
    position: relative;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: opacity 0s ease-out .2s,-webkit-transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s,opacity 0s ease-out .2s;
    transition: transform .2s ease-out 0s,opacity 0s ease-out .2s,-webkit-transform .2s ease-out 0s
}

.catalogue-container .catalogue__item-collapse svg:hover {
    transition: -webkit-transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s,-webkit-transform .2s ease-out 0s
}

.catalogue-container .catalogue__item-collapse svg path {
    fill: var(--icon-n3)
}

.catalogue-container .catalogue__item-collapse:hover svg path {
    fill: var(--primary-content-default)
}

.catalogue-container .catalogue__item-collapse:active svg path {
    fill: var(--primary-content-pressed)
}

.catalogue-container .catalogue__item-collapse.collapsed svg {
    opacity: 1;
    transition: -webkit-transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s,-webkit-transform .2s ease-out 0s;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.catalogue-container .catalogue__list-item.collapsible:hover .catalogue__item-collapse svg {
    opacity: 1
}

.catalogue-container .catalogue .show-abstract {
    position: relative;
    top: 0;
    opacity: 1
}

.catalogue-container .catalogue .show-abstract .heading-3 {
    width: 20px
}

.catalogue-container .catalogue .show-abstract .heading-2 {
    width: 28px
}

.catalogue-container .catalogue .show-abstract .heading-0,.catalogue-container .catalogue .show-abstract .heading-1 {
    width: 36px
}

.catalogue-container .catalogue .show-abstract .heading-4,.catalogue-container .catalogue .show-abstract .heading-5,.catalogue-container .catalogue .show-abstract .heading-6,.catalogue-container .catalogue .show-abstract .heading-7,.catalogue-container .catalogue .show-abstract .heading-8,.catalogue-container .catalogue .show-abstract .heading-9 {
    width: 12px
}

.catalogue-container .catalogue .abstract-item {
    display: flex;
    align-items: center
}

.catalogue-container .catalogue .abstract-item-line {
    width: 100%;
    height: 2px;
    background-color: var(--N300);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.catalogue-container .catalogue .abstract-item.active .abstract-item-line {
    background-color: var(--colorful-blue)
}

.catalogue-container .catalogue__scroller {
    position: relative;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.catalogue-container .catalogue__scroller::-webkit-scrollbar {
    display: none
}

.catalogue-container .catalogue .fixed-size-list-placeholder {
    list-style-type: none
}

.catalogue-container .catalogue .fixed-size-list-placeholder::marker {
    content: ""
}

.catalogue-container .disable-hover .catalogue__list-item .catalogue__item-title:hover {
    color: var(--text-caption)
}

.suite-docx .wiki-flexible-line-v2 {
    right: -4px;
    margin-left: -5px;
    width: 11px
}

.suite-docx .wiki-flexible-line-v2:after {
    left: 6px
}

.cover-draggable {
    cursor: move
}

.cover-draggable-tips {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    white-space: nowrap;
    padding: 8px 12px;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    background-color: rgba(31,35,41,.6);
    color: #fff;
    font-size: 12px;
    border-radius: 4px;
    box-sizing: border-box;
    z-index: 1
}

.doc-cover-wrapper {
    position: relative;
    width: 100%;
    height: 27vh;
    height: calc(var(--vh, 1vh)*27);
    font-size: 14px;
    background: var(--bg-filler);
    overflow: hidden;
    z-index: 3
}

.doc-cover-wrapper.doc-cover-ai {
    background: var(--AI-primary-fill-transparent-01)
}

.lark .doc-cover-wrapper {
    transition: width .3s
}

.doc-cover-wrapper.doc-cover-wrapper-loading.docx-preview-cover-image .doc-cover-image-wrapper .doc-cover-image {
    display: none
}

.doc-cover-wrapper .doc-cover-error {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-user-select: none;
    user-select: none
}

.doc-cover-wrapper .doc-cover-error-desc {
    margin-top: 16px;
    color: var(--text-caption)
}

.doc-cover-wrapper .doc-cover-error-desc button {
    color: var(--text-link-hover);
    cursor: pointer
}

.doc-cover-wrapper .ssr-cover-placeholder {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.doc-cover-wrapper .ssr-cover-placeholder .ssr-cover-image-container {
    position: relative
}

.doc-cover-wrapper .ssr-cover-placeholder .ssr-cover-image-container img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.doc-cover-wrapper .doc-cover-offline {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.doc-cover-wrapper .doc-cover-offline .doc-cover-offline-content {
    text-align: center
}

.doc-cover-wrapper .doc-cover-offline-desc {
    text-align: center;
    margin-top: 4px
}

.doc-cover-wrapper .doc-cover-image-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.lark .doc-cover-wrapper .doc-cover-image-wrapper {
    transition: width .3s
}

.doc-cover-wrapper .doc-cover-image-wrapper img {
    width: 100%;
    height: 100%;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-drag: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none
}

.shortcut .doc-cover-wrapper {
    margin-bottom: 12px
}

.mobile .ssr-cover {
    position: relative;
    background: var(--bg-filler);
    overflow: hidden;
    width: 100%;
    height: calc(32vh - 20.48px)
}

.mobile .ssr-cover-image-container {
    width: 100%;
    height: 100%;
    position: relative
}

.mobile .ssr-cover-image-container .ssr-cover-hd-image {
    position: absolute;
    top: 0;
    left: 0
}

.mobile .ssr-cover-image-container img {
    width: 100%;
    height: 100%
}

@-webkit-keyframes suiteLoading {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes suiteLoading {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes suiteLoadingCircle {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@keyframes suiteLoadingCircle {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

.mobile .ssr-cover .ssr-cover-loader-container {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mobile .ssr-cover .suite-loading-docx {
    -webkit-animation: suiteLoading 1.2s linear infinite normal none running;
    animation: suiteLoading 1.2s linear infinite normal none running;
    margin: auto
}

.mobile .ssr-cover .suite-loading-docx>circle {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    -webkit-animation: suiteLoadingCircle 1.5s ease-in-out 0s infinite normal none running;
    animation: suiteLoadingCircle 1.5s ease-in-out 0s infinite normal none running;
    stroke: var(--B500-FG);
    stroke-linecap: round
}

.oops-modal .ud__modal__header {
    padding-bottom: 8px
}

.oops-modal__header {
    display: flex;
    align-items: center
}

.oops-modal__title {
    flex: 1;
    margin-left: 17px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--text-title)
}

.oops-modal__content {
    padding-left: 41px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: var(--text-title);
    white-space: pre-wrap
}

.oops-modal__content__code,.oops-modal__content__copy {
    margin-top: 8px;
    font-size: 14px;
    color: var(--text-caption);
    white-space: nowrap;
    text-overflow: ellipsis
}

.oops-modal__content__copy {
    cursor: pointer;
    color: var(--text-link-hover)
}

.oops-modal__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden
}

.oops-modal__footer-right {
    display: flex;
    justify-self: end
}

.error-boundary-tip {
    background: var(--O100-BG);
    padding: 8px 16px;
    font-size: 14px;
    line-height: 22px;
    display: flex
}

.error-boundary-tip .error-icon-btn {
    color: #f80;
    margin-right: 8px;
    line-height: 22px
}

.error-boundary-tip .error-content {
    flex: 1;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.error-boundary-tip .error-content .error-copy-btn,.error-boundary-tip .error-content .error-delete-btn,.error-boundary-tip .error-content .error-retry-btn {
    color: var(--text-link-hover);
    cursor: pointer
}

.error-boundary-tip .error-content .error-delete-btn {
    margin-left: 16px
}

.error-boundary-tip .error-content .error-copy-btn {
    margin-right: 16px
}

.mobile.ios .ios-user-select-none {
    -webkit-user-select: none!important;
    user-select: none!important
}

span.equation-leaf {
    margin: 0 .1px
}

.editor-kit-container .editor-kit-equation-block {
    position: relative;
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    padding: 0 1px
}

.editor-kit-equation-popover-wrapper {
    position: absolute;
    top: -999px;
    left: -999px;
    width: 0;
    height: 0
}

.equation-leaf>[data-rect-container=true]>[data-zero-space=true] {
    min-width: .1px
}

.equation-leaf>[data-rect-container=true]>[data-zero-space=true]::selection {
    background-color: initial
}

.equation-leaf>[data-rect-container=true] {
    display: inline-flex;
    align-items: center;
    max-width: calc(100% - 1px)
}

.equation-leaf>[data-rect-container=true]>[data-fake-text] {
    display: inline-flex;
    max-width: 100%
}

.equation-leaf.equation-display-block>[data-rect-container=true],.equation-leaf.equation-display-block>[data-rect-container=true]>[data-fake-text] {
    width: 100%
}

.editor-kit-equation-editor {
    position: relative;
    font-family: monospace;
    border: 1px solid #d0d3d6;
    box-sizing: border-box;
    border-radius: 6px;
    overflow-y: auto
}

.editor-kit-equation-editor:hover::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    -webkit-transition: background .2s cubic-bezier(.34,.69,.1,1);
    transition: background .2s cubic-bezier(.34,.69,.1,1);
    background-color: rgba(31,35,41,.3);
    border: 2px solid transparent;
    background-clip: padding-box
}

.editor-kit-equation-editor::-webkit-scrollbar {
    width: 11px;
    height: 11px;
    background-color: initial
}

.editor-kit-equation-editor::-webkit-scrollbar-thumb:hover {
    background-color: rgba(31,35,41,.6)!important
}

.editor-kit-equation-editor::-webkit-scrollbar:hover {
    width: 11px;
    height: 11px
}

.editor-kit-equation-editor::-webkit-scrollbar-button {
    display: none
}

.editor-kit-equation-editor::-webkit-scrollbar-corner,.editor-kit-equation-editor::-webkit-scrollbar-track {
    background-color: initial
}

.editor-kit-equation-editor:hover {
    border-color: #3370ff
}

.editor-kit-equation-editor .editor-kit-container {
    line-height: 22px;
    max-height: 500px;
    padding: 8px 12px;
    outline: none;
    position: relative
}

.editor-kit-equation-editor .editor-kit-container[data-placeholder]:before {
    content: attr(data-placeholder)
}

.editor-kit-equation-editor .editor-kit-container:before {
    content: attr(data-placeholder);
    pointer-events: none;
    position: absolute;
    left: 12px;
    top: 8px;
    height: 0;
    color: #bbbfc4
}

.editor-kit-equation-editor-selected {
    border-color: #3370ff
}

.editor-kit-container .editor-kit-equation-view {
    display: inline-block;
    padding: 0 2px;
    border-radius: 4px;
    min-width: 16px;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.editor-kit-container .editor-kit-equation-block .editor-kit-equation-view.placeholder {
    background-color: #eff0f1
}

.editor-kit-container .editor-kit-equation-block.editable .editor-kit-equation-view {
    cursor: pointer
}

.editor-kit-container .editor-kit-equation-block.editable .editor-kit-equation-view ::selection {
    background-color: initial
}

.editor-kit-container .editor-kit-equation-block.editable .editor-kit-equation-view:hover {
    background-color: rgba(31,35,41,.08)
}

.editor-kit-container .editor-kit-equation-block.editable .editor-kit-equation-view:hover.placeholder {
    background-color: #dee0e3
}

.editor-kit-container .editor-kit-equation-block.editable .editor-kit-equation-view:active {
    background-color: rgba(31,35,41,.12)!important
}

.editor-kit-container .editor-kit-equation-block.editable .editor-kit-equation-view:active.placeholder {
    background-color: #bbbfc4!important
}

.editor-kit-container .editor-kit-equation-block.editor-kit-equation-block-selected .editor-kit-equation-view,.editor-kit-container .editor-kit-equation-block.editor-kit-equation-block-selected .editor-kit-equation-view.placeholder {
    background-color: #e1eaff!important
}

.editor-kit-container .editor-kit-equation-view-content {
    display: inline-block;
    width: 100%;
    font-size: 15px
}

.editor-kit-container .editor-kit-equation-view-placeholder {
    display: inline-block
}

.editor-kit-container .overflow-numbering .katex-display>.katex>.katex-html>.tag {
    position: relative
}

.editor-kit-container .zone-container .docx-equation-block {
    text-indent: 0
}

.editor-kit-container .zone-container .docx-equation-block .comment-hl-hover {
    padding-bottom: 0;
    padding-top: 0;
    background-color: initial
}

.editor-kit-container .zone-container .docx-equation-block .comment-hl-hover .editor-kit-equation-block {
    background-color: var(--Y100)
}

.editor-kit-container .zone-container .docx-equation-block .editor-kit-equation-block .editor-kit-equation-view {
    color: var(--text-title)
}

.mobile .editor-kit-container .zone-container .docx-equation-block .editor-kit-equation-block .editor-kit-equation-view {
    -webkit-transform: scale(calc(var(--docx-base-font-size-without-unit)/16));
    transform: scale(calc(var(--docx-base-font-size-without-unit)/16))
}

.editor-kit-container .zone-container .docx-equation-block .editor-kit-equation-block .editor-kit-equation-view.placeholder {
    background-color: var(--N200)
}

.editor-kit-container .zone-container .docx-equation-block .editor-kit-equation-block.editable .editor-kit-equation-view:active {
    background-color: var(--fill-pressed)!important
}

.editor-kit-container .zone-container .docx-equation-block .editor-kit-equation-block.editable .editor-kit-equation-view:active.placeholder {
    background-color: var(--N400)!important
}

.editor-kit-container .zone-container .docx-equation-block .editor-kit-equation-block.editor-kit-equation-block-selected .editor-kit-equation-view,.editor-kit-container .zone-container .docx-equation-block .editor-kit-equation-block.editor-kit-equation-block-selected .editor-kit-equation-view.placeholder {
    background-color: var(--ccmtoken-doc-block-bg-selected)!important
}

.editor-kit-container .zone-container .docx-equation-block .editor-kit-equation-block:not(.mobile) .katex-display {
    pointer-events: none
}

.text-editor .editor-kit-equation-view {
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.safari .text-editor .editor-kit-equation-view {
    -webkit-user-select: auto;
    user-select: auto
}

.text-editor .editor-kit-equation-view .katex {
    font-size: 18px
}

.text-editor .editor-kit-equation-view:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px
}

.text-editor[contenteditable=false] .editor-kit-equation-view {
    -webkit-user-select: auto;
    user-select: auto
}

.text-editor .equation-block-loading {
    margin: 0 4px;
    position: relative;
    display: inline-block;
    width: 180px;
    min-height: 18px;
    line-height: 18px;
    vertical-align: text-bottom
}

.text-editor .equation-block-loading-inner {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    width: 180px;
    height: 18px;
    border-radius: 2px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: linear-gradient(90deg,var(--N200) 25%,rgba(var(--N300-BG-raw),.65) 40%,var(--N200) 70%);
    background-size: 400% 100%;
    -webkit-animation: equatio-loading 1.4s ease infinite;
    animation: equatio-loading 1.4s ease infinite
}

@-webkit-keyframes equatio-loading {
    0% {
        background-position-x: 100%
    }

    to {
        background-position-x: 0
    }
}

@keyframes equatio-loading {
    0% {
        background-position-x: 100%
    }

    to {
        background-position-x: 0
    }
}

.text-editor .equation-block-error-placeholder,.text-editor .equation-block-placeholder {
    line-height: 20px;
    padding: 3px 8px;
    font-size: 14px;
    white-space: nowrap;
    color: var(--text-caption)
}

.text-editor .equation-block-error-placeholder .equation-block-error-placeholder-text {
    margin-left: 4px;
    color: var(--text-title)
}

.table-cell-block .text-editor .equation-block-loading {
    width: 90%
}

.table-cell-block .text-editor .equation-block-loading-inner {
    width: 100%
}

.docx-popup-container .editor-kit-equation-popover-wrapper {
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%
}

.adit-draggable-snapshot-container .editor-kit-equation-view {
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.editor-kit-container .docx-equation-block .editor-kit-equation-block.editable .editor-kit-equation-view:hover {
    background-color: var(--fill-hover)
}

.editor-kit-container .docx-equation-block .editor-kit-equation-block.editable .editor-kit-equation-view:hover.placeholder {
    background-color: var(--N300)
}

.grid-column-block .docx-reminder-inline-component {
    word-break: break-word;
    white-space: normal
}

.uneditable .docx-reminder-inline-component {
    cursor: auto!important
}

.docx-reminder-inline-component {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguMDAyIDE2YTcuNSA3LjUgMCAxMTAtMTUgNy41IDcuNSAwIDExMCAxNXptMC0xLjVBNiA2IDAgMTAyIDguNWE2IDYgMCAwMDYuMDAxIDZ6TTguNzUgOGgyLjYwMWMuMjIgMCAuNC4xOC40LjR2LjdhLjQuNCAwIDAxLS40LjRINy42NWEuMzk5LjM5OSAwIDAxLS40LS40VjUuNGMwLS4yMi4xOC0uNC40LS40aC43YS40LjQgMCAwMS40LjRWOHpNMy40Ny4yOTNhLjcyOC43MjggMCAwMTAgMS4wMzZsLTIuMTQ3IDIuMTJhLjc0Ni43NDYgMCAwMS0xLjA0OCAwIC43MjguNzI4IDAgMDEwLTEuMDM1TDIuNDIuMjkzYS43NDYuNzQ2IDAgMDExLjA0OSAwem05LjA1NSAwYS43NDYuNzQ2IDAgMDExLjA0OCAwbDIuMTQ3IDIuMTIxYS43MjguNzI4IDAgMDEwIDEuMDM2Ljc0Ni43NDYgMCAwMS0xLjA0OSAwbC0yLjE0Ni0yLjEyMWEuNzI4LjcyOCAwIDAxMC0xLjAzNnoiIGZpbGw9IiMzMzcwRkYiLz48L3N2Zz4=);
    background-size: .875em;
    padding: .125em .25em .125em 1.125em;
    margin-left: .25em;
    background-position: 0;
    background-position: 0 56%;
    background-repeat: no-repeat;
    cursor: pointer!important;
    word-break: keep-all;
    white-space: nowrap;
    color: var(--function-info-content-default)
}

.docx-reminder-inline-component:before {
    content: "";
    display: inline-block
}

.docx-reminder-inline-component.orange {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguMDAyIDE2YTcuNSA3LjUgMCAxMTAtMTUgNy41IDcuNSAwIDExMCAxNXptMC0xLjVBNiA2IDAgMTAyIDguNWE2IDYgMCAwMDYuMDAxIDZ6TTguNzUgOGgyLjYwMWMuMjIgMCAuNC4xOC40LjR2LjdhLjQuNCAwIDAxLS40LjRINy42NWEuMzk5LjM5OSAwIDAxLS40LS40VjUuNGMwLS4yMi4xOC0uNC40LS40aC43YS40LjQgMCAwMS40LjRWOHpNMy40Ny4yOTNhLjcyOC43MjggMCAwMTAgMS4wMzZsLTIuMTQ3IDIuMTJhLjc0Ni43NDYgMCAwMS0xLjA0OCAwIC43MjguNzI4IDAgMDEwLTEuMDM1TDIuNDIuMjkzYS43NDYuNzQ2IDAgMDExLjA0OSAwem05LjA1NSAwYS43NDYuNzQ2IDAgMDExLjA0OCAwbDIuMTQ3IDIuMTIxYS43MjguNzI4IDAgMDEwIDEuMDM2Ljc0Ni43NDYgMCAwMS0xLjA0OSAwbC0yLjE0Ni0yLjEyMWEuNzI4LjcyOCAwIDAxMC0xLjAzNnoiIGZpbGw9IiNGODAiLz48L3N2Zz4=);
    color: var(--function-warning-content-default)
}

.docx-reminder-inline-component.red {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguMDAyIDE2YTcuNSA3LjUgMCAxMTAtMTUgNy41IDcuNSAwIDExMCAxNXptMC0xLjVBNiA2IDAgMTAyIDguNWE2IDYgMCAwMDYuMDAxIDZ6TTguNzUgOGgyLjYwMWMuMjIgMCAuNC4xOC40LjR2LjdhLjQuNCAwIDAxLS40LjRINy42NWEuMzk5LjM5OSAwIDAxLS40LS40VjUuNGMwLS4yMi4xOC0uNC40LS40aC43YS40LjQgMCAwMS40LjRWOHpNMy40Ny4yOTNhLjcyOC43MjggMCAwMTAgMS4wMzZsLTIuMTQ3IDIuMTJhLjc0Ni43NDYgMCAwMS0xLjA0OCAwIC43MjguNzI4IDAgMDEwLTEuMDM1TDIuNDIuMjkzYS43NDYuNzQ2IDAgMDExLjA0OSAwem05LjA1NSAwYS43NDYuNzQ2IDAgMDExLjA0OCAwbDIuMTQ3IDIuMTIxYS43MjguNzI4IDAgMDEwIDEuMDM2Ljc0Ni43NDYgMCAwMS0xLjA0OSAwbC0yLjE0Ni0yLjEyMWEuNzI4LjcyOCAwIDAxMC0xLjAzNnoiIGZpbGw9IiNGNTRBNDUiLz48L3N2Zz4=);
    color: var(--function-danger-content-default)
}

.docx-reminder-inline-component.should-notify {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguMDAyIDE2YTcuNSA3LjUgMCAxMTAtMTUgNy41IDcuNSAwIDExMCAxNXpNMy40NjkuMjkzYS43MjguNzI4IDAgMDEwIDEuMDM2bC0yLjE0NyAyLjEyYS43NDYuNzQ2IDAgMDEtMS4wNDggMCAuNzI4LjcyOCAwIDAxMC0xLjAzNUwyLjQyLjI5M2EuNzQ2Ljc0NiAwIDAxMS4wNDkgMHptOS4wNTUgMGEuNzQ2Ljc0NiAwIDAxMS4wNDggMGwyLjE0NyAyLjEyMWEuNzI4LjcyOCAwIDAxMCAxLjAzNi43NDYuNzQ2IDAgMDEtMS4wNDkgMGwtMi4xNDYtMi4xMjFhLjcyOC43MjggMCAwMTAtMS4wMzZ6TTguNzUgOFY1LjRhLjQuNCAwIDAwLS40LS40aC0uN2EuNC40IDAgMDAtLjQuNHYzLjdhLjM5OS4zOTkgMCAwMC40LjRoMy43MDFhLjQuNCAwIDAwLjQtLjR2LS43YS40LjQgMCAwMC0uNC0uNGgtMi42eiIgZmlsbD0iIzMzNzBGRiIvPjwvc3ZnPg==)
}

.docx-reminder-inline-component.should-notify.orange {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguMDAyIDE2YTcuNSA3LjUgMCAxMTAtMTUgNy41IDcuNSAwIDExMCAxNXpNMy40NjkuMjkzYS43MjguNzI4IDAgMDEwIDEuMDM2bC0yLjE0NyAyLjEyYS43NDYuNzQ2IDAgMDEtMS4wNDggMCAuNzI4LjcyOCAwIDAxMC0xLjAzNUwyLjQyLjI5M2EuNzQ2Ljc0NiAwIDAxMS4wNDkgMHptOS4wNTUgMGEuNzQ2Ljc0NiAwIDAxMS4wNDggMGwyLjE0NyAyLjEyMWEuNzI4LjcyOCAwIDAxMCAxLjAzNi43NDYuNzQ2IDAgMDEtMS4wNDkgMGwtMi4xNDYtMi4xMjFhLjcyOC43MjggMCAwMTAtMS4wMzZ6TTguNzUgOFY1LjRhLjQuNCAwIDAwLS40LS40aC0uN2EuNC40IDAgMDAtLjQuNHYzLjdhLjM5OS4zOTkgMCAwMC40LjRoMy43MDFhLjQuNCAwIDAwLjQtLjR2LS43YS40LjQgMCAwMC0uNC0uNGgtMi42eiIgZmlsbD0iI0Y4MCIvPjwvc3ZnPg==)
}

.docx-reminder-inline-component.should-notify.red {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguMDAyIDE2YTcuNSA3LjUgMCAxMTAtMTUgNy41IDcuNSAwIDExMCAxNXpNMy40NjkuMjkzYS43MjguNzI4IDAgMDEwIDEuMDM2bC0yLjE0NyAyLjEyYS43NDYuNzQ2IDAgMDEtMS4wNDggMCAuNzI4LjcyOCAwIDAxMC0xLjAzNUwyLjQyLjI5M2EuNzQ2Ljc0NiAwIDAxMS4wNDkgMHptOS4wNTUgMGEuNzQ2Ljc0NiAwIDAxMS4wNDggMGwyLjE0NyAyLjEyMWEuNzI4LjcyOCAwIDAxMCAxLjAzNi43NDYuNzQ2IDAgMDEtMS4wNDkgMGwtMi4xNDYtMi4xMjFhLjcyOC43MjggMCAwMTAtMS4wMzZ6TTguNzUgOFY1LjRhLjQuNCAwIDAwLS40LS40aC0uN2EuNC40IDAgMDAtLjQuNHYzLjdhLjM5OS4zOTkgMCAwMC40LjRoMy43MDFhLjQuNCAwIDAwLjQtLjR2LS43YS40LjQgMCAwMC0uNC0uNGgtMi42eiIgZmlsbD0iI0Y1NEE0NSIvPjwvc3ZnPg==)
}

.safari .docx-reminder-inline-component {
    text-indent: 0
}

.translate-block .docx-reminder-inline-component {
    cursor: auto!important
}

.docx-highlight-comment-mention {
    -webkit-animation: highlight-at-self 1.5s;
    animation: highlight-at-self 1.5s
}

@-webkit-keyframes highlight-at-self {
    0% {
        opacity: 1
    }

    25% {
        opacity: .3
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

@keyframes highlight-at-self {
    0% {
        opacity: 1
    }

    25% {
        opacity: .3
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: .3
    }

    to {
        opacity: 1
    }
}

.mobile.ios .block.docx-file-block .block-content-container[contenteditable=false],.mobile.ios .docx-chat_card-block .block-content-container[contenteditable=false],.mobile.ios .docx-divider-block .block-content-container[contenteditable=false] {
    -webkit-user-select: none!important;
    user-select: none!important
}

.block.background {
    z-index: 0
}

.block.background>.background-mask {
    z-index: -1
}

.mobile.ios .block.background>.background-mask {
    -webkit-user-select: none!important;
    user-select: none!important
}

.docx-table-block.block .block.background {
    z-index: 1
}

.docx-chat_card-block-container,.docx-file-block-container {
    border-radius: 8px
}

.docx-file-block-container.docx-view-type-Card {
    position: relative;
    max-width: 400px
}

.docx-file-block-container.docx-view-type-Card .docx-file-block-inner-container {
    border-radius: 8px
}

.docx-block-loading {
    max-width: 100%;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 1
}

.docx-block-loading.docx-block-loading-inline {
    position: relative
}

.docx-block-loading.align-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.docx-block-loading.align-left {
    left: 0
}

.docx-block-loading.align-right {
    right: 0
}

.external-placeholder-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    background-color: rgba(var(--N1000-BG-raw),.6)
}

.docx-block-loading .docx-block-mode {
    background-color: var(--bg-base);
    border-radius: 8px!important;
    border: 1px solid var(--line-border-card);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.docx-block-spin {
    position: relative;
    text-align: justify;
    width: 10em;
    height: 10em;
    -webkit-transform: scale(.225) translateZ(0) rotate(-90deg);
    transform: scale(.225) translateZ(0) rotate(-90deg);
    flex-shrink: 0
}

.docx-block-spin .circle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    z-index: -1;
    border: 1em solid var(--text-link-disabled)
}

.docx-block-spin .rectangle-1,.docx-block-spin .rectangle-2 {
    background: var(--bg-base);
    position: absolute;
    content: "";
    z-index: 10
}

.docx-block-spin .rectangle-1 {
    width: 5.8em;
    height: 10.8em;
    -webkit-transform-origin: 5.4em 5.4em;
    transform-origin: 5.4em 5.4em;
    top: -.4em;
    left: -.4em;
    -webkit-animation: load2 1.5s ease infinite;
    animation: load2 1.5s ease infinite;
    z-index: 999;
    border-radius: 10.8em 0 0 10.8em
}

.docx-block-spin .rectangle-2 {
    width: 5.8em;
    height: 10.8em;
    top: -.4em;
    left: 4.6em;
    -webkit-transform-origin: .4em 5.4em;
    transform-origin: .4em 5.4em;
    -webkit-animation: load2 1.5s ease -1.2s infinite;
    animation: load2 1.5s ease -1.2s infinite;
    border-radius: 0 10.8em 10.8em 0
}

.docx-block-spin .rectangle-1 span {
    right: -.5em
}

.docx-block-spin .rectangle-1 span,.docx-block-spin .rectangle-2 span {
    position: absolute;
    bottom: .4em;
    border: .5em solid var(--text-link-disabled);
    border-radius: 50%
}

.docx-block-spin .rectangle-2 span {
    left: -.5em
}

@-webkit-keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.docx-block-inline-loading {
    width: 438px;
    height: 16px;
    display: inline-flex;
    background-color: var(--bg-body);
    border: none
}

@-webkit-keyframes skeletonMove {
    0% {
        background-position-x: 100%
    }

    to {
        background-position-x: 0
    }
}

@keyframes skeletonMove {
    0% {
        background-position-x: 100%
    }

    to {
        background-position-x: 0
    }
}

.docx-block-inline-placeholder-expand {
    height: 20px;
    width: 100%;
    border-radius: 2px;
    background: linear-gradient(90deg,var(--bg-filler) 25%,rgba(var(--bg-base-raw),.65) 40%,var(--bg-filler) 70%);
    -webkit-animation: skeletonMove 1.4s ease infinite;
    animation: skeletonMove 1.4s ease infinite;
    background-size: 400% 100%
}

.inline-mode {
    display: flex;
    align-items: center;
    height: 26px
}

.docx-table-block .docx-block-loading .docx-block-mode {
    border-radius: 0
}

.docx-table-block .docx-block-loading .docx-block-mode.docx-block-mode-skeleton {
    padding: 20px 12px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: initial;
    border-radius: 0!important
}

.docx-table-block .docx-block-loading .docx-block-mode.docx-block-mode-skeleton .ud__skeleton__item {
    width: 100%;
    height: 20px;
    overflow: hidden;
    margin-bottom: 16px;
    border-radius: 2px
}

.docx-table-block .docx-block-loading .docx-block-mode.docx-block-mode-skeleton .ud__skeleton__item .ud__skeleton__item__animation-layer {
    height: 100%
}

.docx-table-block .docx-block-loading .docx-block-mode.docx-block-mode-skeleton .ud__skeleton__item:last-child {
    margin-bottom: 0!important
}

@font-face {
    font-family: LarkChineseQuote;
    font-weight: 300;
    src: local("PingFangSC-Light");
    unicode-range: u+2018,u+2019,u+201a,u+201c,u+201d,u+201e
}

@font-face {
    font-family: LarkChineseQuote;
    font-weight: 400;
    src: local("PingFangSC-Regular");
    unicode-range: u+2018,u+2019,u+201a,u+201c,u+201d,u+201e
}

@font-face {
    font-family: LarkChineseQuote;
    font-weight: 500;
    src: local("PingFangSC-Medium");
    unicode-range: u+2018,u+2019,u+201a,u+201c,u+201d,u+201e
}

@font-face {
    font-family: LarkChineseQuote;
    font-weight: 600;
    src: local("PingFangSC-Semibold");
    unicode-range: u+2018,u+2019,u+201a,u+201c,u+201d,u+201e
}

@font-face {
    font-family: LarkEmojiFont;
    src: local("Apple Color Emoji"),local("Noto Color Emoji");
    unicode-range: u+1f21a,u+1f250,u+1f237,u+26a0
}

@font-face {
    font-family: LarkHackSafariFont;
    src: local("Helvetica Neue");
    unicode-range: u+0000
}

body {
    margin: 0;
    background-color: var(--bg-body);
    word-wrap: break-word;
    overflow-wrap: break-word
}

.ud__lang-zh body,.ud__lang-zh button,.ud__lang-zh input,.ud__lang-zh optgroup,.ud__lang-zh select,.ud__lang-zh textarea,body,body.ud__lang-zh,button,button.ud__lang-zh,input,input.ud__lang-zh,optgroup,optgroup.ud__lang-zh,select,select.ud__lang-zh,textarea,textarea.ud__lang-zh {
    font-family: LarkHackSafariFont,LarkEmojiFont,LarkChineseQuote,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Tahoma,"PingFang SC","Microsoft Yahei",Arial,"Hiragino Sans GB",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

.ud__lang-ja body,.ud__lang-ja button,.ud__lang-ja input,.ud__lang-ja optgroup,.ud__lang-ja select,.ud__lang-ja textarea,body.ud__lang-ja,button.ud__lang-ja,input.ud__lang-ja,optgroup.ud__lang-ja,select.ud__lang-ja,textarea.ud__lang-ja {
    font-family: LarkHackSafariFont,"ヒラギノ角ゴシック","Yu Gothic UI","Microsoft Jhenghei UI","Microsoft Yahei UI","ＭＳ Ｐゴシック","PingFang SC","Hiragino Sans GB",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

button,input,optgroup,select,textarea {
    color: inherit;
    font-family: inherit
}

.ud-scrollbar {
    scrollbar-color: rgba(var(--N900-raw),30%) transparent
}

.ud-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    -webkit-transition: background .2s cubic-bezier(.34,.69,.1,1);
    transition: background .2s cubic-bezier(.34,.69,.1,1);
    background-color: rgba(var(--N900-raw),30%);
    border: 2px solid transparent;
    background-clip: padding-box
}

.ud-scrollbar::-webkit-scrollbar {
    width: 11px;
    height: 11px;
    background-color: initial
}

.ud-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--N900-raw),60%)!important
}

.ud-scrollbar::-webkit-scrollbar:hover {
    width: 11px;
    height: 11px
}

.ud-scrollbar::-webkit-scrollbar-button {
    display: none
}

.ud-scrollbar::-webkit-scrollbar-corner,.ud-scrollbar::-webkit-scrollbar-track {
    background-color: initial
}

.rc-virtual-list-scrollbar {
    width: 11px!important
}

.rc-virtual-list-scrollbar-thumb {
    width: 11px!important;
    padding: 2px;
    background: transparent!important;
    box-sizing: border-box
}

.rc-virtual-list-scrollbar-thumb:after {
    display: block;
    box-sizing: border-box;
    content: "\a0";
    border-radius: 9999px;
    height: 100%;
    width: 100%;
    background-color: rgba(var(--N900-raw),30%)!important;
    transition: background-color .2s cubic-bezier(.34,.69,.1,1)
}

.rc-virtual-list-scrollbar-thumb:hover:after {
    background-color: rgba(var(--N900-raw),60%)!important
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.ud-slide-up-appear,.ud-slide-up-enter,.ud-slide-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ud-slide-up-appear.ud-slide-up-appear-active,.ud-slide-up-enter.ud-slide-up-enter-active {
    -webkit-animation-name: udSlideUpIn;
    animation-name: udSlideUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ud-slide-up-leave.ud-slide-up-leave-active {
    -webkit-animation-name: udSlideUpOut;
    animation-name: udSlideUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ud-slide-up-appear,.ud-slide-up-enter {
    opacity: 0
}

.ud-slide-up-appear,.ud-slide-up-enter,.ud-slide-up-leave {
    -webkit-animation-timing-function: cubic-bezier(.34,.69,.1,1);
    animation-timing-function: cubic-bezier(.34,.69,.1,1)
}

.ud-slide-down-appear,.ud-slide-down-enter,.ud-slide-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ud-slide-down-appear.ud-slide-down-appear-active,.ud-slide-down-enter.ud-slide-down-enter-active {
    -webkit-animation-name: udSlideDownIn;
    animation-name: udSlideDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ud-slide-down-leave.ud-slide-down-leave-active {
    -webkit-animation-name: udSlideDownOut;
    animation-name: udSlideDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ud-slide-down-appear,.ud-slide-down-enter {
    opacity: 0
}

.ud-slide-down-appear,.ud-slide-down-enter,.ud-slide-down-leave {
    -webkit-animation-timing-function: cubic-bezier(.34,.69,.1,1);
    animation-timing-function: cubic-bezier(.34,.69,.1,1)
}

.ud-slide-left-appear,.ud-slide-left-enter,.ud-slide-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ud-slide-left-appear.ud-slide-left-appear-active,.ud-slide-left-enter.ud-slide-left-enter-active {
    -webkit-animation-name: udSlideLeftIn;
    animation-name: udSlideLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ud-slide-left-leave.ud-slide-left-leave-active {
    -webkit-animation-name: udSlideLeftOut;
    animation-name: udSlideLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ud-slide-left-appear,.ud-slide-left-enter {
    opacity: 0
}

.ud-slide-left-appear,.ud-slide-left-enter,.ud-slide-left-leave {
    -webkit-animation-timing-function: cubic-bezier(.34,.69,.1,1);
    animation-timing-function: cubic-bezier(.34,.69,.1,1)
}

.ud-slide-right-appear,.ud-slide-right-enter,.ud-slide-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ud-slide-right-appear.ud-slide-right-appear-active,.ud-slide-right-enter.ud-slide-right-enter-active {
    -webkit-animation-name: udSlideRightIn;
    animation-name: udSlideRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ud-slide-right-leave.ud-slide-right-leave-active {
    -webkit-animation-name: udSlideRightOut;
    animation-name: udSlideRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ud-slide-right-appear,.ud-slide-right-enter {
    opacity: 0
}

.ud-slide-right-appear,.ud-slide-right-enter,.ud-slide-right-leave {
    -webkit-animation-timing-function: cubic-bezier(.34,.69,.1,1);
    animation-timing-function: cubic-bezier(.34,.69,.1,1)
}

@-webkit-keyframes udSlideUpIn {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes udSlideUpIn {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes udSlideUpOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes udSlideUpOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes udSlideDownIn {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
}

@keyframes udSlideDownIn {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }
}

@-webkit-keyframes udSlideDownOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }
}

@keyframes udSlideDownOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 1
    }

    to {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        opacity: 0
    }
}

@-webkit-keyframes udSlideLeftIn {
    0% {
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

@keyframes udSlideLeftIn {
    0% {
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }
}

@-webkit-keyframes udSlideLeftOut {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
}

@keyframes udSlideLeftOut {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
}

@-webkit-keyframes udSlideRightIn {
    0% {
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
}

@keyframes udSlideRightIn {
    0% {
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }
}

@-webkit-keyframes udSlideRightOut {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0
    }
}

@keyframes udSlideRightOut {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 1
    }

    to {
        -webkit-transform: scaleX(.5);
        transform: scaleX(.5);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        opacity: 0
    }
}

.zoom-appear,.zoom-enter,.zoom-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.zoom-appear.zoom-appear-active,.zoom-enter.zoom-enter-active {
    -webkit-animation-name: udZoomIn;
    animation-name: udZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.zoom-leave.zoom-leave-active {
    -webkit-animation-name: udZoomOut;
    animation-name: udZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.zoom-appear,.zoom-enter {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.zoom-appear-prepare,.zoom-enter-prepare {
    -webkit-transform: none;
    transform: none
}

.zoom-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ud-zoom-big-appear,.ud-zoom-big-enter,.ud-zoom-big-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ud-zoom-big-appear.ud-zoom-big-appear-active,.ud-zoom-big-enter.ud-zoom-big-enter-active {
    -webkit-animation-name: udZoomBigIn;
    animation-name: udZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ud-zoom-big-leave.ud-zoom-big-leave-active {
    -webkit-animation-name: udZoomBigOut;
    animation-name: udZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ud-zoom-big-appear,.ud-zoom-big-enter {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ud-zoom-big-appear-prepare,.ud-zoom-big-enter-prepare {
    -webkit-transform: none;
    transform: none
}

.ud-zoom-big-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ud-zoom-big-fast-appear,.ud-zoom-big-fast-enter,.ud-zoom-big-fast-leave {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ud-zoom-big-fast-appear.ud-zoom-big-fast-appear-active,.ud-zoom-big-fast-enter.ud-zoom-big-fast-enter-active {
    -webkit-animation-name: udZoomBigIn;
    animation-name: udZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ud-zoom-big-fast-leave.ud-zoom-big-fast-leave-active {
    -webkit-animation-name: udZoomBigOut;
    animation-name: udZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ud-zoom-big-fast-appear,.ud-zoom-big-fast-enter {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ud-zoom-big-fast-appear-prepare,.ud-zoom-big-fast-enter-prepare {
    -webkit-transform: none;
    transform: none
}

.ud-zoom-big-fast-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ud-zoom-up-appear,.ud-zoom-up-enter,.ud-zoom-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ud-zoom-up-appear.ud-zoom-up-appear-active,.ud-zoom-up-enter.ud-zoom-up-enter-active {
    -webkit-animation-name: udZoomUpIn;
    animation-name: udZoomUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ud-zoom-up-leave.ud-zoom-up-leave-active {
    -webkit-animation-name: udZoomUpOut;
    animation-name: udZoomUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ud-zoom-up-appear,.ud-zoom-up-enter {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ud-zoom-up-appear-prepare,.ud-zoom-up-enter-prepare {
    -webkit-transform: none;
    transform: none
}

.ud-zoom-up-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ud-zoom-down-appear,.ud-zoom-down-enter,.ud-zoom-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ud-zoom-down-appear.ud-zoom-down-appear-active,.ud-zoom-down-enter.ud-zoom-down-enter-active {
    -webkit-animation-name: udZoomDownIn;
    animation-name: udZoomDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ud-zoom-down-leave.ud-zoom-down-leave-active {
    -webkit-animation-name: udZoomDownOut;
    animation-name: udZoomDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ud-zoom-down-appear,.ud-zoom-down-enter {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ud-zoom-down-appear-prepare,.ud-zoom-down-enter-prepare {
    -webkit-transform: none;
    transform: none
}

.ud-zoom-down-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ud-zoom-left-appear,.ud-zoom-left-enter,.ud-zoom-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ud-zoom-left-appear.ud-zoom-left-appear-active,.ud-zoom-left-enter.ud-zoom-left-enter-active {
    -webkit-animation-name: udZoomLeftIn;
    animation-name: udZoomLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ud-zoom-left-leave.ud-zoom-left-leave-active {
    -webkit-animation-name: udZoomLeftOut;
    animation-name: udZoomLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ud-zoom-left-appear,.ud-zoom-left-enter {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ud-zoom-left-appear-prepare,.ud-zoom-left-enter-prepare {
    -webkit-transform: none;
    transform: none
}

.ud-zoom-left-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

.ud-zoom-right-appear,.ud-zoom-right-enter,.ud-zoom-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ud-zoom-right-appear.ud-zoom-right-appear-active,.ud-zoom-right-enter.ud-zoom-right-enter-active {
    -webkit-animation-name: udZoomRightIn;
    animation-name: udZoomRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ud-zoom-right-leave.ud-zoom-right-leave-active {
    -webkit-animation-name: udZoomRightOut;
    animation-name: udZoomRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ud-zoom-right-appear,.ud-zoom-right-enter {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1);
    animation-timing-function: cubic-bezier(.08,.82,.17,1)
}

.ud-zoom-right-appear-prepare,.ud-zoom-right-enter-prepare {
    -webkit-transform: none;
    transform: none
}

.ud-zoom-right-leave {
    -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86);
    animation-timing-function: cubic-bezier(.78,.14,.15,.86)
}

@-webkit-keyframes udZoomIn {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes udZoomIn {
    0% {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes udZoomOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: 0
    }
}

@keyframes udZoomOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.2);
        transform: scale(.2);
        opacity: 0
    }
}

@-webkit-keyframes udZoomBigIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes udZoomBigIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes udZoomBigOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
}

@keyframes udZoomBigOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        opacity: 0
    }
}

@-webkit-keyframes udZoomUpIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
}

@keyframes udZoomUpIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }
}

@-webkit-keyframes udZoomUpOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0
    }
}

@keyframes udZoomUpOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0
    }

    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        opacity: 0
    }
}

@-webkit-keyframes udZoomLeftIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
}

@keyframes udZoomLeftIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
}

@-webkit-keyframes udZoomLeftOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0
    }
}

@keyframes udZoomLeftOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        opacity: 0
    }
}

@-webkit-keyframes udZoomRightIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }
}

@keyframes udZoomRightIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }
}

@-webkit-keyframes udZoomRightOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@keyframes udZoomRightOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        opacity: 0
    }
}

@-webkit-keyframes udZoomDownIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
}

@keyframes udZoomDownIn {
    0% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
}

@-webkit-keyframes udZoomDownOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }

    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
}

@keyframes udZoomDownOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }

    to {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        opacity: 0
    }
}

.ud-motion-collapse {
    overflow: hidden;
    transition: height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important
}

.ud__skeleton .ud__skeleton__item {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ud__skeleton .ud__skeleton__item-content {
    width: 100%;
    height: 14px;
    margin-bottom: 16px;
    border-radius: 6px
}

.ud__skeleton .ud__skeleton__item-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.ud__skeleton .ud__skeleton__item__animation-layer {
    width: 100%;
    height: 100%;
    background: rgba(var(--N900-raw),5%)
}

.ud__skeleton-animation .ud__skeleton__item__animation-layer {
    width: 300%;
    -webkit-animation: ud-skeleton-animation 2s linear infinite;
    animation: ud-skeleton-animation 2s linear infinite;
    background: linear-gradient(90deg,rgba(var(--N900-raw),5%),rgba(var(--N900-raw),5%) 33.33%,rgba(var(--N900-raw),8%) 50%,rgba(var(--N900-raw),5%) 66.67%,rgba(var(--N900-raw),5%))
}

@-webkit-keyframes ud-skeleton-animation {
    0% {
        -webkit-transform: translateX(-66.67%);
        transform: translateX(-66.67%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes ud-skeleton-animation {
    0% {
        -webkit-transform: translateX(-66.67%);
        transform: translateX(-66.67%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.ssr-wrapper {
    position: absolute;
    max-width: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.ssr-wrapper div.block:not(div.block div.block) {
    margin-top: 0;
    margin-bottom: 0
}

.ssr-wrapper .sheet-block-container {
    background-color: var(--bg-body)
}

.docx-block-loading-container {
    position: relative
}

.docx-block-loading-container .docx-block-loading+div {
    visibility: hidden
}

.docx-block-loading-container-block-loading {
    height: 220px
}

.docx-table-block>.docx-block-loading-container-block-loading {
    max-height: 220px;
    overflow: hidden
}

.mobile .docx-sheet-block>.docx-block-loading-container-block-loading {
    max-height: 80px;
    overflow: hidden
}

.docx-folder_manager-block>.docx-block-loading-container-block-loading {
    min-height: 220px;
    height: auto
}

.docx-retry-content {
    text-align: center
}

.docx-retry-content .retry-tips {
    line-height: 26px;
    margin-top: 4px
}

.docx-retry-content .docx-retry-placeholder-img {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    -webkit-transform: none;
    transform: none;
    max-height: 100%
}

.docx-retry-content .docx-retry-placeholder-img .break-line {
    width: 100%
}

.docx-retry-content .retry-text {
    color: var(--text-caption);
    line-height: 26px;
    font-size: 14px
}

.docx-retry-content .retry-btn {
    color: var(--text-link-hover);
    word-wrap: break-word;
    font-size: 14px
}

.docx-block-loading-retry {
    max-width: 100%;
    position: relative!important;
    height: 100%;
    width: 100%;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.docx-block-loading-retry .docx-block-mode {
    background-color: var(--bg-base);
    border-radius: 8px;
    border: 1px solid var(--line-border-card);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-flow: column wrap;
    font-size: 16px
}

.block-error_retry_load-timeout {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -1000px
}

.docx-block-loading-retryable {
    max-width: 100%;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1
}

.docx-block-loading-retryable-inline .docx-retry-content {
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap
}

.docx-block-loading-retryable-inline .docx-retry-content .docx-inline-block-warning-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.docx-block-loading-retryable-inline .docx-retry-content .retry-tips {
    margin-top: 0;
    margin-left: 24px
}

.docx-block-loading-retryable-inline .docx-retry-content .retry-tips .retry-text {
    color: var(--text-title)
}

.docx-block-loading-retryable-inline .docx-retry-content .retry-tips .retry-btn,.docx-block-loading-retryable-inline .docx-retry-content .retry-tips .retry-text {
    font-size: inherit
}

.docx-block-loading-retryable .docx-block-mode {
    background-color: var(--bg-base);
    border-radius: 8px;
    border: 1px solid var(--line-border-card);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-flow: column wrap
}

.adit-render-inactive .docx-block-spin,.offline-extension-selected-mask {
    display: none
}

.offline-extension-inline-container {
    color: var(--text-caption)
}

.offline-extension-container {
    display: block!important;
    height: 220px;
    border: 1px solid var(--line-border-card);
    border-radius: 6px;
    position: relative;
    width: 100%
}

.offline-extension-container .offline-extension-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: absolute;
    padding-left: 15px;
    height: 48px;
    line-height: 30px;
    font-weight: 500
}

.offline-extension-container .offline-extension-title .color-n-500 path {
    fill: var(--N500)
}

.offline-extension-container .offline-extension-title .color-b-500 path {
    fill: var(--colorful-blue)
}

.offline-extension-container .offline-extension-title .color-i-500 path {
    fill: var(--colorful-indigo)
}

.offline-extension-container .offline-extension-title .color-w-500 path {
    fill: var(--colorful-wathet)
}

.offline-extension-container .offline-extension-title .color-o-500 path {
    fill: var(--colorful-orange)
}

.offline-extension-container .offline-extension-title .color-g-500 path {
    fill: var(--colorful-green)
}

.offline-extension-container .offline-extension-title .color-y-500 path {
    fill: var(--colorful-yellow)
}

.offline-extension-container .offline-extension-title .color-r-500 path {
    fill: var(--colorful-red)
}

.offline-extension-container .offline-extension-title .color-t-500 path {
    fill: var(--colorful-turquoise)
}

.offline-extension-container .offline-extension-title .color-v-500 path {
    fill: var(--colorful-violet)
}

.offline-extension-container .offline-extension-title .color-b-600 path {
    fill: var(--B600)
}

.offline-extension-container .offline-extension-title .colorful-indigo path {
    color: var(--colorful-indigo)
}

.offline-extension-container .offline-extension-title .color-bitable-brand path {
    color: var(--ccmtoken-color-bitable-brand)
}

.offline-extension-container .offline-extension-title .color-template-more path {
    color: var(--icon-n2)
}

.offline-extension-container .offline-extension-title .color-indigo-500 path {
    fill: var(--I500)
}

.offline-extension-container .offline-extension-title .color-primary-content path {
    fill: var(--primary-content-default)
}

.offline-extension-container .offline-extension-title .menu_ud_icon {
    margin-right: 8px;
    font-size: 18px
}

.offline-extension-container .offline-extension-content {
    overflow: hidden;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--text-caption);
    line-height: 26px;
    font-size: 14px
}

.offline-extension-container .offline-extension-content img {
    width: 88px;
    max-width: 100%;
    height: auto
}

.offline-extension-container .offline-extension-content .offline-extension-content-tip {
    margin-top: 4px;
    line-height: 26px
}

.offline-extension-loading {
    height: 220px
}

.block.selected .offline-extension-wrapper~.selected-mask {
    display: none!important
}

.block.selected .offline-extension-wrapper .offline-extension-selected-mask {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--ccmtoken-doc-block-bg-selected);
    border-radius: 4px
}

.comment-btn-disabled svg path {
    fill: var(--fill-disabled)
}

.doc-mini-app-modal--content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px
}

.doc-mini-app-modal--content .isv-block-layout {
    text-align: center
}

.doc-mini-app-popup--content .isv-block-layout {
    border-radius: 0;
    padding: 0
}

.doc-mini-app-popup--content .isv-block-layout .isv-block-container {
    border: 0;
    border-radius: 0
}

.doc-mini-app-popup--content .isv-block-layout .isv-block-container iframe {
    border-radius: 0!important;
    color-scheme: normal
}

.doc-mini-app-popup--loading {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.doc-mini-app--container,.doc-mini-app--float-card-container {
    position: fixed;
    z-index: 102;
    top: 68px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 72px);
    pointer-events: none
}

.doc-mini-app--container.empty,.doc-mini-app--float-card-container.empty {
    display: none
}

.mobile.ios .bear-web-x-container.focus-editor-hidden-input .block.docx-isv-block .isv-block-container {
    pointer-events: none
}

.block-error-view:hover:not(.active),.block.hovered .block-error-view:not(.active) {
    border-color: var(--primary-fill-solid-03)
}

.block-error-view:hover:not(.active):after,.block.hovered .block-error-view:not(.active):after {
    border-width: 2px
}

.block-error-view {
    max-width: 100%;
    border: 1px solid var(--line-border-card);
    border-radius: 8px;
    padding: 20px 0 26px;
    background: var(--bg-base);
    overflow: hidden
}

.block-error-view.active {
    border-color: var(--text-link-hover)
}

.block-error-view-img {
    display: flex;
    justify-content: center;
    align-items: center
}

.block-error-view-img img {
    max-width: 125px;
    max-height: 100%
}

.block-error-view-text {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin: 4px auto auto;
    font-size: 16px;
    line-height: 20px;
    color: var(--text-caption);
    text-align: center
}

.block-revision {
    pointer-events: none
}

.block-revision:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    border-width: 0 0 2px;
    border-style: solid;
    border-image-slice: 1;
    border-image-source: repeating-linear-gradient(90deg,var(--revision-color),var(--revision-color) 8px,transparent 0,transparent 12px)
}

.block-revision.delete-revision {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(var(--R300-raw),.15);
    border-radius: 10px;
    z-index: 2
}

.block-revision[data-revision-highlight=true]:after {
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border: 2px dashed var(--revision-active-color);
    border-image: none;
    border-radius: 10px
}

.scrollable-slot {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.scrollable-scrollbar {
    position: -webkit-sticky;
    position: sticky;
    height: 0;
    width: 0
}

.scrollable-scrollbar .slider {
    height: 7px;
    background-color: rgba(var(--bg-tips-raw),.3);
    border: 1px solid rgba(var(--N100-BD-raw),.3);
    box-sizing: initial;
    background-clip: padding-box;
    border-radius: 4.5px;
    cursor: default
}

.scrollable-scrollbar .slider.active {
    transition: none
}

.scrollable-scrollbar .slider.active,.scrollable-scrollbar .slider:hover {
    background-color: rgba(var(--bg-tips-raw),.6);
    border: 1px solid rgba(var(--N100-BD-raw),.6)
}

.scrollable-wrapper {
    position: relative
}

.scrollable-wrapper .scrollable-container.clip-left {
    overflow: hidden
}

.scrollable-wrapper .scrollable-container:not(.clip-left).clip-right {
    -webkit-clip-path: inset(-500px 0 -500px -500px);
    clip-path: inset(-500px 0 -500px -500px)
}

.scrollable-container {
    position: relative
}

.scrollable-container .scrollable-item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    will-change: left;
    display: flex;
    max-width: 100%
}

.scrollable-container .shadow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    opacity: 0;
    transition: opacity .1s;
    z-index: 1;
    pointer-events: none
}

.scrollable-container .shadow.right-shadow {
    right: 0;
    background-image: linear-gradient(270deg,rgba(var(--N1000-BG-raw),.05),rgba(var(--bg-body-raw),0))
}

.scrollable-container .shadow.visible {
    opacity: 1
}

.scrollable-container::-webkit-scrollbar {
    display: none
}

.overlay-container {
    z-index: 600
}

.overlay-container.hidden {
    visibility: hidden
}

.overlay-container.menu-style-hidden {
    box-shadow: var(--shadow-md-down);
    border-radius: 4px;
    border: 1px solid var(--line-border-card);
    overflow: auto;
    overflow-y: overlay;
    overflow-x: hidden
}

.overlay-container.menu-style-hidden.transition-enable {
    transition: max-height .2s ease-in-out,top .2s ease-in-out,height .2s ease-in-out
}

.overlay-container.menu-style-hidden>.docx-menu-wrapper.menu-align-horizontal>.docx-menu-wrapper-animation {
    border: none;
    box-shadow: none
}

.overlay-ipad-scroll-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: overlay;
    overscroll-behavior-y: contain;
    z-index: 600
}

.overlay-ipad-scroll-container .overlay-ipad-scroll-item {
    width: 100%;
    height: 101%
}

.overlay-mask {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 78
}

.overlay-hidden {
    pointer-events: none;
    opacity: 0
}

.overlay-root {
    width: 0;
    height: 0
}

.overlay-transition {
    transition: left .04s,top .2s,right .04s,bottom .2s,max-height .2s,width .2s,height .2s;
    transition-timing-function: cubic-bezier(.34,.69,.1,1)
}

.overlay-container.slide-top {
    -webkit-animation: docx-overlay-slide-top .2s cubic-bezier(.25,.46,.45,.94) .1s both;
    animation: docx-overlay-slide-top .2s cubic-bezier(.25,.46,.45,.94) .1s both
}

.overlay-container.slide-bottom {
    -webkit-animation: docx-overlay-slide-bottom .2s cubic-bezier(.25,.46,.45,.94) .1s both;
    animation: docx-overlay-slide-bottom .2s cubic-bezier(.25,.46,.45,.94) .1s both
}

.overlay-container.slide-left {
    -webkit-animation: docx-overlay-slide-left .1s cubic-bezier(.25,.46,.45,.94) .1s both;
    animation: docx-overlay-slide-left .1s cubic-bezier(.25,.46,.45,.94) .1s both
}

.overlay-container.slide-right {
    -webkit-animation: docx-overlay-slide-right .1s cubic-bezier(.25,.46,.45,.94) .1s both;
    animation: docx-overlay-slide-right .1s cubic-bezier(.25,.46,.45,.94) .1s both
}

.overlay-container.delay-show {
    -webkit-animation: docx-overlay-delay-show .1s cubic-bezier(.25,.46,.45,.94) .1s both;
    animation: docx-overlay-delay-show .1s cubic-bezier(.25,.46,.45,.94) .1s both
}

.overflow-visible {
    overflow: visible!important
}

@-webkit-keyframes docx-overlay-delay-show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes docx-overlay-delay-show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes docx-overlay-slide-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        pointer-events: none
    }

    20% {
        opacity: 1;
        pointer-events: none
    }

    80% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
        pointer-events: none
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes docx-overlay-slide-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        pointer-events: none
    }

    20% {
        opacity: 1;
        pointer-events: none
    }

    80% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
        pointer-events: none
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes docx-overlay-slide-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        pointer-events: none
    }

    20% {
        opacity: 1;
        pointer-events: none
    }

    80% {
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
        pointer-events: none
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes docx-overlay-slide-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        pointer-events: none
    }

    20% {
        opacity: 1;
        pointer-events: none
    }

    80% {
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
        pointer-events: none
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes docx-overlay-slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
        pointer-events: none
    }

    99% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        pointer-events: none
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes docx-overlay-slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
        pointer-events: none
    }

    99% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        pointer-events: none
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes docx-overlay-slide-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
        pointer-events: none
    }

    99% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        pointer-events: none
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes docx-overlay-slide-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
        pointer-events: none
    }

    99% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        pointer-events: none
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.child_title_editor-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
}

.child_title_editor-input {
    margin-top: 8px;
    margin-bottom: 16px
}

.child_title_editor-buttons {
    justify-content: end
}

.child_title_editor-popover {
    position: fixed;
    padding: 20px 24px;
    box-sizing: border-box;
    box-shadow: 0 6px 24px var(--shadow-default-md);
    border-radius: 8px;
    border: 1px solid var(--line-border-card);
    background: var(--bg-body)
}

.selection_highlight {
    background: var(--ccmtoken-doc-highlightcolor-blue-soft);
    padding: 4px 0
}

.selection_highlight.equation-display-block,.selection_highlight.equation-display-inline {
    padding: 0
}

.selection_highlight.equation-display-inline {
    display: inline-block;
    max-width: 100%
}

.selection_highlight.equation-display-block {
    display: flex
}

.edit-link-panel {
    padding: 24px;
    box-sizing: border-box;
    box-shadow: 0 6px 24px var(--shadow-default-md);
    border-radius: 4px;
    border: 1px solid var(--line-border-card);
    font-size: 14px;
    font-weight: 400;
    background: var(--bg-body);
    display: flex
}

.edit-link-panel-btn-container,.edit-link-panel-input-container,.edit-link-panel-text-container {
    display: flex;
    flex-direction: column;
    flex: none
}

.edit-link-panel-btn-container>*,.edit-link-panel-input-container>*,.edit-link-panel-text-container>* {
    height: 32px;
    line-height: 32px;
    margin-top: 12px
}

.edit-link-panel-btn-container>:first-child,.edit-link-panel-input-container>:first-child,.edit-link-panel-text-container>:first-child {
    margin-top: 0
}

.edit-link-panel-text-container {
    margin-right: 8px
}

.edit-link-panel-text-container div {
    color: var(--text-title)
}

.edit-link-panel-input-container input {
    width: 280px;
    height: 32px;
    border: 1px solid var(--line-border-card);
    border-radius: 4px;
    color: var(--text-title);
    background-color: unset;
    padding: 6px 12px;
    line-height: 18px;
    font-size: inherit
}

.edit-link-panel-input-container input:focus,.edit-link-panel-input-container input:hover {
    border-color: var(--text-link-hover)
}

.edit-link-panel-input-container input::-webkit-input-placeholder {
    color: var(--text-placeholder)
}

.edit-link-panel-input-container input::placeholder {
    color: var(--text-placeholder)
}

.edit-link-panel-btn-container {
    margin-left: 24px;
    justify-content: flex-end
}

.edit-link-panel-btn-container button {
    min-width: 80px;
    border-radius: 4px;
    background-color: var(--primary-content-default);
    text-align: center;
    line-height: 32px;
    padding: 0 12px;
    color: var(--N00-FG)
}

.edit-link-panel-btn-container button:hover {
    background-color: var(--B400)
}

.edit-link-panel-btn-container button:active {
    background-color: var(--B600)
}

.edit-link-panel-btn-container button:disabled {
    background-color: var(--ccmtoken-doc-highlightcolor-neutral-solid)
}

.edit-link-panel .edit-link-panel-btn-container>button {
    font-size: 14px
}

@media screen and (min-width: 0px) and (max-width:540px) {
    .edit-link-panel-narrow {
        width:calc(100vw - 16px);
        padding: 16px 16px 56px;
        flex-wrap: wrap
    }

    .edit-link-panel-narrow .edit-link-panel-input-container {
        flex: 1
    }

    .edit-link-panel-narrow .edit-link-panel-input-container input {
        width: 100%
    }

    .edit-link-panel-narrow .edit-link-panel-btn-container {
        position: absolute;
        right: 16px;
        bottom: 12px
    }
}

.menu-trigger-shadow .hover-drag-icon-wrapper {
    box-shadow: var(--shadow-s2-down)
}

.menu-trigger {
    max-width: 59px;
    cursor: grab;
    opacity: 1
}

.menu-trigger.fade-in {
    -webkit-animation: fade-in .25s ease-in-out;
    animation: fade-in .25s ease-in-out
}

.menu-trigger.fade-in-flush {
    -webkit-animation: fade-in-flush .25s ease-in-out;
    animation: fade-in-flush .25s ease-in-out
}

.menu-trigger:hover .hover-drag-icon-wrapper {
    background: var(--N200)
}

.menu-trigger svg {
    color: var(--text-title)
}

.menu-trigger.code {
    margin-right: -4px
}

.menu-trigger .hover-drag-icon-wrapper {
    border: 1px solid var(--line-border-card);
    padding: 1px;
    background: var(--bg-float);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px
}

.menu-trigger .hover-drag-icon-wrapper .hover-block-type-icon-container {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.menu-trigger .hover-drag-icon-wrapper .menu_ud_icon.universe-icon {
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center
}

.menu-trigger .hover-drag-icon-wrapper .color-n-500 path {
    fill: var(--N500)
}

.menu-trigger .hover-drag-icon-wrapper .color-b-500 path {
    fill: var(--colorful-blue)
}

.menu-trigger .hover-drag-icon-wrapper .color-i-500 path {
    fill: var(--colorful-indigo)
}

.menu-trigger .hover-drag-icon-wrapper .color-w-500 path {
    fill: var(--colorful-wathet)
}

.menu-trigger .hover-drag-icon-wrapper .color-o-500 path {
    fill: var(--colorful-orange)
}

.menu-trigger .hover-drag-icon-wrapper .color-g-500 path {
    fill: var(--colorful-green)
}

.menu-trigger .hover-drag-icon-wrapper .color-y-500 path {
    fill: var(--colorful-yellow)
}

.menu-trigger .hover-drag-icon-wrapper .color-r-500 path {
    fill: var(--colorful-red)
}

.menu-trigger .hover-drag-icon-wrapper .color-t-500 path {
    fill: var(--colorful-turquoise)
}

.menu-trigger .hover-drag-icon-wrapper .color-v-500 path {
    fill: var(--colorful-violet)
}

.menu-trigger .hover-drag-icon-wrapper .color-b-600 path {
    fill: var(--B600)
}

.menu-trigger .hover-drag-icon-wrapper .colorful-indigo path {
    color: var(--colorful-indigo)
}

.menu-trigger .hover-drag-icon-wrapper .color-bitable-brand path {
    color: var(--ccmtoken-color-bitable-brand)
}

.menu-trigger .hover-drag-icon-wrapper .color-template-more path {
    color: var(--icon-n2)
}

.menu-trigger .hover-drag-icon-wrapper .color-indigo-500 path {
    fill: var(--I500)
}

.menu-trigger .hover-drag-icon-wrapper .color-primary-content path {
    fill: var(--primary-content-default)
}

.menu-trigger .hover-drag-icon-wrapper .drag-handle {
    font-size: 14px
}

.menu-trigger .hover-drag-icon-wrapper .drag-handle svg {
    color: var(--icon-n3)
}

.menu-trigger .hover-drag-icon-wrapper .menu_ud_icon.universe-icon.diagram-url {
    font-size: 16px
}

.menu-trigger.in-table-cell {
    padding-right: 3px;
    background-color: initial
}

.menu-trigger.bitable {
    position: relative;
    top: 14px
}

@media screen and (max-width: 540px) {
    .menu-trigger.has-drag-icon .hover-block-type-icon-container,.table-menu-trigger.has-drag-icon .hover-block-type-icon-container {
        display:none
    }

    .table-menu-trigger {
        width: 20px!important;
        left: -20px!important
    }

    .table-menu-trigger .hover-drag-icon-wrapper {
        width: 18px
    }
}

.narrow-margin.menu-trigger.has-drag-icon .hover-block-type-icon-container,.narrow-margin.table-menu-trigger.has-drag-icon .hover-block-type-icon-container {
    display: none
}

.narrow-margin.menu-trigger .hover-block-type-icon-container,.narrow-margin.table-menu-trigger .hover-block-type-icon-container {
    width: 14px
}

.narrow-margin.menu-trigger .doc-info-icon-content,.narrow-margin.table-menu-trigger .doc-info-icon-content {
    width: 16px
}

.narrow-margin.menu-trigger .doc-info-icon-content svg,.narrow-margin.table-menu-trigger .doc-info-icon-content svg {
    width: 14px;
    height: 14px
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fade-in-flush {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in-flush {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.block-toolbar-container+.image-block .img {
    padding: 0;
    border: 2px solid rgba(84,94,243,.5)
}

.link[data-link-node] {
    color: var(--text-link-hover)!important
}

.link[data-link-node] span {
    overflow-wrap: break-word;
    white-space: pre-wrap;
    word-break: break-word
}

.link-loading .circular {
    -webkit-animation: smartlink-loading-rotate 1.2s linear infinite;
    animation: smartlink-loading-rotate 1.2s linear infinite;
    width: 13px;
    height: 13px;
    margin-left: 8px;
    vertical-align: middle
}

.link-loading .path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    -webkit-animation: smartlink-loading-dash 1.5s ease-in-out infinite;
    animation: smartlink-loading-dash 1.5s ease-in-out infinite;
    stroke: #3370ff;
    stroke-linecap: round
}

.link-text-color:not(.link-plain-text) {
    -webkit-text-decoration-color: var(--text-link-hover)!important;
    text-decoration-color: var(--text-link-hover)!important
}

.link-text-color {
    -webkit-text-decoration-color: var(--text-link-hover);
    text-decoration-color: var(--text-link-hover)
}

.link-text-color.link-plain-text {
    -webkit-text-decoration-color: var(--text-title);
    text-decoration-color: var(--text-title);
    text-decoration: underline
}

.editor-kit-container.editor-kit-mobile .text-editor .link:focus,.editor-kit-container.editor-kit-mobile .text-editor .link:hover,.editor-kit-container.editor-kit-mobile .text-editor span.outer-u-container:not(.link-underline):hover {
    text-decoration: initial
}

.mobile span.outer-u-container:hover {
    text-decoration: none
}

.editor-kit-container:not(.editor-kit-mobile) .text-editor span.outer-u-container:hover {
    text-decoration: underline;
    text-underline-offset: .2em;
    -webkit-text-decoration-color: var(--text-link-hover)!important;
    text-decoration-color: var(--text-link-hover)!important;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.block.focused .link-underline,.text-editor-focused .link-underline {
    text-decoration: underline!important;
    text-underline-offset: .2em;
    -webkit-text-decoration-color: var(--text-link-hover)!important;
    text-decoration-color: var(--text-link-hover)!important;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.lark .editor-kit-container .text-editor span.outer-u-container:hover {
    text-underline-offset: .15em
}

@-webkit-keyframes smartlink-loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes smartlink-loading-rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes smartlink-loading-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@keyframes smartlink-loading-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

.docx-button-component__wrapper {
    display: inline-block;
    margin: 0 4px;
    padding-top: 0!important;
    padding-bottom: 0!important;
    text-indent: 0;
    -webkit-user-select: none;
    user-select: none
}

.docx-button-component__wrapper--selected {
    background-color: var(--ccmtoken-doc-block-bg-selected)!important
}

.heading-block .heading-h1 .docx-button-component__wrapper {
    line-height: 36px
}

.heading-block .heading-h2 .docx-button-component__wrapper {
    line-height: 30px
}

.heading-block .heading-h3 .docx-button-component__wrapper {
    line-height: 28px
}

.heading-block .heading-h4 .docx-button-component__wrapper {
    line-height: 25px
}

.heading-block .heading-h5 .docx-button-component__wrapper,.heading-block .heading-h6 .docx-button-component__wrapper,.heading-block .heading-h7 .docx-button-component__wrapper,.heading-block .heading-h8 .docx-button-component__wrapper,.heading-block .heading-h9 .docx-button-component__wrapper {
    line-height: 22px
}

.todo-block.task-done .text-editor .docx-button-component__wrapper .ace-line>* {
    opacity: .7!important
}

.todo-block.task-done .text-editor .docx-button-component__wrapper>.ace-line:first-child:before {
    opacity: 1!important
}

.docx-button-component {
    display: inline-block;
    text-align: left;
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    box-sizing: border-box;
    vertical-align: top;
    padding-top: 0!important;
    padding-bottom: 0!important;
    font-size: 14px;
    line-height: 26px;
    padding: 0 8px;
    border-radius: 6px;
    box-shadow: var(--shadow-s1-down);
    position: relative;
    cursor: pointer
}

.mobile .docx-button-component {
    font-size: calc(var(--docx-base-font-size)*14/16);
    line-height: calc(var(--docx-base-font-size)*26/16);
    padding: 0 calc(var(--docx-base-font-size)*8/16);
    margin: 0 calc(var(--docx-base-font-size)*4/16)
}

.docx-button-component.editing,.docx-button-component:active,.docx-button-component:hover {
    box-shadow: var(--shadow-s4-down)
}

.docx-button-component.disabled {
    color: var(--text-disabled)!important;
    box-shadow: var(--shadow-s1-down)
}

.text-comment.comment-hl .docx-button-component:after,.text-comment.local-comment .docx-button-component:after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 2px solid var(--colorful-yellow)!important
}

.docx-table_cell-block .docx-button-component {
    line-height: 23px
}

.heading-block .heading-h1 .docx-button-component {
    font-size: 20px;
    line-height: 36px;
    font-weight: 500
}

.heading-block .heading-h2 .docx-button-component {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500
}

.heading-block .heading-h3 .docx-button-component {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500
}

.heading-block .heading-h4 .docx-button-component {
    font-size: 14px;
    line-height: 25px;
    font-weight: 500
}

.heading-block .heading-h5 .docx-button-component,.heading-block .heading-h6 .docx-button-component,.heading-block .heading-h7 .docx-button-component,.heading-block .heading-h8 .docx-button-component,.heading-block .heading-h9 .docx-button-component {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500
}

.docx-button-component.light-neutral {
    color: var(--N1000);
    background: var(--N200)
}

.docx-button-component.light-neutral.hoverable:not(.disabled):hover {
    background: var(--N300)
}

.docx-button-component.light-neutral:not(.disabled):active {
    background: var(--N400)
}

.docx-button-component.light-red {
    color: var(--colorful-red);
    background: var(--R100)
}

.docx-button-component.light-red.hoverable:not(.disabled):hover {
    background: var(--R200)
}

.docx-button-component.light-red:not(.disabled):active {
    background: var(--R300)
}

.docx-button-component.light-origin {
    color: var(--colorful-orange);
    background: var(--O100)
}

.docx-button-component.light-origin.hoverable:not(.disabled):hover {
    color: var(--O400);
    background: var(--O200)
}

.docx-button-component.light-origin:not(.disabled):active {
    background: var(--O300);
    color: var(--O400)
}

.docx-button-component.light-green {
    color: var(--colorful-green);
    background: var(--G100)
}

.docx-button-component.light-green.hoverable:not(.disabled):hover {
    background: var(--G200)
}

.docx-button-component.light-green:not(.disabled):active {
    background: var(--G300)
}

.docx-button-component.light-wathet {
    color: var(--colorful-wathet);
    background: var(--W100)
}

.docx-button-component.light-wathet.hoverable:not(.disabled):hover {
    background: var(--W200);
    color: var(--W400)
}

.docx-button-component.light-wathet:not(.disabled):active {
    background: var(--W300)
}

.docx-button-component.light-blue {
    color: var(--primary-content-default);
    background: var(--B100)
}

.docx-button-component.light-blue.hoverable:not(.disabled):hover {
    background: var(--B200)
}

.docx-button-component.light-blue:not(.disabled):active {
    background: var(--B300)
}

.docx-button-component.light-purple {
    color: var(--colorful-purple);
    background: var(--P100)
}

.docx-button-component.light-purple.hoverable:not(.disabled):hover {
    background: var(--P200)
}

.docx-button-component.light-purple:not(.disabled):active {
    background: var(--P300)
}

.docx-button-component.light-carmine {
    color: var(--colorful-carmine);
    background: var(--C100)
}

.docx-button-component.light-carmine.hoverable:not(.disabled):hover {
    background: var(--C200)
}

.docx-button-component.light-carmine:not(.disabled):active {
    background: var(--C300)
}

.docx-button-component.deep-neutral {
    color: var(--N00);
    background: var(--N800)
}

.docx-button-component.deep-neutral.disabled {
    background: var(--N200)
}

.docx-button-component.deep-neutral.hoverable:not(.disabled):hover {
    background: var(--N650)
}

.docx-button-component.deep-neutral:not(.disabled):active {
    background: var(--N950)
}

.docx-button-component.deep-red {
    color: var(--static-white);
    background: var(--colorful-red)
}

.docx-button-component.deep-red.disabled {
    background: var(--R100)
}

.docx-button-component.deep-red.hoverable:not(.disabled):hover {
    background: var(--R350)
}

.docx-button-component.deep-red:not(.disabled):active {
    background: var(--R500)
}

.docx-button-component.deep-origin {
    color: var(--static-white);
    background: var(--colorful-orange)
}

.docx-button-component.deep-origin.disabled {
    background: var(--O100)
}

.docx-button-component.deep-origin.hoverable:not(.disabled):hover {
    background: var(--O300)
}

.docx-button-component.deep-origin:not(.disabled):active {
    background: var(--O400)
}

.docx-button-component.deep-green {
    color: var(--static-white);
    background: var(--colorful-green)
}

.docx-button-component.deep-green.disabled {
    background: var(--G100)
}

.docx-button-component.deep-green.hoverable:not(.disabled):hover {
    background: var(--G350)
}

.docx-button-component.deep-green:not(.disabled):active {
    background: var(--G400)
}

.docx-button-component.deep-wathet {
    color: var(--static-white);
    background: var(--colorful-wathet)
}

.docx-button-component.deep-wathet.disabled {
    background: var(--W100)
}

.docx-button-component.deep-wathet.hoverable:not(.disabled):hover {
    background: var(--W300)
}

.docx-button-component.deep-wathet:not(.disabled):active {
    background: var(--W400)
}

.docx-button-component.deep-blue {
    color: var(--static-white);
    background: var(--colorful-blue)
}

.docx-button-component.deep-blue.disabled {
    background: var(--B100)
}

.docx-button-component.deep-blue.hoverable:not(.disabled):hover {
    background: var(--B400)
}

.docx-button-component.deep-blue:not(.disabled):active {
    background: var(--B500)
}

.docx-button-component.deep-purple {
    color: var(--static-white);
    background: var(--colorful-purple)
}

.docx-button-component.deep-purple.disabled {
    background: var(--P100)
}

.docx-button-component.deep-purple.hoverable:not(.disabled):hover {
    background: var(--P350)
}

.docx-button-component.deep-purple:not(.disabled):active {
    background: var(--P400)
}

.docx-button-component.deep-carmine {
    color: var(--static-white);
    background: var(--colorful-carmine)
}

.docx-button-component.deep-carmine.disabled {
    background: var(--C100)
}

.docx-button-component.deep-carmine.hoverable:not(.disabled):hover {
    background: var(--C350)
}

.docx-button-component.deep-carmine:not(.disabled):active {
    background: var(--C500)
}

.todo-line-through .docx-button-component {
    background-image: linear-gradient(90deg,var(--icon-n2),var(--icon-n2));
    background-repeat: repeat-x;
    background-size: 100px 1.6px;
    background-position: 0 55%;
    text-decoration: none
}

.safari .todo-line-through .docx-button-component {
    background-size: 100px 1px;
    background-position: 0 57%
}

.embed-inline-link {
    padding: 3px 2px;
    border-radius: 4px;
    color: var(--text-link-normal)
}

.embed-inline-link--deleted {
    color: var(--text-disabled)
}

.embed-inline-link--disable {
    color: var(--N600)
}

.embed-inline-link--disable .old-doc-icon svg path {
    fill: var(--N600)!important
}

.embed-inline-link--offline>a,.embed-inline-link--offline>span {
    color: var(--text-disabled)
}

.embed-inline-link--offline.embed-inline-link--hoverable:hover {
    cursor: not-allowed
}

.embed-inline-link--no-permission {
    color: var(--text-disabled)
}

.embed-inline-link--no-permission:hover {
    cursor: pointer
}

.embed-inline-link--no-permission .old-doc-icon svg path {
    fill: var(--icon-disabled)
}

.embed-inline-link .text {
    font-weight: 500;
    margin-left: 2px
}

.embed-inline-link--highlight {
    background-color: var(--P50-BG)
}

.embed-inline-link--highlight .text {
    border-color: transparent
}

.embed-inline-link--highlight:hover {
    background-color: var(--P50-BG)
}

.embed-inline-link--hoverable:hover {
    background-color: rgba(var(--primary-content-default-raw),.1);
    cursor: pointer
}

.embed-inline-link--hoverable:hover:after {
    background: rgba(var(--ccmtoken-mindnote-highlightcolor-neutral-raw),0)
}

.embed-inline-link--hoverable:hover .text {
    border-color: transparent
}

.embed-inline-link--hoverable:hover.embed-inline-link--disable {
    background-color: rgba(var(--N600-raw),.1)!important
}

.embed-inline-link--hoverable:active {
    background-color: rgba(var(--primary-content-default-raw),.2)
}

.embed-inline-link .icon-page-inline {
    font-size: inherit
}

.embed-inline-link svg {
    width: 1em;
    height: 1em;
    vertical-align: middle
}

.embed-inline-link .universe-icon svg {
    width: unset;
    height: unset;
    vertical-align: -.14em
}

.table-block .embed-inline-link {
    padding: 0 2px
}

.heading-block .heading-h1 .embed-inline-link {
    padding: 2px
}

.heading-block .embed-inline-link {
    padding: 1px 2px
}

.heading-block .text .embed-inline-link.failed .fail-hint {
    line-height: 1.4
}

.embed-inline-link.failed .text {
    color: var(--text-caption);
    display: inline-flex;
    align-items: center
}

.embed-inline-link.failed .text .fail-hint {
    background: rgba(var(--bg-tips-raw),.1);
    margin-left: 4px;
    padding: 0 4px;
    font-size: 75%;
    font-weight: 500;
    border-radius: 2px;
    line-height: 1.625
}

.embed-inline-link.plain-text.underline {
    text-decoration: underline
}

.ud__loading {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    color: var(--primary-content-default)
}

.ud__loading__spin-rotate {
    -webkit-animation: rotate 4s linear infinite;
    animation: rotate 4s linear infinite
}

.ud__loading__lottie {
    box-sizing: border-box;
    line-height: 0
}

.ud__loading__lottie svg * {
    stroke: currentColor
}

.ud__loading__spinner {
    box-sizing: border-box;
    display: flex;
    color: var(--primary-content-default);
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite
}

.ud__loading__tip {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 22px;
    color: var(--text-caption)
}

.ud__loading-size-sm .ud__loading__spinner {
    font-size: 14px
}

.ud__loading-size-sm .ud__loading__lottie {
    width: 14px;
    font-size: 14px
}

.ud__loading-size-md .ud__loading__spinner {
    font-size: 24px
}

.ud__loading-size-md .ud__loading__lottie {
    width: 24px;
    font-size: 24px
}

.ud__loading-size-lg .ud__loading__spinner {
    font-size: 40px
}

.ud__loading-size-lg .ud__loading__lottie {
    width: 40px;
    font-size: 40px
}

.ud__loading-direction-vertical.ud__loading-size-md .ud__loading__tip {
    margin-top: 4px
}

.ud__loading-direction-vertical.ud__loading-size-lg .ud__loading__tip {
    margin-top: 12px
}

.ud__loading-direction-horizontal {
    flex-direction: row
}

.ud__loading-direction-horizontal .ud__loading__tip {
    margin-top: 0;
    margin-left: 8px
}

.ud__loading-nested-loading {
    box-sizing: border-box;
    position: relative
}

.ud__loading-nested-loading>.ud__loading {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.ud__loading__container {
    box-sizing: border-box;
    position: relative;
    transition: background-color .3s
}

.ud__loading__container-blur {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none
}

.ud__loading__container-blur:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--fill-loading-mask)
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.ud__svg-spin-loading {
    box-sizing: border-box;
    -webkit-animation: SpinSVGRotate 1.2s linear infinite;
    animation: SpinSVGRotate 1.2s linear infinite;
    display: flex;
    width: 1em;
    height: 1em
}

.ud__svg-spin-loading>svg {
    box-sizing: border-box
}

.ud__svg-spin-loading circle {
    stroke-dasharray: 1,220;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    -webkit-animation: SpinSVGDash 2.5s ease-in-out infinite;
    animation: SpinSVGDash 2.5s ease-in-out infinite
}

@-webkit-keyframes SpinSVGRotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes SpinSVGRotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes SpinSVGDash {
    0% {
        stroke-dasharray: 1,220;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 150,220;
        stroke-dashoffset: -68px
    }

    to {
        stroke-dasharray: 150,220;
        stroke-dashoffset: -218px
    }
}

@keyframes SpinSVGDash {
    0% {
        stroke-dasharray: 1,220;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 150,220;
        stroke-dashoffset: -68px
    }

    to {
        stroke-dasharray: 150,220;
        stroke-dashoffset: -218px
    }
}

.preview-board {
    display: block;
    position: relative;
    width: 100%
}

.preview-board>div:last-child {
    margin-bottom: 0
}

.preview-board-cover {
    width: 100%;
    height: 76px
}

.preview-board-cover img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover
}

.preview-board-page-title {
    height: 24px;
    font-weight: 300;
    font-size: 12px;
    line-height: 24px;
    color: var(--text-placeholder);
    margin-bottom: 4px;
    cursor: default
}

.preview-board-page-list-item {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    padding: 2px 0;
    margin: 2px 0;
    border-radius: 4px
}

.preview-board-page-list-item-icon {
    width: 24px;
    height: 24px;
    margin-right: 12px
}

.preview-board-page-list-item-icon img {
    width: 100%;
    height: 100%
}

.preview-board-page-list-item-content {
    height: 24px;
    line-height: 24px;
    width: 200px;
    white-space: pre;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 500;
    font-size: 12px;
    color: var(--text-title)
}

.preview-board-page-list-item:hover {
    background-color: var(--bg-filler)
}

.preview-board-keyword-button {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.preview-board-keyword-button-ignore,.preview-board-keyword-button-link {
    width: 114px;
    height: 36px;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid var(--B50-BD);
    line-height: 34px;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

.preview-board-keyword-button-ignore {
    background: var(--bg-body);
    color: var(--text-title)
}

.preview-board-keyword-button-link {
    background: var(--I500-BG);
    color: var(--N00-FG)
}

.preview-board-user {
    width: 100%;
    display: flex;
    flex-direction: row
}

.preview-board-user-avatar {
    border-radius: 24px;
    width: 42px;
    height: 42px;
    margin: 7px 15px 9px 3px
}

.preview-board-user-info {
    padding-top: 11px;
    width: 175px;
    overflow: hidden;
    text-overflow: ellipsis
}

.preview-board-user-name {
    color: var(--text-title);
    font-size: 14px;
    font-weight: 500;
    height: 17px
}

.preview-board-editor {
    height: 320px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    margin-left: -16px;
    padding-left: 16px
}

.preview-board-editor-error,.preview-board-editor-loading {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.preview-board-editor .empty-status svg {
    width: 160px
}

.preview-board-editor .empty-status .text {
    font-size: 14px
}

.preview-board-editor-scaled {
    display: block;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 720px;
    -webkit-transform: scale(.3);
    transform: scale(.3);
    pointer-events: none
}

.preview-board-editor .preview-highlight {
    background-color: var(--P50-BG);
    border: 1px solid var(--P100-BD)
}

.preview-board-editor .page-block-header .cover {
    overflow: hidden;
    border-radius: 9px
}

.preview-board-editor .page-block-header .cover-content,.preview-board-editor .page-block-header .cover-content-container,.preview-board-editor .page-block-header .preview-board-cover,.preview-board-editor .page-block-header .ud__loading__container {
    height: 200px!important
}

.preview-board-editor .page-block-header .preview-board-cover {
    border-radius: 8px;
    overflow: hidden
}

.preview-board-editor .page-block-header .page-block-content div {
    height: 58px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre
}

.preview-board-editor .root-block .page-block-content {
    margin-top: 0
}

.preview-board.page .popover-loading {
    height: 48px
}

.preview-board.page .mention-pop__shortcut {
    padding: 20px 14px 0
}

.preview-board-wrapper {
    position: absolute;
    z-index: 100;
    padding: 20px 12px 0;
    background: var(--bg-body);
    box-sizing: border-box;
    box-shadow: 0 4px 8px 0 var(--shadow-default-md);
    border-radius: 8px;
    border: 1px solid var(--line-border-card);
    opacity: 0;
    overflow: hidden
}

.preview-board-wrapper.is-history {
    z-index: 99
}

.preview-board-wrapper.visible {
    opacity: 1
}

.preview-board-wrapper-triangle {
    position: absolute;
    display: block;
    width: 8.48528137px;
    height: 8.48528137px;
    background: transparent;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.preview-board-wrapper-triangle.top {
    border-top: 4.24264069px solid var(--N00-BD);
    border-right: 4.24264069px solid transparent;
    border-bottom: 4.24264069px solid transparent;
    border-left: 4.24264069px solid var(--N00-BD);
    box-shadow: -2px -2px 5px rgba(var(--N1000-FG-raw),.06);
    top: -4px
}

.preview-board-wrapper-triangle.bottom {
    border-top: 4.24264069px solid transparent;
    border-right: 4.24264069px solid var(--N00-BD);
    border-bottom: 4.24264069px solid var(--N00-BD);
    border-left: 4.24264069px solid transparent;
    box-shadow: 3px 3px 7px rgba(var(--N1000-FG-raw),.07);
    bottom: -4px
}

.preview-board-wrapper-resize-iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -120%;
    left: 0;
    -webkit-user-select: none;
    user-select: none;
    visibility: hidden
}

.preview-board-wrapper.page {
    padding: 0
}

.dropdown-select {
    position: relative;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.dropdown-select:before {
    content: " ";
    width: 100%;
    height: 1px;
    background-color: var(--ccmtoken-mindnote-highlightcolor-neutral);
    position: absolute;
    bottom: -4px
}

.dropdown-select svg {
    height: 12px;
    width: 12px
}

.dropdown-select.active svg {
    transform: rotate(180deg)
}

.dropdown-select.active:before,.dropdown-select:hover:before {
    background-color: var(--B500-BG)
}

.dropdown-select .selected-items-container {
    font-size: 14px;
    line-height: 14px;
    color: var(--text-title);
    cursor: pointer;
    width: 180px;
    max-width: 180px
}

.dropdown-select .selected-items-container .placeholder,.dropdown-select .selected-items-container .selected-item {
    font-size: 14px;
    line-height: 20px
}

.dropdown-select .selected-items-container .placeholder {
    color: var(--text-placeholder)
}

.dropdown-select .selected-items-container.multi .placeholder {
    line-height: 24px
}

.dropdown-select .selected-items-container.multi .multi-selected-item {
    font-size: 12px;
    display: flex;
    align-items: center;
    background-color: var(--bg-filler);
    border-radius: 3px;
    margin-bottom: 4px;
    margin-left: 0;
    margin-right: 8px;
    padding: 3px 8px;
    white-space: nowrap;
    float: left
}

.dropdown-select_menu li[class*=light__selected__] {
    color: var(--text-link-hover)
}

.dropdown-select_menu li .select-icon {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 8px;
    bottom: calc(50% - 6px)
}

.dropdown-select_menu li .universe-icon {
    display: none
}

.embed_toast {
    top: 115px
}

.embed-share-dialog .ud__modal__body {
    padding: 0;
    border-top: 1px solid var(--line-border-card);
    margin-bottom: 0
}

.embed-share__close {
    margin-top: 2px;
    width: 18px;
    height: 18px;
    cursor: pointer
}

.embed-share__close path {
    fill: var(--icon-n1)
}

.embed-share__close:hover path {
    fill: var(--primary-content-default)
}

.embed-share-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 514px
}

.embed-share-list {
    padding: 8px 16px;
    height: 460px;
    overflow: auto
}

.embed-share-list__selected {
    margin-left: 16px
}

.embed-share-item {
    margin-bottom: 4px
}

.embed-share-item,.embed-share-item__main {
    display: flex;
    min-height: 48px;
    align-items: center
}

.embed-share-item__main {
    margin-right: 4px;
    margin-left: 15px;
    overflow: hidden;
    flex: 1
}

.embed-share-item__avatar,.embed-share-item__avatar img {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    overflow: hidden
}

.embed-share-item__desc {
    margin-left: 12px;
    overflow: hidden;
    flex: 1
}

.embed-share-item__name {
    display: flex;
    align-items: center;
    line-height: 20px;
    overflow: hidden;
    font-size: 14px;
    color: var(--text-title)
}

.embed-share-item__desc {
    line-height: 17px;
    font-size: 12px;
    color: var(--text-caption)
}

.embed-share-item__perm {
    width: 110px;
    margin-left: auto
}

.embed-share-item__label {
    margin-left: 4px
}

.embed-share-confirm {
    display: flex;
    height: 54px;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    border-top: 1px solid var(--line-border-card)
}

.embed-share-confirm__selected {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--text-caption)
}

.embed-share-confirm__text {
    margin-left: 8px
}

.embed-share-nomembers {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 515px
}

.embed-share-nomembers__img {
    margin: 0 auto;
    width: 120px;
    height: 120px
}

.embed-share-nomembers__svg {
    width: 120px;
    height: 120px
}

.embed-share-nomembers__tip {
    margin-top: 5px;
    font-size: 14px;
    text-align: center;
    color: var(--text-caption)
}

.short-cut-loading {
    justify-content: center
}

.short-cut-loading,.short-cut-share-container .short-cut-no-permission {
    padding: 14px 12px;
    min-width: 320px;
    height: 48px;
    display: flex;
    align-items: center
}

.short-cut-share-container .short-cut-no-permission {
    color: var(--text-title);
    word-break: keep-all;
    font-size: 14px;
    line-height: 20px;
    justify-content: space-between
}

.short-cut-share-container .short-cut-no-permission-left {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.short-cut-share-container .short-cut-no-permission-left i {
    margin: 0 8px 0 4px
}

.short-cut-share-container .short-cut-no-permission-owner {
    color: var(--primary-content-default);
    margin: 0 .3rem;
    display: inline-block;
    vertical-align: top;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis
}

.short-cut-share-container .short-cut-no-permission-owner:not(.owner-profile-disable) {
    cursor: pointer
}

.short-cut-share-container .short-cut-request-permission-btn {
    height: 24px;
    padding: 5px 12px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    border-radius: 4px;
    margin-left: 32px;
    min-width: auto
}

.short-cut-share-container .short-cut-request-permission-btn span {
    width: auto;
    white-space: nowrap
}

.short-cut-share-container .short-cut-error {
    display: flex;
    height: 48px;
    align-items: center;
    padding: 14px 12px
}

.short-cut-share-container .short-cut-error-icon {
    margin-right: 8px
}

.short-cut-share-container .short-cut-error-msg {
    white-space: nowrap
}

.short-cut-share-container .short-cut-share-panel {
    padding: 13px 12px 0;
    background-color: var(--bg-float-overlay);
    overflow: hidden
}

.short-cut-share-container .short-cut-share-tips {
    max-width: 320px;
    display: flex;
    white-space: pre-wrap
}

.short-cut-share-container .short-cut-share-icon {
    margin: 5px 8px 0 0
}

.short-cut-share-container .short-cut-share-text {
    display: inline-block;
    min-width: 296px;
    line-height: 20px;
    font-size: 14px;
    margin: 2px 0 13px;
    color: var(--text-title);
    word-break: break-word
}

.short-cut-share-container .short-cut-share-btn {
    padding: 0 12px;
    text-align: center;
    float: right;
    margin-bottom: 13px;
    min-width: auto;
    display: flex;
    align-items: center
}

.short-cut-share-container.short-cut-share-container-only-share {
    box-shadow: 0 3px 12px 2px var(--shadow-default-sm);
    border-radius: 4px
}

.short-cut-share-container.short-cut-share-container-only-share .short-cut-share-panel {
    background-color: var(--bg-float);
    padding: 14px 12px;
    display: flex;
    align-items: center;
    height: 48px
}

.short-cut-share-container.short-cut-share-container-only-share .short-cut-share-tips {
    align-items: center
}

.short-cut-share-container.short-cut-share-container-only-share .short-cut-share-tips .short-cut-share-icon {
    margin-top: 0
}

.short-cut-share-container.short-cut-share-container-only-share .short-cut-share-tips .short-cut-share-text {
    margin: 0
}

.short-cut-share-container.short-cut-share-container-only-share .short-cut-share-btn {
    margin: 0 0 0 32px
}

.permission-embed-apply-perms-profile .cooperater-user-popover-content {
    box-shadow: 0 3px 12px 2px var(--shadow-default-sm)
}

.mention-doc {
    text-indent: 0
}

.mention-doc span.text {
    font-weight: inherit;
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-wrap
}

.mention-doc .window_logo {
    vertical-align: -.1em
}

.embed-inline-link .custom-icon {
    display: inline-flex
}

.embed-inline-link .custom-icon.gpf-biz-suite-custom-icon__icon-wrapper {
    justify-content: center;
    align-items: center;
    --wrapper-size: 1em;
    --icon-size: 1em;
    width: var(--wrapper-size);
    height: var(--wrapper-size);
    -webkit-user-select: none;
    user-select: none
}

.embed-inline-link .universe-icon.old-doc-icon {
    display: inline
}

.mention-share-container {
    background-color: var(--bg-body)
}

#ssrBox .mention-doc.mention-doc-permission-fg {
    pointer-events: none
}

.mention-doc.mention-doc-permission-fg.loading .embed-inline-link {
    cursor: default
}

.decoration-underline {
    text-decoration: underline var(--text-link-hover);
    -webkit-text-decoration: underline var(--text-link-hover)
}

.decoration-line-through {
    text-decoration: line-through var(--text-link-hover);
    -webkit-text-decoration: line-through var(--text-link-hover)
}

.decoration-line-through.decoration-underline {
    text-decoration: underline line-through var(--text-link-hover);
    -webkit-text-decoration: underline line-through var(--text-link-hover)
}

a.mention-doc.mention-doc-permission-fg:hover {
    color: var(--text-link-hover)
}

.embed-inline-link-un-select {
    -webkit-user-select: none;
    user-select: none
}

.mention-meego {
    text-indent: 0
}

.mention-meego span.text {
    font-weight: inherit;
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-wrap
}

.mention-meego .window_logo {
    vertical-align: -.1em
}

.mention-meego .mention-doc-permission-fg.embed-inline-link.loading {
    cursor: default
}

#gpf-at-user {
    display: inline-flex;
    align-items: center
}

#gpf-at-user:before {
    content: "@";
    width: 0;
    overflow: hidden
}

#gpf-at-user .gpf-at-user {
    display: inline-flex;
    align-items: flex-start;
    cursor: pointer;
    border-radius: calc(.5em + 3px)
}

#gpf-at-user .gpf-at-user div {
    display: inherit
}

#gpf-at-user .gpf-at-user.gpf-at-user-show-avatar {
    padding: 1px calc(.5em - 2px) 1px 1px
}

#gpf-at-user .gpf-at-user .gpf-at-user-at,#gpf-at-user .gpf-at-user .gpf-at-user-name {
    line-height: calc(1em + 4px);
    padding: 0;
    background-color: initial
}

#gpf-at-user .gpf-at-user .gpf-at-user-at {
    -webkit-transform: translateY(-.03333em);
    transform: translateY(-.03333em)
}

#gpf-at-user .gpf-at-user .gpf-at-user-avatar {
    flex: none;
    position: relative
}

#gpf-at-user .gpf-at-user .gpf-at-user-avatar:after {
    content: "";
    display: block;
    width: calc(1em + 4px);
    height: calc(1em + 4px);
    box-sizing: border-box!important;
    border-radius: 50%;
    border: 1px solid var(--static-white-hover);
    position: absolute;
    top: 0;
    left: 0
}

#gpf-at-user .gpf-at-user .gpf-at-user-avatar .gpf-at-user-avatar-inner {
    width: calc(1em + 4px);
    height: calc(1em + 4px)
}

#gpf-at-user .gpf-at-user.gpf-at-user-show-avatar {
    display: flex;
    align-items: center
}

#gpf-at-user .gpf-at-user.gpf-at-user-show-avatar.gpf-at-user-self {
    color: var(--primary-on-primary-fill);
    background-color: var(--udtoken-block-view-inline-bg-self)
}

#gpf-at-user .gpf-at-user.gpf-at-user-show-avatar.gpf-at-user-self:hover {
    background-color: var(--primary-fill-hover)
}

#gpf-at-user .gpf-at-user.gpf-at-user-show-avatar.gpf-at-user-self:active {
    background-color: var(--primary-fill-pressed)
}

#gpf-at-user .gpf-at-user.gpf-at-user-show-avatar.gpf-at-user-other {
    color: var(--text-title);
    background-color: var(--udtoken-block-view-inline-bg-other)
}

#gpf-at-user .gpf-at-user.gpf-at-user-show-avatar.gpf-at-user-other:hover {
    background-color: rgba(var(--primary-pri-300-raw),.45)
}

#gpf-at-user .gpf-at-user.gpf-at-user-show-avatar.gpf-at-user-other:active {
    background-color: rgba(var(--primary-pri-300-raw),.6)
}

#gpf-at-user .gpf-at-user.gpf-at-user-show-avatar.gpf-at-user-no-permission {
    color: var(--text-caption);
    background-color: var(--udtoken-block-view-inline-bg-nopermission)
}

#gpf-at-user .gpf-at-user.gpf-at-user-show-avatar.gpf-at-user-no-permission:hover {
    background-color: var(--N900-20)
}

#gpf-at-user .gpf-at-user.gpf-at-user-show-avatar.gpf-at-user-no-permission:active {
    background-color: var(--N900-30)
}

#gpf-at-user .gpf-at-user.gpf-at-user-show-avatar .gpf-at-user-name {
    margin-left: .25em
}

#gpf-at-user .gpf-at-user.gpf-at-user-no-avatar {
    display: flex;
    align-items: center
}

#gpf-at-user .gpf-at-user.gpf-at-user-no-avatar.gpf-at-user-self {
    padding: 1px .4em;
    color: var(--primary-on-primary-fill);
    background: var(--primary-fill-default)
}

#gpf-at-user .gpf-at-user.gpf-at-user-no-avatar.gpf-at-user-other {
    padding: 1px 0;
    color: var(--primary-content-default)
}

#gpf-at-user .gpf-at-user.gpf-at-user-no-avatar.gpf-at-user-other:hover {
    background-color: rgba(var(--primary-pri-500-raw),.1);
    border-radius: 4px
}

#gpf-at-user .gpf-at-user.gpf-at-user-no-avatar.gpf-at-user-no-permission {
    padding: 1px 0;
    color: var(--text-caption);
    font-weight: 500
}

#gpf-at-user .gpf-at-user.gpf-at-user-no-avatar.gpf-at-user-no-permission:hover,#gpf-at-user .gpf-at-user.gpf-at-user-no-avatar.gpf-at-user-other:hover {
    background-color: rgba(var(--primary-pri-500-raw),.1);
    border-radius: 4px
}

#gpf-at-user .gpf-at-user .gpf-at-user-external {
    height: calc(1em + 4px);
    line-height: calc(1em + 4px);
    overflow: hidden
}

.hovered #gpf-at-user .gpf-at-user.gpf-at-user-show-avatar.gpf-at-user-other,.selected #gpf-at-user .gpf-at-user.gpf-at-user-show-avatar.gpf-at-user-other {
    background-color: rgba(var(--primary-pri-300-raw),.45)
}

.gpf-avatar {
    width: 32px;
    height: 32px;
    display: inherit
}

.gpf-avatar-default {
    width: 100%;
    height: 100%
}

.ud__tooltip {
    box-sizing: border-box;
    position: absolute;
    left: -9999px;
    top: -9999px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 1070;
    max-width: 320px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.ud__tooltip-no-entry {
    pointer-events: none
}

.ud__tooltip-hidden {
    display: none
}

.ud__tooltip__arrow,.ud__tooltip__arrow__content {
    position: absolute;
    box-sizing: border-box
}

.ud__tooltip__arrow__content {
    display: block;
    content: "";
    border: 1px solid var(--line-border-card);
    background: var(--bg-float);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform-origin: center
}

.ud__tooltip__arrow-top {
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%,calc(1px - 100%));
    transform: translate(-50%,calc(1px - 100%))
}

.ud__tooltip__arrow-top>.ud__tooltip__arrow__content {
    left: 14.64466094%;
    top: 29.28932188%
}

.ud__tooltip__arrow-bottom {
    bottom: 0;
    left: 0;
    -webkit-transform: translate(-50%,calc(-1px + 100%));
    transform: translate(-50%,calc(-1px + 100%))
}

.ud__tooltip__arrow-bottom>.ud__tooltip__arrow__content {
    left: 14.64466094%;
    top: -70.71067812%
}

.ud__tooltip__arrow-left {
    top: 0;
    left: 0;
    -webkit-transform: translate(calc(1px - 100%),-50%);
    transform: translate(calc(1px - 100%),-50%)
}

.ud__tooltip__arrow-left>.ud__tooltip__arrow__content {
    left: 29.28932188%;
    top: 14.64466094%
}

.ud__tooltip__arrow-right {
    top: 0;
    right: 0;
    -webkit-transform: translate(calc(-1px + 100%),-50%);
    transform: translate(calc(-1px + 100%),-50%)
}

.ud__tooltip__arrow-right>.ud__tooltip__arrow__content {
    left: -70.71067812%;
    top: 14.64466094%
}

.ud__tooltip__arrow-top {
    -webkit-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%)
}

.ud__tooltip__arrow-bottom {
    -webkit-transform: translate(-50%,100%);
    transform: translate(-50%,100%)
}

.ud__tooltip__arrow-left {
    -webkit-transform: translate(-100%,-50%);
    transform: translate(-100%,-50%)
}

.ud__tooltip__arrow-right {
    -webkit-transform: translate(100%,-50%);
    transform: translate(100%,-50%)
}

.ud__tooltip__arrow__streamline__content {
    fill: var(--bg-tips)
}

.ud__tooltip-content {
    box-sizing: border-box;
    min-width: 30px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 20px;
    color: var(--static-white);
    text-align: left;
    text-decoration: none;
    word-wrap: break-word;
    background-color: var(--bg-tips);
    border-radius: 8px;
    box-shadow: var(--shadow-s4-down);
    position: relative
}

.ud__tooltip__invalid-children-wrapper {
    box-sizing: border-box;
    display: inline-block
}

.ud-noop-appear,.ud-noop-enter,.ud-noop-leave {
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ud-noop-appear.ud-noop-appear-active,.ud-noop-enter.ud-noop-enter-active {
    -webkit-animation-name: udTooltipZoomIn;
    animation-name: udTooltipZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ud-noop-leave.ud-noop-leave-active {
    -webkit-animation-name: udTooltipZoomOut;
    animation-name: udTooltipZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ud-noop-appear,.ud-noop-enter {
    opacity: 0
}

.ud-noop-appear,.ud-noop-enter,.ud-noop-leave {
    -webkit-animation-timing-function: cubic-bezier(.34,.69,.1,1);
    animation-timing-function: cubic-bezier(.34,.69,.1,1)
}

.ud-tooltip-zoom-appear,.ud-tooltip-zoom-enter,.ud-tooltip-zoom-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ud-tooltip-zoom-appear.ud-tooltip-zoom-appear-active,.ud-tooltip-zoom-enter.ud-tooltip-zoom-enter-active {
    -webkit-animation-name: udTooltipZoomIn;
    animation-name: udTooltipZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ud-tooltip-zoom-leave.ud-tooltip-zoom-leave-active {
    -webkit-animation-name: udTooltipZoomOut;
    animation-name: udTooltipZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ud-tooltip-zoom-appear,.ud-tooltip-zoom-enter {
    opacity: 0
}

.ud-tooltip-zoom-appear,.ud-tooltip-zoom-enter,.ud-tooltip-zoom-leave {
    -webkit-animation-timing-function: cubic-bezier(.34,.69,.1,1);
    animation-timing-function: cubic-bezier(.34,.69,.1,1)
}

.ud-tooltip-zoom[class*=-top] {
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.ud-tooltip-zoom[class*=-left] {
    -webkit-transform-origin: right;
    transform-origin: right
}

.ud-tooltip-zoom[class*=-right] {
    -webkit-transform-origin: left;
    transform-origin: left
}

.ud-tooltip-zoom[class*=-bottom] {
    -webkit-transform-origin: top;
    transform-origin: top
}

.ud-tooltip-zoom[class*=-rightBottom],.ud-tooltip-zoom[class*=-topLeft] {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.ud-tooltip-zoom[class*=-leftBottom],.ud-tooltip-zoom[class*=-topRight] {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.ud-tooltip-zoom[class*=-bottomRight],.ud-tooltip-zoom[class*=-leftTop] {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.ud-tooltip-zoom[class*=-bottomLeft],.ud-tooltip-zoom[class*=-rightTop] {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

@-webkit-keyframes udTooltipZoomOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0
    }
}

@keyframes udTooltipZoomOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0
    }
}

.permissionToast {
    padding: 12px
}

.permissionToast .toast__icon {
    display: none
}

.permissionToast .toast__content {
    margin-right: 0
}

.permissionToast .toast-confirm {
    display: flex
}

.permissionToast .toast-confirm .toast-text {
    border-right: 1px solid var(--text-link-disabled);
    padding-right: 10px;
    margin: 0 10px 0 0;
    flex: 1
}

.permissionToast .toast-confirm .toast-button {
    color: var(--text-link-hover);
    min-width: 30px
}

.cooperater-user-popover.hidden {
    opacity: 0;
    pointer-events: none
}

#gpf-at-user {
    text-decoration: inherit
}

.mobile.ios.ipad .page-main.uneditable .force-user-select-none,.mobile.ios.ipad .page-main.uneditable .force-user-select-none [contenteditable] {
    -webkit-user-select: none!important;
    user-select: none!important
}

.at-user-line-self,.at-user-line-self:hover {
    color: var(--N00-FG)
}

.at-user-line-disable,.at-user-line-disable:hover {
    color: var(--text-caption)!important
}

.at-user-line-other,.at-user-line-other:hover {
    color: var(--text-title)!important
}

.todo-block.task-done .text-editor .at-user-wrap {
    opacity: .7
}

.todo-block.todo-block_new.task-done .text-editor .at-user-wrap {
    opacity: 1
}

.at-user-wrap {
    text-indent: 0;
    margin: 0 5px;
    pointer-events: auto
}

.at-user-no-avatar:hover.at-user-line-disable,.at-user-no-avatar:hover.at-user-line-other {
    margin: 0 3px
}

.at-user-no-avatar:hover.at-user-line-disable #gpf-at-user .gpf-at-user,.at-user-no-avatar:hover.at-user-line-other #gpf-at-user .gpf-at-user {
    padding-left: 2px;
    padding-right: 2px
}

.mobile.ios .ios-user-select-none #gpf-at-user .gpf-at-user {
    -webkit-user-select: none!important;
    user-select: none!important
}

.heading-block #gpf-at-user .gpf-at-user.gpf-at-user-no-avatar,.heading-block #gpf-at-user .gpf-at-user.gpf-at-user-show-avatar,.table-cell-block #gpf-at-user .gpf-at-user.gpf-at-user-no-avatar,.table-cell-block #gpf-at-user .gpf-at-user.gpf-at-user-show-avatar {
    margin-top: 1px;
    margin-bottom: 1px
}

.heading-block #gpf-at-user .gpf-at-user.gpf-at-user-no-avatar .gpf-at-user-avatar .gpf-at-user-avatar-inner,.heading-block #gpf-at-user .gpf-at-user.gpf-at-user-no-avatar .gpf-at-user-avatar:after,.heading-block #gpf-at-user .gpf-at-user.gpf-at-user-show-avatar .gpf-at-user-avatar .gpf-at-user-avatar-inner,.heading-block #gpf-at-user .gpf-at-user.gpf-at-user-show-avatar .gpf-at-user-avatar:after,.table-cell-block #gpf-at-user .gpf-at-user.gpf-at-user-no-avatar .gpf-at-user-avatar .gpf-at-user-avatar-inner,.table-cell-block #gpf-at-user .gpf-at-user.gpf-at-user-no-avatar .gpf-at-user-avatar:after,.table-cell-block #gpf-at-user .gpf-at-user.gpf-at-user-show-avatar .gpf-at-user-avatar .gpf-at-user-avatar-inner,.table-cell-block #gpf-at-user .gpf-at-user.gpf-at-user-show-avatar .gpf-at-user-avatar:after {
    width: calc(1em + 2px);
    height: calc(1em + 2px)
}

.heading-block #gpf-at-user .gpf-at-user.gpf-at-user-no-avatar .gpf-at-user-at,.heading-block #gpf-at-user .gpf-at-user.gpf-at-user-no-avatar .gpf-at-user-name,.heading-block #gpf-at-user .gpf-at-user.gpf-at-user-show-avatar .gpf-at-user-at,.heading-block #gpf-at-user .gpf-at-user.gpf-at-user-show-avatar .gpf-at-user-name,.table-cell-block #gpf-at-user .gpf-at-user.gpf-at-user-no-avatar .gpf-at-user-at,.table-cell-block #gpf-at-user .gpf-at-user.gpf-at-user-no-avatar .gpf-at-user-name,.table-cell-block #gpf-at-user .gpf-at-user.gpf-at-user-show-avatar .gpf-at-user-at,.table-cell-block #gpf-at-user .gpf-at-user.gpf-at-user-show-avatar .gpf-at-user-name {
    line-height: calc(1em + 2px)
}

.at-user-offline {
    cursor: not-allowed
}

.at-user-offline .at-user-wrap {
    pointer-events: none
}

.table-cell-block #gpf-at-user .gpf-at-user-name {
    word-break: keep-all;
    white-space: nowrap
}

.user-error {
    margin: 0 4px;
    color: var(--text-caption);
    -webkit-user-select: none;
    user-select: none
}

.user-error__msg {
    margin-left: 5px
}

.user-loading {
    display: inline-block!important;
    width: 65px;
    font-size: 14px;
    line-height: 1;
    margin: 0 4px;
    border-radius: 2px;
    background: linear-gradient(90deg,rgba(var(--bg-tips-raw),.05),rgba(var(--bg-tips-raw),.08));
    background-size: 200% 100%;
    -webkit-animation: userLoadingAnimation .5s linear infinite;
    animation: userLoadingAnimation .5s linear infinite
}

@-webkit-keyframes userLoadingAnimation {
    0% {
        background-position-x: 100%
    }

    to {
        background-position-x: 0
    }
}

@keyframes userLoadingAnimation {
    0% {
        background-position-x: 100%
    }

    to {
        background-position-x: 0
    }
}

.page-main .page-block .text-comment.local-comment,.presentation-mode.document .text-comment.local-comment {
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 2px solid var(--Y200)!important
}

.page-main .page-block .text-comment.comment-hl,.presentation-mode.document .text-comment.comment-hl {
    border-bottom: 2px solid var(--colorful-yellow)!important;
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: rgba(var(--colorful-yellow-raw),.25)!important
}

.page-main .page-block .code-block .text-comment:not(.textHighlightBackground),.page-main .page-block .docx-heading2-block .text-comment:not(.textHighlightBackground),.page-main .page-block .docx-heading3-block .text-comment:not(.textHighlightBackground),.page-main .page-block .docx-heading4-block .text-comment:not(.textHighlightBackground),.page-main .page-block .docx-heading5-block .text-comment:not(.textHighlightBackground),.page-main .page-block .docx-heading6-block .text-comment:not(.textHighlightBackground),.page-main .page-block .docx-heading7-block .text-comment:not(.textHighlightBackground),.page-main .page-block .docx-heading8-block .text-comment:not(.textHighlightBackground),.page-main .page-block .docx-heading9-block .text-comment:not(.textHighlightBackground),.presentation-mode.document .code-block .text-comment:not(.textHighlightBackground),.presentation-mode.document .docx-heading2-block .text-comment:not(.textHighlightBackground),.presentation-mode.document .docx-heading3-block .text-comment:not(.textHighlightBackground),.presentation-mode.document .docx-heading4-block .text-comment:not(.textHighlightBackground),.presentation-mode.document .docx-heading5-block .text-comment:not(.textHighlightBackground),.presentation-mode.document .docx-heading6-block .text-comment:not(.textHighlightBackground),.presentation-mode.document .docx-heading7-block .text-comment:not(.textHighlightBackground),.presentation-mode.document .docx-heading8-block .text-comment:not(.textHighlightBackground),.presentation-mode.document .docx-heading9-block .text-comment:not(.textHighlightBackground) {
    padding-bottom: 1px!important;
    padding-top: 1px!important
}

.page-main .page-block .progress-block-wrapper .text-comment,.page-main .page-block .table .text-comment,.presentation-mode.document .progress-block-wrapper .text-comment,.presentation-mode.document .table .text-comment {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.page-main .page-block .text-comment.comment-hl .inline-code,.page-main .page-block .text-comment.local-comment .inline-code,.presentation-mode.document .text-comment.comment-hl .inline-code,.presentation-mode.document .text-comment.local-comment .inline-code {
    background-color: initial!important;
    border-bottom-color: transparent!important
}

.page-main .page-block .text-comment .editor-kit-equation-view,.presentation-mode.document .text-comment .editor-kit-equation-view {
    margin-bottom: 2px
}

.page-main .page-block .text-comment.comment-hl.equation-leaf,.page-main .page-block .text-comment.local-comment.equation-leaf,.presentation-mode.document .text-comment.comment-hl.equation-leaf,.presentation-mode.document .text-comment.local-comment.equation-leaf {
    background-color: initial!important;
    border-bottom-width: 0!important
}

.page-main .page-block .text-comment.comment-hl .editor-kit-equation-view:after,.page-main .page-block .text-comment.local-comment .editor-kit-equation-view:after,.presentation-mode.document .text-comment.comment-hl .editor-kit-equation-view:after,.presentation-mode.document .text-comment.local-comment .editor-kit-equation-view:after {
    border-bottom: 2px solid var(--colorful-yellow)
}

.page-main .page-block .text-comment.comment-hl.inline-component-button,.page-main .page-block .text-comment.local-comment.inline-component-button,.presentation-mode.document .text-comment.comment-hl.inline-component-button,.presentation-mode.document .text-comment.local-comment.inline-component-button {
    border-bottom-width: 0!important
}

.page-main .page-block .text-comment.comment-hl .editor-kit-equation-view,.presentation-mode.document .text-comment.comment-hl .editor-kit-equation-view {
    background-color: var(--Y100-BG)!important
}

.editor-kit-container .text-highlight-background {
    padding: 2px 0
}

.code-block .editor-kit-container .text-highlight-background {
    padding: 0
}

.editor-kit-container .inline-code .text-highlight-background {
    padding: 1px 0
}

.text-highlight-background.text-highlight-background-inline-code-wrapper .inline-code,.text-highlight-background:not(.text-highlight-background-inline-code-wrapper) {
    background-color: var(--text-highlight-background-color)!important
}

.text-highlight-background[\:has\(.comment-hl\)],.text-highlight-background[\:has\(.local-comment\)] {
    background-color: var(--text-highlight-background-color)
}

.text-highlight-background:has(.comment-hl),.text-highlight-background:has(.local-comment) {
    background-color: var(--text-highlight-background-color)
}

.text-highlight-background-pink-light-bg {
    --text-highlight-background-color: var(--ccmtoken-doc-highlightcolor-red-soft)
}

.text-highlight-background-orange-light-bg {
    --text-highlight-background-color: var(--ccmtoken-doc-highlightcolor-orange-soft)
}

.text-highlight-background-yellow-light-bg {
    --text-highlight-background-color: var(--ccmtoken-doc-highlightcolor-sunflower-soft)
}

.text-highlight-background-green-light-bg {
    --text-highlight-background-color: var(--ccmtoken-doc-highlightcolor-green-soft)
}

.text-highlight-background-blue-light-bg {
    --text-highlight-background-color: var(--ccmtoken-doc-highlightcolor-blue-soft)
}

.text-highlight-background-purple-light-bg {
    --text-highlight-background-color: var(--ccmtoken-doc-highlightcolor-purple-soft)
}

.text-highlight-background-gray-light-bg {
    --text-highlight-background-color: var(--ccmtoken-doc-highlightcolor-neutral-soft)
}

.text-highlight-background-gray-slight-bg {
    --text-highlight-background-color: var(--ccmtoken-doc-highlightcolor-neutral-light)
}

.text-highlight-background-pink-dark-bg {
    --text-highlight-background-color: var(--ccmtoken-doc-highlightcolor-red-solid)
}

.text-highlight-background-orange-dark-bg {
    --text-highlight-background-color: var(--ccmtoken-doc-highlightcolor-orange-solid)
}

.text-highlight-background-yellow-dark-bg {
    --text-highlight-background-color: var(--ccmtoken-doc-highlightcolor-sunflower-solid)
}

.text-highlight-background-green-dark-bg {
    --text-highlight-background-color: var(--ccmtoken-doc-highlightcolor-green-solid)
}

.text-highlight-background-blue-dark-bg {
    --text-highlight-background-color: var(--ccmtoken-doc-highlightcolor-blue-solid)
}

.text-highlight-background-purple-dark-bg {
    --text-highlight-background-color: var(--ccmtoken-doc-highlightcolor-purple-solid)
}

.text-highlight-background-gray-dark-bg {
    --text-highlight-background-color: var(--ccmtoken-doc-highlightcolor-neutral-solid)
}

.revision-container {
    border-width: 0 0 2px!important;
    border-image-slice: 1;
    border-bottom-style: solid;
    border-image-source: repeating-linear-gradient(90deg,var(--revision-border-color),var(--revision-border-color) 8px,transparent 0,transparent 12px)!important;
    padding: 2px 0 3.9px
}

.heading-block .revision-container,.heading-block .revision-linefeed {
    padding-bottom: 3px!important
}

.heading-block .heading-h1 .revision-container,.heading-block .heading-h1 .revision-linefeed {
    padding-bottom: 3.9px!important
}

.table-cell-block .bullet-list .revision-container,.table-cell-block .bullet-list .revision-linefeed,.table-cell-block .ordered-list .revision-container,.table-cell-block .ordered-list .revision-linefeed,.table-cell-block .text-block .revision-container,.table-cell-block .text-block .revision-linefeed,.table-cell-block .todo-block .revision-container,.table-cell-block .todo-block .revision-linefeed {
    padding: 0 0 2px!important
}

.table-cell-block .heading-block .revision-container,.table-cell-block .heading-block .revision-linefeed {
    padding-top: 1px!important
}

.table-cell-block .heading-h1 .revision-container,.table-cell-block .heading-h1 .revision-linefeed {
    padding: 1px 0 1.5px!important
}

.revision-linethrough,.revision-linethrough .at-user-embed-container a,.revision-linethrough .embed-inline-block a,.revision-linethrough .mention-doc-embed-container a,.revision-linethrough a.link {
    -webkit-text-decoration-color: var(--revision-linethrough-color)!important;
    text-decoration-color: var(--revision-linethrough-color)!important;
    -webkit-text-decoration-line: line-through!important;
    text-decoration-line: line-through!important;
    -webkit-text-decoration-style: solid!important;
    text-decoration-style: solid!important;
    text-decoration-thickness: 2px!important
}

.revision-linefeed {
    padding: 2px 0 3.9px;
    position: relative
}

.revision-linefeed:after {
    content: " ";
    cursor: text;
    position: absolute;
    height: 100%;
    width: 4.5px;
    top: 0;
    background: var(--revision-linefeed-background);
    line-height: 23px;
    border-width: 0 0 2px!important;
    border-image-slice: 1;
    border-bottom-style: solid;
    border-image-source: repeating-linear-gradient(90deg,var(--revision-border-color),var(--revision-border-color) 8px,transparent 0,transparent 12px)!important
}

.code-block .revision-container,.code-block .revision-linefeed {
    padding: 1px 0 3.5px
}

.toolbar-turninto-text {
    display: flex;
    padding: 12px 14px 5px;
    font-size: 12px;
    color: var(--text-placeholder)
}

.block .docx-block-zero-space {
    position: absolute;
    display: inline-block
}

.block .docx-block-zero-space ::selection {
    background: none
}

.mobile .block .docx-block-zero-space {
    font-size: 0
}

.selection-locator {
    -webkit-user-select: text!important;
    user-select: text!important;
    text-align-last: justify;
    line-height: 0;
    height: 0;
    pointer-events: none
}

.selection-locator::selection {
    background-color: initial
}

.safari .selection-locator {
    text-align: justify
}

.safari .selection-locator:after {
    content: "";
    width: 100%;
    display: inline-block
}

.block-revision.render-success.base_refer-block-revision,.block-revision.render-success.base_refer-block-revision.delete-revision,.block-revision.render-success.bitable-block-revision,.block-revision.render-success.bitable-block-revision.delete-revision {
    position: absolute;
    left: 0;
    top: 52px;
    right: 0;
    bottom: 0;
    border-radius: 0
}

.presentation-mode .block-revision.render-success.base_refer-block-revision,.presentation-mode .block-revision.render-success.base_refer-block-revision.delete-revision,.presentation-mode .block-revision.render-success.bitable-block-revision,.presentation-mode .block-revision.render-success.bitable-block-revision.delete-revision {
    zoom:1.8}

.mobile .block-revision.render-success.base_refer-block-revision,.mobile .block-revision.render-success.base_refer-block-revision.delete-revision,.mobile .block-revision.render-success.bitable-block-revision,.mobile .block-revision.render-success.bitable-block-revision.delete-revision {
    left: -22px;
    right: -22px
}

.block-revision.render-success.base_refer-block-revision.delete-revision:after,.block-revision.render-success.base_refer-block-revision.delete-revision[data-revision-highlight=true]:after,.block-revision.render-success.base_refer-block-revision:after,.block-revision.render-success.base_refer-block-revision[data-revision-highlight=true]:after,.block-revision.render-success.bitable-block-revision.delete-revision:after,.block-revision.render-success.bitable-block-revision.delete-revision[data-revision-highlight=true]:after,.block-revision.render-success.bitable-block-revision:after,.block-revision.render-success.bitable-block-revision[data-revision-highlight=true]:after {
    border-radius: 0
}

.BITABLE_BLOCK_OVERLAY .bitable-toolbar-docx .bitable-float-toolbar-wrapper {
    background-color: initial
}

.PREVIEW_BITABLE_BLOCK_OVERLAY .bitable-doc-overlay.bitable-toolbar-docx {
    z-index: 100
}

.docx-bitable-block {
    margin-bottom: 24px!important
}

.docx-bitable-block.vc-hover .bitable-block-container.is-mobile .faster-dom-wrapper,.docx-bitable-block.vc-hover .bitable-block-container:not(.is-mobile) {
    box-shadow: 0 0 0 1px var(--colorful-carmine)
}

.bear-web-x-container .bitable-float-toolbar-wrapper {
    background-color: initial
}

.bear-web-x-container .docx-bitable-block {
    line-height: 52px!important
}

.bear-web-x-container .BITABLE_BLOCK_OVERLAY .innerdocbody.adit-container ::selection {
    background-color: var(--ccmtoken-doc-block-bg-selected)!important
}

.bitable-block-sync-selected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

.bitable-ssr-canvas-container-wrapper {
    max-width: 100%;
    min-height: 160px
}

.bitable-ssr-canvas-container-wrapper .bitable-ssr-canvas-container {
    overflow: hidden
}

.callout-block-emoji {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    user-select: none
}

.callout-block-emoji .emoji-mart-emoji {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    line-height: 24px;
    border-radius: 4px;
    cursor: pointer
}

.callout-block-emoji .emoji-mart-emoji:hover {
    background-color: var(--ccmtoken-mindnote-highlightcolor-neutral)
}

.callout-block-emoji.disabled .emoji-mart-emoji {
    cursor: default
}

.callout-block-emoji.disabled .emoji-mart-emoji:hover {
    background-color: initial
}

.callout-block-children>.block:first-child {
    margin-top: 0!important
}

.callout-block-children .block:last-child {
    margin-bottom: 0!important
}

.callout-emoji-container {
    height: 26px
}

.callout-emoji-container.emoji-for-heading1 {
    height: 36px
}

.callout-emoji-container.emoji-for-heading2 {
    height: 30px
}

.callout-emoji-container.emoji-for-heading3 {
    line-height: 28px
}

.callout-emoji-container.emoji-for-heading4 {
    line-height: 24px
}

.mobile .callout-emoji-container {
    height: calc(var(--docx-base-font-size)*26/16)
}

.mobile .callout-emoji-container.emoji-for-heading1 {
    height: calc(var(--docx-base-font-size)*36/16)
}

.mobile .callout-emoji-container.emoji-for-heading2 {
    height: calc(var(--docx-base-font-size)*30/16)
}

.mobile .callout-emoji-container.emoji-for-heading3 {
    height: calc(var(--docx-base-font-size)*28/16)
}

.mobile .callout-emoji-container.emoji-for-heading4 {
    height: calc(var(--docx-base-font-size)*24/16)
}

.docx-callout-block {
    transition: none!important
}

.docx-callout-block.hovered:not(.selected) {
    background-color: unset
}

.docx-callout-block.hovered:not(.selected) .callout-block {
    border: 1px solid var(--B200)!important;
    box-shadow: 0 0 0 1px var(--B200);
    background-color: initial!important
}

.docx-callout-block.selected .callout-block {
    border: 1px solid var(--text-link-hover)!important;
    background-color: initial!important
}

.docx-callout-block .callout-block {
    padding: 16px;
    border: 1px solid transparent;
    border-radius: 8px
}

.docx-callout-block.vc-hover .callout-block {
    background-color: var(--C50)!important;
    border-radius: 8px;
    border-color: var(--colorful-carmine)!important
}

.docx-grid_column-block[\:has\(\%3E\%20.grid-column-block\%20\%3E\%20.render-unit-wrapper\%20\%3E\%20.docx-callout-block\:only-child\)] .callout-block,.docx-grid_column-block[\:has\(\%3E\%20.grid-column-block\%20\%3E\%20.render-unit-wrapper\%20\%3E\%20.docx-callout-block\:only-child\)] .callout-block-comment,.docx-grid_column-block[\:has\(\%3E\%20.grid-column-block\%20\%3E\%20.render-unit-wrapper\%20\%3E\%20.docx-callout-block\:only-child\)] .docx-callout-block,.docx-grid_column-block[\:has\(\%3E\%20.grid-column-block\%20\%3E\%20.render-unit-wrapper\%20\%3E\%20.docx-callout-block\:only-child\)] .docx-callout-block-container,.docx-grid_column-block[\:has\(\%3E\%20.grid-column-block\%20\%3E\%20.render-unit-wrapper\%20\%3E\%20.docx-callout-block\:only-child\)] .docx-callout-block-inner-container,.docx-grid_column-block[\:has\(\%3E\%20.grid-column-block\%20\%3E\%20.render-unit-wrapper\%20\%3E\%20.docx-callout-block\:only-child\)] .grid-column-block,.docx-grid_column-block[\:has\(\%3E\%20.grid-column-block\%20\%3E\%20.render-unit-wrapper\%20\%3E\%20.docx-callout-block\:only-child\)] .render-unit-wrapper {
    height: 100%
}

.docx-grid_column-block:has(>.grid-column-block>.render-unit-wrapper>.docx-callout-block:only-child) .callout-block,.docx-grid_column-block:has(>.grid-column-block>.render-unit-wrapper>.docx-callout-block:only-child) .callout-block-comment,.docx-grid_column-block:has(>.grid-column-block>.render-unit-wrapper>.docx-callout-block:only-child) .docx-callout-block,.docx-grid_column-block:has(>.grid-column-block>.render-unit-wrapper>.docx-callout-block:only-child) .docx-callout-block-container,.docx-grid_column-block:has(>.grid-column-block>.render-unit-wrapper>.docx-callout-block:only-child) .docx-callout-block-inner-container,.docx-grid_column-block:has(>.grid-column-block>.render-unit-wrapper>.docx-callout-block:only-child) .grid-column-block,.docx-grid_column-block:has(>.grid-column-block>.render-unit-wrapper>.docx-callout-block:only-child) .render-unit-wrapper {
    height: 100%
}

.emoji-mart-emoji-native {
    font-family: Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Segoe UI,Noto Color Emoji,Emoji!important
}

.windows .emoji-mart-emoji-native {
    font-family: Segoe UI Emoji,Segoe UI Symbol,Segoe UI,Apple Color Emoji!important
}

.callout-emoji-container {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 16px
}

.callout-emoji-container ::selection {
    background: transparent
}

.callout-block-children {
    margin-left: 32px
}

.callout-block-children>.block:first-child>.fold-wrapper>.fold-handler-wrapper {
    display: none!important
}

.callout-block-children>.callout-render-unit>.block:first-child {
    margin-top: 0!important
}

.callout-block-children>.callout-render-unit .block:last-child {
    margin-bottom: 0!important
}

.docx-table_cell-block .callout-emoji-container {
    top: 14px
}

.chat-card-container {
    display: flex
}

.chat-card-container .chat-card-inner {
    position: relative;
    max-width: 100%;
    border-radius: 8px
}

.chat-card-container .chat-card-inner-offline {
    flex: 1
}

.chat-card-container.align-center {
    justify-content: center
}

.chat-card-container.align-right {
    justify-content: flex-end
}

.chat-card-clip-container {
    overflow: hidden
}

.chat-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 400px;
    text-indent: 0;
    max-height: 148px;
    max-width: 100%;
    overflow: hidden;
    border-radius: 8px;
    background-color: var(--bg-body-overlay);
    font-weight: 400;
    border: 1px solid var(--line-border-card);
    -webkit-user-select: none;
    user-select: none;
    cursor: default
}

.chat-card .chat-card--opt {
    max-width: 100%;
    justify-content: flex-end;
    display: flex
}

.chat-card .chat-card--opt .left-btn {
    flex: 1;
    margin-right: 12px
}

.chat-card .chat-card--type-name {
    flex: 1;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: var(--text-caption);
    opacity: .87;
    -webkit-user-select: none;
    user-select: none;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 16px;
    overflow: hidden
}

.chat-card .chat-card--top-container {
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
    min-height: 71px;
    max-height: 101px;
    position: relative;
    padding: 15px 12px 16px 64px
}

.chat-card .chat-card--top-container .chat-card--icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: transparent;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    left: 13px
}

.chat-card .chat-card--top-container .chat-card--icon img {
    width: 40px;
    border-radius: 50%
}

.chat-card .chat-card--top-container .chat-card--info {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 40px
}

.chat-card .chat-card--top-container .chat-card--info .chat-card--align-container {
    width: 100%
}

.chat-card .chat-card--top-container .chat-card--info .chat-card--title {
    display: flex;
    overflow: auto
}

.chat-card .chat-card--top-container .chat-card--info .chat-card--title .chat-card--name {
    font-size: 16px!important;
    max-height: 48px;
    line-height: 24px;
    color: var(--text-title);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.chat-card .chat-card--top-container .chat-card--info .chat-card--title .chat-card--label {
    display: block;
    position: relative;
    flex-shrink: 0;
    height: 18px;
    margin: 3px 0 0 4px;
    padding: 0 6px;
    background-color: var(--udtoken-tag-bg-blue);
    border-radius: 4px;
    -webkit-user-select: none;
    user-select: none
}

.chat-card .chat-card--top-container .chat-card--info .chat-card--title .chat-card--label span {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: var(--udtoken-tag-text-s-blue)
}

.chat-card .chat-card--top-container .chat-card--info .chat-card--desc {
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: var(--text-caption);
    opacity: .87;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none
}

.chat-card .chat-card--bottom-containerr {
    justify-content: flex-end;
    width: 100%;
    display: flex;
    align-items: center;
    height: 45px;
    background-color: var(--bg-body);
    padding: 8px 12px 9px
}

.chat-card .chat-card--bottom-containerr .cardButton {
    cursor: pointer;
    position: relative
}

.chat-card .chat-card--bottom-containerr .cardButton .text-width-div {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    height: 0
}

.chat-card .chat-card--bottom-containerr .cardButton .text {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative
}

.chat-card .chat-card--bottom-containerr .btns-containerr {
    max-width: 100%;
    max-height: 100%
}

.chat-card .chat-card--bottom-containerr .chat-card--btn {
    min-width: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    padding: 5px 12px;
    text-align: center;
    border-radius: 6px;
    font-size: 14px!important;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    background-color: var(--bg-body);
    color: var(--text-title);
    border: 1px solid;
    border-color: var(--text-link-disabled)
}

.chat-card .chat-card--bottom-containerr .chat-card--btn:hover {
    background-color: var(--bg-base)
}

.chat-card .chat-card--bottom-containerr .chat-card--btn:active {
    background-color: var(--bg-filler)
}

.chat-card .chat-card--bottom-containerr .chat-card--btn.disable {
    background-color: var(--bg-body);
    color: var(--text-disabled);
    border-color: var(--text-link-disabled);
    cursor: default
}

.chat-card--icon-placeholder {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 13px;
    border-radius: 50%;
    background-image: linear-gradient(90deg,rgba(var(--ccmtoken-mindnote-highlightcolor-neutral-raw),.4),rgba(var(--ccmtoken-mindnote-highlightcolor-neutral-raw),.7) 99%)
}

.chat-card--title-placeholder {
    margin-top: auto;
    width: 100%;
    height: 22px
}

.chat-card--desc-placeholder,.chat-card--title-placeholder {
    margin-bottom: auto;
    background-image: linear-gradient(90deg,rgba(var(--ccmtoken-mindnote-highlightcolor-neutral-raw),.4),rgba(var(--ccmtoken-mindnote-highlightcolor-neutral-raw),.7) 99%);
    border-radius: 2px
}

.chat-card--desc-placeholder {
    margin-top: 4px;
    width: 50%;
    height: 18px
}

.chat-card--loding {
    max-width: 100%;
    padding: 15px 12px 16px 64px;
    background-color: var(--bg-base);
    border: 1px solid var(--line-border-card);
    border-radius: 8px;
    width: 400px
}

.hovered .chat-card {
    border-color: var(--B200)
}

.hovered .chat-card-clip-container {
    box-shadow: 0 0 0 1px var(--B200);
    border-radius: 8px
}

.docx-chat_card-block.selected .chat-card {
    border-color: var(--primary-content-default)!important
}

.docx-chat_card-block.vc-hover .chat-card {
    border-color: var(--colorful-carmine)
}

.docx-chat_card-block.dragging {
    border-radius: 8px
}

.page-block-children .docx-chat_card-block.hovered,.page-block-children .docx-chat_card-block.selected {
    background-color: unset
}

.page-block-children .docx-chat_card-block .hovered-mask,.page-block-children .docx-chat_card-block .selected-mask {
    display: none
}

.mobile .chat-card {
    max-height: calc(var(--docx-base-font-size)*148/16)
}

.mobile .chat-card .chat-card--type-name {
    font-size: calc(var(--docx-base-font-size)*14/16)!important;
    height: calc(var(--docx-base-font-size)*22/16);
    line-height: calc(var(--docx-base-font-size)*22/16)
}

.mobile .chat-card .chat-card--top-container .chat-card--icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mobile .chat-card .chat-card--info .chat-card--title .chat-card--name {
    font-size: calc(var(--docx-base-font-size)*16/16)!important;
    max-height: calc(var(--docx-base-font-size)*48/16);
    line-height: calc(var(--docx-base-font-size)*24/16)
}

.mobile .chat-card .chat-card--info .chat-card--desc {
    font-size: calc(var(--docx-base-font-size)*12/16)!important;
    height: calc(var(--docx-base-font-size)*20/16);
    line-height: calc(var(--docx-base-font-size)*20/16)
}

.mobile .chat-card .chat-card--bottom-containerr {
    height: calc(var(--docx-base-font-size)*45/16);
    padding: calc(var(--docx-base-font-size)*8/16) calc(var(--docx-base-font-size)*12/16) calc(var(--docx-base-font-size)*9/16)
}

.mobile .chat-card .chat-card--bottom-containerr .chat-card--btn {
    min-width: calc(var(--docx-base-font-size)*56/16)!important;
    height: calc(var(--docx-base-font-size)*28/16)!important;
    padding: calc(var(--docx-base-font-size)*5/16) calc(var(--docx-base-font-size)*12/16)!important;
    font-size: calc(var(--docx-base-font-size)*14/16)!important
}

.mobile .chat-card--btn:hover {
    background-color: var(--bg-body)!important
}

.mobile .chat-card--btn:active {
    background-color: var(--bg-base)!important
}

.caption-editor-area {
    margin-top: 6px
}

.caption-editor-area .editor-kit-container {
    outline: none;
    color: var(--N600);
    font-weight: 400;
    font-size: 14px!important;
    line-height: 22px;
    white-space: pre-wrap!important;
    white-space: break-spaces
}

.caption-translated-highlight {
    display: inline-block;
    background-color: rgba(var(--N900-raw),.07);
    padding: 0 2px;
    margin: 0 -2px;
    border-radius: 6px;
    max-width: calc(100% + 4px)
}

.docx-diagram-block.hovered {
    background-color: unset
}

.docx-diagram-block.hovered .hovered-mask {
    display: none
}

.docx-diagram-displayer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: var(--text-title);
    border: 1px solid var(--line-border-card);
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 8px;
    overflow: hidden;
    padding: 16px;
    background-color: var(--static-white)
}

.docx-diagram-displayer-container.hidden {
    visibility: hidden
}

.docx-diagram-displayer.docx-diagram-displayer_blank {
    min-height: 160px
}

.docx-diagram-displayer_safari {
    -webkit-user-select: auto;
    user-select: auto
}

.docx-diagram-displayer_blank {
    cursor: default
}

.docx-diagram-displayer .j-copy-span {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    -webkit-user-select: all;
    user-select: all
}

.docx-diagram-displayer_logo {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 6px;
    left: 12px;
    display: none;
    border-radius: 4px;
    background-color: rgba(var(--bg-body-raw),.7);
    padding: 0 4px;
    z-index: 1
}

.docx-diagram-displayer_logo span {
    margin-left: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px
}

.docx-diagram-displayer_no-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 14px;
    color: var(--text-caption)
}

.mobile .docx-diagram-displayer_no-content {
    font-size: calc(var(--docx-base-font-size)*14/16)
}

.docx-diagram-displayer_no-content-img {
    width: 100px;
    height: 100px
}

.docx-diagram-displayer_svg svg {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: normal;
    word-break: normal
}

.pdf .docx-diagram-displayer_svg svg {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.docx-diagram-displayer.docx-diagram-displayer_selected {
    border-color: var(--text-link-hover)
}

.docx-diagram-displayer.docx-diagram-displayer_selected:hover {
    box-shadow: none
}

.docx-diagram-displayer.docx-diagram-displayer_selected .docx-diagram-displayer_logo {
    display: flex
}

.bear-web-x-container .docx-diagram-displayer {
    cursor: default
}

.bear-web-x-container .uneditable .docx-diagram-displayer {
    cursor: zoom-in
}

.bear-web-x-container .uneditable .docx-diagram-displayer.docx-diagram-displayer_blank {
    cursor: default
}

.bear-web-x-container .docx-diagram-displayer.docx-diagram-displayer_selected {
    cursor: zoom-in
}

.bear-web-x-container .docx-diagram-displayer.docx-diagram-displayer_blank.docx-diagram-displayer_selected {
    cursor: default
}

.diagram-manify-icon {
    fill: var(--icon-n1)
}

.diagram-manify-icon.diagram-manify-icon-disabled {
    fill: var(--fill-disabled);
    cursor: not-allowed;
    background-color: var(--bg-body)!important
}

.edit-btn-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px
}

.edit-btn-wrapper .edit-btn-text {
    margin: 0 4px;
    font-size: 16px
}

.edit-btn-wrapper.edit-btn-wrapper_disabled {
    color: var(--text-disabled)
}

.edit-btn-wrapper.edit-btn-wrapper_disabled>svg {
    fill: var(--fill-disabled)
}

.fs-mode-non-paged .docx-diagram-displayer {
    min-height: 288px
}

.fs-mode-non-paged .docx-diagram-displayer_logo,.fs-mode-non-paged .docx-diagram-displayer_no-content {
    zoom:1.8}

.fs-mode-non-paged .ace-table .docx-diagram-displayer {
    min-height: 160px
}

.fs-mode-non-paged .ace-table .docx-diagram-displayer_logo,.fs-mode-non-paged .ace-table .docx-diagram-displayer_no-content {
    zoom:1}

.fs-mode .ace-table .block-type-DIAGRAM_BLOCK {
    margin-left: -10px
}

.diagram-placeholder {
    padding: 4px 0;
    position: relative
}

.diagram-placeholder-header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    background-color: var(--O100-BG);
    color: var(--O500-FG)
}

.diagram-placeholder-header-logo {
    position: absolute;
    left: 4px;
    top: 4px
}

.diagram-placeholder-content {
    background-color: var(--bg-body);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px 11px;
    border: 1px solid var(--line-border-card);
    border-top: none
}

.diagram-placeholder.diagram-uml-placeholder .diagram-placeholder-header {
    background-color: var(--I100-BG);
    color: var(--I500-FG)
}

.__edit_add .diagram-placeholder {
    background-color: var(--G100-BG)
}

.mobile .docx-diagram-displayer {
    min-height: 120px;
    padding: 12px
}

.mobile .docx-diagram-displayer:hover {
    border-color: var(--line-border-card);
    box-shadow: none
}

.mobile .docx-diagram-displayer.docx-diagram-displayer_selected {
    border-color: var(--text-link-hover)
}

.mobile .docx-diagram-displayer_logo {
    left: 8px;
    top: 4px
}

.mobile .docx-diagram-displayer_no-content-img {
    width: 80px;
    height: 80px
}

.diagram-placeholder-new {
    position: relative
}

.diagram-placeholder-new svg {
    display: block
}

.diagram-placeholder-new .diagram-placeholder-new-title {
    position: absolute;
    width: 200px;
    height: 20px;
    line-height: 20px;
    left: 40px;
    top: 14px
}

.block-editbar--btn .docx-diagram-displayer-download-disable {
    cursor: not-allowed;
    fill: var(--fill-disabled)
}

html:not(.mobile) .bear-web-x-container:not(.keyboard-mode) .docx-diagram-block.hovered .docx-diagram-displayer:not(.docx-diagram-displayer_selected),html:not(.mobile) .bear-web-x-container:not(.keyboard-mode) .docx-diagram-displayer:hover {
    border-color: var(--primary-pri-200);
    box-shadow: 0 0 0 1px var(--primary-pri-200)
}

html:not(.mobile) .bear-web-x-container:not(.keyboard-mode) .docx-diagram-displayer:hover .docx-diagram-displayer_logo {
    display: flex
}

html:not(.mobile) .bear-web-x-container:not(.keyboard-mode) .diagram-manify-icon:hover {
    background-color: var(--bg-body)
}

html:not(.mobile) .bear-web-x-container:not(.keyboard-mode) .__edit_add .diagram-placeholder:hover {
    background-color: var(--G200-BG)
}

.docx-diagram-block.vc-hover .docx-diagram-displayer {
    border-color: var(--colorful-carmine)!important
}

[dir=ltr] .docx-diagram-displayer_svg ol {
    margin-left: 0
}

[dir=ltr] .docx-diagram-displayer_svg ol,[dir=rtl] .docx-diagram-displayer_svg ol {
    margin-right: 0
}

[dir=rtl] .docx-diagram-displayer_svg ol {
    margin-left: 0
}

[dir=ltr] .docx-diagram-displayer_svg ol {
    padding-left: 40px
}

[dir=rtl] .docx-diagram-displayer_svg ol {
    padding-right: 40px
}

.docx-diagram-displayer_svg ol {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    margin-top: 1em;
    -webkit-margin-after: 1em;
    margin-bottom: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 40px
}

.block-revision.divider-block-revision,.block-revision.divider-block-revision.delete-revision,.block-revision.divider-block-revision.delete-revision:after,.block-revision.divider-block-revision.delete-revision[data-revision-highlight=true]:after,.block-revision.divider-block-revision:after,.block-revision.divider-block-revision[data-revision-highlight=true]:after {
    border-radius: 4px
}

.docx-divider-block {
    z-index: 0
}

.docx-divider-block .docx-block-zero-space {
    display: none
}

.divider-block {
    line-height: 10px
}

.divider-block.editable {
    cursor: pointer
}

.divider-block__container {
    padding: 12px 0
}

.divider-block__content {
    height: 1px;
    background-color: var(--line-divider-default)
}

.mobile.android .divider-block__content,.windows .divider-block__content {
    height: 2px;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.docx-block-loading-timeout {
    position: relative
}

.docx-block-loading-timeout .timeout-tips {
    font-size: 14px;
    color: var(--text-placeholder);
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px)
}

.poll-block__container.loading {
    min-height: 176px;
    box-shadow: none
}

.embed-inline-block .loading {
    display: inline-block;
    width: 100px
}

.embed-inline-block .loading div {
    display: block
}

.embed-inline-block .loading .inline-mode {
    display: flex;
    align-items: flex-end;
    width: 100px;
    height: 20px
}

.page-block-children .fallback-async-task.block {
    margin-top: 8px;
    margin-bottom: 8px;
    line-height: 26px
}

.page-block-children .fallback-async-task .docx-block-inline-placeholder-expand {
    height: 26px;
    display: block
}

.fallback-async-chat_card {
    display: flex
}

.fallback-async-chat_card .selection-locator {
    width: 0
}

.fallback-async-chat_card.fallback-async-align-center {
    justify-content: center
}

.fallback-async-chat_card.fallback-async-align-right {
    justify-content: right
}

.docx-fallback-block .embed-inline-link.file-block svg {
    width: 1.15em;
    height: 1.15em;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.page-block-children .docx-fallback-block.fallback-async-sheet[data-block-type=fallback],.page-block-children .docx-fallback-block.fallback-async-sheet[data-block-type=fallback] .docx-sheet-block {
    margin-top: 0
}

.poll-block-header__container {
    padding: 12px 12px 14px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.poll-block-header__container .poll-input__container.poll-input__container--large {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 6px
}

.poll-block-header__title--wrapper {
    display: flex;
    line-height: 22px
}

.poll-block-header__title {
    flex: 1;
    margin-left: 4px;
    margin-right: 16px
}

.poll-block-header__labels {
    margin-left: 28px;
    line-height: 0
}

.poll-block-header__labels .ud__tag__content {
    line-height: 19px!important
}

.poll-block-header__labels.align-bottom .poll-block-header__label {
    vertical-align: bottom
}

.poll-block-header__label.ud__tag {
    line-height: 16px;
    height: 16px;
    margin-right: 6px!important;
    margin-top: 6px
}

.poll-block-header__label--result.ud__tag,.poll-block-header__label.ud__tag {
    display: inline-block;
    padding: 0 4px
}

.poll-block-header__label--result.ud__tag.docx-ssr,.poll-block-header__label.ud__tag.docx-ssr {
    background: rgba(var(--N600-raw),.11);
    color: var(--N600)
}

.poll-block-header__icon-wrapper {
    display: flex;
    align-items: center
}

.poll-input__container {
    font-size: 14px;
    display: flex;
    border: 1px solid transparent;
    border-radius: 6px;
    transition: border-color .2s;
    line-height: 22px
}

.poll-input__container .docx-block-loading .inline-mode {
    height: 22px
}

.poll-input-prefix {
    display: flex;
    justify-content: center;
    margin-right: 8px;
    flex: 1 0 auto
}

.poll-block__layout {
    display: flex
}

.poll-block__layout.focus-visible,.poll-block__layout:focus-visible {
    outline: unset
}

.poll-block__layout.justify-left {
    justify-content: flex-start
}

.poll-block__layout.justify-center {
    justify-content: center
}

.poll-block__layout.justify-right {
    justify-content: flex-end
}

.poll-block__container {
    position: relative;
    width: 100%;
    max-width: 500px;
    cursor: auto;
    background: var(--bg-body)!important;
    box-shadow: 0 0 0 1px var(--N300);
    box-sizing: border-box;
    border-radius: 8px;
    margin: 1px
}

.poll-block__content {
    padding: 16px 16px 0
}

.poll-block__option {
    color: var(--icon-n1)
}

.poll-block__option .poll-block-option__item+.poll-block-option__item {
    margin-top: 10px
}

.poll-block__button {
    margin: 16px 0!important
}

@-webkit-keyframes skeletonMoveAnimation {
    0% {
        background-position-x: 100%
    }

    to {
        background-position-x: 0
    }
}

@keyframes skeletonMoveAnimation {
    0% {
        background-position-x: 100%
    }

    to {
        background-position-x: 0
    }
}

.skeleton-animation {
    -webkit-animation: skeletonMoveAnimation 1.4s ease 0s infinite normal none running;
    animation: skeletonMoveAnimation 1.4s ease 0s infinite normal none running;
    background: linear-gradient(90deg,rgba(var(--N200-raw),1) 25%,rgba(var(--N300-raw),.65) 40%,rgba(var(--N200-raw),1) 70%);
    background-size: 400% 100%
}

.docx-bookmark-wrapper {
    position: relative;
    cursor: pointer;
    border-radius: 8px;
    background-color: var(--bg-body);
    width: 100%
}

.docx-bookmark-content {
    overflow: hidden
}

.docx-bookmark-url-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 4px
}

.docx-bookmark-icon {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    background-size: cover;
    margin-right: 8px
}

.docx-bookmark-url {
    flex: 0 1 auto;
    font-size: 12px;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-word;
    color: var(--text-link-normal)
}

.docx-bookmark-url:hover {
    text-decoration: underline
}

.docx-bookmark-skeleton-item {
    height: 20px;
    border-radius: 4px;
    margin-top: 4px;
    width: 100%;
    -webkit-animation: skeletonMoveAnimation 1.4s ease 0s infinite normal none running;
    animation: skeletonMoveAnimation 1.4s ease 0s infinite normal none running;
    background: linear-gradient(90deg,rgba(var(--N200-raw),1) 25%,rgba(var(--N300-raw),.65) 40%,rgba(var(--N200-raw),1) 70%);
    background-size: 400% 100%
}

.docx-bookmark-card {
    display: flex;
    width: 100%;
    min-width: 156px;
    border-radius: 8px;
    border: 1px solid var(--line-border-component)
}

.docx-bookmark-card.loading {
    padding: 12px;
    flex-direction: column
}

.docx-bookmark-card.loading .docx-bookmark-icon {
    border-radius: 4px;
    -webkit-animation: skeletonMoveAnimation 1.4s ease 0s infinite normal none running;
    animation: skeletonMoveAnimation 1.4s ease 0s infinite normal none running;
    background: linear-gradient(90deg,rgba(var(--N200-raw),1) 25%,rgba(var(--N300-raw),.65) 40%,rgba(var(--N200-raw),1) 70%);
    background-size: 400% 100%
}

.preview-content .docx-audio-v2-container .xgplayer {
    background: var(--N100);
    border-radius: 36px;
    display: grid;
    grid-template-columns: 24px 1fr 24px;
    grid-column-gap: 14px;
    -webkit-column-gap: 14px;
    column-gap: 14px;
    overflow: visible;
    padding: 6px 18px;
    border: 1px solid transparent;
    z-index: 1
}

.preview-content .docx-audio-v2-container .xgplayer.docx-audio-v2-placeholder {
    min-height: 30px
}

.preview-content .docx-audio-v2-container .xgplayer.docx-audio-v2-placeholder .xgplayer-icon {
    width: 24px;
    height: 24px;
    align-items: center;
    display: flex;
    justify-content: center
}

.preview-content .docx-audio-v2-container .xgplayer.docx-audio-v2-placeholder .xg-icon-play {
    display: block!important
}

.preview-content .docx-audio-v2-container .xgplayer.docx-audio-v2-placeholder .xgplayer-progress {
    display: block;
    height: 12px;
    line-height: 12px
}

.preview-content .docx-audio-v2-container .xgplayer.docx-audio-v2-placeholder .xgplayer-progress-outer {
    height: 4px;
    display: block;
    transition: none
}

.preview-content .docx-audio-v2-container .xgplayer-progress {
    width: 100%;
    left: 0;
    right: 0
}

.preview-content .docx-audio-v2-container .xgplayer-bar,.preview-content .docx-audio-v2-container .xgplayer-progress-cache,.preview-content .docx-audio-v2-container .xgplayer-progress-outer {
    background-color: rgba(var(--N900-raw),.1)
}

.preview-content .docx-audio-v2-container .xgplayer .xgplayer-icon svg {
    height: 18px;
    width: 18px
}

.preview-content .docx-audio-v2-container .xgplayer .xgplayer-icon .universe-icon {
    line-height: 0
}

.preview-content .docx-audio-v2-container .audio-loading-icon {
    margin-left: 8px;
    line-height: 22px;
    display: flex;
    align-items: center
}

.preview-content .docx-audio-v2-container .audio-loading-icon .ud__loading__lottie {
    width: 16px;
    font-size: 16px
}

.preview-content .docx-audio-v2-container .audio-loading-icon svg {
    color: var(--icon-disabled);
    height: 16px;
    width: 16px
}

.preview-content .docx-audio-v2-container .audio-title-container {
    display: grid;
    grid-template-columns: 1fr auto;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2px;
    min-height: 30px
}

.preview-content .docx-audio-v2-container .audio-title {
    font-size: 14px;
    color: var(--text-title);
    font-weight: 500;
    overflow: hidden;
    display: flex;
    align-items: center
}

.preview-content .docx-audio-v2-container .audio-title-context {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.preview-content .docx-audio-v2-container .docx-volume-container .xgplayer-volume svg path {
    fill: var(--icon-n2)!important
}

.preview-content .docx-audio-v2-container .audio-v2-middle .xgplayer-progress {
    height: 12px;
    z-index: 30
}

.preview-content .docx-audio-v2-container .docx-play-button-container,.preview-content .docx-audio-v2-container .docx-volume-container {
    height: 100%;
    display: flex;
    align-items: center
}

.preview-content .docx-audio-v2-container .audio-icon-disabled {
    cursor: not-allowed
}

.preview-content .docx-audio-v2-container .audio-icon-disabled svg path {
    fill: var(--icon-disabled)!important
}

.preview-wrap {
    border: 1px solid var(--line-border-card);
    border-radius: 9px;
    overflow: hidden;
    max-width: 100%
}

.preview-wrap.is-audio-v2-style {
    border: none
}

.preview-wrap .box-preview-wrap {
    height: 100%;
    position: relative;
    overflow: hidden
}

.preview-wrap .box-preview-wrap .ssr-box-preview-cover {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.preview-wrap .box-preview-wrap .ssr-box-preview-cover .ud__loading__container-blur {
    opacity: 1!important;
    width: 100%;
    height: 100%
}

.preview-wrap .box-preview-wrap .ssr-box-preview-cover .ud__loading-nested-loading {
    width: 100%;
    height: 100%
}

.preview-wrap .preview-footer-v2 {
    height: 42px;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    align-items: center;
    background: var(--bg-base);
    border-top: 1px solid var(--line-border-card)
}

.preview-wrap .preview-footer-v2-other {
    background: var(--bg-body)
}

.preview-wrap .preview-footer-v2__container {
    display: flex;
    align-items: center;
    cursor: pointer
}

.preview-wrap .preview-footer-v2__container-text {
    color: var(--text-title);
    font-size: 14px;
    margin-left: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.docx-file-block .gpf-biz-action-manager-forbidden-placeholder[data-type=print-forbidden-placeholder] {
    display: none
}

.docx-file-block .file-alignable-container {
    display: flex
}

.docx-file-block .file-alignable-container .resizable-wrapper .draggable-btn {
    z-index: 1;
    height: 22px;
    width: 22px
}

.docx-file-block .file-alignable-container .resizable-wrapper .draggable-btn:after {
    height: 14px;
    width: 14px
}

.docx-file-block .file-alignable-container.center {
    justify-content: center
}

.docx-file-block .file-alignable-container.left {
    justify-content: flex-start
}

.docx-file-block .file-alignable-container.right {
    justify-content: flex-end
}

.docx-file-block .file-alignable-container .file-container {
    position: relative;
    box-sizing: initial
}

.docx-file-block .embed-inline-link.file-block svg {
    width: 1.15em;
    height: 1.15em;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.docx-file-block .embed-inline-link.file-block.offline-no-cache {
    cursor: not-allowed;
    color: var(--text-disabled)
}

.docx-file-block .embed-inline-link.file-block.offline-no-cache .file-icon {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .4
}

.docx-file-block.vc-hover .file-card,.docx-file-block.vc-hover .native-preview-box,.docx-file-block.vc-hover .preview-wrap {
    border-color: var(--colorful-carmine)!important
}

.docx-file-block.vc-hover .embed-inline-link.file-block {
    background-color: var(--C50)
}

.embed-inline-block .docx-file-block a {
    -webkit-text-decoration-color: var(--text-link-hover);
    text-decoration-color: var(--text-link-hover)
}

.page-block-children .block.docx-file-block.selected {
    background-color: initial
}

.page-block-children .block.docx-file-block .hovered-mask,.page-block-children .block.docx-file-block .selected-mask {
    display: none
}

.docx-file-block .docx-view-type-Card.docx-block-align-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.docx-file-block .docx-view-type-Card.docx-block-align-right {
    left: 100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

@-webkit-keyframes loadRotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loadRotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.tooltip-text {
    display: block;
    padding: 3px 6px;
    border-radius: 3px;
    position: absolute;
    z-index: 1;
    bottom: 45px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    background-color: var(--N700-BG);
    color: var(--N00-FG);
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s;
    will-change: opacity
}

.tooltip-text:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top: 5px solid var(--N700-BD)
}

.tooltip-host {
    position: relative
}

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

.progress .progress-text {
    font-size: 14px;
    color: var(--text-placeholder);
    margin-right: 7px
}

.file-card {
    display: flex;
    width: 400px;
    max-width: 100%;
    font-size: 16px;
    position: relative;
    background-color: var(--bg-body);
    border-radius: 8px;
    border: 1px solid var(--line-border-card);
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 400;
    -webkit-user-select: none;
    user-select: none
}

.file-card .file-btn {
    padding-right: 4px;
    margin-top: 8px;
    height: 48px;
    display: flex;
    align-items: center
}

.file-card .mobile .file-btn {
    -webkit-user-select: none;
    user-select: none
}

.file-card .progress,.file-card .rotate-loading {
    margin: 0 8px
}

.file-card .file-desc,.file-card .file-icon,.file-card .file-name,.file-card .progress {
    -webkit-user-select: none;
    user-select: none
}

.file-card .file-icon {
    width: 48px;
    height: 48px;
    margin: 8px 12px 8px 8px
}

.file-card .file-name {
    max-height: 44px;
    line-height: 22px;
    color: var(--text-title);
    -webkit-user-select: none;
    user-select: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.file-card .file-desc,.file-card .file-name {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.file-card .file-desc {
    height: 17px;
    white-space: nowrap;
    font-size: 12px;
    color: var(--text-caption)
}

.file-card .file-desc-offline-not-cache {
    color: var(--R500)
}

.file-card .save-tip {
    display: flex;
    align-items: center
}

.file-card .save-tip .icon {
    display: block;
    width: 12px;
    height: 12px
}

.file-card .save-tip.saving .icon {
    -webkit-animation: loadRotate 3s linear infinite;
    animation: loadRotate 3s linear infinite;
    will-change: transform
}

.file-card .save-tip .desc {
    display: block;
    margin-left: 8px
}

.file-card .btn-preview {
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--icon-n2);
    height: 34px;
    width: 34px;
    text-align: center;
    position: relative;
    overflow: unset;
    margin: 0 16px;
    cursor: pointer;
    padding: 4px;
    line-height: 24px;
    display: flex;
    justify-content: center;
    align-items: center
}

.file-card .btn-preview .media-preview-icon svg {
    height: 20px;
    width: 20px
}

.file-card .btn-preview .media-preview-offline-disabled {
    cursor: not-allowed;
    color: var(--text-disabled)
}

.file-card .btn-preview:hover {
    border-radius: 6px;
    background-color: var(--fill-hover)
}

.file-card .rotate-loading {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 3px solid var(--line-border-card);
    border-top-color: var(--text-link-hover);
    cursor: not-allowed;
    -webkit-animation: loadRotate 3s linear infinite;
    animation: loadRotate 3s linear infinite;
    will-change: transform
}

.docx-file-block.selected {
    background-color: initial!important
}

.docx-file-block .file-card {
    min-width: 200px;
    overflow: hidden
}

.block.selected .file-card {
    border-color: var(--primary-content-default)
}

.hidden-file-container {
    margin-top: -8px
}

.bear-web-x-container:not(.keyboard-mode) .btn-preview:hover .tooltip-text,.bear-web-x-container:not(.keyboard-mode) .tooltip-host:hover .tooltip-text {
    visibility: visible;
    opacity: 1
}

.bear-web-x-container:not(.keyboard-mode) .file-card .rotate-loading:hover {
    background-color: initial
}

@media (any-hover: hover) {
    .bear-web-x-container:not(.keyboard-mode) .file-card:hover {
        border-color:var(--primary-fill-solid-03);
        box-shadow: 0 0 0 1px var(--primary-fill-solid-03)
    }
}

.bear-web-x-container:not(.keyboard-mode) .docx-file-block.hovered {
    background-color: initial!important
}

.bear-web-x-container:not(.keyboard-mode) .block.hovered:not(.selected) .file-card {
    border-color: var(--primary-fill-solid-03);
    box-shadow: 0 0 0 1px var(--primary-fill-solid-03)
}

.bear-web-x-container:not(.keyboard-mode) .block[data-block-type=file] .embed-inline-link:hover {
    background: rgba(var(--B500-BG-raw),.1)
}

.mobile .bear-web-x-container:not(.keyboard-mode) .block[data-block-type=file] .embed-inline-link:hover {
    background: transparent
}

.mobile .bear-web-x-container:not(.keyboard-mode) .block[data-block-type=file] .embed-inline-link:active {
    background: rgba(var(--B500-BG-raw),.1)
}

.mobile .file-card {
    font-size: calc(var(--docx-base-font-size)*16/16);
    align-items: center
}

.mobile .file-card .file-name {
    font-size: calc(var(--docx-base-font-size)*16/16);
    line-height: calc(var(--docx-base-font-size)*22/16);
    max-height: calc(var(--docx-base-font-size)*44/16)
}

.mobile .file-card .file-desc {
    height: calc(var(--docx-base-font-size)*17/16);
    font-size: calc(var(--docx-base-font-size)*12/16)
}

.docx-jira-issue--inline {
    cursor: pointer;
    display: inline;
    padding: 2px;
    margin: 0 3px;
    font-size: 1em;
    word-break: break-word;
    border: none!important;
    color: var(--text-link-hover);
    position: relative
}

.docx-jira-issue--inline .jira-issue-type-icon {
    display: inline-block;
    border-radius: 2px;
    width: 1em;
    height: 1em;
    position: relative;
    top: .14em;
    margin-right: 4px;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: unset
}

.docx-jira-issue--inline .jira-issue-key {
    margin-right: 6px
}

.docx-jira-issue--inline .jira-issue-summary {
    margin-right: 4px
}

.docx-jira-issue--inline .jira-issue-status {
    font-size: .875em;
    border: 1px solid var(--text-link-hover);
    border-radius: 3px;
    display: inline-block;
    line-height: 1.2em;
    vertical-align: middle;
    position: relative;
    top: -.1em
}

.docx-jira-issue--inline.is-selected,.docx-jira-issue--inline:hover {
    border-radius: 4px;
    background-color: rgba(var(--primary-content-default-raw),.1)
}

.docx-jira-issue--inline:active {
    background-color: rgba(var(--B500-BG-raw),.2)
}

.docx-jira-issue--offline {
    cursor: not-allowed;
    color: var(--text-disabled)
}

.docx-jira-issue--offline .jira-issue-type-icon {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .4
}

.docx-jira-issue--offline .jira-issue-status {
    border-color: var(--text-disabled)
}

.docx-jira-issue--deleted {
    cursor: pointer;
    display: inline;
    padding: 5px 2px;
    font-size: 1em;
    word-break: break-word;
    border: none!important
}

.docx-jira-issue--deleted .jira-issue-key,.docx-jira-issue--deleted .jira-issue-tip {
    margin-left: 6px;
    color: var(--text-caption)
}

.docx-jira-issue--deleted .jira-issue-warning-icon {
    display: inline-block;
    position: relative
}

.docx-jira-issue--deleted .jira-issue-warning-icon svg {
    width: 1em;
    height: 1em;
    position: relative
}

.docx-jira-issue--deleted .jira-issue-warning-icon svg path:nth-child(2) {
    fill: #fff
}

.docx-jira-issue--deleted.is-selected,.docx-jira-issue--deleted:hover {
    border-radius: 4px;
    background-color: var(--B100-BG)
}

.mobile .docx-jira-issue--inline:active,.mobile .docx-jira-issue--inline:hover {
    background-color: unset
}

.mobile .docx-jira-issue--inline.is-selecting {
    background-color: #000
}

.mobile .docx-jira-issue--inline .jira-issue-type-icon {
    top: .1em
}

.mobile .docx-jira-issue--deleted .jira-issue-warning-icon {
    display: inline-block;
    position: relative;
    top: .05em
}

.agenda-block {
    padding: 12px 0
}

.docx-agenda-block {
    min-height: 30px
}

.agenda-item-block {
    margin-bottom: 28px
}

.agenda-item-block .content {
    position: relative;
    border-radius: 8px;
    padding-top: 10px;
    padding-left: 12px;
    display: flex;
    flex-direction: column;
    align-items: stretch
}

.agenda-item-block .content .sideline {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 30px;
    border-radius: 8px;
    overflow: hidden;
    pointer-events: none
}

.agenda-item-block .content .sideline:before {
    width: 3px;
    content: "";
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 0;
    background: var(--I100);
    border-radius: 1px;
    -webkit-transform-origin: top;
    transform-origin: top
}

.agenda-item-block .content .rooms.sideline:before {
    background: var(--I200)
}

.agenda-item-block .content:hover {
    background-color: rgba(var(--N900-raw),.03)
}

.agenda-item-block .content:hover .agenda-start-menu {
    display: flex
}

.agenda-item-block .create-btn-container {
    position: absolute;
    bottom: -28px;
    font-size: 12px;
    line-height: 28px;
    left: 0;
    right: 0;
    height: 28px;
    display: flex;
    align-items: center
}

.agenda-item-block .create-btn-container .create-btn {
    display: none
}

.agenda-item-block .create-btn-container:hover .create-btn {
    display: flex;
    align-items: center;
    background: none
}

.agenda-item-block .create-btn-container .add-icon {
    font-size: 12px;
    margin-right: 2px
}

.agenda-item-block .create-btn-container.before {
    top: -28px
}

.agenda-item-block .create-btn-container.readonly {
    display: none
}

.mobile .agenda-item-block .create-btn-container>.ud__button--size-xs {
    font-size: calc(var(--docx-base-font-size)*12/16)
}

.mobile .agenda-item-block .create-btn-container>.ud__button--size-xs>.ud__button__icon-inline {
    -webkit-transform: scale(calc(var(--docx-base-font-size-without-unit)/16));
    transform: scale(calc(var(--docx-base-font-size-without-unit)/16))
}

.agenda-item-block .block[data-block-type=agenda_item_content] {
    margin-bottom: 0;
    margin-top: 8px
}

.agenda-item-block .block[data-block-type=agenda_item_title] {
    margin-top: 0;
    margin-bottom: -1px
}

.agenda-item-block__wrapper {
    padding-right: 16px
}

[data-block-type=agenda_item]:first-child .create-btn-container:not(.readonly).before {
    display: flex;
    align-items: flex-end
}

[data-block-type=agenda_item]:last-child .agenda-item-block {
    margin-bottom: 0
}

[data-block-type=agenda_item]:last-child .create-btn-container:not(.readonly) {
    display: flex;
    align-items: flex-start
}

[data-block-type=agenda_item]:not(:first-child) .create-btn-container.before {
    display: none
}

.agenda-item-title-block {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px
}

.mobile .agenda-item-title-block {
    font-size: calc(var(--docx-base-font-size)*20/16);
    line-height: calc(var(--docx-base-font-size)*28/16)
}

.page-main.translated.with_original .agenda-title.translated {
    border-radius: 3px;
    background-color: var(--bg-filler)
}

.agenda-title .text-editor:not(.hide-placeholder):not(.non-empty):before {
    display: block
}

.agenda-title .agenda-title-ssr-placeholder {
    display: none;
    color: var(--text-disabled);
    cursor: text;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    left: 2px;
    top: auto
}

.page-main.page-main-ssr-editable .agenda-title .agenda-title-ssr-placeholder,.page-main.page-main-ssr-editable .agenda-title .text-editor:not(non-empty).hide-placeholder:before,.scrollbar-container.docx-ssr-editable .agenda-title .agenda-title-ssr-placeholder,.scrollbar-container.docx-ssr-editable .agenda-title .text-editor:not(non-empty).hide-placeholder:before {
    display: block
}

.agenda-item-content-block {
    padding-bottom: 9px
}

.agenda-item-content-block>.block:last-child:not([data-block-type=table]) {
    margin-bottom: 0
}

.agenda-item-content-block .docx-file-block-inner-container {
    -webkit-clip-path: inset(-3px -3px -3px -3px);
    clip-path: inset(-3px -3px -3px -3px)
}

.android .agenda-item-content-block .docx-file-block-inner-container {
    -webkit-clip-path: none;
    clip-path: none
}

.agenda-item-content-block .docx-file-block .file-alignable-container {
    min-width: 180px
}

.agenda-item-content-block .docx-file-block-inner-container .file-block:not(.is-audio-v2-style) {
    overflow: hidden
}

.agenda-item-content-block:not(.content-non-empty):before {
    content: attr(data-placeholder);
    display: block;
    color: var(--text-disabled);
    cursor: text;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    left: 2px;
    top: auto
}

.mobile .agenda-item-content-block:not(.content-non-empty):before {
    font-size: calc(var(--docx-base-font-size)*16/16);
    left: calc(var(--docx-base-font-size)*2/16)
}

.agenda-item-content-block.hide-content-placeholder:before {
    display: none
}

.agenda-item-content-block:empty {
    padding-bottom: 0;
    margin-bottom: 9px;
    overflow: hidden
}

.page-main.page-main-ssr-editable .agenda-item-content-block:not(.content-non-empty).hide-content-placeholder:before,.scrollbar-container.docx-ssr-editable .agenda-item-content-block:not(.content-non-empty).hide-content-placeholder:before {
    display: block
}

.time-input {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: none;
    height: 20px
}

.time-input-container {
    position: relative
}

.time-input-container-input {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    outline: none;
    border: none;
    background: none;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    color: var(--udtoken-tag-neutral-text-normal)
}

.time-input-container-input:disabled {
    opacity: 1;
    color: var(--udtoken-tag-neutral-text-normal);
    -webkit-text-fill-color: var(--udtoken-tag-neutral-text-normal)
}

.time-input-container-duration {
    padding-right: 4px
}

.time-input-container-duration-shadow {
    letter-spacing: 1px;
    padding-right: 1px;
    visibility: hidden;
    font-family: SourceCodeProMac
}

.mobile .time-input-container-duration-shadow,.windows .time-input-container-duration-shadow {
    font-family: "Source Code Pro",Menlo,Monaco,Consolas,"Liberation Mono","Courier New","Microsoft Yahei"
}

.time-input-unit {
    -webkit-user-select: none;
    user-select: none
}

.time-input-stepper {
    width: 24px;
    height: 100%
}

.time-input-stepper-icon {
    color: var(--icon-n2)
}

.time-input-stepper-icon-disabled {
    color: var(--icon-disabled)
}

.time-input-pointer {
    cursor: pointer
}

.agenda-time-timer {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 12px;
    align-self: flex-start
}

.mobile .agenda-time-timer {
    height: calc(var(--docx-base-font-size)*20/16);
    line-height: calc(var(--docx-base-font-size)*20/16);
    font-size: calc(var(--docx-base-font-size)*12/16);
    margin-bottom: calc(var(--docx-base-font-size)*12/16)
}

.agenda-time-timestamp {
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    white-space: nowrap;
    align-items: center;
    height: 100%;
    padding-left: 5px;
    border-radius: 4px;
    color: var(--udtoken-tag-neutral-text-normal);
    background-color: rgba(var(--N900-raw),.05)
}

.agenda-time-timestamp.hidden-operation {
    padding: 4px
}

.agenda-time-timestamp-icon {
    color: var(--icon-n2)
}

.agenda-time-cumulative-tag {
    position: relative;
    margin: 0
}

.agenda-time-cumulative-tag-timer {
    position: absolute;
    top: 0;
    left: 0
}

.agenda-time-cumulative-tag-shadow {
    visibility: hidden;
    font-family: SourceCodeProMac
}

.mobile .agenda-time-cumulative-tag-shadow,.windows .agenda-time-cumulative-tag-shadow {
    font-family: "Source Code Pro",Menlo,Monaco,Consolas,"Liberation Mono","Courier New","Microsoft Yahei"
}

.agenda-time-duration {
    cursor: pointer
}

.agenda-time-divider {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0 3px
}

.agenda-time-reminded {
    color: var(--function-warning-content-default)
}

.agenda-time-close.universe-icon {
    display: none;
    margin-left: 4px;
    font-size: 10px;
    cursor: pointer;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.34,.69,.1,1)
}

.agenda-time-timer:hover .agenda-time-close.universe-icon {
    display: block;
    opacity: .6
}

.agenda-time-btn {
    padding: 0;
    width: 20px;
    height: 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    font-size: 8px;
    border-left: 1px solid var(--line-divider-default)
}

.docx-ai-block .ai-block-container-wrapper,.fallback-async-ai .ai-block-container-wrapper {
    --background-spread: 0px;
    --ai-deg: 132deg;
    margin: 0 -11.5px;
    position: relative;
    border: 1.5px solid transparent;
    border-radius: 8px;
    overflow: unset;
    outline: none;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: linear-gradient(var(--bg-body),var(--bg-body)),conic-gradient(from var(--ai-deg) at 50%,at 50%,rgba(71,82,230,.5) -26.25deg,rgba(71,82,230,.5) 106.88deg,rgba(207,94,207,.5) 225deg,rgba(71,82,230,.5) 333.75deg,rgba(71,82,230,.5) 466.88deg);
    background-image: linear-gradient(var(--bg-body),var(--bg-body)),conic-gradient(from var(--ai-deg) at 50% 50%,rgba(71,82,230,.5) -26.25deg,rgba(71,82,230,.5) 106.88deg,rgba(207,94,207,.5) 225deg,rgba(71,82,230,.5) 333.75deg,rgba(71,82,230,.5) 466.88deg)
}

.docx-ai-block .ai-block-container-wrapper .ai-block-outline,.fallback-async-ai .ai-block-container-wrapper .ai-block-outline {
    position: relative;
    padding: 8px 10px;
    min-height: 42px
}

.docx-ai-block .ai-block-container-wrapper .ai-block-outline>.render-unit-wrapper>.block:first-child,.fallback-async-ai .ai-block-container-wrapper .ai-block-outline>.render-unit-wrapper>.block:first-child {
    margin-top: 0
}

.docx-ai-block .ai-block-container-wrapper .ai-block-outline>.render-unit-wrapper>.block:first-child.docx-table-block,.fallback-async-ai .ai-block-container-wrapper .ai-block-outline>.render-unit-wrapper>.block:first-child.docx-table-block {
    margin-top: 8px
}

.docx-ai-block .ai-block-container-wrapper .ai-block-outline>.render-unit-wrapper>.block:last-child,.fallback-async-ai .ai-block-container-wrapper .ai-block-outline>.render-unit-wrapper>.block:last-child {
    margin-bottom: 0
}

.docx-ai-block .ai-block-container-wrapper.no-background,.fallback-async-ai .ai-block-container-wrapper.no-background {
    background: unset
}

.page-block-children .block.docx-ai-block,.page-block-children .block.fallback-async-ai {
    margin-top: 1px;
    margin-bottom: 1px
}

.docx-grid-block .docx-ai-block .ai-block-container-wrapper,.docx-table-block .docx-ai-block .ai-block-container-wrapper {
    margin: 0 -5.5px
}

.docx-grid-block .ai-block-outline>.render-unit-wrapper,.docx-table-block .ai-block-outline>.render-unit-wrapper {
    margin-left: -6px;
    margin-right: -6px
}

.docx-grid-block .heading-children .docx-ai-block .ai-block-container-wrapper,.docx-grid-block .list-children .docx-ai-block .ai-block-container-wrapper,.docx-grid-block .text-children .docx-ai-block .ai-block-container-wrapper {
    margin-right: -2px
}

#ssrBox .docx-ai-block .chatbox-loading,.fallback-async-ai .chatbox-loading {
    position: absolute;
    top: 50%;
    left: 16px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.synced-source-block-header {
    position: relative;
    font-size: 34px;
    min-height: 55.25px;
    line-height: 1.625;
    color: var(--text-title);
    z-index: 0;
    padding: 20px 0 0;
    margin: 28px 0 22px;
    font-weight: 500
}

#ja-JP .synced-source-block-header,.windows .synced-source-block-header {
    font-weight: 600
}

.windows.chrome96 .synced-source-block-header {
    font-weight: 599
}

.synced-source-block-header .text-editor {
    position: relative
}

.synced-source-block-header .text-editor:not(.hide-placeholder):not(.non-empty):before {
    display: block
}

.synced-separate-page .fallback-async-synced_source>.docx-block-loading-container-block-loading,.synced-separate-page .fallback-async-synced_source>div>div>.docx-block-loading {
    margin-top: 125.25px
}

.mobile .synced-source-block-header {
    font-size: calc(var(--docx-base-font-size)*34/16);
    min-height: calc(var(--docx-base-font-size)*55.25/16)
}

.docx-synced-block-container:not(.synced-block-separated-page) {
    position: relative
}

.docx-synced-block-container:not(.synced-block-separated-page) .synced-source-block-children {
    margin: 16px 0;
    transition: opacity 1s 1s
}

.docx-synced-block-container:not(.synced-block-separated-page) .synced-source-block-children>.synced-source-render-unit>.docx-heading1-block:first-child,.docx-synced-block-container:not(.synced-block-separated-page) .synced-source-block-children>.synced-source-render-unit>.docx-heading2-block:first-child,.docx-synced-block-container:not(.synced-block-separated-page) .synced-source-block-children>.synced-source-render-unit>.docx-heading3-block:first-child,.docx-synced-block-container:not(.synced-block-separated-page) .synced-source-block-children>.synced-source-render-unit>.docx-heading4-block:first-child,.docx-synced-block-container:not(.synced-block-separated-page) .synced-source-block-children>.synced-source-render-unit>.docx-heading5-block:first-child,.docx-synced-block-container:not(.synced-block-separated-page) .synced-source-block-children>.synced-source-render-unit>.docx-heading6-block:first-child,.docx-synced-block-container:not(.synced-block-separated-page) .synced-source-block-children>.synced-source-render-unit>.docx-heading7-block:first-child,.docx-synced-block-container:not(.synced-block-separated-page) .synced-source-block-children>.synced-source-render-unit>.docx-heading8-block:first-child,.docx-synced-block-container:not(.synced-block-separated-page) .synced-source-block-children>.synced-source-render-unit>.docx-heading9-block:first-child {
    margin-top: 0!important
}

.docx-synced_source-block .docx-synced-block-container:not(.synced-block-separated-page) {
    border-radius: 8px;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box
}

.mobile .fallback-async-synced_source .quote-container-block .fold-wrapper {
    left: 5px
}

.synced-new-ui:not(.synced-separate-page) .fallback-async-synced_source .docx-synced-block-container {
    padding: 8px 10px;
    border: 1.5px solid transparent;
    margin: 0 -11.5px
}

.synced-new-ui:not(.synced-separate-page) .fallback-async-synced_source .docx-synced-block-container .synced-source-block-children {
    margin: 0
}

.synced-new-ui:not(.synced-separate-page) .fallback-async-synced_source .docx-synced-block-container .synced-source-block-children .synced-source-render-unit>.block:last-child {
    margin-bottom: 0
}

.synced-new-ui:not(.synced-separate-page) .fallback-async-synced_source .docx-synced-block-container .synced-source-block-children .synced-source-render-unit>.block:first-child {
    margin-top: 0
}

.synced-new-ui:not(.synced-separate-page) .fallback-async-synced_source .docx-synced-block-container .synced-source-block-children .synced-source-render-unit>.block:first-child .table-insert-bar.docx-col {
    top: -21px
}

.synced-new-ui:not(.synced-separate-page) .fallback-async-synced_source .docx-synced-block-container {
    background-image: linear-gradient(var(--bg-body),var(--bg-body)),linear-gradient(135deg,rgba(var(--B600-raw),0),rgba(var(--B400-raw),0),rgba(var(--W300-raw),0))
}

.synced-new-ui:not(.synced-separate-page) .fallback-async-synced_reference,.synced-new-ui:not(.synced-separate-page) .fallback-async-synced_source {
    margin-top: 0;
    margin-bottom: 0
}

.synced-new-ui:not(.synced-separate-page) .docx-grid-block .fallback-async-synced_source .docx-synced-block-container,.synced-new-ui:not(.synced-separate-page) .docx-table-block .fallback-async-synced_source .docx-synced-block-container {
    margin: .5px -4px;
    padding: 10px 2.5px
}

.wrapper.synced-new-ui {
    overflow: visible!important
}

.wrapper.synced-new-ui .docx-synced-block-container {
    margin-top: 0;
    margin-bottom: 0
}

.page-main.synced-new-ui .suspension-comment-area.synced_source {
    right: -111.5px
}

.bear-web-x-container.synced-block-separate-page-top-line:before {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    content: "";
    display: block;
    z-index: 9999;
    box-shadow: 0 -2px 6px 4px rgba(var(--N900-raw),.03)
}

.bear-web-x-container.synced-block-separate-page-bottom-line:after {
    position: fixed;
    bottom: 0;
    content: "";
    height: 32px;
    width: 100%;
    display: block;
    z-index: 9999;
    background: linear-gradient(180deg,rgba(var(--N00-raw),0),var(--N00))
}

.fallback-block {
    background-color: var(--bg-base);
    color: var(--text-title);
    font-size: 12px;
    border-radius: 4px;
    display: flex;
    justify-content: center
}

.fallback-block--left {
    width: 72px;
    height: 72px
}

.fallback-block--right {
    display: flex;
    flex-direction: column;
    padding-left: 8px;
    justify-content: center
}

.fallback-block.inline {
    margin: 0 4px;
    display: inline-block
}

.fallback-block-content {
    display: flex;
    flex-direction: column;
    align-items: center
}

.table .docx-fallback-block .task-block__container,.table .docx-fallback-block .task-block__container .editor-kit-container.zone-container {
    font-size: 14px;
    line-height: 22px
}

.docx-fallback-block .isv-block-container {
    width: 100%
}

.docx-fallback-block .isv-block-container .block-ssr-fallback {
    margin: 0
}

.docx-fallback-block .file-alignable-container,.docx-fallback-block .iframe-alignable-container {
    display: flex
}

.docx-fallback-block .file-alignable-container.left,.docx-fallback-block .iframe-alignable-container.left {
    justify-content: flex-start
}

.docx-fallback-block .file-alignable-container.center,.docx-fallback-block .iframe-alignable-container.center {
    justify-content: center
}

.docx-fallback-block .file-alignable-container.right,.docx-fallback-block .iframe-alignable-container.right {
    justify-content: flex-end
}

.docx-fallback-block .docx-view-type-Card.docx-block-align-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.docx-fallback-block .docx-view-type-Card.docx-block-align-right {
    left: 100%;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.docx-fallback-block .iframe-container {
    flex: none;
    position: relative;
    background: transparent;
    border: 1px solid transparent;
    box-sizing: initial
}

.docx-fallback-block .file-alignable-container {
    min-width: 180px
}

.docx-fallback-block .poll-option__container {
    display: flex
}

.docx-fallback-block .poll-option__container .poll-option-content__container {
    display: flex;
    flex: 1
}

.docx-fallback-block .poll-block__vote-footer {
    background: var(--bg-body);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.docx-fallback-block .poll-block__vote-footer-content {
    overflow: hidden;
    padding: 0 12px
}

.docx-fallback-block button.task-block__time-label__wrapper {
    font-size: inherit!important
}

.docx-fallback-block .task-block__time-label__time-label-icon {
    margin: 0 4px
}

.docx-width-mode .preview-wrap:not(.preview-type-audio):not(.preview-type-video) {
    max-width: 818px
}

.calendar-event-block-skeleton-container {
    border-radius: 8px;
    border: 1px solid var(--line-border-card);
    padding: 15px 11px 3px;
    width: 100%;
    max-width: 400px
}

.calendar-event-block-skeleton-container .header {
    display: flex
}

.calendar-event-block-skeleton-container .header .calendar-icon {
    flex: 0 0 auto;
    width: 18px;
    margin-right: 7px
}

.docx-grid_column-block .block.fallback-async-sheet {
    margin-top: 16px!important
}

.vc-hover-background {
    background-color: #fef1f8!important;
    background-color: var(--C50,#fef1f8)!important;
    border-radius: 4px
}

.vc-hover-border {
    border-color: #f01d94!important;
    border-color: var(--C500,#f01d94)!important
}

.code-block__lang-picker div.ud__popover-content {
    max-width: 240px;
    padding: 0!important
}

.code-block__lang-picker div.ud__popover-content .scrollbar-container .ps__rail-x.ps--clicking,.code-block__lang-picker div.ud__popover-content .scrollbar-container .ps__rail-x:focus,.code-block__lang-picker div.ud__popover-content .scrollbar-container .ps__rail-x:hover,.code-block__lang-picker div.ud__popover-content .scrollbar-container .ps__rail-y.ps--clicking,.code-block__lang-picker div.ud__popover-content .scrollbar-container .ps__rail-y:focus,.code-block__lang-picker div.ud__popover-content .scrollbar-container .ps__rail-y:hover {
    background-color: initial
}

.code-block__lang-picker div.ud__popover-content .scrollbar-container .ps__thumb-y {
    background: hsla(0,0%,92.2%,.3);
    background: rgba(var(--N900-raw,235,235,235),.3)
}

.code-block__lang-picker div.ud__popover-content .scrollbar-container .ps__rail-y.ps--clicking .ps__thumb-y,.code-block__lang-picker div.ud__popover-content .scrollbar-container .ps__rail-y:focus>.ps__thumb-y,.code-block__lang-picker div.ud__popover-content .scrollbar-container .ps__rail-y:hover>.ps__thumb-y {
    background-color: rgba(var(--N900-raw),.6)
}

.code-block__lang-picker div.ud__popover-content .scrollbar-container-small .ps__thumb-y {
    background: hsla(0,0%,92.2%,.3);
    background: rgba(var(--N900-raw,235,235,235),.3)
}

.code-block__lang-picker div.ud__popover-content .scrollbar-container-small .ps__thumb-y:hover {
    background: hsla(0,0%,92.2%,.6)!important;
    background: rgba(var(--N900-raw,235,235,235),.6)!important
}

.code-block__lang-picker div.ud__popover-content .scrollbar-container-small .ps__rail-y.ps--clicking .ps__thumb-y,.code-block__lang-picker div.ud__popover-content .scrollbar-container-small .ps__rail-y:hover .ps__thumb-y {
    background: hsla(0,0%,92.2%,.6);
    background: rgba(var(--N900-raw,235,235,235),.6)
}

.code-block__lang-picker .ud__menu-vertical {
    padding: 0
}

.code-block__lang-picker .ud__menu-vertical .ud__menu-item {
    margin-top: 0;
    margin-bottom: 0
}

.code-block__lang-picker-content {
    display: flex;
    flex-direction: column
}

.code-block__lang-picker-search {
    border-bottom: 1px solid #dee0e3;
    border-bottom: 1px solid var(--line-border-card,#dee0e3);
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.code-block__lang-picker-search .code-block__lang-picker-search-icon {
    margin: 0 8px 0 12px
}

.code-block__lang-picker-search .code-block__lang-picker-search-icon svg path {
    fill: #8f959e;
    fill: var(--icon-n3,#8f959e)
}

.code-block__lang-picker-search .code-block__lang-picker-search-input {
    padding: 10px 12px 10px 0;
    border: none;
    font-size: 14px;
    line-height: 20px;
    flex: 1;
    width: 100%;
    outline: none;
    background-color: #fff;
    background-color: var(--bg-float,#fff);
    color: #1f2329;
    color: var(--text-title,#1f2329)
}

.code-block__lang-picker-search .code-block__lang-picker-search-input::-webkit-input-placeholder {
    color: #8f959e;
    color: var(--text-placeholder,#8f959e)
}

.code-block__lang-picker-search .code-block__lang-picker-search-input::placeholder {
    color: #8f959e;
    color: var(--text-placeholder,#8f959e)
}

.code-block__lang-picker .code-block__lang-picker-list-container {
    padding: 4px 0;
    border-radius: 4px
}

.code-block__lang-picker .code-block__lang-picker-list {
    flex: 1;
    overflow: auto;
    border-right: none!important
}

.code-block__lang-picker .code-block__lang-picker-list .code-block__lang-picker-list-item {
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    line-height: 36px
}

.code-block__lang-picker .code-block__lang-picker-list .code-block__lang-picker-list-item .ud__menu-item-title-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.code-block__lang-picker .code-block__lang-picker-list .code-block__lang-picker-list-item .lang-text {
    max-width: 196px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.code-block__lang-picker .code-block__lang-picker-list .code-block__lang-picker-list-item .select-icon {
    margin-left: 8px
}

.code-block__lang-picker .code-block__lang-picker-list .code-block__lang-picker-list-item:hover {
    background-color: hsla(0,0%,92.2%,.08);
    background-color: var(--fill-hover,rgba(var(--N900-raw,235,235,235),.08))
}

.code-block__lang-picker .code-block__lang-picker-list .code-block__lang-picker-list-item-selected {
    color: #4c88ff;
    color: var(--primary-pri-500,#4c88ff)
}

.code-block__lang-picker .code-block__lang-picker-list .code-block__lang-picker-list-item-active,.code-block__lang-picker .code-block__lang-picker-list .code-block__lang-picker-list-item-active:hover {
    background-color: #eff0f1;
    background-color: var(--bg-filler,#eff0f1)
}

.code-block__lang-picker .code-block__lang-picker-list .code-block__lang-picker-list-item-disable {
    color: #646a73;
    color: var(--text-caption,#646a73);
    opacity: 1
}

.code-block__lang-picker .code-block__lang-picker-list .code-block__lang-picker-list-item-disable:hover {
    color: #646a73;
    color: var(--text-caption,#646a73)
}

.universe-icon {
    display: inline-block;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.universe-icon>* {
    line-height: 1
}

.universe-icon svg {
    display: inline-block;
    vertical-align: -.14em
}

.universe-icon:before {
    display: none
}

.scrollbar-container {
    position: relative;
    -ms-overflow-style: none
}

.scrollbar-container .ps__rail-x.ps--clicking,.scrollbar-container .ps__rail-x:focus,.scrollbar-container .ps__rail-x:hover,.scrollbar-container .ps__rail-y.ps--clicking,.scrollbar-container .ps__rail-y:focus,.scrollbar-container .ps__rail-y:hover {
    background-color: initial
}

.scrollbar-container .ps__thumb-y {
    background: hsla(0,0%,92.2%,.3);
    background: rgba(var(--N900-raw,235,235,235),.3)
}

.scrollbar-container .ps__rail-y.ps--clicking .ps__thumb-y,.scrollbar-container .ps__rail-y:focus>.ps__thumb-y,.scrollbar-container .ps__rail-y:hover>.ps__thumb-y {
    background-color: rgba(var(--N900-raw),.6)
}

.scrollbar-container-small .ps__thumb-y {
    background: hsla(0,0%,92.2%,.3);
    background: rgba(var(--N900-raw,235,235,235),.3)
}

.scrollbar-container-small .ps__thumb-y:hover {
    background: hsla(0,0%,92.2%,.6)!important;
    background: rgba(var(--N900-raw,235,235,235),.6)!important
}

.scrollbar-container-small .ps__rail-y.ps--clicking .ps__thumb-y,.scrollbar-container-small .ps__rail-y:hover .ps__thumb-y {
    background: hsla(0,0%,92.2%,.6);
    background: rgba(var(--N900-raw,235,235,235),.6)
}

.scrollbar-container.ps {
    overflow: auto!important
}

.scrollbar-container .ps__rail-y {
    z-index: 99
}

.scrollbar-container .ps__thumb-y {
    background: var(--ccmtoken-doc-highlightcolor-neutral-solid)
}

.scrollbar-container::-webkit-scrollbar {
    display: none
}

.scrollbar-container-small.ps--scrolling-y>.ps__rail-y,.scrollbar-container-small.ps:hover>.ps__rail-y {
    opacity: 1
}

.scrollbar-container-small .ps__thumb-y {
    width: 7px;
    background: rgba(var(--N600-raw),.3);
    border-radius: 3.5px
}

.scrollbar-container-small .ps__thumb-y:hover {
    background: rgba(var(--N600-raw),.6)!important
}

.scrollbar-container-small .ps__rail-y {
    width: 11px;
    margin: 2px 0
}

.scrollbar-container-small .ps__rail-y:hover {
    background: transparent;
    opacity: 1
}

.scrollbar-container-small .ps__rail-y:hover .ps__thumb-y {
    width: 7px;
    background: rgba(var(--N600-raw),.3)
}

.scrollbar-container-small .ps__rail-y.ps--clicking {
    background: transparent;
    opacity: 1
}

.scrollbar-container-small .ps__rail-y.ps--clicking .ps__thumb-y {
    width: 7px;
    background: rgba(var(--N600-raw),.6)
}

.lark .scrollbar-container.ps {
    overflow: hidden!important
}

.bear-container.lark .ps__rail-y {
    z-index: 1
}

.code-hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    color: #383a42;
    background: #fafafa
}

.code-hljs-comment,.code-hljs-quote {
    color: #a0a1a7;
    font-style: italic
}

.code-hljs-doctag,.code-hljs-formula,.code-hljs-keyword {
    color: #a626a4
}

.code-hljs-deletion,.code-hljs-name,.code-hljs-section,.code-hljs-selector-tag,.code-hljs-subst {
    color: #e45649
}

.code-hljs-literal {
    color: #0184bb
}

.code-hljs-addition,.code-hljs-attribute,.code-hljs-meta-string,.code-hljs-regexp,.code-hljs-string {
    color: #50a14f
}

.code-hljs-built_in,.code-hljs-class .code-hljs-title {
    color: #c18401
}

.code-hljs-attr,.code-hljs-number,.code-hljs-selector-attr,.code-hljs-selector-class,.code-hljs-selector-pseudo,.code-hljs-template-variable,.code-hljs-type,.code-hljs-variable {
    color: #986801
}

.code-hljs-bullet,.code-hljs-link,.code-hljs-meta,.code-hljs-selector-id,.code-hljs-symbol,.code-hljs-title {
    color: #4078f2
}

.code-hljs-emphasis {
    font-style: italic
}

.code-hljs-strong {
    font-weight: 700
}

.code-hljs-link {
    text-decoration: underline
}

.ace-line[\:has\(\%3E\%20.code-line-wrapper--hidden\)] {
    display: none
}

.ace-line:has(>.code-line-wrapper--hidden) {
    display: none
}

.code-line-wrapper:before {
    content: attr(data-line-num);
    position: absolute;
    left: 0;
    text-align: right;
    width: 46px;
    color: var(--text-caption);
    word-break: break-word;
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    cursor: default;
    white-space: nowrap
}

.code-line-wrapper .code-block-fold-controller--wrapper {
    position: absolute
}

.code-line-wrapper .code-block-fold-indicator--wrapper {
    position: relative
}

.code-line-wrapper .code-block-fold-controller {
    display: inline-block;
    width: 24px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    left: -36px;
    z-index: 11;
    visibility: hidden
}

.code-line-wrapper .code-block-fold-controller:before {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.77 8.781l-3.498-4.36a.36.36 0 010-.431.223.223 0 01.172-.09h7.112c.135 0 .244.137.244.305 0 .08-.026.158-.072.215L6.23 8.781c-.127.159-.333.159-.46 0z' fill='%23646A73'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    display: block;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: -webkit-transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s,-webkit-transform .2s ease-out 0s
}

.code-line-wrapper .code-block-fold-controller:after {
    content: " ";
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 5px;
    left: 6.5px;
    border-radius: 4px
}

.code-line-wrapper .code-block-fold-controller:active:after {
    background-color: rgba(31,35,41,.12);
    background-color: var(--fill-pressed,rgba(var(--N900-raw,31,35,41),.12))
}

.code-line-wrapper .code-block-fold-controller--folded {
    visibility: visible
}

.code-line-wrapper .code-block-fold-controller--folded:before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.code-line-wrapper .code-block-fold-indicator {
    display: inline-block;
    width: 24px;
    height: 18px;
    position: absolute;
    margin-left: 6px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #dee0e3;
    background-color: var(--N300,#dee0e3);
    top: 2px
}

.code-line-wrapper .code-block-fold-indicator:hover {
    background-color: #d0d3d6;
    background-color: var(--N350,#d0d3d6)
}

.code-line-wrapper .code-block-fold-indicator:before {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1' cy='1' r='1' fill='%231F2329'/%3E%3Ccircle cx='6' cy='1' r='1' fill='%231F2329'/%3E%3Ccircle cx='11' cy='1' r='1' fill='%231F2329'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%;
    height: 100%;
    display: block
}

[data-theme=dark] .code-line-wrapper .code-block-fold-indicator:before {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.show-fold-controller .code-line-wrapper .code-block-fold-controller {
    visibility: visible
}

.editor-kit-code-block {
    transition: none!important;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #2b2f36;
    color: var(--N800,#2b2f36);
    background-color: #f5f6f7;
    background-color: var(--bg-body-overlay,#f5f6f7);
    border: 1px solid #dee0e3;
    border: 1px solid var(--line-border-card,#dee0e3);
    border-radius: 4px;
    padding-bottom: 2px
}

.editor-kit-code-block.hovered:not(.selected) {
    border: 1px solid #bacefd;
    border: 1px solid var(--B200,#bacefd);
    box-shadow: 0 0 0 1px #bacefd;
    box-shadow: 0 0 0 1px var(--B200,#bacefd);
    background-color: initial
}

.editor-kit-code-block.selected {
    border-color: #3370ff;
    border-color: var(--text-link-hover,#3370ff)
}

.editor-kit-code-block .bold {
    font-weight: 700!important
}

.windows.chrome96 .editor-kit-code-block .bold {
    font-weight: 599!important
}

.editor-kit-code-block.is-safari .zone-container::-webkit-scrollbar {
    width: 0
}

.editor-kit-code-block.folded .code-block-content {
    overflow-y: hidden
}

.editor-kit-code-block .fold-wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 6px;
    left: 3px;
    line-height: 15px;
    cursor: pointer;
    z-index: 1
}

.editor-kit-code-block .fold-wrapper .fold-btn {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    display: flex;
    justify-content: space-around;
    align-items: center
}

.editor-kit-code-block .fold-wrapper .fold-btn svg {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: -webkit-transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s,-webkit-transform .2s ease-out 0s
}

.editor-kit-code-block .fold-wrapper:active .fold-btn {
    background-color: rgba(31,35,41,.12);
    background-color: var(--fill-pressed,rgba(var(--N900-raw,31,35,41),.12))
}

.editor-kit-code-block .fold-wrapper.folded .fold-btn svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.editor-kit-code-block .code-block-header {
    min-width: 92px;
    height: 24px;
    font-size: 14px;
    border-radius: 4px 4px 0 0;
    padding: 4px 8px 0;
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    opacity: 0;
    pointer-events: none
}

.editor-kit-code-block .code-block-header.header-visible {
    opacity: 1;
    pointer-events: auto
}

.editor-kit-code-block .code-block-header button {
    border: none;
    cursor: pointer
}

.editor-kit-code-block .code-block-header .ant-select {
    height: 26px
}

.editor-kit-code-block .code-block-header .ant-select-selection-item,.editor-kit-code-block .code-block-header .ant-select-selection-search-input {
    line-height: 26px!important
}

.editor-kit-code-block .code-block-header .code-block-caption {
    margin-right: 16px;
    margin-left: 28px
}

.editor-kit-code-block .code-block-header .code-block-header-toolbar {
    display: flex;
    flex: 1;
    justify-content: flex-end
}

.editor-kit-code-block .code-block-header .remain-space {
    height: 0;
    min-width: 1px;
    border: none;
    flex: 1
}

.editor-kit-code-block .code-block-header .full-space {
    height: 0;
    width: 100%;
    min-width: 1px;
    border: none;
    position: absolute
}

.editor-kit-code-block .code-block-header .code-wrap {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-right: 17px;
    height: 22px;
    padding: 0 4px 0 2px;
    background-color: initial;
    color: #646a73;
    color: var(--text-caption,#646a73);
    border: 0;
    border-radius: 4px;
    transition: none
}

.editor-kit-code-block .code-block-header .code-wrap path {
    fill: #646a73;
    fill: var(--icon-n2,#646a73)
}

.editor-kit-code-block .code-block-header .code-wrap:hover {
    background: rgba(var(--N900-raw),.1)
}

.editor-kit-code-block .code-block-header .code-wrap:active {
    background-color: rgba(var(--N900-raw),.2)
}

.editor-kit-code-block .code-block-header .code-wrap:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    right: -9px;
    height: 16px;
    width: 1px;
    background-color: hsla(0,0%,92.2%,.15);
    background-color: var(--line-divider-default,rgba(var(--N900-raw,235,235,235),.15))
}

.editor-kit-code-block .code-block-header .code-wrap.hide-divider {
    margin-right: 0
}

.editor-kit-code-block .code-block-header .code-wrap.hide-divider:after {
    display: none
}

.editor-kit-code-block .code-block-header .code-copy {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 4px 0 2px;
    height: 22px;
    background-color: initial;
    color: #646a73;
    color: var(--text-caption,#646a73);
    border: 0;
    border-radius: 4px;
    transition: none
}

.editor-kit-code-block .code-block-header .code-copy path {
    fill: #646a73;
    fill: var(--icon-n2,#646a73)
}

.editor-kit-code-block .code-block-header .code-copy:hover {
    background: rgba(var(--N900-raw),.1)
}

.editor-kit-code-block .code-block-header .code-copy:active {
    background-color: rgba(var(--N900-raw),.2)
}

.editor-kit-code-block .code-block-header .code-copy.show-divider {
    margin-right: 17px
}

.editor-kit-code-block .code-block-header .code-copy.show-divider:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    right: -9px;
    height: 16px;
    width: 1px;
    background-color: hsla(0,0%,92.2%,.15);
    background-color: var(--line-divider-default,rgba(var(--N900-raw,235,235,235),.15))
}

.editor-kit-code-block .code-block-header .code-dropdown {
    position: relative;
    right: -5px;
    width: 22px;
    min-width: 32px;
    height: 22px;
    border: 0;
    background-color: initial;
    border-radius: 4px;
    padding: 0 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: none
}

.editor-kit-code-block .code-block-header .code-dropdown:active {
    background-color: rgba(var(--bg-tips-raw),.2)
}

.editor-kit-code-block .code-block-header [ant-click-animating-without-extra-node=true]:after {
    display: none
}

.editor-kit-code-block.code-mobile-block .code-block-header {
    height: 36px;
    font-size: 14px;
    padding-top: 10px;
    padding-right: 17px;
    padding-bottom: 6px;
    position: static
}

.editor-kit-code-block.code-mobile-block .code-block-header .code-copy:hover {
    background-color: #f5f6f7;
    background-color: var(--bg-body-overlay,#f5f6f7)
}

.editor-kit-code-block.code-mobile-block .code-block-header .code-copy:active {
    background-color: rgba(var(--N900-raw),.2)
}

.editor-kit-code-block.code-mobile-block .code-block-header .code-dropdown {
    position: static;
    right: 0
}

.editor-kit-code-block.code-mobile-block .code-block-content {
    margin-top: 0
}

.editor-kit-code-block.code-mobile-block .code-block-content .code-block-zone-container {
    padding-bottom: 16px;
    -webkit-overflow-scrolling: auto
}

.editor-kit-code-block.code-mobile-block.code-fold-block .ignore-dom {
    height: 0
}

.editor-kit-code-block.code-mobile-block.code-fold-block .code-block-header {
    height: 24px
}

.editor-kit-code-block .code-block-content {
    margin: 24px 20px 0 0;
    font-family: SourceCodeProMac;
    display: flex;
    border-radius: 0 0 4px 4px;
    overflow-y: auto;
    overflow-x: visible;
    min-height: 53px;
    line-height: 22px!important;
    position: relative
}

.mobile .editor-kit-code-block .code-block-content,.windows .editor-kit-code-block .code-block-content {
    font-family: "Source Code Pro",Menlo,Monaco,Consolas,"Liberation Mono","Courier New","Microsoft Yahei"
}

.editor-kit-code-block .code-block-content .code-block-lines-gutter {
    display: flex;
    flex-direction: column;
    padding-right: 12px;
    color: #646a73;
    color: var(--text-caption,#646a73);
    position: -webkit-sticky;
    position: sticky;
    left: 0
}

.editor-kit-code-block .code-block-content .code-block-lines-gutter span {
    text-align: right;
    white-space: nowrap
}

.editor-kit-code-block .code-block-content .code-block-zone-container,.editor-kit-code-block .code-block-content .text-editor {
    text-align: left!important;
    white-space: pre!important;
    word-wrap: normal;
    word-break: keep-all;
    cursor: text;
    line-height: 22px!important;
    position: static
}

.editor-kit-code-block .code-block-content .code-block-zone-container .link-wrapper,.editor-kit-code-block .code-block-content .text-editor .link-wrapper {
    white-space: nowrap!important
}

.editor-kit-code-block .code-block-content .code-block-zone-container .link[data-link-node] span,.editor-kit-code-block .code-block-content .text-editor .link[data-link-node] span {
    white-space: pre;
    word-wrap: normal;
    word-break: normal
}

.editor-kit-code-block .code-block-content .code-block-zone-container {
    margin-left: 69px;
    flex: 1;
    padding-bottom: 24px;
    overflow: auto;
    outline: none
}

.editor-kit-code-block .code-block-content .code-block-zone-container::-webkit-scrollbar-corner,.editor-kit-code-block .code-block-content .code-block-zone-container::-webkit-scrollbar-thumb,.editor-kit-code-block .code-block-content .code-block-zone-container::-webkit-scrollbar-track {
    background: transparent
}

.editor-kit-code-block .code-block-content .code-block-zone-container.is-firefox {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent
}

.editor-kit-code-block .code-block-content .code-block-zone-container.is-firefox::-webkit-scrollbar {
    height: 7px;
    width: 7px
}

.editor-kit-code-block .code-block-content .code-block-zone-container.is-firefox.is-hover,.editor-kit-code-block .code-block-content .code-block-zone-container.is-firefox.scrolling {
    scrollbar-color: rgba(var(--N600-raw),.3) transparent
}

.editor-kit-code-block .code-block-content .code-block-zone-container.is-firefox.is-hover::-webkit-scrollbar-thumb,.editor-kit-code-block .code-block-content .code-block-zone-container.is-firefox.scrolling::-webkit-scrollbar-thumb {
    background-color: rgba(var(--N600-BG-raw),.3);
    border-radius: 7px
}

.editor-kit-code-block .code-block-content .code-block-zone-container.is-firefox.is-hover::-webkit-scrollbar-thumb:hover,.editor-kit-code-block .code-block-content .code-block-zone-container.is-firefox.scrolling::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--N600-BG-raw),.6)
}

.editor-kit-code-block .code-block-content .code-block-zone-container:not(.is-firefox)::-webkit-scrollbar {
    height: 13px;
    width: 13px
}

.editor-kit-code-block .code-block-content .code-block-zone-container:not(.is-firefox).is-hover::-webkit-scrollbar-thumb,.editor-kit-code-block .code-block-content .code-block-zone-container:not(.is-firefox).scrolling::-webkit-scrollbar-thumb {
    border: 3px solid var(--bg-body-overlay);
    background-color: rgba(var(--N600-BG-raw),.3);
    border-radius: 11px
}

.editor-kit-code-block .code-block-content .code-block-zone-container:not(.is-firefox).is-hover::-webkit-scrollbar-thumb:hover,.editor-kit-code-block .code-block-content .code-block-zone-container:not(.is-firefox).scrolling::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--N600-BG-raw),.6)
}

.editor-kit-code-block:not(.folded) .code-wrap-content .code-block-zone-container,.editor-kit-code-block:not(.folded) .code-wrap-content .text-editor {
    white-space: pre-wrap!important;
    word-break: break-word
}

.editor-kit-code-block:not(.folded) .code-wrap-content .code-block-zone-container div,.editor-kit-code-block:not(.folded) .code-wrap-content .text-editor div {
    white-space: break-spaces!important
}

.editor-kit-code-block:not(.folded) .code-wrap-content .code-block-zone-container .link[data-link-node] span,.editor-kit-code-block:not(.folded) .code-wrap-content .text-editor .link[data-link-node] span {
    white-space: pre-wrap;
    word-break: break-word
}

.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url {
    color: #fed37d;
    color: var(--Y800-FG,#fed37d);
    background: transparent
}

.editor-kit-code-block .code-block-header-btn {
    height: 22px;
    padding: 0 4px;
    transition: none;
    white-space: nowrap;
    line-height: 22px;
    vertical-align: top;
    display: flex;
    align-items: center;
    border-radius: 4px
}

.editor-kit-code-block .code-block-header-btn span {
    display: block;
    color: #646a73;
    color: var(--text-caption,#646a73);
    padding-right: 6px;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (hover: none) {
    .editor-kit-code-block .code-block-header-btn.ant-btn-text:hover {
        background:inherit
    }
}

.editor-kit-code-block .code-block-header-btn-con {
    height: 22px;
    border-radius: 4px;
    z-index: 2;
    justify-content: center;
    align-items: center
}

.editor-kit-code-block .code-block-header-btn-con:hover {
    background: rgba(var(--N900-raw),.1)
}

.editor-kit-code-block .code-block-header-btn-con:active {
    background-color: rgba(var(--N900-raw),.2)
}

.editor-kit-code-block .ghost-btn.disabled:hover {
    background: none
}

.editor-kit-code-block .ghost-btn.hover {
    background: rgba(var(--bg-tips-raw),.1)
}

.editor-kit-code-block .ghost-btn.hover-bg-hidden:hover {
    background: transparent!important;
    background-color: initial!important
}

.editor-kit-code-block .code-block-header.disabled .code-block-header-btn-con .code-block-header-btn {
    cursor: default
}

.editor-kit-code-block .code-block-header.disabled .code-block-header-btn-con:active,.editor-kit-code-block .code-block-header.disabled .code-block-header-btn-con:hover {
    background-color: initial
}

.editor-kit-code-block .uneditable .code-block-header-btn {
    cursor: inherit
}

.editor-kit-code-block .uneditable .code-block-header-btn-con {
    background: inherit
}

.code-menu-popup .ud__menu-normal {
    padding: 0;
    box-shadow: none
}

.code-menu-popup .ud__menu-normal.code-block__lang-picker-list {
    border: none;
    border-radius: 0
}

.code-menu .code-menu-languge-icon {
    position: relative;
    top: 3px
}

.code-menu .code-menu-languge-icon path {
    fill: #2b2f36;
    fill: var(--icon-n1,#2b2f36)
}

.code-menu.ud__menu-normal {
    padding: 2px 0;
    transition: none;
    background-color: #f8f9fa;
    background-color: var(--bg-body,#f8f9fa);
    border-radius: 4px;
    box-shadow: 0 8px 24px 8px rgba(31,35,41,.04),0 6px 12px rgba(31,35,41,.04),0 4px 8px -8px rgba(31,35,41,.06);
    box-shadow: var(--shadow-s4-down,0 8px 24px 8px rgba(var(--shadow-default-raw,31,35,41),.04),0 6px 12px rgba(var(--shadow-default-raw,31,35,41),.04),0 4px 8px -8px rgba(var(--shadow-default-raw,31,35,41),.06));
    color: #2b2f36;
    color: var(--icon-n1,#2b2f36)
}

.code-menu.ud__menu-normal .ud__menu-normal-item {
    width: 198px;
    height: 32px
}

.code-menu.ud__menu-normal .ud__menu-normal-item,.code-menu.ud__menu-normal .ud__menu-normal-item span {
    display: flex;
    align-items: center;
    justify-content: left
}

.code-menu.ud__menu-normal .ud__menu-normal-item span svg {
    margin-right: 5px
}

.code-menu.ud__menu-normal .ud__menu-normal-item span svg path {
    fill: #2b2f36;
    fill: var(--icon-n1,#2b2f36)
}

.code-menu.ud__menu-normal .ud__menu-normal-item:hover {
    background: rgba(var(--bg-tips-raw),.1)
}

.code-menu.ud__menu-normal .ud__menu-normal-item:active {
    background-color: rgba(var(--bg-tips-raw),.2)
}

.code-menu-mobile.ud__menu-normal {
    transition: none;
    background-color: #f8f9fa;
    background-color: var(--bg-body,#f8f9fa);
    border-radius: 4px;
    box-shadow: 0 4px 8px hsla(0,0%,92.2%,.1);
    box-shadow: 0 4px 8px var(--shadow-default-md,rgba(var(--N900-raw,235,235,235),.1));
    padding: 8px 0;
    color: #2b2f36;
    color: var(--N800,#2b2f36);
    font-size: 14px;
    line-height: 20px
}

.code-menu-mobile.ud__menu-normal .ud__menu-normal-item {
    height: 50px;
    padding: 15px 9px;
    display: flex;
    align-items: center;
    justify-content: left;
    color: #1f2329;
    color: var(--text-title,#1f2329)
}

.code-menu-mobile.ud__menu-normal .ud__menu-normal-item span {
    display: flex;
    align-items: center;
    justify-content: left
}

.code-menu-mobile.ud__menu-normal .ud__menu-normal-item span svg {
    margin-right: 3px
}

.code-menu-mobile.ud__menu-normal .ud__menu-normal-item span svg path {
    fill: #2b2f36;
    fill: var(--icon-n1,#2b2f36)
}

.code-menu-mobile.ud__menu-normal .ud__menu-normal-item:hover {
    background: rgba(var(--bg-tips-raw),.1)
}

.code-menu-mobile.ud__menu-normal .ud__menu-normal-item:active {
    background-color: rgba(var(--bg-tips-raw),.2)
}

.editor-kit-code-block.code-fold-block {
    box-sizing: border-box;
    overflow: auto;
    padding-bottom: 0;
    background-color: #f5f6f7;
    background-color: var(--bg-body-overlay,#f5f6f7)
}

.editor-kit-code-block.code-fold-block .code-block-header {
    padding: 8px 8px 0 0;
    opacity: 1;
    box-sizing: initial
}

.editor-kit-code-block.code-fold-block .code-block-header>* {
    opacity: 0
}

.editor-kit-code-block.code-fold-block .code-block-header .code-block-caption,.editor-kit-code-block.code-fold-block .code-block-header .fold-wrapper,.editor-kit-code-block.code-fold-block .code-block-header.header-visible>* {
    opacity: 1
}

.editor-kit-code-block.code-fold-block .code-block-header .code-block-header-btn-con,.editor-kit-code-block.code-fold-block .code-block-header .mobile-code-block-language-btn {
    position: relative;
    -webkit-user-select: none;
    user-select: none
}

.editor-kit-code-block.code-fold-block .code-block-header .code-block-header-btn-con:not(:last-child),.editor-kit-code-block.code-fold-block .code-block-header .mobile-code-block-language-btn:not(:last-child) {
    margin-right: 17px
}

.editor-kit-code-block.code-fold-block .code-block-header .code-block-header-btn-con:not(:last-child):after,.editor-kit-code-block.code-fold-block .code-block-header .mobile-code-block-language-btn:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    right: -8px;
    height: 16px;
    width: 1px;
    background-color: hsla(0,0%,92.2%,.15);
    background-color: var(--line-divider-default,rgba(var(--N900-raw,235,235,235),.15))
}

.editor-kit-code-block.code-fold-block .code-block-content {
    margin: 40px 0 0;
    padding: 0 20px 0 0
}

.editor-kit-code-block.code-fold-block .code-block-content.code-wrap-content .code-block-line {
    height: inherit;
    min-width: 31px;
    margin-right: 4px
}

.editor-kit-code-block.code-fold-block .code-block-content.code-wrap-content .code-block-zone-container {
    flex-shrink: 1!important
}

.editor-kit-code-block.code-fold-block .code-block-content.code-wrap-content .code-line-wrapper {
    margin-left: 0;
    padding-left: 24px
}

.editor-kit-code-block.code-fold-block .code-block-content.code-wrap-content .code-line-wrapper:before {
    position: absolute;
    left: 0;
    text-align: right;
    padding-right: 0
}

.editor-kit-code-block.code-fold-block .code-block-content.code-wrap-content .code-line-wrapper .code-block-fold-controller--wrapper {
    position: absolute
}

.editor-kit-code-block.code-fold-block .code-block-content .code-block-line {
    position: -webkit-sticky;
    position: sticky;
    min-width: 55px;
    margin-right: 2px;
    top: 0;
    left: 0;
    background-color: #f5f6f7;
    background-color: var(--bg-body-overlay,#f5f6f7);
    z-index: 0
}

.editor-kit-code-block.code-fold-block .code-block-content .code-line-wrapper {
    margin-left: -58px
}

.editor-kit-code-block.code-fold-block .code-block-content .code-line-wrapper:before {
    width: 36px;
    z-index: 10
}

.editor-kit-code-block.code-fold-block .code-block-content::-webkit-scrollbar-corner,.editor-kit-code-block.code-fold-block .code-block-content::-webkit-scrollbar-thumb,.editor-kit-code-block.code-fold-block .code-block-content::-webkit-scrollbar-track {
    background: transparent
}

.editor-kit-code-block.code-fold-block .code-block-content.is-firefox {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent
}

.editor-kit-code-block.code-fold-block .code-block-content.is-firefox::-webkit-scrollbar {
    height: 7px;
    width: 7px
}

.editor-kit-code-block.code-fold-block .code-block-content.is-firefox.is-hover,.editor-kit-code-block.code-fold-block .code-block-content.is-firefox.scrolling {
    scrollbar-color: rgba(var(--N600-raw),.3) transparent
}

.editor-kit-code-block.code-fold-block .code-block-content.is-firefox.is-hover::-webkit-scrollbar-thumb,.editor-kit-code-block.code-fold-block .code-block-content.is-firefox.scrolling::-webkit-scrollbar-thumb {
    background-color: rgba(var(--N600-BG-raw),.3);
    border-radius: 7px
}

.editor-kit-code-block.code-fold-block .code-block-content.is-firefox.is-hover::-webkit-scrollbar-thumb:hover,.editor-kit-code-block.code-fold-block .code-block-content.is-firefox.scrolling::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--N600-BG-raw),.6)
}

.editor-kit-code-block.code-fold-block .code-block-content:not(.is-firefox)::-webkit-scrollbar {
    height: 13px;
    width: 13px
}

.editor-kit-code-block.code-fold-block .code-block-content:not(.is-firefox).is-hover::-webkit-scrollbar-thumb,.editor-kit-code-block.code-fold-block .code-block-content:not(.is-firefox).scrolling::-webkit-scrollbar-thumb {
    border: 3px solid var(--bg-body-overlay);
    background-color: rgba(var(--N600-BG-raw),.3);
    border-radius: 11px
}

.editor-kit-code-block.code-fold-block .code-block-content:not(.is-firefox).is-hover::-webkit-scrollbar-thumb:hover,.editor-kit-code-block.code-fold-block .code-block-content:not(.is-firefox).scrolling::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--N600-BG-raw),.6)
}

.editor-kit-code-block.code-fold-block .code-block-content .code-block-zone-container {
    overflow: initial;
    margin-left: 0;
    flex: 0 0 auto;
    align-self: flex-start;
    min-width: calc(100% - 70px)
}

.editor-kit-code-block.code-fold-block .code-line-wrapper:before {
    position: -webkit-sticky;
    position: sticky;
    display: inline-block;
    padding-right: 22px;
    width: auto;
    background-color: initial;
    margin-right: 2px
}

.editor-kit-code-block.code-fold-block .code-line-wrapper .code-block-fold-controller--wrapper {
    position: -webkit-sticky;
    position: sticky;
    left: 70px;
    z-index: 11
}

html[data-theme=light] {
    --table-sticky-mask-bg: #f7f7f8
}

html[data-theme=dark] {
    --table-sticky-mask-bg: #252522
}

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

.grid-block>.grid-render-unit {
    display: flex
}

.grid-block.grid-vertical>.grid-render-unit {
    flex-direction: column
}

.grid-block .column-gap {
    cursor: default;
    margin: 0 6px;
    opacity: 0;
    transition: opacity .25s ease;
    touch-action: none
}

.grid-block .column-gap.opacity-higher-than-zero {
    opacity: .01
}

.grid-block .column-gap>.column-gap-inner {
    position: relative;
    display: flex;
    justify-items: center;
    align-items: center
}

.page-block-children.isSelecting .grid-block .column-gap>.column-gap-inner {
    visibility: hidden
}

.grid-block .column-gap.dragging,.grid-block .column-gap:hover {
    opacity: 1
}

.grid-block .column-gap.dragging .dragger-hot-spots .dragger {
    background-color: var(--B500-BG)
}

.grid-block .column-gap.disabled {
    cursor: default
}

.grid-block .column-gap.disabled .dragger {
    opacity: 0
}

.grid-block .column-gap.disabled .circle {
    border-color: var(--text-link-disabled)
}

.grid-block .column-gap:last-child {
    margin-right: -17px
}

.grid-block .column-gap:last-child>.column-gap-inner {
    padding-right: 0
}

.table-cell-block .grid-block .column-gap:last-child {
    margin-left: 0
}

.grid-block .column-gap .dragger-hot-spots {
    position: relative;
    padding: 0 5px;
    min-height: 26px;
    height: calc(100% - 16px);
    display: flex;
    justify-items: center;
    align-items: center
}

.grid-block .column-gap .dragger-hot-spots.editable-cursor {
    cursor: col-resize
}

.grid-block .column-gap .dragger-hot-spots .dragger {
    width: 2px;
    min-height: 26px;
    height: calc(100% - 8px);
    border-radius: 2px;
    background-color: var(--ccmtoken-mindnote-highlightcolor-neutral)
}

.grid-block .column-gap .dragger-hot-spots:hover .dragger {
    background-color: var(--B500-BG)
}

.grid-block .column-gap .circle {
    z-index: 1;
    top: -15px;
    left: -2px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center
}

.grid-block .column-gap .circle>svg.add-column {
    position: absolute;
    top: -8px;
    left: -3px;
    width: 22px;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    transition: all .15s ease;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform
}

.grid-block .column-gap .circle:hover .circle-dot {
    opacity: 0
}

.grid-block .column-gap .circle:hover svg.add-column {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.grid-block .circle:hover+.dragger-hot-spots {
    top: 4px;
    height: calc(100% + 20px)
}

.grid-block .circle:hover+.dragger-hot-spots .dragger {
    opacity: 1;
    background-color: var(--B500-BG)
}

.grid-block>.grid-render-unit>.column-gap-inner {
    margin: 0 6px;
    min-width: 12px
}

.grid-block>.grid-render-unit>.column-gap>.column-gap-inner {
    width: 100%;
    height: 100%;
    min-width: 12px
}

.grid-block .table-block:hover .table-cell-block:not(.selected) {
    background: var(--bg-body)
}

.grid-block .table-block:hover .sticky-row-wrapper tr:first-child .table-cell-block,.grid-block .table-block:hover .table.header-column .table-cell-block:first-child {
    background: var(--N100)
}

.grid-block .row-header-bar-mask {
    width: 18px;
    background: linear-gradient(90deg,var(--bg-body),var(--bg-body) 12px,var(--table-sticky-mask-bg) 0,var(--table-sticky-mask-bg) 18px)
}

.grid-block .grid-column-block>.render-unit-wrapper>.docx-table-block:first-child .table-header-bar-mask-container {
    display: block
}

.grid-block .grid-column-block>.render-unit-wrapper>.docx-synced_reference-block:not(.synced-reference-placeholder):first-child .table-header-bar-mask-container,.grid-block .grid-column-block>.render-unit-wrapper>.docx-synced_source-block:first-child .table-header-bar-mask-container {
    display: block;
    left: 0
}

.grid-block .grid-column-block>.render-unit-wrapper>.docx-synced_reference-block:not(.synced-reference-placeholder):first-child .table-header-bar-mask-container .mask,.grid-block .grid-column-block>.render-unit-wrapper>.docx-synced_source-block:first-child .table-header-bar-mask-container .mask {
    width: 10px;
    background: linear-gradient(180deg,var(--bg-body),var(--bg-body) 4px,var(--table-sticky-mask-bg) 0,var(--table-sticky-mask-bg) 26px)
}

.grid-block .table-insert-bar .sticky {
    margin-left: 6px
}

.grid-block .table-insert-bar .sticky .table-insert-hotzone {
    left: -6px
}

.grid-block .docx-text-block .row-header-bar-mask,.grid-block .docx-text-block .table-header-wrapper,.grid-block .docx-text-block .table-insert-bar .sticky {
    background: var(--table-sticky-mask-bg)
}

.grid-block .docx-synced_reference-block:not(.synced-reference-placeholder) .row-header-bar-mask,.grid-block .docx-synced_source-block .row-header-bar-mask {
    width: 23px
}

.grid-block .docx-synced_reference-block:not(.synced-reference-placeholder) .table-header-wrapper,.grid-block .docx-synced_source-block .table-header-wrapper {
    background: var(--table-sticky-mask-bg)
}

.page-block-children .docx-grid-block,.space-block-children .docx-grid-block {
    padding: 0
}

.page-block-children .docx-grid-block .grid-block.grid-horizontal .docx-grid_column-block,.page-block-children .docx-grid-block .grid-block.grid-vertical .grid-column-block,.space-block-children .docx-grid-block .grid-block.grid-horizontal .docx-grid_column-block,.space-block-children .docx-grid-block .grid-block.grid-vertical .grid-column-block {
    padding: 0 2px;
    margin-left: -2px;
    margin-right: -2px;
    border-radius: 4px;
    box-shadow: 0 0 0 4px transparent;
    transition: background-color .25s ease,box-shadow .25s ease
}

.page-block-children .docx-grid-block .grid-focus.grid-editable.grid-block.grid-horizontal .docx-grid_column-block,.page-block-children .docx-grid-block .grid-focus.grid-editable.grid-block.grid-vertical .grid-column-block,.space-block-children .docx-grid-block .grid-focus.grid-editable.grid-block.grid-horizontal .docx-grid_column-block,.space-block-children .docx-grid-block .grid-focus.grid-editable.grid-block.grid-vertical .grid-column-block,html:not(.mobile) .page-block-children .docx-grid-block:hover .grid-editable.grid-block.grid-horizontal .docx-grid_column-block,html:not(.mobile) .page-block-children .docx-grid-block:hover .grid-editable.grid-block.grid-vertical .grid-column-block,html:not(.mobile) .space-block-children .docx-grid-block:hover .grid-editable.grid-block.grid-horizontal .docx-grid_column-block,html:not(.mobile) .space-block-children .docx-grid-block:hover .grid-editable.grid-block.grid-vertical .grid-column-block {
    background-color: var(--ccmtoken-doc-block-bg-area);
    box-shadow: 0 0 0 4px var(--ccmtoken-doc-block-bg-area)
}

.page-block-children .docx-grid-block .grid-focus.grid-editable.grid-block .sticky-mask,.space-block-children .docx-grid-block .grid-focus.grid-editable.grid-block .sticky-mask,html:not(.mobile) .page-block-children .docx-grid-block:hover .grid-editable.grid-block .sticky-mask,html:not(.mobile) .space-block-children .docx-grid-block:hover .grid-editable.grid-block .sticky-mask {
    background-color: var(--table-sticky-mask-bg)
}

.page-block-children .progress-block-wrapper .grid-block .column-gap .circle,.page-block-children .table-cell-block .grid-block .column-gap .circle {
    top: -8px;
    left: 2px;
    width: 8px;
    height: 8px
}

.page-block-children .progress-block-wrapper .grid-block .column-gap .circle>svg.add-column,.page-block-children .table-cell-block .grid-block .column-gap .circle>svg.add-column {
    top: -4px;
    left: -3px;
    width: 14px
}

.page-block-children .progress-block-wrapper .grid-block .column-gap .circle:hover+.dragger-hot-spots,.page-block-children .table-cell-block .grid-block .column-gap .circle:hover+.dragger-hot-spots {
    height: calc(100% + 8px)
}

.page-block-children .progress-block-wrapper .grid-block .column-gap .dragger-hot-spots,.page-block-children .progress-block-wrapper .grid-block .column-gap .dragger-hot-spots .dragger,.page-block-children .table-cell-block .grid-block .column-gap .dragger-hot-spots,.page-block-children .table-cell-block .grid-block .column-gap .dragger-hot-spots .dragger {
    min-height: 20px
}

.page-block-children .progress-block-wrapper.selected .docx-grid-block:hover .grid-editable.grid-block.grid-horizontal .docx-grid_column-block,.page-block-children .progress-block-wrapper.selected .docx-grid-block:hover .grid-editable.grid-block.grid-vertical .grid-column-block,.page-block-children .table-cell-block.selected .docx-grid-block:hover .grid-editable.grid-block.grid-horizontal .docx-grid_column-block,.page-block-children .table-cell-block.selected .docx-grid-block:hover .grid-editable.grid-block.grid-vertical .grid-column-block {
    background-color: rgba(var(--bg-body-raw),0);
    box-shadow: 0 0 0 4px rgba(var(--N00-FG-raw),0)
}

body.grid-block-dragging {
    -webkit-user-select: none;
    user-select: none
}

body.grid-block-dragging,body.grid-block-dragging * {
    cursor: col-resize!important
}

body.grid-block-dragging .grid-block .column-gap:hover:not(.dragging) .dragger {
    background-color: unset
}

body.grid-block-dragging .grid-column-block {
    pointer-events: none
}

.grid-block.grid-vertical {
    display: block
}

.grid-block.grid-vertical>.grid-render-unit>.column-gap {
    display: none
}

.docx-grid-block .docx-grid_column-block:first-child .grid-column-block>.block:first-child {
    margin-top: 0
}

.grid-column-block .docx-block-loading {
    overflow: hidden
}

.grid-column-block .heading-block,.grid-column-block .list-wrapper,.grid-column-block .text-block-wrapper {
    -webkit-clip-path: inset(-200px 0 -200px -200px);
    clip-path: inset(-200px 0 -200px -200px)
}

.block-with-cssfullscreen-childnode .grid-column-block .heading-block,.block-with-cssfullscreen-childnode .grid-column-block .list-wrapper,.block-with-cssfullscreen-childnode .grid-column-block .text-block-wrapper,.block-with-half-screen-childnode .grid-column-block .heading-block,.block-with-half-screen-childnode .grid-column-block .list-wrapper,.block-with-half-screen-childnode .grid-column-block .text-block-wrapper,.block-with-iframe-fullscreen-childnode .grid-column-block .heading-block,.block-with-iframe-fullscreen-childnode .grid-column-block .list-wrapper,.block-with-iframe-fullscreen-childnode .grid-column-block .text-block-wrapper {
    -webkit-clip-path: none;
    clip-path: none
}

.grid-column-block .grid-column-percent {
    display: none;
    position: absolute;
    top: -2px;
    right: -2px;
    color: var(--N00-FG);
    font-size: 12px;
    line-height: 18px;
    padding: 0 4px;
    background: rgba(var(--N1000-BG-raw),.3);
    border-radius: 4px;
    z-index: 1
}

.grid-column-block .grid-column-percent:not(.in-vc) {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.grid-dragging .grid-column-block .grid-column-percent {
    display: block
}

.docx-grid-block .grid-block.grid-horizontal .grid-column-block>.render-unit-wrapper>.block:first-child {
    margin-top: 0!important
}

.docx-grid-block .grid-block.grid-horizontal .grid-column-block>.render-unit-wrapper>.block:last-child {
    margin-bottom: 0!important
}

.docx-grid-block .grid-block.grid-horizontal .grid-column-block>.render-unit-wrapper>.docx-view-block:first-child .block {
    margin-top: 0!important
}

.docx-grid-block .grid-block.grid-horizontal .grid-column-block>.docx-view-block:last-child .block,.docx-grid_column-block .block {
    margin-bottom: 0!important
}

.docx-grid_column-block .docx-bookmark-card-inner-container {
    overflow: hidden
}

.docx-grid_column-block .docx-callout-block-container .docx-callout-block-inner-container {
    position: relative;
    -webkit-clip-path: inset(-1px -1px -1px -1px);
    clip-path: inset(-1px -1px -1px -1px)
}

.docx-grid_column-block .docx-diagram-block-inner-container,.docx-grid_column-block .docx-message-block-inner-container {
    -webkit-clip-path: inset(-1px -1px -1px -1px);
    clip-path: inset(-1px -1px -1px -1px)
}

.block-with-iframe-fullscreen-childnode .docx-grid_column-block {
    -webkit-clip-path: none;
    clip-path: none
}

.docx-grid_column-block .docx-file-block-inner-container {
    -webkit-clip-path: inset(-6px -6px -6px -6px);
    clip-path: inset(-6px -6px -6px -6px)
}

.android .docx-grid_column-block .docx-file-block-inner-container,.block-with-cssfullscreen-childnode .docx-grid_column-block .docx-file-block-inner-container,.block-with-half-screen-childnode .docx-grid_column-block .docx-file-block-inner-container {
    -webkit-clip-path: none;
    clip-path: none
}

.docx-grid_column-block .docx-file-block .docx-view-type-Card .docx-file-block-inner-container {
    -webkit-clip-path: inset(-6px -6px -6px -6px)!important;
    clip-path: inset(-6px -6px -6px -6px)!important
}

.docx-grid_column-block .docx-file-block .file-alignable-container {
    min-width: 180px
}

.docx-grid_column-block .docx-file-block-inner-container .file-block:not(.is-audio-v2-style) {
    overflow: hidden
}

.docx-grid_column-block .embed-inline-block .docx-file-block-inner-container {
    -webkit-clip-path: none;
    clip-path: none
}

.docx-grid_column-block .todo-block {
    overflow: hidden
}

.docx-grid_column-block .docx-callout-block .callout-block {
    min-width: 100px
}

.docx-grid_column-block .docx-chat_card-block .chat-card {
    min-width: 208px
}

.docx-grid_column-block .docx-diagram-block .docx-diagram-displayer-container {
    min-width: 124px
}

.docx-grid_column-block .docx-url-preview-container:not(.viewType-inline) {
    -webkit-clip-path: inset(-3px -3px -3px -3px);
    clip-path: inset(-3px -3px -3px -3px)
}

.page-block-children .docx-grid-block .docx-grid_column-block,.space-block-children .docx-grid-block .docx-grid_column-block {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0
}

.page-block-children .docx-grid-block .docx-grid_column-block .docx-bullet-block,.page-block-children .docx-grid-block .docx-grid_column-block .docx-ordered-block,.page-block-children .docx-grid-block .docx-grid_column-block.docx-task-block,.page-block-children .docx-grid-block .docx-grid_column-block .docx-todo-block,.space-block-children .docx-grid-block .docx-grid_column-block .docx-bullet-block,.space-block-children .docx-grid-block .docx-grid_column-block .docx-ordered-block,.space-block-children .docx-grid-block .docx-grid_column-block.docx-task-block,.space-block-children .docx-grid-block .docx-grid_column-block .docx-todo-block {
    margin-top: 8px;
    margin-bottom: 8px
}

.editor-kit-container .inline-code {
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #f5f6f7;
    background-color: var(--bg-body-overlay,#f5f6f7);
    border: 1px solid #dee0e3;
    border-color: var(--line-border-card,#dee0e3);
    border-width: 1px 0;
    border-radius: 0
}

.editor-kit-container .inline-code_start {
    margin-left: 3px;
    border-left-width: 1px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.editor-kit-container .inline-code_start>span:first-child {
    padding-left: 2px!important;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.editor-kit-container .inline-code_end {
    margin-right: 3px;
    border-right-width: 1px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.editor-kit-container .inline-code_end>span:last-child {
    padding-right: 2px!important;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.editor-kit-container .text-editor {
    outline: 0;
    min-height: 22px
}

.editor-kit-container .text-editor,.editor-kit-container .text-editor .link-wrapper[auto-url] {
    white-space: pre-wrap;
    white-space: break-spaces
}

.editor-kit-container .text-editor.editable * {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.editor-kit-container .text-editor.editable:before {
    content: attr(data-placeholder);
    display: none;
    color: var(--text-disabled);
    cursor: text;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    left: 2px
}

.editor-kit-container .text-editor.editable.align-center:before {
    position: relative;
    left: 0;
    right: 0
}

.editor-kit-container .text-editor.editable.align-right:before {
    position: relative;
    right: 0
}

.editor-kit-container .text-editor.focused {
    position: relative
}

.editor-kit-container .text-editor.focused:before {
    display: block
}

.editor-kit-container .text-editor.translated-hover {
    background-color: var(--fill-hover);
    border-radius: 4px
}

.editor-kit-container .text-editor.non-empty:before {
    display: none!important
}

.editor-kit-container .text-editor .inline-trigger {
    text-indent: 0
}

.editor-kit-container .text-editor .inline-trigger-place-holder:after {
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 1em);
    overflow: hidden;
    content: attr(data-placeholder);
    color: var(--text-disabled);
    cursor: text
}

html.mobile.ios.app.ipad .inline-trigger-place-holder:after {
    display: inline;
    vertical-align: top
}

.editor-kit-container .text-editor .underline {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.editor-kit-container .text-editor .underline a:not(.at-user-text) {
    -webkit-text-decoration: underline var(--text-link-hover)!important;
    text-decoration: underline var(--text-link-hover)!important
}

.editor-kit-container .text-editor .underline.strike-through {
    text-decoration: underline line-through
}

.editor-kit-container .text-editor .underline.strike-through a:not(.at-user-text) {
    -webkit-text-decoration: underline line-through var(--text-link-hover)!important;
    text-decoration: underline line-through var(--text-link-hover)!important
}

.editor-kit-container .text-editor .strike-through {
    text-decoration: line-through
}

.editor-kit-container .text-editor .strike-through a:not(.at-user-text) {
    -webkit-text-decoration: line-through var(--text-link-hover)!important;
    text-decoration: line-through var(--text-link-hover)!important
}

.editor-kit-container .text-editor .strike-through.underline {
    text-decoration: underline line-through
}

.editor-kit-container .text-editor .strike-through.underline a:not(.at-user-text) {
    -webkit-text-decoration: underline line-through var(--text-link-hover)!important;
    text-decoration: underline line-through var(--text-link-hover)!important
}

.embed-inline-block {
    -webkit-user-select: text;
    user-select: text
}

.embed-inline-block div {
    display: inline
}

.embed-inline-block .block {
    padding: 0!important;
    margin: 0!important
}

.editor-kit-container .text-editor [data-embed-inlineblock] .block {
    padding: 0;
    margin: 0
}

.editor-kit-container .text-editor,.text-editor.editor-kit-container {
    position: relative
}

.editor-kit-container .text-editor *,.text-editor.editor-kit-container * {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.editor-kit-container .text-editor:before,.text-editor.editor-kit-container:before {
    content: attr(data-placeholder);
    display: none;
    color: #bbbfc4;
    cursor: text;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    left: 2px;
    top: auto
}

.editor-kit-container .text-editor.align-center:before,.text-editor.editor-kit-container.align-center:before {
    position: relative;
    left: 0;
    right: 0
}

.editor-kit-container .text-editor.align-right:before,.text-editor.editor-kit-container.align-right:before {
    position: relative;
    right: 0
}

.editor-kit-container .text-editor.non-empty:before,.text-editor.editor-kit-container.non-empty:before {
    display: none
}

.editor-kit-container .ace-line {
    margin: 0!important
}

.editor-kit-container .ace-line .not-display-enter {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0
}

.block.focused .text-editor.text-editor-focused:not(.hide-placeholder):before {
    display: block
}

.content-placeholder .zone-container.text-editor.text-editor:before,.root-block .page-content .zone-container.text-editor.text-editor:before,.root-block .space-block-content .zone-container.text-editor.text-editor:before,.root-block .topic-block-header-title .zone-container.text-editor.text-editor:before {
    content: attr(data-placeholder);
    display: block
}

.inline-code {
    font-family: SourceCodeProMac
}

.mobile .inline-code,.windows .inline-code {
    font-family: "Source Code Pro",Menlo,Monaco,Consolas,"Liberation Mono","Courier New","Microsoft Yahei"
}

.heading-block .inline-code {
    line-height: 1.5
}

.table .inline-code {
    line-height: 1.5;
    padding-top: 0;
    padding-bottom: 0
}

.mobile.ios.ipad .link-wrapper[\:has\(.inline-code\)] {
    vertical-align: bottom
}

.mobile.ios.ipad .link-wrapper:has(.inline-code) {
    vertical-align: bottom
}

.mobile.ios.ipad .ace-line[\:has\(.docx-equation-block\)] .link-wrapper[\:has\(.inline-code\)] {
    vertical-align: initial
}

.mobile.ios.ipad .ace-line:has(.docx-equation-block) .link-wrapper:has(.inline-code) {
    vertical-align: initial
}

.editor-kit-container .text-editor .inline-code .embed-inline-block .icon {
    width: 14px;
    height: 14px
}

.editor-kit-container .text-editor .inline-code .embed-inline-block .text {
    line-height: 2
}

.block .editor-kit-container,.block .text-editor {
    font-size: inherit;
    border-top-width: 0
}

.editor-kit-container[data-smart-correction=true][contenteditable=false] .smart-correction-text,body[data-smart-correction=true] .zone-container[contenteditable=false] .smart-correction-text {
    border-bottom-color: transparent!important
}

.bear-web-x-container .heading-block .heading-content {
    letter-spacing: -.02em
}

.heading-block>.heading {
    display: flex;
    align-items: baseline;
    position: relative
}

.heading-block>.heading.heading-block-align-center {
    justify-content: center
}

.heading-block>.heading.heading-block-align-center .heading-content {
    flex: 0 1 auto;
    min-width: 1px
}

.heading-block>.heading.heading-block-align-right {
    justify-content: flex-end
}

.heading-block>.heading.heading-block-align-right .heading-content {
    flex: 0 1 auto;
    min-width: 1px
}

.heading-block .heading-order {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0
}

.heading-block .heading-content {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    max-width: 100%
}

.heading-block .block {
    font-size: 14px
}

.heading-block .block .text-block .text-editor {
    font-size: 16px
}

.heading-block.revision-active .heading-order {
    color: var(--ordered-heading-revision-color)!important
}

.page-block-children .block.docx-heading1-block {
    margin-top: 26px;
    margin-top: var(--h1-margin-top);
    margin-bottom: 10px;
    margin-bottom: var(--h1-margin-bottom);
    font-size: 26px;
    font-size: var(--h1-font-size)
}

.page-block-children .block.docx-heading2-block {
    margin-top: 22px;
    margin-top: var(--h2-margin-top);
    margin-bottom: 8px;
    margin-bottom: var(--h2-margin-bottom);
    font-size: 22px;
    font-size: var(--h2-font-size)
}

.page-block-children .block.docx-heading3-block {
    margin-top: 20px;
    margin-top: var(--h3-margin-top);
    margin-bottom: 8px;
    margin-bottom: var(--h3-margin-bottom);
    font-size: 20px;
    font-size: var(--h3-font-size)
}

.page-block-children .block.docx-heading4-block {
    margin-top: 18px;
    margin-top: var(--h4-margin-top);
    margin-bottom: 8px;
    margin-bottom: var(--h4-margin-bottom);
    font-size: 18px;
    font-size: var(--h4-font-size)
}

.page-block-children .block.docx-heading5-block {
    margin-top: 18px;
    margin-top: var(--h5-margin-top);
    margin-bottom: 8px;
    margin-bottom: var(--h5-margin-bottom);
    font-size: 16px;
    font-size: var(--h5-font-size)
}

.page-block-children .block.docx-heading6-block {
    margin-top: 16px;
    margin-top: var(--h6-margin-top);
    margin-bottom: 8px;
    margin-bottom: var(--h6-margin-bottom);
    font-size: 16px;
    font-size: var(--h6-font-size)
}

.page-block-children .block.docx-heading7-block {
    margin-top: 16px;
    margin-top: var(--h7-margin-top);
    margin-bottom: 8px;
    margin-bottom: var(--h7-margin-bottom);
    font-size: 16px;
    font-size: var(--h7-font-size)
}

.page-block-children .block.docx-heading8-block {
    margin-top: 16px;
    margin-top: var(--h8-margin-top);
    margin-bottom: 8px;
    margin-bottom: var(--h8-margin-bottom);
    font-size: 16px;
    font-size: var(--h8-font-size)
}

.page-block-children .block.docx-heading9-block {
    margin-top: 16px;
    margin-top: var(--h9-margin-top);
    margin-bottom: 8px;
    margin-bottom: var(--h9-margin-bottom);
    font-size: 16px;
    font-size: var(--h9-font-size)
}

.page-block-children .block .heading-block {
    min-height: 22;
    color: var(--text-title);
    line-height: 1.4;
    margin: 0 -2px;
    padding: 0 2px
}

.page-block-children .block .heading-block .editor-kit-container,.page-block-children .block .heading-block .heading .text-editor {
    line-height: 1.4;
    padding-left: 12px;
    margin: 0 0 0 -12px
}

.page-block-children .block .heading-block .heading .heading-content .text-editor:before {
    left: 14px
}

.page-block-children .block .heading-block .heading-order {
    color: var(--primary-content-default);
    -webkit-user-select: none;
    user-select: none;
    padding: 0 2px;
    cursor: pointer;
    font-size: inherit;
    font-family: "Helvetica Neue","Consolas"!important;
    line-height: inherit;
    border-radius: 2px;
    margin-right: 6px;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    height: 20px
}

.page-block-children .block .heading-block .orderUnedit {
    cursor: default
}

.page-block-children .block .heading-block .heading-order-loading {
    color: rgba(var(--colorful-blue-raw),.2);
    -webkit-user-select: none;
    user-select: none;
    font-size: inherit;
    font-weight: inherit
}

.page-block-children .block .heading-block .heading-content,.page-block-children .block .heading-block .heading-order {
    font-weight: 500
}

#ja-JP .page-block-children .block .heading-block .heading-content,#ja-JP .page-block-children .block .heading-block .heading-order,.windows .page-block-children .block .heading-block .heading-content,.windows .page-block-children .block .heading-block .heading-order {
    font-weight: 600
}

.windows.chrome96 .page-block-children .block .heading-block .heading-content,.windows.chrome96 .page-block-children .block .heading-block .heading-order {
    font-weight: 599
}

.mobile .heading-block {
    min-height: calc(var(--docx-base-font-size)*22/16)
}

.mobile .heading-block .block {
    font-size: calc(var(--docx-base-font-size)*14/16)
}

.mobile .heading-block .block .text-block .text-editor {
    font-size: calc(var(--docx-base-font-size)*16/16)
}

.mobile .page-block-children .block.docx-heading1-block {
    font-size: calc(var(--docx-base-font-size)*26/16)
}

.mobile .page-block-children .block.docx-heading2-block {
    font-size: calc(var(--docx-base-font-size)*22/16)
}

.mobile .page-block-children .block.docx-heading3-block {
    font-size: calc(var(--docx-base-font-size)*20/16)
}

.mobile .page-block-children .block.docx-heading4-block {
    font-size: calc(var(--docx-base-font-size)*18/16)
}

.mobile .page-block-children .block.docx-heading5-block,.mobile .page-block-children .block.docx-heading6-block,.mobile .page-block-children .block.docx-heading7-block,.mobile .page-block-children .block.docx-heading8-block,.mobile .page-block-children .block.docx-heading9-block {
    font-size: calc(var(--docx-base-font-size)*16/16)
}

div.drag-snapshot .heading-block {
    padding-top: 2px!important
}

.drag-snapshot.docx-heading1-block {
    font-size: 26px
}

.drag-snapshot.docx-heading2-block {
    font-size: 22px
}

.drag-snapshot.docx-heading3-block {
    font-size: 20px
}

.drag-snapshot.docx-heading4-block {
    font-size: 18px
}

.drag-snapshot.docx-heading5-block,.drag-snapshot.docx-heading6-block,.drag-snapshot.docx-heading7-block,.drag-snapshot.docx-heading8-block,.drag-snapshot.docx-heading9-block {
    font-size: 16px
}

.mobile .drag-snapshot.docx-heading1-block {
    font-size: calc(var(--docx-base-font-size)*26/16)
}

.mobile .drag-snapshot.docx-heading2-block {
    font-size: calc(var(--docx-base-font-size)*22/16)
}

.mobile .drag-snapshot.docx-heading3-block {
    font-size: calc(var(--docx-base-font-size)*20/16)
}

.mobile .drag-snapshot.docx-heading4-block {
    font-size: calc(var(--docx-base-font-size)*18/16)
}

.mobile .drag-snapshot.docx-heading5-block,.mobile .drag-snapshot.docx-heading6-block,.mobile .drag-snapshot.docx-heading7-block,.mobile .drag-snapshot.docx-heading8-block,.mobile .drag-snapshot.docx-heading9-block {
    font-size: calc(var(--docx-base-font-size)*16/16)
}

.resizable-wrapper {
    position: relative
}

.sheet-block-resize-wrapper {
    display: flex
}

.sheet-block-resize-wrapper.left {
    justify-content: flex-start
}

.sheet-block-resize-wrapper.center {
    justify-content: center
}

.sheet-block-resize-wrapper.right {
    justify-content: flex-end
}

.sheet-block-resize-wrapper.mobile,.sheet-block-resize-wrapper.mobile .box {
    max-width: 100%
}

.sheet-block-resize-container {
    border: 1px solid transparent;
    position: relative
}

.sheet-block-resize-container .resizable-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.image-uploading-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--static-black-20)
}

.image-uploading-hint-container {
    position: absolute;
    top: 8px;
    right: 8px
}

.image-uploading-hint-container-horizontal-center {
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.image-uploading-hint-container-vertical-center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.image-uploading-hint-container-vertical-center.image-uploading-hint-container-horizontal-center {
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%)
}

.image-uploading-hint-container-hidden {
    display: none
}

.image-uploading-hint {
    display: flex;
    align-items: center;
    padding: 3px 6px;
    border-radius: 5px;
    background-color: var(--static-black-30);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    color: var(--static-white)
}

.image-uploading-hint-without-progress {
    padding: 2px
}

.image-uploading-circle {
    padding: 4px
}

.image-uploading-circle.ud__loading {
    color: var(--static-white)
}

.image-uploading-progress {
    min-width: 31px;
    text-align: right;
    font-weight: 400;
    font-size: 12px
}

.image-uploading-progress-center {
    text-align: center
}

.image-uploading-hint-without-progress .image-uploading-progress {
    display: none
}

.image-mask,.image-mask--image {
    position: absolute;
    top: 0;
    max-width: 100%
}

.image-mask--image {
    display: block;
    border-radius: 4px;
    height: auto
}

.image-mask--cover {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bg-base);
    opacity: .5
}

.image-mask--progress {
    line-height: 0;
    position: absolute;
    right: 12px;
    bottom: 12px
}

.block-revision.image-block-revision.delete-revision[data-revision-highlight=true]:after,.block-revision.image-block-revision[data-revision-highlight=true]:after {
    border-radius: 0
}

body.resizable-dragging .docx-image-block {
    pointer-events: all
}

.docx-image-block.image-block-wrapper-at-view-snapshot {
    background: unset
}

.image-block {
    display: flex;
    justify-content: center;
    max-width: 100%
}

.image-block .gpf-biz-action-manager-forbidden-placeholder[data-type=print-forbidden-placeholder] {
    display: none
}

.image-block.align-left {
    justify-content: flex-start
}

.image-block.align-right {
    justify-content: flex-end
}

.image-block-error {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border: 1px solid var(--line-border-card);
    border-radius: 4px;
    background-color: var(--bg-base);
    cursor: auto;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden
}

.image-block-error.selected {
    border-color: var(--text-link-hover)
}

.image-block-error .image-block-error-content {
    text-align: center
}

.image-block-error svg {
    flex-shrink: 1
}

.image-block-error p {
    font-size: 14px;
    line-height: 26px;
    color: var(--text-caption);
    padding: 0 15px;
    margin: 4px 0;
    text-align: center
}

.image-block-container,.image-block-width-wrapper {
    max-width: 100%;
    position: relative
}

.image-block .loading-placeholder-wrapper {
    border-color: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.image-block .loading-placeholder-wrapper .docx-block-loading {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: none;
    transform: none
}

.image-block .resizable-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.image-block.active .img {
    border-color: var(--text-link-hover)
}

.mobile .image-block.active .img {
    border-color: transparent
}

.image-block.active .loading-placeholder-wrapper .docx-block-mode {
    border-color: var(--text-link-hover);
    border-width: 1px
}

.image-block.active .draggable-btn {
    display: flex
}

.image-block .image-block-wrapper-at-view-snapshot {
    background: unset
}

.bear-web-x-container:not(.keyboard-mode) .docx-image-block.hovered {
    background: none
}

.bear-web-x-container:not(.keyboard-mode) .docx-image-block.hovered .hovered-mask {
    display: none
}

.bear-web-x-container:not(.keyboard-mode) .docx-image-block.hovered .docx-block-loading,.bear-web-x-container:not(.keyboard-mode) .docx-image-block.hovered .img {
    border-color: var(--primary-fill-solid-03)
}

.bear-web-x-container:not(.keyboard-mode) .docx-image-block.hovered .docx-block-loading:after,.bear-web-x-container:not(.keyboard-mode) .docx-image-block.hovered .img:after {
    border-width: 2px
}

.bear-web-x-container:not(.keyboard-mode) .image-block-error:hover {
    border-color: var(--primary-fill-solid-03)
}

.bear-web-x-container:not(.keyboard-mode) .image-block .loading-placeholder-wrapper:hover .docx-block-mode {
    border-color: var(--primary-fill-solid-03);
    border-width: 2px
}

@media (any-hover: hover) {
    .bear-web-x-container:not(.keyboard-mode) .image-block .resizable-wrapper:hover .img:after {
        border-color:var(--primary-fill-solid-03);
        border-width: 2px
    }
}

.bear-web-x-container:not(.keyboard-mode) .image-block-container {
    min-width: 32px
}

@media (any-hover: hover) {
    .bear-web-x-container:not(.keyboard-mode) .image-block-container .img:hover {
        border-color:var(--primary-fill-solid-03)
    }

    .mobile .bear-web-x-container:not(.keyboard-mode) .image-block-container .img:hover {
        border-color: transparent
    }

    .bear-web-x-container:not(.keyboard-mode) .image-block-container .img:hover:after {
        border-width: 2px
    }
}

.image-block.active .resizable-wrapper .img:after {
    border-color: var(--primary-content-default)!important;
    border-width: 1px!important
}

.image-block-container .resizable-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.image-block-container .resizable-wrapper .mask-canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: initial
}

.image-block-container .crop-container {
    overflow: hidden
}

.image-block-container .img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    min-width: 32px;
    padding: 0;
    border-color: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.presentation-mode-mask.pagination .image-block-container .img {
    min-width: unset
}

.image-block-container .img.ssr {
    cursor: unset;
    border: none!important
}

.image-block-container .img.ssr:after,.image-block-container .img.ssr:after:hover,.image-block-container .img.ssr:hover {
    border: none!important
}

.image-block-container .img:not(.ssr):after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid;
    border-color: inherit;
    pointer-events: none
}

.image-block-container .img.active {
    border-color: var(--primary-fill-solid-03)
}

.mobile .image-block-container .img.active {
    border-color: transparent
}

.image-block-container .img.active:after {
    border-width: 2px
}

.image-block-container .img.highlight {
    border-color: var(--text-link-hover);
    cursor: zoom-in
}

.mobile .image-block-container .img.highlight:after {
    border-color: var(--text-link-hover)
}

.image-block-container .img.loading {
    opacity: 0
}

.image-block-container .img img {
    object-fit: fill;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    display: block;
    -webkit-touch-callout: none
}

.image-block-container .img img.is_h5 {
    -webkit-touch-callout: default
}

.image-block-container .img img.success {
    background: var(--static-white)
}

.image-block-container .img img.invisible {
    visibility: hidden
}

.uneditable .image-block .img {
    cursor: zoom-in
}

.gif-loading-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1
}

.gif-loading-bg,.gif-loading-wrapper svg {
    max-width: 90%;
    max-height: 90%
}

.gif-loading-bg {
    position: absolute;
    z-index: -1
}

.docx-image-block.vc-hover .img {
    border-color: var(--colorful-carmine)
}

.bear-web-x-container .image-block.with-caption {
    padding-bottom: 4px
}

.bear-web-x-container .table-block .image-block .editor-kit-container {
    font-size: 14px;
    line-height: 20px
}

.bear-web-x-container .docx-grid_column-block .render-unit-wrapper>.block:last-child .image-block.with-caption,.bear-web-x-container .table-cell-content-wrapper .render-unit-wrapper>.block:last-child .image-block.with-caption {
    margin-bottom: 0
}

.image-block-wrapper-at-view-snapshot {
    background: var(--bg-body)
}

@-webkit-keyframes docx-isv-read-block-rotating {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes docx-isv-read-block-rotating {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

body .docx-isv-read-block-container {
    overflow: hidden;
    height: auto
}

.windows .bear-web-x-container .editor-kit-container {
    letter-spacing: .02em
}

.windows .bear-web-x-container .editor-kit-container .list-wrapper .list button {
    letter-spacing: .02em!important
}

.list-wrapper {
    margin: 0 -2px;
    padding: 0 2px
}

.list-wrapper:before {
    content: "";
    display: table
}

.list-wrapper .list {
    display: flex;
    position: relative;
    align-items: baseline;
    font-size: 16px;
    font-size: var(--common-row-font-size);
    line-height: 1.8;
    margin: 0 -2px;
    padding: 0 2px
}

.list-wrapper .list.list-align-center {
    justify-content: center
}

.list-wrapper .list.list-align-center .list-content {
    flex: 0 1 auto
}

.list-wrapper .list.list-align-right {
    justify-content: flex-end
}

.list-wrapper .list.list-align-right .list-content {
    flex: 0 1 auto
}

.list-wrapper .bullet,.list-wrapper .order {
    margin-right: 6px;
    min-width: 18px;
    height: 26px;
    height: var(--common-row-line-height);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-grow: 0;
    flex-shrink: 0;
    -webkit-user-select: none!important;
    user-select: none!important
}

.list-wrapper .bullet::selection,.list-wrapper .order::selection {
    background: none
}

.list-wrapper .bullet {
    font-size: 16px;
    font-size: var(--common-row-font-size);
    padding-left: 4px;
    font-family: "Arial","Helvetica","sans-serif";
    line-height: 26px;
    line-height: var(--common-row-line-height);
    color: var(--primary-content-default);
    height: 20px
}

.list-wrapper .bullet .bullet-dot-style {
    -webkit-transform: scale(1.375);
    transform: scale(1.375)
}

.android .list-wrapper .bullet {
    padding-left: 0
}

.android .list-wrapper .bullet .bullet-dot-style {
    width: 18px;
    display: flex;
    justify-content: center
}

.list-wrapper .order {
    white-space: nowrap;
    font-size: 16px;
    font-size: var(--common-row-font-size);
    line-height: 26px;
    line-height: var(--common-row-line-height);
    color: var(--primary-content-default);
    font-family: "Helvetica Neue","Consolas"!important;
    padding: 0 2px;
    border-radius: 2px;
    height: 20px
}

.list-wrapper .order.button.hover {
    background-color: var(--ccmtoken-doc-block-bg-hover)
}

.list-wrapper .order.button.hover:active {
    background-color: var(--ccmtoken-doc-block-bg-selected)
}

.list-wrapper .order>span {
    font-size: 1.5em
}

.list-wrapper .bulletUnedit,.list-wrapper .orderUnedit {
    cursor: default
}

.list-wrapper .list-content {
    flex: 1 1 0;
    min-width: 1px;
    display: flex;
    flex-direction: column
}

.list-wrapper .list-line {
    border-left: 1px solid var(--line-border-card)
}

.list-wrapper .translated-hover {
    background-color: var(--fill-hover);
    border-radius: 4px
}

.list-wrapper.revision-active .order {
    color: var(--ordered-list-revision-color)!important
}

.mobile .list-wrapper .bullet,.mobile .list-wrapper .list {
    font-size: calc(var(--docx-base-font-size)*16/16)
}

.mobile .list-wrapper .bullet,.mobile .list-wrapper .order {
    line-height: calc(var(--docx-base-font-size)*26/16);
    height: calc(var(--docx-base-font-size)*26/16)
}

html[data-theme=light] {
    --palette-indigo-500: #8d55ed;
    --palette-indigo-600: #4752e6;
    --palette-purple-350: rgba(183,145,250,0.13);
    --palette-purple-500: rgba(91,101,245,0.13)
}

html[data-theme=dark] {
    --palette-indigo-500: #a575fa;
    --palette-indigo-600: #9499f7;
    --palette-purple-350: rgba(124,74,212,0.18);
    --palette-purple-500: rgba(123,131,247,0.18)
}

.doc-ai-summary-mount-point.selection-disabled {
    -webkit-user-select: none;
    user-select: none
}

.doc-ai-summary-mount-point.hidden,.print .doc-ai-summary-mount-point {
    display: none
}

.docx-ai-summary-block {
    position: relative;
    --common-row-font-size: 14px;
    color: var(--text-caption)
}

.docx-ai-summary-block-content .list .text-editor,.docx-ai-summary-block-content .text-block .text-editor {
    min-height: 22px!important;
    line-height: 22px!important
}

.fold .docx-ai-summary-block-content {
    height: 26px;
    overflow: hidden;
    cursor: pointer
}

.fold .docx-ai-summary-block-content .list .text-editor,.fold .docx-ai-summary-block-content .text-block .text-editor {
    color: var(--text-caption)
}

.docx-ai-summary-block-tips {
    font-size: 12px;
    color: var(--text-placeholder);
    bottom: 16px!important;
    left: 16px;
    height: 22px!important
}

.docx-ai-summary-block-tips,.docx-ai-summary-block-toolbar {
    position: absolute;
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    user-select: none
}

.docx-ai-summary-block-toolbar {
    right: 0;
    bottom: 10px;
    height: 20px;
    padding: 0 4px 0 16px;
    cursor: pointer;
    background-color: var(--bg-body)
}

.fold .docx-ai-summary-block-toolbar-transition {
    margin-left: 16px
}

.docx-ai-summary-block-toolbar-fold-btn .universe-icon {
    margin-left: 4px
}

.docx-ai-summary-block-toolbar-fold-btn:hover {
    color: var(--B500)
}

.docx-ai-summary-block-toolbar-fold-btn .btn-for-fold {
    display: block
}

.docx-ai-summary-block-toolbar-fold-btn .btn-for-expand,.fold .docx-ai-summary-block-toolbar-fold-btn .btn-for-fold {
    display: none
}

.fold .docx-ai-summary-block-toolbar-fold-btn .btn-for-expand {
    display: block
}

.docx-ai-summary-block-toolbar-fold-btn-icon {
    color: var(--text-caption)!important;
    height: 22px!important
}

.docx-ai-summary-block-toolbar-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 16px
}

.docx-ai-summary-block-toolbar-more {
    margin-left: 8px;
    padding: 6px 4px
}

.docx-ai-summary-block-toolbar-more:hover {
    color: var(--B500)
}

.docx-ai-summary-block-toolbar-more-v2 {
    margin-left: 8px!important;
    padding: 6px 4px!important;
    color: var(--icon-n2)!important
}

.docx-ai-summary-block-toolbar-more-v2:hover {
    color: var(--icon-n2)!important
}

.docx-ai-summary-block-toolbar-more-v2-fold,.docx-ai-summary-block-toolbar-more-v2-fold:hover {
    color: var(--text-caption)!important
}

.docx-ai-summary-block-toolbar-dropdown .ud__menu-normal {
    min-width: 110px
}

.fold .docx-ai-summary-block-toolbar {
    top: 1px;
    background: linear-gradient(270deg,var(--bg-body) calc(100% - 16px),transparent)
}

.docx-ai-summary-block-inner-v2 {
    display: grid;
    grid-template-rows: 1fr;
    transition: all .2s ease-in;
    margin-bottom: 32px;
    margin-top: 6px;
    padding: 16px 16px 42px;
    border: 1px solid var(--N300);
    border-radius: 8px
}

.docx-ai-summary-block-inner-v2 .docx-ai-summary-block-content {
    min-height: 22px!important;
    overflow: hidden
}

.docx-ai-summary-block-inner-v2 .page-block-children {
    margin: 0!important
}

.docx-ai-summary-block-inner-v2 .docx-ai-summary-block-toolbar {
    right: 16px!important;
    bottom: 16px!important;
    padding: 0;
    height: 22px!important
}

.docx-ai-summary-block-inner-v2 .docx-ai-summary-block-toolbar-fold-btn {
    margin-right: -2px;
    padding-left: 12px
}

.docx-ai-summary-block-inner-v2-isFold {
    cursor: pointer;
    padding: 16px!important;
    grid-template-rows: 0fr
}

.docx-ai-summary-block-inner-v2-isFold .docx-ai-summary-block-content {
    height: 22px!important
}

.docx-ai-summary-block-inner-v2-isFold .docx-ai-summary-block-content .render-unit-wrapper {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-caption)
}

.docx-ai-summary-block-inner-v2-isFold .docx-ai-summary-block-content .render-unit-wrapper * {
    display: inline;
    vertical-align: top;
    white-space: nowrap;
    line-height: 22px;
    color: var(--text-caption);
    font-weight: 400!important
}

.docx-ai-summary-block-inner-v2-isFold .docx-ai-summary-block-content .render-unit-wrapper * .list-wrapper:before {
    display: inline
}

.docx-ai-summary-block-inner-v2-isFold .docx-ai-summary-block-tips {
    display: none
}

.docx-ai-summary-block-inner-v2-isFold .docx-ai-summary-block-toolbar {
    opacity: 0;
    top: 50%!important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.docx-ai-summary-block-inner-v2-isFold .docx-ai-summary-block-toolbar-isIPad {
    opacity: 1!important
}

.docx-ai-summary-block:hover .docx-ai-summary-block-toolbar {
    opacity: 1
}

.docx-ai-summary-block-divider {
    padding: 10px 0 20px
}

.docx-ai-summary-block-divider-line {
    height: .5px;
    background-color: var(--line-divider-default)
}

.fold .docx-ai-summary-block-divider {
    padding: 8px 0 20px
}

.summary-entry-icon {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    height: 26px
}

.summary-entry-icon button {
    padding: 0 2px
}

.summary-entry-icon-title {
    margin-left: 6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: var(--text-caption);
    white-space: nowrap
}

.summary-entry-icon-free-trial {
    height: 16px;
    border-radius: 4px;
    padding: 0 4px;
    margin-left: 4px;
    background: radial-gradient(100% 100% at 100%,at 0,var(--palette-purple-350) 0,var(--palette-purple-500) 79.5%);
    background: radial-gradient(100% 100% at 100% 0,var(--palette-purple-350) 0,var(--palette-purple-500) 79.5%)
}

.summary-entry-icon-free-trial-text {
    line-height: 16px;
    font-weight: 500;
    font-size: 10px;
    background: radial-gradient(95% 55.37% at 95%,at 28.12%,var(--palette-indigo-500) 0,var(--palette-indigo-600) 100%);
    background: radial-gradient(95% 55.37% at 95% 28.12%,var(--palette-indigo-500) 0,var(--palette-indigo-600) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.summary-entry-icon-caret {
    -webkit-transform: translate(-50%) rotate(180deg);
    transform: translate(-50%) rotate(180deg);
    position: absolute;
    width: 24px;
    height: 7px;
    left: 50%;
    z-index: 1
}

.summary-entry-icon-caret>svg {
    vertical-align: top
}

.ai-summary-ssr-placeholder,.ssr-doc-ai-summary-container {
    -webkit-user-select: none;
    user-select: none
}

.ai-summary-ssr-placeholder .docx-ai-summary-block-content,.ssr-doc-ai-summary-container .docx-ai-summary-block-content {
    cursor: unset!important
}

.ssr-doc-info-content {
    height: 46px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 12px 0 8px
}

.ssr-doc-info-content:after {
    content: "";
    flex: auto
}

.ssr-doc-info-group {
    display: inline-flex
}

.ssr-doc-info-group-divider {
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: var(--line-divider-default);
    margin: 0 14px
}

.ssr-doc-info-group-divider-editor {
    margin: 0 14px 0 2px
}

.ssr-doc-info-editor-wrapper {
    padding-right: 18px
}

.ssr-docs-info-editor {
    display: flex;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 6px;
    padding: 2px
}

.ssr-docs-info-editor-list {
    display: flex;
    align-items: center;
    height: 22px
}

.ssr-docs-info-editor-list-avatar-with-name {
    display: flex;
    align-items: center;
    margin-right: 4px;
    padding: 1px
}

.ssr-docs-info-editor-list-avatar-with-name:last-child {
    margin-right: 0
}

.ssr-docs-info-editor-list-avatar-no-name {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: bottom;
    border-radius: 99999px;
    margin-right: 4px;
    padding: 0
}

.ssr-docs-info-editor-list-avatar-no-name:last-child {
    margin-right: 2px
}

.ssr-docs-info-editor-list-number {
    border-radius: 99999px;
    width: 20px;
    height: 20px;
    background: var(--bg-filler);
    z-index: 1;
    color: var(--text-caption);
    text-align: center;
    box-sizing: initial;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-right: 2px
}

.ssr-docs-info-editor-list-number span {
    font-family: PingFang SC;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -1px;
    margin-left: -1.5px
}

.ssr-docs-info-avatar-container {
    display: flex;
    align-items: center
}

.ssr-docs-info-avatar-name {
    height: 20px;
    overflow: hidden;
    line-height: 20px
}

.ssr-docs-info-avatar-name span {
    overflow-wrap: normal;
    word-break: keep-all
}

.ssr-docs-info-avatar-name-text {
    padding: 0 4px;
    white-space: nowrap;
    color: var(--text-caption)
}

.ssr-docs-info-avatar-name-no-text {
    padding: 0 4px;
    visibility: hidden;
    margin-left: -2000px
}

.ssr-doc-info-num-item {
    margin-right: 6px;
    color: var(--text-caption);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 2px 4px;
    display: flex;
    align-items: center
}

.ssr-doc-info-num-item-value {
    margin-left: 4px;
    display: flex;
    align-items: center
}

.ssr-doc-info-time-item {
    color: var(--text-caption);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 2px 4px
}

.ssr-doc-info-time-item:last-child {
    margin-right: 0
}

.ssr-doc-info-time-item:nth-child(2) {
    margin-left: 12px!important
}

.doc-info-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    padding-top: 12px;
    padding-bottom: 8px
}

.doc-info-hidden {
    display: none
}

.reference-page-block-title.inactive {
    color: red
}

.page-block-header {
    position: relative;
    z-index: 0;
    padding: 20px 0 0;
    margin: 0 0 22px;
    word-break: break-word
}

.page-block-header .cover.empty {
    opacity: 0;
    padding-top: 32px
}

.page-block-header:hover .cover.empty {
    opacity: 1
}

.page-block-header .preview-board-cover {
    margin-bottom: 30px
}

.page-block-header .text-editor:before {
    position: absolute;
    z-index: -1
}

.page-block-content {
    position: relative;
    font-size: 34px;
    min-height: 55.25px;
    line-height: 1.625;
    color: var(--text-title);
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0
}

#ja-JP .page-block-content,.windows .page-block-content {
    font-weight: 600
}

.windows.chrome96 .page-block-content {
    font-weight: 599
}

.page-block-content .text-editor {
    position: relative
}

.mobile .page-block-content {
    font-size: calc(var(--docx-base-font-size)*34/16);
    min-height: calc(var(--docx-base-font-size)*55.25/16)
}

.root-block>.editor-kit-container>.page-block-children>.render-unit-wrapper>.block:first-child {
    margin-top: 0
}

.root-block {
    outline: 0 solid transparent
}

.page-block-children:not(.synced-block-mode) .root-render-unit-container>.render-unit-wrapper>.block:first-child {
    margin-top: 0!important
}

.page-block-children.synced-block-shortcut {
    margin-left: -8px;
    margin-right: -8px
}

.page-block-children.synced-block-shortcut .root-render-unit-container>.render-unit-wrapper>.block:not(.docx-table-block):first-child {
    margin-top: 5px!important
}

.page-block-children.synced-block-shortcut .root-render-unit-container>.render-unit-wrapper>.block.docx-table-block:first-child {
    margin-top: 30px!important
}

.page-block-children.synced-block-im .root-render-unit-container>.render-unit-wrapper>.block {
    margin-top: 0
}

.page-block-children.synced-block-im .root-render-unit-container .render-unit-wrapper.synced-source-render-unit>.block:not(.docx-table-block):first-child {
    margin-top: 5px!important
}

.page-block-children.synced-block-im .root-render-unit-container .render-unit-wrapper.synced-source-render-unit>.block.docx-table-block:first-child {
    margin-top: 30px!important
}

.page-block-children {
    font-size: 16px;
    color: var(--text-title)
}

.page-block-children.announcement:before {
    display: block;
    height: 20px;
    content: ""
}

.page-block-children .block {
    position: relative;
    margin-top: 16px;
    margin-top: var(--common-block-margin-top);
    margin-bottom: 16px;
    margin-bottom: var(--common-block-margin-bottom);
    word-break: break-word;
    line-height: 1.8
}

.page-block-children .block .selected-mask {
    background-color: var(--ccmtoken-doc-block-bg-selected);
    -webkit-user-select: none!important;
    user-select: none!important
}

.page-block-children .block.docx-blank-block,.page-block-children .block.docx-bullet-block,.page-block-children .block.docx-divider-block,.page-block-children .block.docx-ordered-block,.page-block-children .block.docx-quote-block,.page-block-children .block.docx-task-block,.page-block-children .block.docx-text-block,.page-block-children .block.docx-todo-block {
    margin-top: 8px;
    margin-top: var(--common-row-margin-top);
    margin-bottom: 8px;
    margin-bottom: var(--common-row-margin-bottom)
}

.page-block-children .block.docx-blank-block {
    height: 26px;
    padding: 0 6px
}

.page-block-children .block.docx-bullet-block,.page-block-children .block.docx-divider-block,.page-block-children .block.docx-heading1-block,.page-block-children .block.docx-heading2-block,.page-block-children .block.docx-heading3-block,.page-block-children .block.docx-heading4-block,.page-block-children .block.docx-heading5-block,.page-block-children .block.docx-heading6-block,.page-block-children .block.docx-heading7-block,.page-block-children .block.docx-heading8-block,.page-block-children .block.docx-heading9-block,.page-block-children .block.docx-ordered-block,.page-block-children .block.docx-quote-block,.page-block-children .block.docx-text-block,.page-block-children .block.docx-todo-block {
    margin-left: -2px;
    padding-left: 2px;
    margin-right: -2px;
    padding-right: 2px
}

.page-block-children .block.docx-quote-block {
    margin-left: 0
}

.page-block-children .block:focus {
    outline: none
}

.page-block-children .embed-inline-block[data-embed-inlineblock] .block {
    font-size: inherit;
    line-height: inherit
}

.page-block-children.isSelecting .abbreviation-inline-wrapper,.page-block-children.isSelecting .at-user-embed-container,.page-block-children.isSelecting .docx-equation-block .editor-kit-equation-block,.page-block-children.isSelecting .docx-file-block-container .embed-inline-link .docx-isv-block .embed-inline-link,.page-block-children.isSelecting .docx-outer-link-container,.page-block-children.isSelecting .docx-reminder-inline-component,.page-block-children.isSelecting .mention-doc-embed-container,.page-block-children.isSelecting .task-block__assignee-picker__user {
    pointer-events: none
}

.reference-page-container .reference-page-hide-tips {
    border-radius: 3px;
    background-color: rgba(var(--bg-tips-raw),.1);
    height: 24px;
    line-height: 24px;
    color: rgba(var(--N1000-FG-raw),.5);
    text-align: center;
    margin-left: 12px
}

.reference-page-title-content-container .reference-page-link {
    font-weight: 700;
    text-decoration: none;
    color: var(--text-title)
}

.windows.chrome96 .reference-page-title-content-container .reference-page-link {
    font-weight: 599
}

.page-main.uneditable.page-main-ssr-editable .root-block .page-block-content .zone-container.text-editor.text-editor {
    outline: none
}

.page-main.uneditable.page-main-ssr-editable .root-block .page-block-content .zone-container.text-editor.text-editor:before {
    display: block;
    line-height: inherit;
    position: absolute;
    width: 100%;
    height: 100%
}

.page-main.uneditable.page-main-ssr-editable .root-block .page-block-content .zone-container.text-editor.text-editor.non-empty {
    padding: 0
}

.page-main.uneditable.page-main-ssr-editable .root-block .page-block-content .zone-container.text-editor.text-editor.non-empty:before {
    display: none
}

.page-main:not(.uneditable) .root-block .page-block-content .zone-container.text-editor.text-editor {
    outline: none
}

.page-main:not(.uneditable) .root-block .page-block-content .zone-container.text-editor.text-editor:before {
    display: block;
    line-height: inherit;
    position: absolute;
    width: 100%;
    height: 100%
}

.page-main:not(.uneditable) .root-block .page-block-content .zone-container.text-editor.text-editor.non-empty {
    padding: 0
}

.page-main:not(.uneditable) .root-block .page-block-content .zone-container.text-editor.text-editor.non-empty:before {
    display: none
}

.mobile .page-block-header .text-editor:before {
    content: attr(data-placeholder);
    color: var(--text-placeholder);
    cursor: text;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    left: 2px
}

.mobile .page-main.uneditable .page-block-header .text-editor:before {
    display: none
}

#ssrBox .page-main .root-block .page-block-content .page-block-ssr-title-placeholder {
    color: #bbbfc4;
    cursor: text;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    left: 2px;
    top: auto;
    line-height: 1.625;
    width: 100%;
    height: 100%
}

#ssrBox .page-main .root-block .page-block-content .gpf-biz-suite-custom-icon__icon-emoji {
    font-size: var(--icon-size);
    font-family: "Segoe UI Emoji","Segoe UI Symbol","Segoe UI","Apple Color Emoji",sans-serif;
    color: var(--text-title)
}

#ssrBox .page-main .root-block .page-block-content .gpf-biz-suite-custom-icon__icon-emoji.mac {
    font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Segoe UI",sans-serif
}

#ssrBox .page-main .root-block .page-block-content .gpf-biz-suite-custom-icon__icon-emoji.safari,#ssrBox .page-main .root-block .page-block-content .gpf-biz-suite-custom-icon__icon-emoji.windows {
    font-size: calc(var(--icon-size) - 2px);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.doc-meta-entry-container {
    overflow: hidden
}

.doc-meta-entry-wrapper .doc-meta-entry {
    width: 100%;
    margin-right: 4px;
    padding-right: 4px
}

.doc-meta-entry-wrapper .doc-meta-entry .doc-custom-icon-entry-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.mobile .doc-meta-entry-wrapper .doc-meta-entry .doc-custom-icon-entry-text {
    font-size: calc(var(--docx-base-font-size)*14/16)
}

.hide-text .doc-meta-entry {
    padding: 0 2px;
    margin-right: 12px
}

.hide-text .doc-custom-icon-entry-text {
    display: none
}

.presentation-mode-controls .presentation-mode-controls__switch-disabled .icon-btn {
    cursor: not-allowed;
    color: var(--fill-disabled)
}

.page-block-children .docx-pending-block {
    margin: 8px -4px!important;
    padding: 0 4px
}

.quote-block {
    padding-left: 10px
}

.quote-block:after {
    width: 2px;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: var(--udtoken-quote-bar-bg);
    border-radius: 1px
}

.quote-block .text-editor {
    font-size: 16px;
    line-height: 26px;
    color: var(--text-caption);
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased
}

.quote-block .textHighlight,.quote-block .textHighlightBackground {
    opacity: .7
}

.docx-quote-block {
    position: relative
}

.docx-quote-block+.docx-quote-block:before {
    content: "\200B";
    position: absolute;
    top: -18px;
    width: 2px;
    height: 30px;
    background-color: var(--udtoken-quote-bar-bg);
    left: 0;
    border-radius: 1px
}

.block.active-swipe-menu.docx-quote-block+.docx-quote-block:before,.docx-quote-block+.block.active-swipe-menu.docx-quote-block:before {
    content: none
}

.block:not[data-block-type=quote]+.docx-quote-block:before {
    content: " "
}

.block.docx-quote_container-block {
    padding-left: 2px;
    padding-right: 2px;
    margin-top: var(--common-row-margin-top);
    margin-bottom: var(--common-row-margin-bottom);
    margin-right: -2px
}

.block.docx-quote_container-block .quote-container-block {
    padding-left: 12px;
    margin-right: -2px;
    padding-right: 2px;
    position: relative
}

.block.docx-quote_container-block .quote-container-block:before {
    width: 2px;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2px;
    background: var(--udtoken-quote-bar-bg);
    border-radius: 1px;
    -webkit-transform-origin: top;
    transform-origin: top
}

.block.docx-quote_container-block .quote-container-block.revision-active:before {
    background: var(--quote-revision-color)
}

.block.docx-quote_container-block .quote-container-block .text-editor {
    color: var(--text-caption)!important
}

.block.docx-quote_container-block .textHighlight,.block.docx-quote_container-block .textHighlightBackground {
    opacity: .7
}

.docx-callout-block .docx-quote_container-block .quote-container-block>.quote-container-block-children>.render-unit-wrapper>.block:first-child,.docx-grid-block .docx-quote_container-block .quote-container-block>.quote-container-block-children>.render-unit-wrapper>.block:first-child,.docx-table-block .docx-quote_container-block .quote-container-block>.quote-container-block-children>.render-unit-wrapper>.block:first-child,.ipad .docx-quote_container-block .quote-container-block>.quote-container-block-children>.render-unit-wrapper>.block:first-child,html.mobile .docx-quote_container-block .quote-container-block>.quote-container-block-children>.render-unit-wrapper>.block:first-child {
    margin-top: 0
}

.docx-callout-block .quote-container-render-unit .block:last-child,.docx-grid-block .quote-container-render-unit .block:last-child,.docx-table-block .quote-container-render-unit .block:last-child,.ipad .quote-container-render-unit .block:last-child,html.mobile .quote-container-render-unit .block:last-child {
    margin-bottom: 0
}

.fade-in .quote-container-block {
    -webkit-animation-name: slide-right;
    animation-name: slide-right;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(.34,.69,.1,1);
    animation-timing-function: cubic-bezier(.34,.69,.1,1)
}

.fade-in .quote-container-block:before {
    -webkit-animation-name: quote-fade-in;
    animation-name: quote-fade-in;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(.34,.69,.1,1);
    animation-timing-function: cubic-bezier(.34,.69,.1,1)
}

.fade-out .quote-container-block {
    -webkit-animation-name: slide-right;
    animation-name: slide-right;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(.34,.69,.1,1);
    animation-timing-function: cubic-bezier(.34,.69,.1,1);
    animation-direction: reverse;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.fade-out .quote-container-block:before {
    -webkit-animation-name: quote-fade-in;
    animation-name: quote-fade-in;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: cubic-bezier(.34,.69,.1,1);
    animation-timing-function: cubic-bezier(.34,.69,.1,1);
    animation-direction: reverse;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes slide-right {
    0% {
        padding-left: 0
    }

    to {
        padding-left: 12px
    }
}

@keyframes slide-right {
    0% {
        padding-left: 0
    }

    to {
        padding-left: 12px
    }
}

@-webkit-keyframes quote-fade-in {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        opacity: 0
    }

    to {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1
    }
}

@keyframes quote-fade-in {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        opacity: 0
    }

    to {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1
    }
}

.block-revision.table-block-revision,.block-revision.table-block-revision.delete-revision {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    z-index: 10
}

.block-revision.table-block-revision.delete-revision:after,.block-revision.table-block-revision.delete-revision[data-revision-highlight=true]:after,.block-revision.table-block-revision:after,.block-revision.table-block-revision[data-revision-highlight=true]:after {
    border-radius: 0
}

.mobile .block-revision.table-block-revision,.mobile .block-revision.table-block-revision.delete-revision {
    top: 16px
}

.mobile .block-revision.table-block-revision.delete-revision:after,.mobile .block-revision.table-block-revision:after {
    bottom: 0
}

.block-revision.table-block-revision.block-revision__ipad-browser:after,.block-revision.table-block-revision.delete-revision.block-revision__ipad-browser:after {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.scrollable-allscroll-end .block-revision.table-block-revision,.scrollable-allscroll-end .block-revision.table-block-revision.delete-revision,.shortcut-page-container .block-revision.table-block-revision,.shortcut-page-container .block-revision.table-block-revision.delete-revision {
    right: 4px
}

.mobile .scrollable-allscroll-end .block-revision.table-block-revision,.mobile .scrollable-allscroll-end .block-revision.table-block-revision.delete-revision,.mobile .shortcut-page-container .block-revision.table-block-revision,.mobile .shortcut-page-container .block-revision.table-block-revision.delete-revision {
    right: 22px
}

.mobile.ipad .scrollable-allscroll-end .block-revision.table-block-revision,.mobile.ipad .scrollable-allscroll-end .block-revision.table-block-revision.delete-revision,.mobile.ipad .shortcut-page-container .block-revision.table-block-revision,.mobile.ipad .shortcut-page-container .block-revision.table-block-revision.delete-revision {
    right: 28px
}

:root {
    --table-block-border-width: 1px
}

.table-block {
    position: relative
}

.android .table-block .docx-block-zero-space {
    display: none
}

.page-block-children .block.docx-table-block {
    padding-bottom: 2px;
    margin-top: 29.5px;
    margin-bottom: 24px;
    margin-bottom: var(--table-margin-bottom)
}

.page-block-children .block.docx-table-block .content-scroller {
    padding-top: 0
}

.page-block-children .block.docx-table-block .table-operation-bar {
    top: 0
}

.page-block-children .docx-bitable-block .scrollable-scrollbar,.page-block-children .docx-jira_filter-block .scrollable-scrollbar,.page-block-children .docx-sheet-block .scrollable-scrollbar,.page-block-children .docx-table-block .scrollable-scrollbar {
    z-index: 4
}

.page-block-children .root-render-unit-container>.render-unit-wrapper>.block.docx-table-block:first-child {
    margin-top: 24px!important
}

.docx-synced-reference-block-wrapper .page-block-children .root-render-unit-container>.render-unit-wrapper>.block.docx-table-block:first-child {
    margin-top: 8px!important
}

.page-block-children .synced-source-render-unit>.block.docx-table-block:first-child {
    margin-top: 24px!important
}

.synced-new-ui .page-block-children .synced-source-render-unit>.block.docx-table-block:first-child {
    margin-top: 8px!important
}

.docx-history-container .page-block-children .block.docx-table-block {
    padding-bottom: 2px;
    margin-top: 29.5px;
    margin-bottom: 24px;
    margin-bottom: var(--table-margin-bottom)
}

.docx-history-container .page-block-children .block.docx-table-block .content-scroller {
    padding-top: 0
}

.docx-history-container .page-block-children .block.docx-table-block .table-operation-bar {
    top: 0
}

.docx-history-container .page-block-children .docx-bitable-block .scrollable-scrollbar,.docx-history-container .page-block-children .docx-jira_filter-block .scrollable-scrollbar,.docx-history-container .page-block-children .docx-sheet-block .scrollable-scrollbar,.docx-history-container .page-block-children .docx-table-block .scrollable-scrollbar {
    z-index: 4
}

.docx-history-container .page-block-children .root-render-unit-container>.render-unit-wrapper>.block.docx-table-block:first-child {
    margin-top: 24px!important
}

.docx-synced-reference-block-wrapper .docx-history-container .page-block-children .root-render-unit-container>.render-unit-wrapper>.block.docx-table-block:first-child {
    margin-top: 8px!important
}

.docx-history-container .page-block-children .synced-source-render-unit>.block.docx-table-block:first-child {
    margin-top: 24px!important
}

.docx-history-container .synced-new-ui .page-block-children .synced-source-render-unit>.block.docx-table-block:first-child {
    margin-top: 8px!important
}

html:not(.mobile) .docx-table-block .scrollable-wrapper .scrollable-container .content-scroller .content-scroller {
    -webkit-clip-path: inset(-500px 0 0 0);
    clip-path: inset(-500px 0 0 0)
}

html:not(.mobile) .block-with-cssfullscreen-childnode .docx-table-block .scrollable-wrapper .scrollable-container .content-scroller,html:not(.mobile) .block-with-half-screen-childnode .docx-table-block .scrollable-wrapper .scrollable-container .content-scroller,html:not(.mobile) .block-with-iframe-fullscreen-childnode .docx-table-block .scrollable-wrapper .scrollable-container .content-scroller {
    -webkit-clip-path: none;
    clip-path: none
}

.block-with-cssfullscreen-childnode .docx-table-block .scrollable-wrapper .content-scroller,.block-with-cssfullscreen-childnode .docx-table-block .scrollable-wrapper .scrollable-container,.block-with-cssfullscreen-childnode .docx-table-block .scrollable-wrapper .scrollable-item,.block-with-half-screen-childnode .docx-table-block .scrollable-wrapper .content-scroller,.block-with-half-screen-childnode .docx-table-block .scrollable-wrapper .scrollable-container,.block-with-half-screen-childnode .docx-table-block .scrollable-wrapper .scrollable-item,.block-with-iframe-fullscreen-childnode .docx-table-block .scrollable-wrapper .content-scroller,.block-with-iframe-fullscreen-childnode .docx-table-block .scrollable-wrapper .scrollable-container,.block-with-iframe-fullscreen-childnode .docx-table-block .scrollable-wrapper .scrollable-item {
    position: relative;
    z-index: 100
}

.block-with-cssfullscreen-childnode .docx-table-block .scrollable-wrapper .content-scroller,.block-with-cssfullscreen-childnode .docx-table-block .scrollable-wrapper .sticky-row,.block-with-half-screen-childnode .docx-table-block .scrollable-wrapper .content-scroller,.block-with-half-screen-childnode .docx-table-block .scrollable-wrapper .sticky-row,.block-with-iframe-fullscreen-childnode .docx-table-block .scrollable-wrapper .content-scroller,.block-with-iframe-fullscreen-childnode .docx-table-block .scrollable-wrapper .sticky-row {
    -webkit-transform: none!important;
    transform: none!important
}

.docx-table-block .sticky-row-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 26px;
    z-index: 1;
    overflow: hidden
}

.docx-table-block .sticky-row-wrapper.dom-with-cssfullscreen-childnode,.docx-table-block .sticky-row-wrapper.dom-with-half-screen-childnode,.docx-table-block .sticky-row-wrapper.dom-with-iframe-fullscreen-childnode,.docx-table-block .sticky-row-wrapper.sticky-table-preview {
    z-index: 101
}

.docx-table-block .sticky-row-wrapper .sticky-row {
    --scroll-left: 0;
    display: grid;
    grid-auto-flow: column;
    z-index: 1;
    -webkit-transform: translateX(var(--scroll-left));
    transform: translateX(var(--scroll-left));
    background-color: var(--bg-body)
}

.docx-table-block .sticky-row-wrapper .sticky-row.table-selected:after {
    border: solid var(--primary-content-default);
    border-width: 1px 1px 0
}

.docx-table-block .sticky-row-wrapper .sticky-row.table-selected:after,.docx-table-block .sticky-row-wrapper .sticky-row.table-selected td:before {
    display: block;
    content: "";
    background-color: var(--ccmtoken-doc-block-bg-hover);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.docx-table-block .sticky-row-wrapper .sticky-row .block.table-cell-block {
    height: 100%
}

.docx-table-block .history-diff-mark {
    width: 100%
}

.docx-table-block.hovered {
    background: transparent
}

.docx-table-block.block-hidden,.docx-table-block>.hovered-mask,.docx-table-block>.selected-mask {
    display: none
}

.docx-table-block.vc-hover .table {
    border-color: var(--colorful-carmine)
}

.docx-table-block .table {
    width: 50px;
    border-spacing: 0;
    word-break: break-word;
    cursor: text;
    table-layout: fixed;
    position: relative;
    border-collapse: initial
}

.table-resizing .docx-table-block .table {
    cursor: col-resize
}

.table-resizing .docx-table-block .table .docx-iframe-block {
    pointer-events: none
}

.docx-table-block .table.selected tbody td:before {
    display: block;
    content: "";
    background-color: var(--ccmtoken-doc-block-bg-hover);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.docx-table-block .table.selected tbody:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid var(--primary-content-default)
}

.docx-table-block .table.selected tbody tr.pin .table-cell-block,.docx-table-block .table.selected tbody tr.sticky .table-cell-block {
    border-top-color: var(--primary-content-default)
}

.docx-table-block .table.selected tbody tr.pin .table-cell-block:first-child,.docx-table-block .table.selected tbody tr.sticky .table-cell-block:first-child {
    border-left-color: var(--primary-content-default)
}

.docx-table-block .table.selected tbody tr.pin .table-cell-block:last-child,.docx-table-block .table.selected tbody tr.sticky .table-cell-block:last-child {
    border-right-color: var(--primary-content-default)
}

.docx-table-block .table .text-highlight-background,.docx-table-block .table .textHighlightBackground {
    padding: 0
}

.docx-table-block .docx-table-inside-resizer-rectangle-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.docx-table-block tbody tr .grid-block .circle:hover {
    top: -7px
}

.docx-table-block .text-block a {
    font-size: 14px
}

.docx-table-block .text-block .text-editor {
    font-size: 14px;
    padding: 0 0 0 12px;
    line-height: 23px!important;
    line-height: var(--table-cell-text-line-height)!important;
    min-height: 23px!important;
    min-height: var(--table-cell-text-line-height)!important
}

.docx-table-block .text-block span:not(.equation-katex-span):not(.docx-button-component) {
    font-size: 14px
}

.docx-table-block .alignable-line .alignable-icon {
    height: 23px
}

.docx-table-block .alignable-line svg {
    width: 14px;
    height: 14px
}

.docx-table-block .alignable-line .text-editor {
    line-height: 23px;
    font-size: 14px
}

.docx-table-block .list-wrapper .list {
    font-size: 14px
}

.docx-table-block .list-wrapper .list .order {
    line-height: 22px;
    font-size: 14px
}

.docx-table-block .list-wrapper .list .bullet {
    font-size: 14px;
    line-height: 22px;
    padding-left: 3px
}

.docx-table-block .list-wrapper .list .bullet .bullet-dot-style {
    -webkit-transform: rotate(1.57142857);
    transform: rotate(1.57142857)
}

.android .docx-table-block .list-wrapper .list .bullet {
    padding-left: 0
}

.android .docx-table-block .list-wrapper .list .bullet .bullet-dot-style {
    width: 18px;
    display: flex;
    justify-content: center
}

.docx-table-block .list-wrapper .list .text-editor {
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 22px;
    min-height: 22px
}

.docx-table-block .quote-block .text-editor {
    line-height: 22px;
    font-size: 14px
}

.docx-table-block .docx-reminder-inline-component {
    white-space: normal
}

.docx-table-block .table-cell-block .todo-block {
    overflow: hidden
}

.docx-table-block .table-cell-block .todo-block .add-reminder,.docx-table-block .table-cell-block .todo-block .add-user {
    height: 18px;
    width: 18px
}

.docx-table-block .table-cell-block .docx-reminder-toolbar {
    height: 22px
}

.docx-table-block .table-cell-block.vc-hover {
    background-color: var(--C50)!important;
    border-radius: 8px;
    border-radius: 0;
    box-shadow: inset 0 0 0 1px var(--colorful-carmine)
}

.docx-table-block .table-cell-block>.table-cell-block {
    border: none
}

.docx-table-block .docx-user-component.at-user-text {
    padding-top: 1px;
    padding-bottom: 1px
}

.docx-table-block .hover-drag-icon-wrapper {
    border: 1px solid var(--line-border-card);
    background: var(--bg-float);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center
}

.docx-table-block .hover-drag-icon-wrapper:hover {
    background: var(--bg-filler)
}

.docx-table-block .hover-drag-icon-wrapper .universe-icon {
    font-size: 14px
}

.docx-table-block .hover-drag-icon-wrapper .universe-icon:first-child {
    padding: 2px
}

.docx-table-block .hover-drag-icon-wrapper .universe-icon.drag-handle svg {
    color: var(--icon-n3)
}

.docx-table-block .shadow.right-shadow {
    -webkit-user-select: none;
    user-select: none
}

.docx-table-block .table-menu-trigger.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    margin-left: -44px;
    margin-top: -28px
}

.docx-table-block.block-with-cssfullscreen-childnode .scrollable-wrapper,.docx-table-block.block-with-half-screen-childnode .scrollable-wrapper,.docx-table-block.block-with-iframe-fullscreen-childnode .scrollable-wrapper {
    z-index: 1000
}

.docx-table-block .sticky-mask-container {
    position: absolute;
    top: -10.5px;
    width: 100%;
    height: calc(100% + 10.5px);
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    z-index: 3
}

.docx-table-block .sticky-mask-container .sticky-mask {
    position: -webkit-sticky;
    position: sticky;
    top: -.5px;
    background-color: var(--bg-body);
    width: 100%;
    height: 10px;
    transition: background-color .25s ease
}

.docx-table-block .sticky-mask-container .sticky-mask.second {
    top: 8px
}

.docx-table-block .sticky-mask-container .sticky-mask.third {
    top: 16px
}

.docx-table-block .table-header-bar-mask-container {
    display: none;
    position: absolute;
    top: -26px;
    left: 4px;
    z-index: 10
}

.docx-table-block .table-header-bar-mask-container .mask {
    height: 26px;
    width: 6px;
    background: radial-gradient(circle at 100% calc(100% + 2px),var(--table-sticky-mask-bg) 6px,var(--bg-body) 0)
}

.docx-table-block .should-hide-border-top>.table-cell-block {
    border-top: unset
}

.docx-table-block.drag .table-cell-block-host.selected {
    opacity: .8
}

.docx-table-block .sync-cursor-view-wrap {
    z-index: 6
}

.docx-table-block .sync-selected .sticky-row:after {
    border: solid var(--sync-border-color);
    border-width: 1px 1px 0
}

.docx-table-block .sync-selected .sticky-row:after,.docx-table-block .sync-selected tbody td:before {
    display: block;
    content: "";
    background-color: var(--sync-bgc);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.docx-table-block .sync-selected tbody:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 1px solid var(--sync-border-color);
    pointer-events: none
}

.docx-table-block .sync-selected tbody tr.pin .table-cell-block,.docx-table-block .sync-selected tbody tr.sticky .table-cell-block {
    border-top-color: var(--sync-border-color)
}

.docx-table-block .sync-selected tbody tr.pin .table-cell-block:first-child,.docx-table-block .sync-selected tbody tr.sticky .table-cell-block:first-child {
    border-left-color: var(--sync-border-color)
}

.docx-table-block .sync-selected tbody tr.pin .table-cell-block:last-child,.docx-table-block .sync-selected tbody tr.sticky .table-cell-block:last-child {
    border-right-color: var(--sync-border-color)
}

.page-block-children .docx-table-block .table-scrollable-content {
    will-change: opacity
}

.page-block-children .docx-table-block .table-scrollable-content,.page-block-children .docx-table-block .table-scrollable-content .table-content-padding {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative
}

.page-block-children .docx-table-block .table-operation-bar {
    position: absolute;
    left: 0;
    height: 100%;
    -webkit-user-select: none;
    user-select: none
}

.page-block-children .docx-table-block .table-operation-bar.header-and-insert {
    width: 0
}

.page-block-children .docx-table-block .table-operation-bar.header-and-insert .header-and-insert-wrapper.sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 4;
    top: 26px
}

.page-block-children .docx-table-block .table-will-delete-cell .sticky-row-wrapper .sticky-row.table-selected:after {
    background-color: initial
}

.docx-table-block .table-block>.content-scroller {
    scrollbar-width: none;
    overscroll-behavior-x: none
}

.docx-table-block .table-block>.content-scroller::-webkit-scrollbar {
    display: none
}

.table-handle-width-change {
    border-color: transparent!important
}

.mobile .docx-table-block .list-wrapper .list {
    font-size: calc(var(--docx-base-font-size)*14/16)
}

.mobile .docx-table-block .list-wrapper .list .bullet,.mobile .docx-table-block .list-wrapper .list .order {
    height: calc(var(--docx-base-font-size)*22/16)
}

.mobile .docx-table-block .list-wrapper .list .bullet,.mobile .docx-table-block .list-wrapper .list .order,.mobile .docx-table-block .list-wrapper .list .text-editor {
    line-height: calc(var(--docx-base-font-size)*22/16);
    font-size: calc(var(--docx-base-font-size)*14/16)
}

.mobile .docx-table-block .list-wrapper .list .text-editor {
    min-height: calc(var(--docx-base-font-size)*22/16)
}

.mobile .docx-table-block .text-block a {
    font-size: calc(var(--docx-base-font-size)*14/16)
}

.mobile .docx-table-block .text-block .text-editor {
    font-size: calc(var(--docx-base-font-size)*14/16);
    line-height: calc(var(--docx-base-font-size)*23/16)!important;
    min-height: calc(var(--docx-base-font-size)*23/16)!important
}

.mobile .docx-table-block .text-block span:not(.equation-katex-span) {
    font-size: calc(var(--docx-base-font-size)*14/16)
}

.docx-table-block .scrollable-wrapper .left-shadow {
    border-left: 1px solid var(--N300)
}

html.mobile.app.ipad .docx-table-block .scrollable-wrapper .left-shadow {
    top: 16px
}

html.mobile.app.ipad .docx-history-content .docx-table-block .scrollable-wrapper .left-shadow {
    top: 0
}

.docx-table-block .scrollable-wrapper.table-selected-from-equal .left-shadow {
    border-left: 2px solid var(--primary-fill-solid-03)
}

.docx-table-block .scrollable-wrapper.table-selected .left-shadow {
    border-left: 1px solid var(--primary-content-default)
}

.docx-table-block .scrollable-wrapper .sync-selected .left-shadow {
    border-left: 1px solid var(--sync-border-color)
}

.docx-table-block .scrollable-wrapper .right-shadow {
    border-right: 1px solid var(--N300)
}

html.mobile.app.ipad .docx-table-block .scrollable-wrapper .right-shadow {
    top: 16px
}

html.mobile.app.ipad .docx-history-content .docx-table-block .scrollable-wrapper .right-shadow {
    top: 0
}

.docx-table-block .scrollable-wrapper.table-selected-from-equal .right-shadow {
    border-right: 2px solid var(--primary-fill-solid-03)
}

.docx-table-block .scrollable-wrapper.table-selected .right-shadow {
    border-right: 1px solid var(--primary-content-default)
}

.docx-table-block .scrollable-wrapper .sync-selected .right-shadow {
    border-right: 1px solid var(--sync-border-color)
}

.table-selected-from-equal td {
    transition: background-color .2s ease
}

.table-selected-from-equal td:before {
    display: block;
    content: "";
    background-color: var(--ccmtoken-doc-block-bg-hover);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.table-selected-from-equal tr.pin:before,.table-selected-from-equal tr.sticky:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1px;
    left: -1px;
    z-index: 1;
    border-left: 2px solid var(--primary-fill-solid-03);
    border-right: 2px solid var(--primary-fill-solid-03)
}

.table-selected-from-equal tr.pin:before {
    border-bottom: 2px solid var(--primary-fill-solid-03)
}

.table-selected-from-equal tbody:after {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    border: 2px solid var(--primary-fill-solid-03)
}

.table-selected-from-equal .table-block.drag-snapshot td {
    background-color: initial;
    transition: background-color .2s ease
}

.table-selected-from-equal .table-block.drag-snapshot tbody:after {
    display: none
}

.table-block.drag-snapshot {
    padding-left: 0
}

.table-block.drag-snapshot .table {
    width: 2px!important
}

.table-block.drag-snapshot .column-resizer,.table-block.drag-snapshot .table-operation-bar {
    display: none
}

.table-block.drag-snapshot .sticky-row-wrapper {
    width: 100%;
    top: 0
}

.table-block.drag-snapshot .sticky-row-wrapper .sticky-row {
    --scroll-left: 0!important
}

.table-block.drag-snapshot .content-scroller {
    max-width: 100%!important
}

tr:first-child>.table-cell-block {
    border-top: var(--table-block-border-width) solid var(--N300)
}

tr .table-cell-block:first-child {
    border-left: var(--table-block-border-width) solid var(--N300)
}

.page-block-children .block.table-cell-block {
    margin: 0
}

.page-block-children .block .table-cell-block-host {
    margin: 0!important
}

.page-block-children .block .table-cell-block-host.selected {
    border-radius: 0
}

.page-block-children .block>.table-cell-block {
    height: auto
}

.docx-table-polyfill>td {
    height: 100%
}

.docx-table-tr {
    height: 40px
}

.ssr-firefox .table-block td {
    height: 100%
}

.table-cell-block {
    height: 1px;
    margin: 0;
    padding: 0;
    border-right: var(--table-block-border-width) solid var(--N300);
    border-bottom: var(--table-block-border-width) solid var(--N300);
    vertical-align: top;
    overflow: hidden;
    display: table-cell
}

.table-cell-block.hovered {
    border-radius: 0;
    background-color: var(--ccmtoken-doc-block-bg-hover)
}

.table-cell-block[data-cell-select=true]:after {
    position: absolute;
    display: block;
    content: " ";
    top: 0;
    left: 0;
    width: 8px;
    height: 100%;
    cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8zMjUxXzQ0NDAwKSI+PHBhdGggZD0iTTE1IDExLjQwMlYxSDQuNTk4bDMuNDY3IDMuNDY3TDIgMTAuNTMzIDUuNDY3IDE0bDYuMDY2LTYuMDY1TDE1IDExLjQwM3oiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMy43MjggMTAuNTMzbDYuMDY1LTYuMDY1LTIuMjMtMi4yNDNoNi4yMTJ2Ni4yMTJsLTIuMjQzLTIuMjQyLTYuMDY1IDYuMDY1LTEuNzQtMS43Mjd6IiBmaWxsPSIjMDAwIi8+PC9nPjxkZWZzPjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8zMjUxXzQ0NDAwIiB4PSIuMzI5IiB5PSIuMjU3IiB3aWR0aD0iMTYuMzQzIiBoZWlnaHQ9IjE2LjM0MyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPjxmZU9mZnNldCBkeT0iLjkyOSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249Ii44MzYiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuNjUgMCIvPjxmZUJsZW5kIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18zMjUxXzQ0NDAwIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzMyNTFfNDQ0MDAiIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PC9zdmc+) 12 0,default
}

.table-selecting .table-cell-block[data-cell-select=true]:after {
    pointer-events: none
}

.table-cell-block:first-child[data-cell-select=true]:after {
    width: 7px
}

.safari-polyfill .table-cell-block[data-cell-select=true] {
    cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZF8zMjUxXzQ0NDAwKSI+PHBhdGggZD0iTTE1IDExLjQwMlYxSDQuNTk4bDMuNDY3IDMuNDY3TDIgMTAuNTMzIDUuNDY3IDE0bDYuMDY2LTYuMDY1TDE1IDExLjQwM3oiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMy43MjggMTAuNTMzbDYuMDY1LTYuMDY1LTIuMjMtMi4yNDNoNi4yMTJ2Ni4yMTJsLTIuMjQzLTIuMjQyLTYuMDY1IDYuMDY1LTEuNzQtMS43Mjd6IiBmaWxsPSIjMDAwIi8+PC9nPjxkZWZzPjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZF8zMjUxXzQ0NDAwIiB4PSIuMzI5IiB5PSIuMjU3IiB3aWR0aD0iMTYuMzQzIiBoZWlnaHQ9IjE2LjM0MyIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPjxmZU9mZnNldCBkeT0iLjkyOSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249Ii44MzYiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuNjUgMCIvPjxmZUJsZW5kIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18zMjUxXzQ0NDAwIi8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzMyNTFfNDQ0MDAiIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PC9zdmc+) 12 0,default
}

.safari-polyfill .table-cell-block[data-cell-select=true]>.render-unit-wrapper {
    cursor: text
}

.safari-polyfill .table-cell-block[data-cell-select=true]>.render-unit-wrapper:before {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    content: " ";
    width: calc(100% - 8px);
    height: 100%;
    -webkit-user-select: none;
    user-select: none
}

.safari-polyfill .table-cell-block[data-cell-select=true]:first-child>.render-unit-wrapper:before {
    width: calc(100% - 7px)
}

.sticky-cell-vertical-align-polyfill {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.table-cell-content-wrapper {
    min-height: 39px;
    min-width: 50px;
    font-size: 12px;
    padding: 8px;
    padding: var(--table-cell-padding)
}

.table-cell-content-wrapper>.render-unit-wrapper .docx-blank-block {
    height: 20px
}

.table-cell-content-wrapper>.render-unit-wrapper>.block:first-child {
    margin-top: 0
}

.table-cell-content-wrapper>.render-unit-wrapper>.block:last-child {
    margin-bottom: 0
}

.table-remove-button.menu-item-hovered {
    background-color: var(--function-danger-fill-solid-01)!important
}

.table-remove-button.menu-item-hovered svg path {
    fill: var(--R400-FG)
}

.table-will-delete-cell .block.selected,.table-will-delete-cell .sticky-row-wrapper .sticky-row.table-selected td:before,.table-will-delete-cell .table.selected tbody td:before {
    background-color: var(--function-danger-fill-solid-01)!important
}

.table-will-delete-cell .block.selected .selected-mask,.table-will-delete-cell .sticky-row-wrapper .sticky-row.table-selected td:before .selected-mask,.table-will-delete-cell .table.selected tbody td:before .selected-mask {
    display: none
}

.table-popover-toolbar .docx-menu-wrapper-items {
    padding: 0 11px
}

.table .table-cell-block .docx-callout-block .callout-block {
    min-width: 100px;
    overflow: hidden
}

.table .table-cell-block .docx-chat_card-block .chat-card {
    min-width: 208px
}

.table .table-cell-block .docx-diagram-block .docx-diagram-displayer-container {
    min-width: 124px
}

.table .table-cell-block.block.docx-blank-block {
    height: 40px
}

.narrow-margin.table-menu-trigger {
    width: 20px!important;
    left: -20px!important
}

.narrow-margin.table-menu-trigger.sticky {
    margin-left: -20px
}

.narrow-margin.table-menu-trigger .hover-drag-icon-wrapper {
    width: 18px
}

.larkw-guide .larkw-guide-header button.larkw-guide-close {
    color: var(--static-white)
}

.table-block.docx-table-inner-wrapper .sticky-row>.table-cell-block,.table-block.docx-table-inner-wrapper .table.header-column>tbody>tr>.table-cell-block:first-child,.table-block.docx-table-inner-wrapper .table.header-row>tbody>.first-row>.table-cell-block {
    background: var(--N100)
}

.table-block.docx-table-inner-wrapper .sticky-row>.table-cell-block .text-editor:not(.code-block-zone-container),.table-block.docx-table-inner-wrapper .table.header-column>tbody>tr>.table-cell-block:first-child .text-editor:not(.code-block-zone-container),.table-block.docx-table-inner-wrapper .table.header-row>tbody>.first-row>.table-cell-block .text-editor:not(.code-block-zone-container) {
    font-weight: 500
}

.windows .table-block.docx-table-inner-wrapper .sticky-row>.table-cell-block .text-editor:not(.code-block-zone-container),.windows .table-block.docx-table-inner-wrapper .table.header-column>tbody>tr>.table-cell-block:first-child .text-editor:not(.code-block-zone-container),.windows .table-block.docx-table-inner-wrapper .table.header-row>tbody>.first-row>.table-cell-block .text-editor:not(.code-block-zone-container) {
    font-weight: 600
}

._5c7458d1 {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.base-image._82caf69e {
    display: inline-block;
    overflow: hidden;
    line-height: 0;
    vertical-align: bottom
}

.base-image._82caf69e .base-image__status-error {
    display: contents
}

._80080595 {
    word-wrap: break-word;
    overflow-wrap: break-word
}

.f42a6758 {
    display: inline-flex;
    overflow: hidden;
    margin: 0 2px;
    vertical-align: top
}

.f42a6758 .larkw-emoji__wrapper {
    font-size: 1em
}

.f42a6758 .larkw-emoji__wrapper .larkw-emoji__img {
    font-size: 1.4em;
    display: inline-block
}

._88704226 {
    flex: 1;
    height: 100%;
    overflow: hidden
}

._6441629f {
    padding: 0 20px;
    min-height: 84px;
    box-sizing: border-box;
    position: relative
}

._6441629f:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid var(--line-border-card)
}

._6441629f ._8b5bf221 {
    margin-top: 10px;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

._6441629f .f489fb0f {
    min-width: 0;
    display: flex;
    align-items: center
}

._6441629f .f489fb0f ._2bd9d119 {
    width: 100%;
    height: 40px;
    margin-right: 24px;
    overflow: hidden;
    margin-left: -8px
}

._6441629f ._6dd89c60 {
    display: flex;
    align-items: center
}

._6441629f ._24872d7e,._6441629f .ad8855b2 {
    margin-right: 12px;
    flex-shrink: 0
}

._6441629f .c15b81ff {
    max-width: none
}

._6441629f .b9442acc {
    margin-right: 12px;
    width: 1px;
    height: 24px;
    background-color: var(--line-divider-default)
}

._728d3d27 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5
}

._728d3d27,._728d3d27 .c7b25f0b {
    display: flex;
    align-items: center;
    height: 100%
}

._728d3d27 .c7b25f0b {
    position: relative;
    overflow: hidden
}

._728d3d27 .bcd8f374 {
    min-width: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 4px 6px;
    border: 1px solid transparent;
    border-radius: 6px;
    line-height: 22px
}

._728d3d27 .bcd8f374._001cf007 {
    visibility: hidden
}

._728d3d27 .bcd8f374.b647834a {
    cursor: pointer
}

._728d3d27 .bcd8f374.b647834a:hover {
    border-color: var(--line-border-component)
}

._728d3d27 ._7fd27e9a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center
}

._728d3d27 ._7fd27e9a ._67d6e783 {
    font-size: 16px
}

._728d3d27 ._7fd27e9a .ud__input-input-wrap {
    padding: 4px 6px
}

._728d3d27 .f535df53 {
    margin-left: 8px;
    color: var(--text-caption);
    flex-shrink: 0
}

._728d3d27 ._2d4f1394 {
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    height: 20px;
    padding: 0 6px;
    margin-left: 8px;
    border-radius: 4px;
    background-color: var(--udtoken-tag-neutral-bg-normal);
    cursor: default
}

._728d3d27 ._2d4f1394.bd9d236b {
    padding: 0 4px
}

._728d3d27 ._2d4f1394 span {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    margin-left: 2px
}

._982b8059 {
    margin-right: 12px;
    cursor: pointer
}

._982b8059 .e7192954 ._62fbbe1c {
    margin-bottom: 0;
    border-radius: 12px
}

._982b8059 ._92416b03:not(:first-child) {
    margin-left: -4px
}

._9f44172b {
    padding: 0;
    flex-wrap: wrap;
    min-height: auto
}

._9f44172b:before {
    display: none
}

._9f44172b._175eafea .f489fb0f {
    margin-top: 0
}

._9f44172b .f489fb0f ._2bd9d119 {
    margin-left: 0
}

._9f44172b ._797092d6 {
    width: auto
}

.bbd26132 {
    justify-content: space-between;
    max-width: 100vw
}

.bbd26132,.bbd26132 ._8f847f95 {
    display: flex;
    align-items: center
}

.bbd26132 ._8f847f95 {
    line-height: 44px;
    justify-content: flex-start;
    color: var(--text-title);
    font-weight: 500;
    max-width: 100%
}

.bbd26132 ._8f847f95 ._705dd014 {
    font-size: 16px;
    margin: 0 4px
}

.bbd26132 ._8f847f95 ._685109fd {
    font-size: 12px;
    margin: 0 4px;
    color: var(--text-caption)
}

.bbd26132 ._8f847f95 .ea7c4f92 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px
}

.bbd26132 ._8f847f95 ._979e19d5 {
    margin-right: 6px;
    display: inline-flex;
    align-items: center
}

.d79569cf {
    font-size: 18px;
    box-sizing: border-box;
    padding: 4px;
    border-radius: 6px;
    color: var(--icon-n2);
    margin-right: 8px
}

.d79569cf:hover {
    background: var(--fill-hover);
    cursor: pointer
}

.c9d99a71 {
    height: 30px;
    margin-top: 4px
}

.c9d99a71,.c9d99a71 ._0c56c0f6 {
    display: flex;
    align-items: center
}

.c9d99a71 ._0c56c0f6 {
    margin-right: 4px;
    height: 100%;
    position: relative;
    font-size: 12px;
    line-height: 18px;
    color: var(--text-title);
    cursor: pointer;
    overflow: hidden
}

.c9d99a71 ._0c56c0f6 ._5d46d912 {
    border-radius: 6px;
    padding: 4px 8px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c9d99a71 ._0c56c0f6 ._5d46d912 .universe-icon {
    margin-right: 4px;
    width: 10px;
    height: 10px
}

.c9d99a71 ._0c56c0f6:hover ._5d46d912 {
    background-color: var(--fill-hover)
}

.c9d99a71 ._0c56c0f6.bde53864 {
    font-weight: 500;
    color: var(--primary-content-default)
}

.c9d99a71 ._0c56c0f6.bde53864 ._5d46d912 {
    background-color: var(--fill-active)
}

._722ed9e4 {
    width: 100%;
    padding: 80px 0 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute
}

.c3cd4d02 {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    flex: 1
}

.c3cd4d02.ca2c7d46 {
    pointer-events: none
}

.c3cd4d02 ._440f68cc {
    flex: 1;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.c3cd4d02 ._440f68cc._90a369c7 {
    margin-top: -4px
}

.c3cd4d02 ._440f68cc.f986f887 {
    pointer-events: none
}

.c3cd4d02.f7941859 {
    border: 1px solid var(--line-border-card);
    border-radius: 4px;
    overflow: hidden;
    min-height: 360px
}

.c3cd4d02.f7941859 ._440f68cc {
    margin-top: 8px
}

.c3cd4d02.f7941859 ._440f68cc._21912cbf {
    margin-left: -4px;
    margin-right: -4px;
    width: 100%
}

.c3cd4d02.f7941859 ._440f68cc._90a369c7 {
    margin-top: 0
}

.c3cd4d02._5cd5cd80,.c3cd4d02._10d26b4d,.c3cd4d02.a8d05a06 {
    position: relative;
    --highlight-color: transparent
}

.c3cd4d02._5cd5cd80.f7941859,.c3cd4d02._10d26b4d.f7941859,.c3cd4d02.a8d05a06.f7941859 {
    border-color: var(--highlight-color)
}

.c3cd4d02._5cd5cd80:after,.c3cd4d02._10d26b4d:after,.c3cd4d02.a8d05a06:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

.c3cd4d02.a8d05a06 {
    --highlight-color: var(--primary-content-default)
}

.c3cd4d02._5cd5cd80 {
    --highlight-color: var(--primary-pri-200)
}

.c3cd4d02._5cd5cd80:after {
    box-shadow: 0 0 0 1px var(--highlight-color) inset
}

.c3cd4d02._10d26b4d {
    --highlight-color: var(--Y200)
}

.c3cd4d02._10d26b4d:after {
    box-shadow: 0 0 0 3px var(--highlight-color) inset
}

._62471a59 {
    display: flex;
    flex-direction: column;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    max-width: 100%;
    flex: 1
}

._62471a59,._62471a59 ._4983d1a4 {
    height: 100%;
    overscroll-behavior-x: none
}

._62471a59 ._4983d1a4 {
    width: 100%;
    overflow-x: auto;
    overflow-y: overlay;
    overflow: auto overlay
}

._62471a59 ._4983d1a4::-webkit-scrollbar-thumb {
    visibility: hidden
}

._62471a59 ._4983d1a4::-webkit-scrollbar-corner {
    background: transparent
}

._62471a59 ._4983d1a4.d037f305 {
    overflow-x: hidden
}

._62471a59:hover ._4983d1a4::-webkit-scrollbar-thumb {
    visibility: visible
}

._62471a59 .c593a1dd {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 28px;
    flex-shrink: 0;
    background-color: var(--bg-body);
    z-index: 3;
    overflow: hidden
}

.be38e20a {
    position: relative;
    display: flex;
    align-items: center;
    height: 28px;
    padding: 0 8px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: var(--text-caption);
    overflow: hidden
}

.be38e20a._8113d0e6 {
    position: relative;
    border-radius: 6px;
    cursor: pointer
}

.be38e20a._8113d0e6.c6dce792 {
    background-color: rgba(var(--N900-raw),.08)
}

.be38e20a._8113d0e6:not(.c6dce792)._2a72250f:after,.be38e20a._8113d0e6:not(.c6dce792)._04abfc6f:after {
    content: "";
    position: absolute;
    top: 6px;
    height: 16px;
    width: 1px;
    background-color: var(--primary-fill-hover)
}

.be38e20a._8113d0e6:not(.c6dce792)._2a72250f:after {
    left: 0
}

.be38e20a._8113d0e6:not(.c6dce792)._04abfc6f:after {
    right: 4px
}

.be38e20a .da4c00a2 {
    margin-right: 4px;
    color: var(--icon-n2)
}

.be38e20a .f7f4dd43 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.be38e20a ._56e433f4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 12px;
    margin-left: 4px;
    margin-right: 4px;
    visibility: hidden
}

.be38e20a ._56e433f4.e654a36f ._0f6a46fc {
    border-bottom-color: var(--text-link-hover)
}

.be38e20a ._56e433f4._9b362dd8 ._8f064113 {
    border-top-color: var(--text-link-hover)
}

.be38e20a ._56e433f4 ._0f6a46fc {
    border-bottom: 4px solid var(--N350);
    border-top: 0 solid transparent;
    margin-bottom: 2px
}

.be38e20a ._56e433f4 ._0f6a46fc,.be38e20a ._56e433f4 ._8f064113 {
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent
}

.be38e20a ._56e433f4 ._8f064113 {
    border-bottom: 0 solid transparent;
    border-top: 4px solid var(--N350)
}

.be38e20a._98a9330c {
    cursor: pointer
}

.be38e20a._98a9330c._6b327088 ._56e433f4 {
    visibility: visible
}

.be38e20a .bf95bbfb {
    display: none;
    margin-left: auto;
    color: var(--icon-n2)
}

.be38e20a .bf95bbfb.a5b1706b,.be38e20a:hover .bf95bbfb {
    display: inline-flex
}

._6ac12fc9,._6ac12fc9 ._00d51ecd {
    display: flex;
    height: 100%
}

._6ac12fc9 ._00d51ecd {
    align-items: center;
    flex-shrink: 0;
    padding-left: 40px;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background-color: var(--bg-body);
    z-index: 1
}

._6ac12fc9 ._8050de95 {
    display: flex;
    align-items: center;
    flex: 1;
    width: 100%;
    padding-right: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    overflow: auto hidden;
    -ms-overflow-style: none;
    scrollbar-width: none
}

._6ac12fc9 ._8050de95::-webkit-scrollbar {
    display: none
}

._6ac12fc9 ._8050de95._83cf5586 {
    padding-right: 0
}

._6ac12fc9 ._8050de95.ddd4a9ff {
    margin-left: -20px;
    padding-left: 20px
}

._6ac12fc9 ._8050de95 ._947943ac {
    display: inline-flex;
    align-items: center
}

._6ac12fc9:not(._17b007c9):hover ._6b3ffbf2 .column-resizer,._6ac12fc9:not(._17b007c9):hover ._6b3ffbf2 .column-sort {
    visibility: visible
}

._6ac12fc9 ._78cb3233 {
    position: relative;
    padding: 0 8px;
    flex-shrink: 0
}

._6ac12fc9 ._78cb3233 button {
    color: var(--icon-n2)
}

._6ac12fc9 ._78cb3233:before {
    content: "";
    position: absolute;
    top: 4px;
    left: -1px;
    height: 16px;
    border-left: 1px solid var(--line-border-component)
}

._6ac12fc9._17b007c9 ._78cb3233:before,._6ac12fc9:hover ._78cb3233:before {
    display: none
}

._65b2bd99 {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 4px 8px;
    box-sizing: border-box;
    background-color: rgba(var(--bg-body-raw),.9);
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
    color: var(--text-caption);
    cursor: grabbing;
    box-shadow: 0 0 8px -8px rgba(var(--N900-raw),.06),0 4px 24px 8px rgba(var(--N900-raw),.04)
}

.mobile ._6ac12fc9 ._8050de95 {
    overflow: hidden
}

.dc42ca95 {
    display: inline-block;
    min-width: 100%
}

._85861b9f {
    width: 100%;
    height: 32px;
    margin: 8px 0
}

._85861b9f,._85861b9f .a1ec4ae3 {
    display: flex;
    align-items: center;
    box-sizing: border-box
}

._85861b9f .a1ec4ae3 {
    max-width: 100%;
    position: -webkit-sticky;
    position: sticky;
    left: 20px;
    padding-left: 6px;
    background-color: var(--bg-body);
    z-index: 1
}

._85861b9f._7e2d0769 .a1ec4ae3 {
    padding-left: 0
}

._85861b9f._7e2d0769 .e99ebb9a {
    display: flex;
    align-items: center;
    border-radius: 6px;
    height: 32px;
    padding: 0 8px 0 6px;
    box-sizing: border-box;
    font-weight: 500;
    color: var(--text-placeholder);
    overflow: hidden;
    cursor: pointer
}

._85861b9f._7e2d0769 .e99ebb9a:hover {
    color: var(--icon-n2);
    background-color: var(--bg-body-overlay)
}

._85861b9f._7e2d0769 .e99ebb9a ._32dfaaee {
    margin-right: 6px
}

._85861b9f._7e2d0769 .e99ebb9a ._0fed1896 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._85861b9f ._54c579b5 {
    margin-right: 8px;
    font-size: 12px;
    color: var(--icon-n2)
}

._85861b9f ._659c61dd {
    width: 240px;
    margin-left: -4px
}

.d7e472c5 {
    display: flex;
    align-items: center;
    width: 480px;
    height: 46px;
    overflow: hidden;
    background-color: rgba(var(--bg-body-raw),.9);
    border-radius: 6px;
    box-sizing: border-box;
    box-shadow: 0 4px 8px -8px rgba(var(--shadow-default-raw),.06),0 6px 12px rgba(var(--shadow-default-raw),.04),0 8px 24px 8px rgba(var(--shadow-default-raw),.04);
    cursor: grabbing
}

.d7e472c5._496838b5 {
    height: 32px
}

.d7e472c5._1f6a6b0c {
    cursor: no-drop
}

.d7e472c5 ._5e2dad73 {
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--icon-n3);
    flex-shrink: 0
}

.d7e472c5 ._1b75c8a9 {
    font-size: 12px;
    color: var(--icon-n2);
    margin-left: 2px
}

.d7e472c5 ._11318afd {
    margin-left: 8px;
    padding-right: 8px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box
}

.d7e472c5 ._078c6a55 {
    width: 32px;
    margin-left: 4px;
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.d7e472c5 ._06ad3711 {
    padding-right: 8px;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 22px
}

._696e7916 {
    cursor: pointer
}

._696e7916 .ud__checkbox {
    line-height: 16px
}

._696e7916 .ud__checkbox__wallpaper {
    border: 1px solid var(--icon-n2)!important;
    background-color: var(--udtoken-component-outlined-bg)!important;
    z-index: 1
}

._696e7916 .ud__checkbox__input {
    z-index: 2
}

._696e7916.b4b986ac .ud__checkbox__checked-svg {
    color: var(--primary-content-default)!important
}

._696e7916.e7296f40 .ud__checkbox__wallpaper {
    border: 1px solid var(--icon-disabled)!important;
    background-color: var(--bg-filler)!important;
    cursor: not-allowed
}

._696e7916.e7296f40.b4b986ac .ud__checkbox__checked-svg {
    color: var(--icon-disabled)!important
}

._696e7916._1044a732 .ud__checkbox__wallpaper {
    height: 14px;
    left: 1px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

._696e7916._1044a732 .ud__checkbox__wallpaper .ud__checkbox__checked-svg-shown {
    -webkit-transform: translate(-50%,-50%) scale(1) rotate(-45deg);
    transform: translate(-50%,-50%) scale(1) rotate(-45deg)
}

._696e7916._1044a732 .ud__checkbox:after {
    width: 14px
}

._696e7916._1044a732:not(.b4b986ac):not(.e7296f40) .ud__checkbox__wallpaper {
    border-color: var(--primary-content-default)!important
}

._696e7916.ef5fe8e1 .ud__checkbox__wallpaper {
    border-radius: 50%!important
}

._696e7916._6b585916.b4b986ac .ud__checkbox__wallpaper {
    border: 1px solid var(--function-success-fill-default)!important;
    background-color: var(--function-success-fill-default)!important
}

._696e7916._6b585916.b4b986ac .ud__checkbox__checked-svg {
    color: var(--static-white)!important
}

._696e7916._6b585916.e7296f40.b4b986ac .ud__checkbox__wallpaper {
    border: 1px solid var(--icon-disabled)!important;
    background-color: var(--icon-disabled)!important
}

._696e7916._6b585916.e7296f40.b4b986ac .ud__checkbox__checked-svg {
    color: var(--static-white)!important
}

._3dddf24b {
    position: relative;
    line-height: 1
}

._3dddf24b ._696e7916 {
    line-height: normal
}

._3dddf24b ._6bbfc902 {
    position: absolute;
    left: 0;
    bottom: 0
}

._0d278a76 {
    width: 140px
}

._84c5ecd3 {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px;
    box-sizing: border-box;
    line-height: 22px;
    overflow: hidden
}

._84c5ecd3 ._938e3e35 {
    margin-right: 8px;
    font-size: 12px;
    color: var(--icon-n2);
    cursor: pointer
}

._84c5ecd3 .cc78f104 {
    margin-left: 8px;
    color: var(--text-placeholder)
}

._84c5ecd3 .add92793 {
    margin-left: 8px;
    visibility: hidden
}

._84c5ecd3 .add92793 .eee060c7 {
    color: var(--icon-n2)
}

._84c5ecd3:hover .add92793 {
    visibility: visible
}

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

._11e8db76 .acc7d553 {
    color: var(--text-title);
    font-weight: 500
}

.fc2553bf.ud__tag {
    color: var(--option-tag-text-color);
    cursor: pointer
}

.fc2553bf._49e65d31 {
    text-decoration: line-through
}

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

.ac098f2c .a283e509 {
    color: var(--text-title);
    font-weight: 500
}

.e9ae48ef {
    min-width: 1px;
    max-width: 100%
}

.e9ae48ef,.e9ae48ef .ud__overflow__item,.e9ae48ef .ud__overflow__rest {
    overflow: hidden
}

.e9ae48ef ._51934e71 {
    margin-right: 4px
}

.e9ae48ef .bc081d5e {
    cursor: pointer
}

.e9ae48ef .a7b89252 {
    display: flex;
    align-items: center;
    overflow: hidden
}

.e9ae48ef .a7b89252 ._35c80646 {
    margin-right: 4px;
    overflow: hidden
}

.e9ae48ef .a7b89252 .edd06440 {
    flex-shrink: 0
}

._91972de5 ._36982a28 {
    font-weight: 500;
    color: var(--text-title)
}

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

._80083459 .a611b36b {
    color: var(--text-title);
    font-weight: 500
}

._80083459 .a611b36b ._51af3848 {
    font-weight: 400
}

._79a493f9 {
    display: flex;
    align-items: center;
    height: 24px;
    line-height: 1;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 0 8px 0 2px;
    background: var(--bg-body-overlay);
    overflow: hidden;
    cursor: pointer
}

._79a493f9 ._11ab9d80 {
    flex-shrink: 0
}

._79a493f9 ._029a23bc {
    margin-left: 4px;
    line-height: 20px;
    color: var(--text-title);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

.fedd05c0 {
    overflow: hidden
}

._62db0380 {
    display: flex;
    align-items: center;
    padding: 2px;
    box-sizing: border-box
}

._62db0380 .e3b319ea {
    position: relative;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--bg-body);
    line-height: normal
}

._62db0380 .e3b319ea:not(:first-child) {
    margin-left: -2px
}

._62db0380 .f25a139d {
    position: relative;
    margin-left: -2px;
    background-color: var(--N300);
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--bg-body)
}

._62db0380 .f25a139d ._5004d2df {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    font-weight: 500;
    color: var(--text-caption);
    cursor: pointer;
    font-size: 12px;
    -webkit-transform: scale(.83);
    transform: scale(.83)
}

._62db0380 .b61a7ef8 {
    position: relative
}

._62db0380 .b61a7ef8:not(:first-child) .e3b319ea {
    margin-left: -2px
}

._62db0380 .b61a7ef8 ._8d190110 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 8px;
    height: 8px;
    font-size: 8px;
    color: var(--static-white);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--text-link-hover)
}

._62db0380._4e4b76bd {
    border-radius: 12px;
    background-color: var(--bg-body-overlay)
}

._62db0380._4e4b76bd .e3b319ea,._62db0380._4e4b76bd .f25a139d {
    box-shadow: 0 0 0 2px var(--bg-body-overlay)
}

._1718d996 {
    display: flex;
    align-items: center;
    overflow: hidden
}

._1718d996 ._40d6834e {
    color: var(--text-title);
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

._1718d996 ._051e37d1 {
    margin-left: 8px;
    color: var(--text-placeholder)
}

._1718d996 .bf3b40d8 {
    display: flex;
    align-items: center;
    visibility: hidden;
    margin-left: 8px
}

._1718d996 .bf3b40d8 .b26e27f0 {
    color: var(--icon-n2)
}

._1718d996._34e28216 .bf3b40d8,._1718d996:hover .bf3b40d8 {
    visibility: visible
}

._1718d996 ._1bf29cc8 {
    width: 240px;
    margin-left: -4px
}

.edb2dc13 {
    min-width: 120px
}

.b133671c ._6714923c {
    font-weight: 500;
    color: var(--text-title)
}

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

._89378729 ._07c7235a {
    color: var(--text-title);
    font-weight: 500
}

._89378729 ._07c7235a .e8bbbed0 {
    font-weight: 400
}

._89378729 ._596c1642 {
    display: flex;
    align-items: center;
    visibility: hidden;
    margin-left: 8px
}

._89378729 ._596c1642 .e2f75bee {
    color: var(--icon-n2)
}

._89378729:hover ._596c1642 {
    visibility: visible
}

.eea29ea4 {
    overflow: hidden
}

.eea29ea4 ._934accfa {
    font-size: 14px;
    font-weight: 500
}

.eea29ea4 ._934accfa._44ffef59 {
    cursor: default;
    color: var(--text-title)
}

.eea29ea4 ._934accfa .ca082edc {
    font-size: 16px;
    margin-right: 8px
}

.eea29ea4 ._6c915dbb {
    color: var(--text-title);
    font-weight: 500
}

._5c3340d2 {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: var(--text-caption);
    line-height: 20px;
    overflow: hidden;
    cursor: pointer
}

._5c3340d2._28039f74 {
    color: var(--text-link-normal)
}

._5c3340d2 ._763c49d0 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px
}

._5c3340d2 ._46b4294d {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._627a3e96 ._87d936f0 {
    font-weight: 500;
    color: var(--text-title)
}

._5df9df74 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%
}

._5df9df74 ._670cb1c4 {
    overflow: hidden
}

._5df9df74 .e4470427 {
    margin-left: 8px;
    visibility: hidden;
    font-size: 10px;
    color: var(--icon-n2)
}

._5df9df74.fa03dc66:hover .e4470427 {
    visibility: visible
}

._5df9df74.fa03dc66:hover:before {
    content: "";
    position: absolute;
    top: 0;
    right: -8px;
    bottom: 0;
    left: -8px;
    border: 1px solid var(--line-divider-default);
    pointer-events: none
}

.c6af9a5e {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.c1aed185 {
    color: var(--text-caption)
}

.dfce87fa {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%
}

.dfce87fa ._79fccf67 {
    margin-left: 8px;
    visibility: hidden;
    font-size: 10px;
    color: var(--icon-n2)
}

.dfce87fa.c5d8b1f7:hover ._79fccf67 {
    visibility: visible
}

.dfce87fa.c5d8b1f7:hover:before {
    content: "";
    position: absolute;
    top: 0;
    right: -8px;
    bottom: 0;
    left: -8px;
    border: 1px solid var(--line-divider-default);
    pointer-events: none
}

.df0725d8 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

._0fe2ef6b {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%
}

._0fe2ef6b ._06f5cbe3 {
    overflow: hidden
}

._0fe2ef6b ._4e59bd20 {
    font-size: 14px;
    color: var(--text-title);
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._0fe2ef6b.b478a87c ._4e59bd20 {
    color: var(--text-caption)
}

._0fe2ef6b._8d1e763d:hover:before {
    content: "";
    position: absolute;
    top: 0;
    right: -8px;
    bottom: 0;
    left: -8px;
    border: 1px solid var(--line-divider-default);
    pointer-events: none
}

.f805e0db {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

._0cb68486 {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%
}

._0cb68486 ._2fdfa2cb {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 16px;
    color: var(--icon-disabled);
    cursor: pointer
}

._0cb68486 ._2fdfa2cb:hover {
    color: var(--icon-n3);
    background-color: var(--fill-hover)
}

._0cb68486.a587e8ba:hover:not(._170015e5):before {
    content: "";
    position: absolute;
    top: 0;
    right: -8px;
    bottom: 0;
    left: -8px;
    border: 1px solid var(--line-divider-default);
    pointer-events: none
}

._0cb68486.a587e8ba._170015e5 {
    margin: 0 -8px;
    padding: 0 8px;
    background-color: var(--bg-body);
    box-shadow: inset 0 0 0 1px var(--primary-content-loading);
    z-index: 1;
    box-sizing: initial
}

._0cb68486.a587e8ba._170015e5 ._2fdfa2cb:hover {
    color: var(--icon-disabled);
    background-color: unset
}

._8d631e36 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

._7d8f2635 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 100%
}

._7d8f2635 ._4b9776c4 {
    overflow: hidden;
    text-align: right
}

._7d8f2635 ._7cc0ddb4 {
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._7d8f2635._72651270:hover:before {
    content: "";
    position: absolute;
    top: 0;
    right: -8px;
    bottom: 0;
    left: -8px;
    border: 1px solid var(--line-divider-default);
    pointer-events: none
}

._4c2a06d1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.ff13aa00 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    line-height: 22px
}

.ff13aa00.ac18a0b1:hover:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid var(--line-divider-default);
    pointer-events: none
}

.ff13aa00 .e0556650 {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis
}

.ff13aa00 .e0556650 .rich-text-inline {
    white-space: nowrap
}

._61697352 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

._1cf414e3 {
    justify-content: center
}

._1cf414e3,._7e1528ad {
    display: flex;
    align-items: center;
    margin-left: -4px
}

._7e1528ad {
    width: 100%;
    height: 100%;
    margin-right: -4px;
    overflow: hidden;
    line-height: 22px
}

._7e1528ad.b1048345 {
    padding-right: 0
}

._7e1528ad ._84d15551 {
    white-space: nowrap
}

._7e1528ad ._84d15551,._7e1528ad ._84d15551 ._90dd898a {
    display: flex;
    align-items: center;
    height: 100%;
    overflow: hidden
}

._7e1528ad ._84d15551 ._90dd898a {
    position: relative;
    color: var(--text-title);
    padding: 0 4px;
    box-sizing: border-box
}

._7e1528ad ._84d15551 ._90dd898a ._935246e4 {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis
}

._7e1528ad ._84d15551 ._90dd898a ._935246e4 .rich-text-inline {
    white-space: nowrap
}

._7e1528ad ._84d15551 ._90dd898a.fb1c27f8 ._935246e4 {
    opacity: .5;
    text-decoration: line-through
}

._7e1528ad ._84d15551 ._90dd898a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 22px;
    border-radius: 4px;
    border: 1px solid transparent;
    pointer-events: none
}

._7e1528ad ._84d15551 .d9ec1d63 {
    display: flex;
    align-items: center;
    flex: 1 1 40%;
    max-width: -webkit-max-content;
    max-width: max-content;
    margin-left: 4px;
    overflow: hidden;
    color: var(--icon-n3)
}

._7e1528ad ._84d15551 .d9ec1d63 ._21529d5e {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 4px;
    color: var(--text-caption)
}

._7e1528ad._58ded312:hover ._84d15551 ._90dd898a {
    z-index: 1
}

._7e1528ad._58ded312:hover ._84d15551 ._90dd898a ._935246e4 {
    cursor: text
}

._7e1528ad._58ded312:hover ._84d15551 ._90dd898a:before {
    border-color: var(--line-border-component);
    background-color: var(--bg-body)
}

._7e1528ad .ef7c8d54 {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: var(--text-placeholder);
    line-height: 20px;
    margin-left: 8px;
    padding-right: 40px;
    box-sizing: border-box;
    overflow: hidden
}

._7e1528ad .ef7c8d54 ._3c7899a7 {
    display: flex;
    align-items: center;
    position: relative;
    margin-left: 12px
}

._7e1528ad .ef7c8d54 ._3c7899a7:first-child {
    margin-left: 8px
}

._7e1528ad .ef7c8d54 ._3c7899a7:hover:before {
    content: "";
    position: absolute;
    top: 0;
    right: -2px;
    bottom: 0;
    left: -2px;
    border-radius: 4px;
    background-color: var(--bg-body-overlay);
    z-index: -1
}

._7e1528ad .ef7c8d54 ._5f72eb84 {
    color: var(--icon-n3);
    margin-right: 4px
}

.mobile ._7e1528ad .ef7c8d54 ._3c7899a7:hover:before {
    content: none
}

.cb29ef9c {
    width: 100%;
    display: flex;
    align-items: center
}

.cb29ef9c ._2a3a5308 {
    margin-top: 1px
}

.cb29ef9c ._2a3a5308,.cb29ef9c ._2a3a5308:hover {
    color: var(--text-placeholder)
}

.a74283a7 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
    color: var(--icon-n2);
    background-color: initial
}

._103446f5:focus,.a74283a7:hover {
    background-color: var(--fill-hover)
}

.a74283a7:active {
    background-color: var(--fill-pressed)
}

._23b49ca7 {
    background: transparent;
    color: var(--icon-disabled)
}

._23b49ca7:active,._23b49ca7:focus,._23b49ca7:hover {
    background: transparent;
    cursor: default
}

.a5409c86 {
    width: 28px;
    height: 28px;
    font-size: 20px
}

._023fc3da {
    width: 20px;
    height: 20px;
    font-size: 12px
}

._768e80d3 {
    width: 14px;
    height: 14px;
    font-size: 12px;
    border-radius: 2px
}

._0c46bcf7,._32b7fe32 {
    border-radius: 50px
}

._32b7fe32 {
    display: flex;
    align-items: center;
    background-color: var(--bg-body-overlay);
    font-size: 14px;
    line-height: normal;
    cursor: pointer;
    overflow: hidden
}

._32b7fe32 ._2495e682 {
    color: var(--text-caption);
    background-color: var(--N300)
}

._32b7fe32 ._988d5747 {
    flex-shrink: 0
}

._32b7fe32 ._0cc3d08d:first-of-type {
    margin-left: 0
}

._32b7fe32 ._211b998a {
    display: flex
}

.f6b1a4cd {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 8px
}

._38d51f2d {
    margin: 0 8px 0 4px
}

._7941bcef:focus,._7941bcef:hover {
    background: var(--N300)
}

._7941bcef:focus ._0cc3d08d,._7941bcef:hover ._0cc3d08d {
    border-color: var(--N300)
}

._01530205 {
    display: flex;
    cursor: pointer
}

._0cc3d08d {
    border: 2px solid var(--bg-body-overlay);
    margin-left: -6px;
    z-index: 1;
    border-radius: 50px;
    background: var(--bg-body-overlay)
}

.aa4b09a5 {
    width: 100%;
    height: 100%
}

.aa4b09a5,.aa4b09a5 .a4f23fdd {
    display: flex;
    align-items: center
}

.aa4b09a5 .a4f23fdd {
    width: 24px;
    height: 24px;
    justify-content: center;
    border-radius: 4px;
    font-size: 16px;
    color: var(--icon-disabled);
    cursor: pointer
}

.aa4b09a5.d2e93898:hover:not(.adc3493d):before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid var(--line-divider-default);
    pointer-events: none
}

.aa4b09a5.d2e93898 .a4f23fdd:hover {
    color: var(--icon-n3);
    background-color: var(--fill-hover)
}

.aa4b09a5.d2e93898.adc3493d {
    margin: 0 -8px;
    padding: 0 8px;
    background-color: var(--bg-body);
    box-shadow: inset 0 0 0 1px var(--primary-content-loading);
    z-index: 1;
    box-sizing: initial
}

.aa4b09a5.d2e93898.adc3493d .a4f23fdd:hover {
    color: var(--icon-disabled);
    background-color: unset
}

._9ca4cf5b {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.a0ebb265 {
    opacity: 1
}

._230c4e87 {
    display: flex;
    justify-content: space-between
}

._24e26314 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: var(--text-title);
    cursor: pointer
}

._24e26314,._24e26314 ._04925bf9 {
    font-size: 14px
}

._24e26314 .dfb811a5 {
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--icon-n3);
    margin-left: 6px;
    cursor: pointer
}

._24e26314 .dfb811a5:hover {
    color: var(--icon-n2)
}

._24e26314 ._2509e73e {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 16px;
    color: var(--icon-disabled)
}

._24e26314 ._225b4de3 {
    overflow: hidden;
    text-overflow: ellipsis
}

._24e26314.ca309764 ._2509e73e:hover {
    color: var(--icon-n3);
    background-color: var(--fill-hover)
}

._24e26314.ca309764:hover:not(._7b1c891f):before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid var(--line-divider-default);
    pointer-events: none
}

._24e26314.ca309764:hover .dfb811a5 {
    display: flex
}

._24e26314.ca309764._7b1c891f {
    margin: 0 -8px;
    padding: 0 8px;
    background-color: var(--bg-body);
    box-shadow: inset 0 0 0 1px var(--primary-content-loading);
    z-index: 1;
    box-sizing: initial
}

._24e26314.ca309764._7b1c891f ._2509e73e:hover {
    color: var(--icon-disabled);
    background-color: unset
}

._24e26314.ca309764._7b1c891f .dfb811a5 {
    display: flex
}

._493981e3 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

._8b184d9c {
    padding-right: 4px;
    overflow: hidden;
    font-size: 12px;
    color: var(--text-title);
    line-height: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

._8b184d9c._2b0081be {
    flex-wrap: nowrap
}

._8b184d9c._2b0081be .bffbb6c2 {
    flex-shrink: 0
}

._8b184d9c .d7ca38d6 {
    display: flex;
    align-items: center;
    overflow: hidden
}

._8b184d9c .a1139147 {
    overflow: hidden;
    text-overflow: ellipsis
}

._8b184d9c._667a2d7c {
    color: var(--function-danger-content-default)
}

._8b184d9c._667a2d7c ._6154891a {
    border-color: var(--function-danger-content-default)
}

._8b184d9c._9a650020 {
    color: var(--colorful-blue)
}

._8b184d9c._9a650020 ._6154891a {
    border-color: var(--colorful-blue)
}

._8b184d9c._90bb8975 {
    color: var(--text-caption)
}

._8b184d9c._90bb8975 ._6154891a {
    border-color: var(--text-caption)
}

._8b184d9c ._2a63500c {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline;
    white-space: nowrap
}

._8b184d9c ._9b439298,._8b184d9c .f3a9743f {
    margin-left: 6px;
    cursor: pointer
}

._8b184d9c ._6154891a {
    width: 8px;
    border-top: 1px solid var(--text-title);
    margin: auto 6px
}

._662ca061,._662ca061 .bcfff2ff {
    display: flex;
    align-items: center
}

._662ca061 .bcfff2ff ._1fe31fc5 {
    width: 26px
}

.a07bb4ff span:last-child {
    margin-left: 8px
}

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

._897a4141,.c6cb4b56 {
    overflow: hidden
}

.c6cb4b56 .c4aa230d {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--text-caption);
    line-height: 20px
}

.c6cb4b56 .c4aa230d ._06274d2a {
    margin-left: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.a9d669af {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 -8px;
    overflow: hidden;
    box-sizing: initial
}

.a9d669af ._1c81c604 {
    position: relative;
    padding: 0 8px;
    box-sizing: border-box
}

.a9d669af ._1c81c604:hover:before {
    content: "";
    position: absolute;
    top: 0;
    right: 4px;
    bottom: 0;
    left: 4px;
    border-radius: 4px;
    background-color: var(--bg-body-overlay)
}

.a9d669af .da7c2d3c {
    position: relative;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--text-caption)
}

.a9d669af .da7c2d3c,.adb8ed25 {
    font-size: 12px;
    overflow: hidden
}

.adb8ed25 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    color: var(--text-title);
    cursor: pointer
}

.adb8ed25 .bb207430 {
    font-size: 14px
}

.adb8ed25 ._36daa0d1 {
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--icon-n3);
    margin-left: 6px;
    cursor: pointer
}

.adb8ed25 ._36daa0d1:hover {
    color: var(--icon-n2)
}

.adb8ed25 ._3991f676 {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 16px;
    color: var(--icon-disabled)
}

.adb8ed25.d5b98276 ._3991f676:hover {
    color: var(--icon-n3);
    background-color: var(--fill-hover)
}

.adb8ed25.d5b98276:hover:not(.e676e625):before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid var(--line-divider-default);
    pointer-events: none
}

.adb8ed25.d5b98276:hover ._36daa0d1 {
    display: flex
}

.adb8ed25.d5b98276.e676e625 {
    margin: 0 -8px;
    padding: 0 8px;
    background-color: var(--bg-body);
    box-shadow: inset 0 0 0 1px var(--primary-pri-300);
    z-index: 1;
    box-sizing: initial
}

.adb8ed25.d5b98276.e676e625 ._3991f676:hover {
    color: var(--icon-disabled);
    background-color: unset
}

.adb8ed25.d5b98276.e676e625 ._36daa0d1 {
    display: flex
}

.f1cd7b03 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

._20f2711c {
    position: relative;
    display: flex;
    margin-right: 20px;
    outline: none
}

._20f2711c.b38e6363 {
    margin-right: 0
}

._20f2711c.b38e6363 ._68dcd73a:before {
    right: 0
}

._20f2711c.b38e6363 ._68dcd73a:after {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

._20f2711c._687caa73 ._68dcd73a:after,._20f2711c._687caa73:hover ._68dcd73a:after,._20f2711c.bd58b7f2 ._68dcd73a:after,._20f2711c.bd58b7f2:hover ._68dcd73a:after {
    background-color: var(--fill-selected)
}

._20f2711c.bd58b7f2 ._0a4e418a {
    z-index: 3
}

._20f2711c._21aa15bd ._68dcd73a,._20f2711c._21aa15bd ._68dcd73a:before {
    display: none
}

._20f2711c._21aa15bd.f492b246 ._68dcd73a {
    display: block
}

._20f2711c.ec515c34 {
    cursor: pointer
}

._20f2711c.ec515c34 ._68dcd73a:before {
    display: none
}

._20f2711c ._2c6b1a17 ._68dcd73a:after {
    background-color: var(--fill-hover)
}

._20f2711c.c12f3919 ._4c6f7f08,._20f2711c:hover ._4c6f7f08 {
    visibility: visible
}

._20f2711c.c12f3919 ._68dcd73a:after,._20f2711c.f492b246 ._68dcd73a:after,._20f2711c:hover ._68dcd73a:after {
    background-color: var(--fill-hover)
}

._20f2711c._303db3b7 ._68dcd73a:after {
    background-color: var(--bg-content-base);
    border-radius: 0
}

._20f2711c._303db3b7._21aa15bd ._68dcd73a {
    display: block
}

._20f2711c._303db3b7._21aa15bd ._68dcd73a:after {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

._20f2711c._303db3b7._35981ab0 ._68dcd73a:after {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

._20f2711c._303db3b7 ._0a4e418a ._68dcd73a:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

._20f2711c ._68dcd73a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 20px;
    pointer-events: none
}

._20f2711c ._68dcd73a:before {
    position: absolute;
    content: "";
    left: calc(var(--task-table-sub-task-indentation) + 20px);
    right: 8px;
    bottom: 0;
    border-bottom: 1px solid rgba(var(--N900-raw),.08)
}

._20f2711c ._68dcd73a:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 6px;
    z-index: -1
}

._20f2711c ._0a4e418a {
    display: flex;
    align-items: center;
    height: 100%;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    padding-left: 20px;
    background-color: var(--bg-body);
    z-index: 2
}

._20f2711c ._0a4e418a ._68dcd73a:before {
    right: 0
}

._20f2711c ._0a4e418a ._68dcd73a:after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

._20f2711c ._34589263 {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    align-self: center;
    margin-left: 4px
}

._20f2711c .e0d2b57b {
    position: relative;
    height: 100%;
    flex-shrink: 0;
    z-index: 1
}

._20f2711c .e0d2b57b ._0adda12c {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -6px;
    width: 12px;
    border-left: 1px solid rgba(var(--N900-raw),.15);
    overflow: hidden
}

._20f2711c .e0d2b57b._890fdd92 ._0adda12c {
    border-left-color: transparent;
    overflow: visible
}

._20f2711c .e0d2b57b.b43e7fea ._0adda12c:after {
    content: "";
    display: block;
    width: 12px;
    height: 50%;
    border: 1px solid rgba(var(--N900-raw),.15);
    border-top: 0;
    border-right: 0;
    border-radius: 0 0 0 7px;
    margin-left: -1px
}

._20f2711c ._4c6f7f08 {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--icon-n3);
    visibility: hidden;
    z-index: 2;
    cursor: grab
}

._20f2711c ._4c6f7f08:hover {
    color: var(--icon-n2)
}

._20f2711c ._2a8d5ab7 {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 8px;
    white-space: nowrap;
    cursor: pointer
}

._20f2711c ._2a8d5ab7,._20f2711c ._16cdd3f7,._20f2711c ._509cbc7d,._20f2711c .cd9fd0e9 {
    height: 100%;
    box-sizing: border-box
}

._20f2711c ._16cdd3f7,._20f2711c .cd9fd0e9 {
    display: flex;
    align-items: center
}

._20f2711c .cd9fd0e9 {
    padding-left: 52px;
    padding-right: 8px;
    color: var(--text-placeholder)
}

._20f2711c ._16cdd3f7 {
    display: flex;
    align-items: center
}

._20f2711c ._16cdd3f7 ._30062ed3 {
    width: 100%;
    padding: 0 8px 0 4px;
    box-sizing: border-box;
    margin-left: 20px
}

._20f2711c ._16cdd3f7 ._30062ed3 ._4710c396 {
    display: flex;
    align-items: center
}

._20f2711c ._16cdd3f7 ._30062ed3 .a5719e52 {
    margin-bottom: 0
}

._20f2711c .eee293d8 {
    padding: 0 8px;
    width: 24px;
    box-sizing: initial
}

._3c0e850d {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 10px;
    color: var(--icon-n2);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    cursor: pointer
}

._3c0e850d._78c4a304 {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.e504c6c4 {
    transition: opacity .2s linear,height .2s linear
}

.e504c6c4._4d0d7547 {
    opacity: 1
}

.e504c6c4._4ad3f1f6 {
    opacity: 0;
    height: 0!important
}

.mobile ._20f2711c._687caa73 ._68dcd73a:after,.mobile ._20f2711c._687caa73:hover ._68dcd73a:after,.mobile ._20f2711c.c12f3919 ._68dcd73a:after,.mobile ._20f2711c:hover ._68dcd73a:after {
    background-color: unset
}

.bda61b4e {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding-left: 40px;
    box-shadow: 4px 0 12px var(--shadow-default-lg);
    pointer-events: none;
    box-sizing: initial;
    z-index: 2
}

._0d2a7b89 {
    width: 100%;
    height: 100%;
    overflow-x: overlay;
    overflow-y: hidden;
    overscroll-behavior-x: none;
    flex: 1
}

._0d2a7b89._14c7b5ba::-webkit-scrollbar {
    display: none
}

._0d2a7b89::-webkit-scrollbar-thumb {
    visibility: hidden
}

._0d2a7b89:hover::-webkit-scrollbar-thumb {
    visibility: visible
}

._0d2a7b89 ._64f2944a {
    position: relative;
    height: 100%;
    z-index: 0
}

._0d2a7b89 ._64f2944a ._097a30e9,.f40e08af {
    display: flex;
    height: 100%;
    overflow: hidden
}

.f40e08af {
    position: relative;
    flex-direction: column
}

.f40e08af._9c4cd542 {
    background-color: var(--bg-content-base);
    border-radius: 8px
}

.f40e08af._9c4cd542 .dd5f3a0b {
    opacity: .2
}

.f40e08af._9c4cd542 .f8eab93b {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    text-align: center;
    line-height: 22px;
    color: var(--text-title)
}

.f40e08af .dd5f3a0b {
    flex: 1;
    overflow-x: hidden;
    overflow-y: overlay
}

.f40e08af .dd5f3a0b::-webkit-scrollbar-thumb {
    visibility: hidden
}

.f40e08af .dd5f3a0b:hover::-webkit-scrollbar-thumb {
    visibility: visible
}

.f40e08af .dd5f3a0b .fc833aae {
    position: relative;
    width: 100%
}

.e6d3f0f3 {
    margin-top: -4px;
    padding: 0 10px 8px;
    box-sizing: border-box
}

.e6d3f0f3 ._1e943339 {
    display: flex;
    align-items: center;
    padding: 0 12px;
    height: 32px;
    border-radius: 8px;
    font-size: 14px;
    color: var(--text-placeholder);
    cursor: pointer
}

.e6d3f0f3 ._1e943339 ._5cc18c83 {
    font-size: 16px;
    color: var(--icon-n3);
    margin-right: 8px
}

.e6d3f0f3 ._1e943339:hover {
    background-color: var(--fill-hover)
}

.mobile .e6d3f0f3 ._1e943339:hover {
    background-color: unset
}

.ea5e9e03 {
    box-sizing: border-box;
    padding: 0 10px 8px
}

.ea5e9e03 ._9cb66bef {
    position: relative;
    min-height: 72px;
    border-radius: 8px;
    padding: 12px;
    border: 1px solid var(--line-border-card);
    background-color: var(--bg-body);
    box-shadow: var(--shadow-s1-down);
    box-sizing: border-box;
    transition: border-color .2s;
    cursor: pointer
}

.ea5e9e03 ._9cb66bef ._9c504797 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
    overflow: hidden
}

.ea5e9e03 ._9cb66bef._277dc0b1 {
    border-color: var(--bg-pricolor)
}

.ea5e9e03 ._9cb66bef._3534bc94 {
    border-color: var(--line-border-card)!important;
    background-color: var(--fill-hover)
}

.ea5e9e03 ._9cb66bef._59d7823b,.ea5e9e03 ._9cb66bef:hover {
    border-color: var(--bg-pricolor)
}

.ea5e9e03 ._9cb66bef._59d7823b ._9c504797 .task-kanban__card--placeholder,.ea5e9e03 ._9cb66bef:hover ._9c504797 .task-kanban__card--placeholder {
    visibility: visible
}

.ea5e9e03 ._9cb66bef._82c01a14 {
    border-color: var(--bg-pricolor)
}

.ea5e9e03 ._9cb66bef:not(._2ae02abf):hover ._8ca65949 {
    visibility: visible
}

.ea5e9e03 ._8ca65949 {
    position: absolute;
    top: 8px;
    right: 8px;
    color: var(--icon-n1);
    background-color: var(--bg-body);
    visibility: hidden
}

.ea5e9e03 ._8ca65949.ud__button--selected {
    background-color: var(--bg-body-overlay)!important
}

.ea5e9e03 ._8ca65949:hover {
    background-color: var(--bg-body-overlay)
}

.ea5e9e03 ._8ca65949:active {
    background-color: var(--bg-filler)
}

.ea5e9e03 ._8ca65949.a8374f40 {
    visibility: visible
}

.mobile .ea5e9e03 ._9cb66bef._59d7823b,.mobile .ea5e9e03 ._9cb66bef:hover {
    border-color: var(--line-border-card)
}

._90afe794 {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    overflow: hidden;
    color: var(--icon-n3)
}

._90afe794 ._93492751 {
    font-size: 12px;
    color: var(--text-caption);
    line-height: 20px;
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._372ec3f6 {
    position: relative;
    max-height: 110px;
    overflow-x: hidden;
    overflow-y: overlay;
    margin: 0 -12px;
    padding: 0 12px
}

._372ec3f6::-webkit-scrollbar-thumb {
    visibility: hidden
}

._372ec3f6:hover::-webkit-scrollbar-thumb {
    visibility: visible
}

._372ec3f6 ._231b1cdd {
    position: absolute;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    margin-left: -2px;
    padding-left: 2px;
    overflow: hidden
}

._372ec3f6 .c5ebf94c {
    line-height: 22px;
    text-indent: 24px
}

._372ec3f6 .c5ebf94c.ff1df6c8 {
    opacity: .5;
    text-decoration: line-through
}

._372ec3f6 .c5ebf94c .editor__custom--placeholder {
    text-indent: 0;
    max-width: calc(100% - 24px);
    width: auto
}

._372ec3f6 .c5ebf94c ._327cc77d .rich-text-inline {
    word-break: break-word
}

._372ec3f6 .c5ebf94c ._327cc77d * {
    text-indent: 0
}

._372ec3f6 .c5ebf94c .ffcbb423 {
    margin-right: -12px;
    cursor: text
}

._372ec3f6 .c5ebf94c .ffcbb423 .ace-line:not(:first-child) {
    text-indent: 0
}

.e1186ebc {
    box-sizing: border-box;
    padding: 6px 8px;
    border-radius: 6px;
    border: 1px solid transparent;
    width: calc(100% + 12px);
    margin-left: -6px;
    margin-bottom: 10px
}

.e1186ebc._36da6007.e1ba36e8,.e1186ebc._36da6007:focus {
    border: 1px solid var(--line-border-component)
}

.e1186ebc._36da6007.e1ba36e8:hover,.e1186ebc._36da6007:focus:hover {
    border: 1px solid var(--primary-content-default)
}

.e1186ebc._36da6007.e1ba36e8.e75cf41b,.e1186ebc._36da6007:focus.e75cf41b {
    border-color: transparent!important
}

.e1186ebc._552a270b {
    text-decoration: line-through
}

.e1186ebc .innerdocbody.editor-kit-container {
    color: var(--text-title)
}

._8c84d6ba {
    width: 100%;
    padding: 0;
    margin: 0;
    border: none
}

._00988354 {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 2px;
    border-radius: 4px;
    line-height: 20px;
    overflow: hidden;
    cursor: pointer
}

._00988354._6baefefc {
    margin-left: -2px
}

._00988354.dd39e9d0:hover {
    background-color: var(--fill-hover)
}

._00988354 .cc1f9c98 {
    margin-right: 6px;
    line-height: 20px
}

._00988354 .ea01e058 {
    font-size: 16px;
    color: var(--icon-n3);
    visibility: hidden
}

._00988354._9f2c1d88 {
    background-color: var(--fill-hover)
}

._00988354._9f2c1d88 .ea01e058 {
    visibility: visible
}

._00988354 ._6ac34e25 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

._00988354 ._6ac34e25 .b2b85dd2 {
    height: 100%
}

.c4bac809 {
    max-height: 100%!important
}

.c4bac809 .ud__popover-content {
    overflow: overlay
}

._571c5af0 {
    position: relative;
    flex-shrink: 0;
    margin-left: 8px
}

._571c5af0 .cf7ad24c {
    padding: 0
}

._571c5af0 .cf7ad24c ._44238c34 {
    box-shadow: none
}

._571c5af0 ._4eb11ca4 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    font-size: 16px;
    color: var(--icon-n3);
    visibility: hidden
}

._571c5af0 ._4eb11ca4._21480c47 {
    visibility: visible;
    cursor: pointer
}

._571c5af0 ._4eb11ca4._21480c47,._571c5af0 ._4eb11ca4:hover {
    background-color: var(--fill-hover)
}

._571c5af0 ._8009b781 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

._571c5af0 ._8009b781 ._9b0956f9 {
    height: 100%
}

._702e890a {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 32px;
    align-items: center
}

._702e890a ._85fd34ff {
    display: flex;
    padding: 4px 8px;
    line-height: 20px
}

._702e890a ._85fd34ff ._1ae406f6 {
    max-width: 160px
}

._702e890a ._86a565ca {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 280px
}

._421cef27 {
    margin-left: 4px;
    color: var(--icon-n2)
}

.f51f546c {
    z-index: 1032!important
}

.a6ce0ac5 {
    height: 100%
}

._3f1be37d {
    display: flex;
    align-items: center;
    margin-top: 4px;
    font-size: 12px;
    line-height: 22px;
    color: var(--text-placeholder)
}

._3f1be37d ._5a4838cf {
    display: flex;
    align-items: center;
    height: 20px;
    padding: 0 2px;
    margin-right: 12px;
    border-radius: 4px;
    cursor: pointer
}

._3f1be37d ._5a4838cf:hover {
    background-color: var(--fill-hover)
}

._3f1be37d ._5a4838cf .cc4716ce {
    color: var(--icon-n3);
    margin-right: 4px
}

._3f1be37d ._998a4540 .c5ee48ff {
    font-size: 10px;
    color: var(--icon-n2);
    margin-left: 4px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

._3f1be37d ._998a4540 ._5627177e {
    width: 30px;
    margin-left: 4px;
    margin-right: 8px
}

._3f1be37d ._998a4540._7bcc61dd .c5ee48ff {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.mobile ._3f1be37d ._5a4838cf:hover {
    background-color: unset
}

._63e8e4a9 {
    margin-top: 4px;
    padding: 0 4px
}

._63e8e4a9._8e010237 {
    margin-left: -12px;
    margin-right: -12px
}

._63e8e4a9 .fd922856 {
    position: relative;
    display: flex;
    align-items: center;
    height: 32px;
    box-sizing: border-box
}

._63e8e4a9 .fd922856:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid rgba(var(--N900-raw),.08)
}

._63e8e4a9 .fd922856 ._4d3429a3 {
    margin-bottom: 0
}

._63e8e4a9 .fd922856 .e3fa81e0 {
    border-radius: 4px;
    margin-right: 8px
}

._63e8e4a9 ._6be459d5 {
    display: inline-flex;
    align-items: center;
    height: 24px;
    margin-top: 4px;
    padding: 0 12px;
    font-size: 12px;
    color: var(--text-link-normal);
    cursor: pointer
}

._63e8e4a9 ._6be459d5:hover {
    color: var(--text-link-hover)
}

.eb8adbe0 {
    position: relative;
    line-height: 22px;
    padding: 5px 12px;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer
}

.eb8adbe0:after {
    content: "";
    position: absolute;
    right: 12px;
    bottom: 0;
    left: 12px;
    border-bottom: 1px solid var(--line-divider-default)
}

.eb8adbe0 ._1805cea6 {
    display: flex;
    align-items: center
}

.eb8adbe0:last-child:after {
    display: none
}

.eb8adbe0 .aa3e3d66 {
    margin-left: 8px;
    margin-right: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.eb8adbe0 .aa3e3d66.fa8aec3b {
    opacity: .5;
    text-decoration: line-through
}

.eb8adbe0 .c04fc7ff {
    display: flex;
    align-items: center
}

.eb8adbe0 ._5d051381,.eb8adbe0 ._644df243 {
    display: flex
}

.eb8adbe0 ._5d051381._3bd53c6f,.eb8adbe0 ._644df243._3bd53c6f {
    display: none
}

.eb8adbe0 ._5d051381.f3913bdd._6b125806,.eb8adbe0 ._644df243.f3913bdd._6b125806 {
    display: block
}

.eb8adbe0 ._5d051381.f3913bdd._6b125806 .task-kanban__card--placeholder,.eb8adbe0 ._644df243.f3913bdd._6b125806 .task-kanban__card--placeholder {
    visibility: visible
}

.eb8adbe0 ._5d051381._3bd53c6f,.eb8adbe0 ._644df243 {
    margin-left: 4px
}

.eb8adbe0 ._5d051381 {
    min-width: 20px;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 22px
}

.eb8adbe0 ._5d051381 ._0f1c2331 {
    margin-left: 0
}

.eb8adbe0 ._5d051381 ._0f1c2331:not(._3bd53c6f) {
    background-color: initial!important
}

.eb8adbe0:hover {
    background-color: var(--fill-hover)
}

.eb8adbe0:hover ._5d051381.f3913bdd,.eb8adbe0:hover ._644df243.f3913bdd {
    display: block
}

.eb8adbe0:hover ._5d051381.f3913bdd .task-kanban__card--placeholder,.eb8adbe0:hover ._644df243.f3913bdd .task-kanban__card--placeholder {
    visibility: visible
}

.eb8adbe0._3857447c {
    background-color: var(--fill-selected)
}

.mobile ._63e8e4a9 ._6be459d5:hover {
    color: var(--text-link-normal)
}

.mobile .eb8adbe0._3857447c,.mobile .eb8adbe0:hover {
    background-color: unset
}

._0b2d8d32 {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--line-divider-default)
}

._0b2d8d32 ._28b5a3ab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 28px
}

._0b2d8d32 ._28b5a3ab ._6beb7103 {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 8px;
    font-size: 12px;
    overflow: hidden
}

._0b2d8d32 ._28b5a3ab ._6beb7103 .e3894e0f {
    color: var(--icon-n3);
    margin-right: 8px
}

._0b2d8d32 ._28b5a3ab ._6beb7103 .cdaff813 {
    width: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--text-caption);
    line-height: 20px
}

._0b2d8d32 ._28b5a3ab ._5c540c92 {
    overflow: hidden
}

._0b2d8d32 ._28b5a3ab ._5c540c92 ._266e48ae {
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._0b2d8d32 ._28b5a3ab ._5c540c92 ._51385dfd {
    font-size: 14px;
    color: var(--text-placeholder)
}

._0b2d8d32 ._28b5a3ab ._5c540c92 ._7e7bb3b9 {
    justify-content: flex-end
}

._0b2d8d32 ._28b5a3ab ._5c540c92 .c1227c5c._703e9721 {
    padding-right: 6px;
    height: 20px;
    font-size: 12px
}

._0b2d8d32 ._28b5a3ab ._5c540c92 .c1227c5c._703e9721 .avatar {
    width: 16px!important;
    height: 16px!important
}

.bc1c2915 {
    width: 140px
}

.d038a747 {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    height: 32px;
    padding: 0 10px;
    line-height: 22px
}

.d038a747.fc4ea820 {
    cursor: pointer
}

.d038a747 ._5d3b3a79 {
    color: var(--text-title);
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.d038a747 ._0e76a617 {
    font-size: 14px;
    color: var(--text-placeholder);
    margin-left: 8px;
    margin-right: auto;
    flex-shrink: 0
}

.d038a747 ._1cc264b3 {
    color: var(--icon-n2);
    visibility: hidden;
    flex-shrink: 0
}

.d038a747 ._1cc264b3:first-of-type {
    margin-left: 8px
}

.d038a747:hover ._1cc264b3 {
    visibility: visible
}

._1ed3f4b5 {
    min-width: 120px
}

._7a71ab65 {
    visibility: visible!important
}

._3a522774 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
    background-color: var(--bg-body)
}

._3a522774 ._6b4db508 {
    width: 100%
}

._53456bbc {
    font-size: 14px;
    font-weight: 500
}

._53456bbc._8fe88149 {
    cursor: default;
    color: var(--text-title)
}

._53456bbc .e6bb0f5a {
    font-size: 16px;
    margin-right: 8px
}

._6f7d9f6e {
    font-weight: 400
}

.e3525644 {
    box-sizing: border-box;
    padding: 0 10px 8px
}

.e3525644 ._95dfc458 {
    position: relative;
    min-height: 72px;
    border-radius: 8px;
    padding: 12px;
    border: 1px solid var(--line-border-card);
    background-color: var(--bg-body);
    box-shadow: var(--shadow-s1-down);
    box-sizing: border-box
}

.e3525644 .bc24e555 {
    display: flex;
    align-items: center;
    height: 22px
}

.e3525644 .bc24e555 ._03fcf9f0 {
    margin-bottom: 0
}

.e3525644 .bc24e555 .c0fa7e92 {
    border-radius: 4px;
    margin-right: 8px
}

._149757e6 {
    background-color: var(--bg-body)
}

._149757e6,.feca2cb8 {
    opacity: .9;
    cursor: grabbing
}

.feca2cb8 {
    border-color: var(--line-border-card)!important
}

.d8db8fd2 {
    position: absolute;
    top: 0;
    left: 0;
    height: 32px;
    padding: 0 10px;
    box-sizing: border-box
}

.d8db8fd2 ._854c9048 {
    display: flex;
    align-items: center;
    padding: 0 8px;
    height: 100%;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-placeholder);
    cursor: pointer
}

.d8db8fd2 ._854c9048 .fe2dd7bb {
    margin-right: 8px;
    font-size: 16px;
    color: var(--icon-n3)
}

.d8db8fd2 ._854c9048:hover {
    background-color: var(--fill-hover)
}

.b3e8bce7 {
    flex: 1;
    display: flex;
    flex-direction: column;
    overscroll-behavior-x: none
}

.b3e8bce7 ._3f3388f2 {
    flex: 1;
    position: relative;
    width: 100%;
    overflow: hidden
}

.b3e8bce7 ._5e37c8bc {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

.b3e8bce7 ._4bf8ea85 {
    position: absolute;
    right: 0;
    bottom: 0;
    overflow-x: auto;
    overflow-y: hidden;
    overflow: auto hidden;
    visibility: hidden
}

.b3e8bce7:hover ._4bf8ea85 {
    visibility: visible
}

._6d85d116 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none
}

._6d85d116 ._1235f89c {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-caption);
    white-space: nowrap
}

._6d85d116 ._887538d7 {
    position: absolute;
    top: 8px;
    right: 0;
    left: 0;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
    z-index: 1
}

._6d85d116 ._887538d7._579b0028 {
    left: 32px
}

._6d85d116 ._887538d7 .c78ccbb1 {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-caption);
    white-space: nowrap;
    position: relative;
    line-height: 22px;
    padding-left: 16px;
    background-color: var(--bg-body)
}

._6d85d116 ._887538d7 .c78ccbb1:after {
    content: "";
    position: absolute;
    top: 0;
    right: -16px;
    bottom: 0;
    width: 16px;
    background: linear-gradient(90deg,var(--bg-body) 20%,transparent)
}

._6d85d116 ._887538d7 ._4273ef43 {
    display: flex;
    align-items: center;
    padding: 0 16px;
    background-color: var(--bg-body);
    pointer-events: auto
}

._6d85d116 ._887538d7 ._4273ef43 ._5b8b30c2 {
    margin: 0 16px
}

._6d85d116 ._887538d7 ._4273ef43 ._557bc978 {
    margin-left: 4px;
    font-size: 12px
}

._6d85d116 ._887538d7 ._4273ef43 ._7c7f4c47 {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-caption);
    white-space: nowrap
}

._6d85d116 ._887538d7 ._4273ef43 ._631400f2 {
    margin-left: 8px;
    color: var(--text-caption)
}

._6d85d116 .f7005881 {
    width: 100%;
    height: 100%;
    overflow: hidden
}

._6d85d116 .e4283175 {
    display: flex;
    height: 100%
}

._77487b35 {
    width: 200px
}

._77487b35 .e4ae2bf2 {
    color: var(--primary-content-default)
}

._77487b35 ._2f988a59 {
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.eaeb96c9:active,.eaeb96c9:hover {
    background-color: initial!important
}

._58c67db9,._58c67db9:hover {
    background-color: inherit!important
}

.d2287921 {
    display: flex;
    flex-direction: column;
    box-sizing: border-box
}

.d2287921.ecc0499b .fb22421a {
    background-color: var(--bg-content-base)
}

.d2287921.ecc0499b.a88f135d .fb22421a {
    background-image: linear-gradient(135deg,var(--N200) 7.14%,var(--bg-body) 0,var(--bg-body) 50%,var(--N200) 0,var(--N200) 57.14%,var(--bg-body) 0,var(--bg-body));
    background-size: 9.9px 9.9px
}

.d2287921 ._878493cb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-bottom: 1px solid var(--line-divider-default);
    height: 64px;
    padding: 8px 0 6px;
    box-sizing: border-box;
    pointer-events: auto
}

.d2287921 ._878493cb.d95c07db {
    position: relative
}

.d2287921 ._878493cb.d95c07db .db3ff3fd {
    position: absolute;
    right: 0;
    bottom: 0;
    left: -1px;
    min-width: 4px;
    height: 4px;
    background-color: var(--primary-pri-500)
}

.d2287921 ._878493cb .ccd37980 {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-caption);
    line-height: 22px;
    white-space: nowrap
}

.d2287921 ._878493cb .a3212296 {
    font-size: 12px;
    color: var(--text-placeholder);
    line-height: 17px;
    text-align: center
}

.d2287921 .fb22421a {
    position: relative;
    flex: 1;
    box-sizing: border-box;
    border-right: 1px solid var(--line-divider-default)
}

.d2287921 .fb22421a ._6cc38281,.d2287921 .fb22421a .e6dd364f {
    position: absolute;
    top: 0;
    bottom: 0;
    border-right: 1px solid var(--primary-pri-500);
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px)
}

.d2287921 .fb22421a ._6cc38281:after,.d2287921 .fb22421a .e6dd364f:after {
    content: "";
    position: absolute;
    top: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--primary-content-default);
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px)
}

.d2287921 .fb22421a ._6cc38281._38f53fa5 {
    border-color: transparent
}

.d2287921 .fb22421a ._6cc38281._38f53fa5:after {
    -webkit-transform: translateX(-2.5px);
    transform: translateX(-2.5px)
}

.d2287921 .fb22421a .e6dd364f {
    border-color: var(--function-warning-350)
}

.d2287921 .fb22421a .e6dd364f:after {
    background-color: var(--function-warning-350)
}

.d2287921 .fb22421a .fd00d9c6 {
    position: absolute;
    top: 0;
    bottom: 0;
    border-right: 2px solid var(--primary-pri-500);
    -webkit-transform: translateX(-1px);
    transform: translateX(-1px);
    opacity: .3;
    z-index: 1
}

._2385905a {
    position: relative
}

._2385905a._5fb4fb56:hover,._2385905a._8d6aa023 {
    background-color: var(--fill-hover)
}

._2385905a .a3d8769c {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center
}

.mobile ._2385905a._5fb4fb56:hover,.mobile ._2385905a._8d6aa023 {
    background-color: unset
}

._84150cd6 .bdcc568b {
    height: 8px;
    border-radius: 2px;
    background-color: var(--primary-pri-500);
    opacity: .4
}

._5ccec67c {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: -webkit-min-content;
    min-width: min-content
}

._5ccec67c._657dd194 {
    width: 22px!important;
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%)
}

._5ccec67c ._1eebe209 {
    z-index: 1;
    cursor: pointer
}

._5ccec67c ._1eebe209._9be4b07c {
    background-color: var(--bg-body)
}

._5ccec67c ._1eebe209.ebab7bca {
    border-color: var(--N400)
}

._5ccec67c ._1eebe209._69e079e8 {
    position: relative
}

._5ccec67c ._1eebe209._69e079e8:after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background-color: var(--bg-body);
    border-radius: 4px;
    opacity: .45;
    pointer-events: none
}

.af929c20 {
    width: 21.8px;
    height: 21.8px;
    background-color: var(--primary-pri-500);
    border-radius: 4px;
    border: 1px solid var(--static-black-10);
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.a4051eb3._7f20388f ._230197ca:hover,.a4051eb3._7f20388f._62419345 ._230197ca {
    min-width: 30px
}

.a4051eb3._7f20388f ._230197ca:hover .f8e39a9b,.a4051eb3._7f20388f._62419345 ._230197ca .f8e39a9b {
    visibility: visible
}

.a4051eb3._7f20388f ._230197ca,.a4051eb3._7f20388f .fae70d17 .c389e1c3 {
    cursor: grab
}

.a4051eb3._7f20388f._62419345 ._230197ca {
    cursor: ew-resize
}

.a4051eb3._7f20388f._62419345 ._230197ca ._6862feac {
    pointer-events: none;
    cursor: ew-resize
}

.a4051eb3._7f20388f.b336c85b ._230197ca,.a4051eb3._7f20388f.b336c85b .a0fb4b12 ._9a9feab4 {
    cursor: grabbing
}

.a4051eb3._7f20388f.b336c85b ._230197ca ._6862feac {
    pointer-events: none
}

.a4051eb3._590f0d06 ._9a9feab4:after,.a4051eb3._590f0d06 ._230197ca:after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background-color: var(--bg-body);
    border-radius: 4px;
    opacity: .5;
    pointer-events: none
}

.a4051eb3._590f0d06 ._230197ca .f8e39a9b {
    z-index: 1
}

.a4051eb3._590f0d06 ._9a9feab4 {
    position: relative
}

.a4051eb3._590f0d06 .a0fb4b12 ._6862feac,.a4051eb3._590f0d06>._6862feac {
    opacity: .4
}

.a4051eb3.c48161c4.bb9cff32 {
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%)
}

.a4051eb3.c48161c4 ._3a4e15d5.faab76c7 {
    left: calc(50% - 15px)
}

.a4051eb3.c48161c4 ._3a4e15d5.f8bf516c {
    left: calc(50% + 15px);
    -webkit-transform: none;
    transform: none
}

.a4051eb3._9ffc45e8 ._230197ca {
    border-width: min(calc(var(--task-bar-width) - 4px),2px);
    border-color: var(--function-warning-300)!important
}

.a4051eb3._9ffc45e8 ._230197ca:hover {
    border-width: 2px
}

.a4051eb3._9ffc45e8 ._230197ca ._6862feac {
    padding-left: 11px
}

.a4051eb3._9ffc45e8 ._230197ca .c592c849 {
    padding-right: 11px
}

.a4051eb3 ._3a4e15d5 {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    display: flex;
    align-items: center;
    visibility: hidden;
    z-index: 1
}

.a4051eb3 ._3a4e15d5.faab76c7 {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.a4051eb3 ._3a4e15d5.f8bf516c {
    left: var(--task-bar-width);
    justify-content: flex-end;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.a4051eb3._7f20388f:not(.c48161c4) ._230197ca:hover~._3a4e15d5.f8bf516c {
    left: max(var(--task-bar-width),30px)
}

.a4051eb3.ef9511a1 ._3a4e15d5,.a4051eb3:hover ._3a4e15d5 {
    visibility: visible
}

.a4051eb3 ._230197ca {
    position: relative;
    display: flex;
    align-items: center;
    height: 30px;
    background-color: var(--primary-pri-500);
    border: 1px solid var(--static-black-10);
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--static-white);
    z-index: 1;
    cursor: pointer
}

.a4051eb3 ._230197ca.ebfc9afb {
    background-color: var(--bg-body);
    color: var(--text-title)
}

.a4051eb3 ._230197ca.ebfc9afb._749db524 {
    border-color: var(--N400)
}

.a4051eb3 ._230197ca.ebfc9afb._749db524 ._6862feac {
    color: var(--text-title)
}

.a4051eb3 ._230197ca.ebfc9afb ._6862feac,.a4051eb3 ._230197ca.ebfc9afb ._6862feac .richText-mention__in,.a4051eb3 ._230197ca.ebfc9afb ._6862feac .richText-mention__out,.a4051eb3 ._230197ca.ebfc9afb ._6862feac a {
    color: inherit
}

.a4051eb3 ._230197ca .c592c849 {
    flex-shrink: 0;
    margin-left: auto;
    padding-right: 12px;
    font-size: 12px;
    box-sizing: border-box
}

.a4051eb3 ._230197ca .ff19cb03 {
    flex: 1;
    padding: 0 12px;
    font-size: 12px;
    text-align: center;
    box-sizing: border-box
}

.a4051eb3 ._230197ca ._6862feac {
    margin-left: 0;
    max-width: none;
    color: var(--static-white)
}

.a4051eb3 ._230197ca ._6862feac .richText-mention__in,.a4051eb3 ._230197ca ._6862feac .richText-mention__out,.a4051eb3 ._230197ca ._6862feac a {
    color: var(--static-white)
}

.a4051eb3 ._230197ca .f8e39a9b {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--static-black-10);
    visibility: hidden;
    -webkit-user-select: none;
    user-select: none;
    cursor: ew-resize
}

.a4051eb3 ._230197ca .f8e39a9b:after,.a4051eb3 ._230197ca .f8e39a9b:before {
    content: "";
    width: 1px;
    height: 10px;
    background-color: var(--static-white-80)
}

.a4051eb3 ._230197ca .f8e39a9b:before {
    margin-right: 1px
}

.a4051eb3 ._230197ca .e7203e05 {
    left: 0
}

.a4051eb3 ._230197ca .b3e809db {
    right: 0
}

.a4051eb3 .a0fb4b12 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: -webkit-min-content;
    min-width: min-content
}

.a4051eb3 .a0fb4b12 ._9a9feab4 {
    z-index: 1;
    cursor: pointer
}

.a4051eb3 .a0fb4b12 ._9a9feab4.ebfc9afb {
    background-color: var(--bg-body)
}

.a4051eb3 .a0fb4b12 ._9a9feab4._749db524 {
    border-color: var(--N400)
}

.a4051eb3 .a0fb4b12 ._6862feac {
    position: absolute;
    left: 50%;
    margin-left: 24px
}

.a4051eb3 .a9930d4c {
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.a4051eb3 ._6862feac {
    max-width: 320px;
    padding: 0 12px;
    margin-left: 8px;
    box-sizing: border-box;
    color: var(--text-title);
    overflow: hidden
}

.fc4722a4 {
    position: -webkit-sticky;
    position: sticky;
    display: inline-flex;
    align-items: center;
    height: 100%;
    z-index: 2
}

.fc4722a4._82e53e73 {
    left: 10px
}

.fc4722a4.c82374f2 {
    left: calc(100% - 32px)
}

.fc4722a4.c82374f2 .a974892f {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fc4722a4._9201fb2d .a974892f:hover {
    color: var(--static-white);
    background-color: var(--primary-pri-500)
}

.fc4722a4 button.a974892f {
    width: 20px;
    height: 20px;
    background-color: var(--bg-filler);
    border-radius: 4px;
    border: 0;
    box-shadow: var(--shadow-s2-right);
    color: var(--icon-n2);
    font-size: 16px
}

.fc4722a4 button.a974892f:hover {
    background-color: var(--bg-base)
}

.mobile .fc4722a4._9201fb2d .a974892f:hover {
    color: var(--icon-n2);
    background-color: var(--bg-filler)
}

._0a472163 {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center
}

._0a472163.d69a8cf5.c06f7e5e ._789c66dc,._0a472163.d69a8cf5:not(.c5453508):hover ._789c66dc {
    min-width: 30px;
    z-index: 2
}

._0a472163.d69a8cf5.c06f7e5e ._789c66dc .d4897a43,._0a472163.d69a8cf5:not(.c5453508):hover ._789c66dc .d4897a43 {
    padding-left: 12px
}

._0a472163.d69a8cf5.c06f7e5e ._789c66dc ._2565ec5f,._0a472163.d69a8cf5:not(.c5453508):hover ._789c66dc ._2565ec5f {
    padding-right: 12px
}

._0a472163.d69a8cf5.c06f7e5e ._789c66dc ._74c387b0,._0a472163.d69a8cf5:not(.c5453508):hover ._789c66dc ._74c387b0 {
    visibility: visible
}

._0a472163.d69a8cf5 ._789c66dc,._0a472163.d69a8cf5 .b19f6278 ._6cf874c3 {
    cursor: grab
}

._0a472163.d69a8cf5.c06f7e5e ._789c66dc {
    z-index: 3;
    cursor: ew-resize
}

._0a472163.d69a8cf5.c06f7e5e ._789c66dc .d4897a43 {
    pointer-events: none;
    cursor: ew-resize
}

._0a472163.d69a8cf5._4c997870 ._789c66dc,._0a472163.d69a8cf5._4c997870 .e27048e7 ._5d0eaa8d {
    cursor: grabbing
}

._0a472163.d69a8cf5._4c997870 ._789c66dc .d4897a43 {
    pointer-events: none
}

._0a472163.d69a8cf5.c5453508:not(._810530a0):hover ._5d0eaa8d,._0a472163.d69a8cf5.c5453508:not(._810530a0):hover ._789c66dc {
    cursor: cell;
    opacity: .9
}

._0a472163._02826d5a ._5d0eaa8d:after,._0a472163._02826d5a ._789c66dc:after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background-color: var(--bg-body);
    border-radius: 4px;
    opacity: .5;
    pointer-events: none
}

._0a472163._02826d5a ._789c66dc ._74c387b0 {
    z-index: 1
}

._0a472163._02826d5a ._5d0eaa8d {
    position: relative
}

._0a472163._02826d5a .e27048e7 .d4897a43,._0a472163._02826d5a>.d4897a43 {
    opacity: .4
}

._0a472163._24db3fca.f2f5d78b {
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%)
}

._0a472163._24db3fca ._62ac6544._8cac889c {
    left: calc(50% - 15px)
}

._0a472163._24db3fca ._62ac6544._184547e2 {
    left: calc(50% + 15px);
    -webkit-transform: none;
    transform: none
}

._0a472163._1ad443f3 ._789c66dc {
    border-width: min(calc(var(--task-bar-width) - 4px),2px);
    border-color: var(--function-warning-300)!important
}

._0a472163._1ad443f3 ._789c66dc:hover {
    border-width: 2px
}

._0a472163._1ad443f3 ._789c66dc .d4897a43 {
    padding-left: 7px
}

._0a472163._1ad443f3 ._789c66dc ._2565ec5f {
    padding-right: 7px
}

._0a472163._1ad443f3.d69a8cf5 ._789c66dc:hover .d4897a43,._0a472163._1ad443f3.d69a8cf5.c06f7e5e ._789c66dc .d4897a43 {
    padding-left: 11px
}

._0a472163._1ad443f3.d69a8cf5 ._789c66dc:hover ._2565ec5f,._0a472163._1ad443f3.d69a8cf5.c06f7e5e ._789c66dc ._2565ec5f {
    padding-right: 11px
}

._0a472163 ._62ac6544 {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    display: flex;
    align-items: center;
    visibility: hidden
}

._0a472163 ._62ac6544._8cac889c {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

._0a472163 ._62ac6544._184547e2 {
    left: var(--task-bar-width);
    justify-content: flex-end;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

._0a472163.d69a8cf5:not(._24db3fca):hover ._789c66dc~._62ac6544._184547e2 {
    left: max(var(--task-bar-width),30px)
}

._0a472163._810530a0 ._62ac6544,._0a472163:not(.c5453508):hover ._62ac6544 {
    z-index: 2;
    visibility: visible
}

._0a472163 ._789c66dc {
    position: relative;
    display: flex;
    align-items: center;
    height: 30px;
    background-color: var(--primary-pri-500);
    border: 1px solid var(--static-black-10);
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--static-white);
    z-index: 1;
    cursor: pointer
}

._0a472163 ._789c66dc._1b05d2ee {
    background-color: var(--bg-body);
    color: var(--text-title)
}

._0a472163 ._789c66dc._1b05d2ee._14ec0dad {
    border-color: var(--N400)
}

._0a472163 ._789c66dc._1b05d2ee._14ec0dad .d4897a43 {
    color: var(--text-title)
}

._0a472163 ._789c66dc._1b05d2ee .d4897a43,._0a472163 ._789c66dc._1b05d2ee .d4897a43 .richText-mention__in,._0a472163 ._789c66dc._1b05d2ee .d4897a43 .richText-mention__out,._0a472163 ._789c66dc._1b05d2ee .d4897a43 a {
    color: inherit
}

._0a472163 ._789c66dc ._2565ec5f {
    flex-shrink: 0;
    margin-left: auto;
    padding-right: 8px;
    font-size: 12px;
    box-sizing: border-box;
    transition: padding-right .2s
}

._0a472163 ._789c66dc .a0665497 {
    flex: 1;
    padding: 0 12px;
    font-size: 12px;
    text-align: center;
    box-sizing: border-box
}

._0a472163 ._789c66dc .d4897a43 {
    padding: 0 4px 0 8px;
    max-width: none;
    color: var(--static-white);
    transition: padding-left .2s
}

._0a472163 ._789c66dc .d4897a43 .richText-mention__in,._0a472163 ._789c66dc .d4897a43 .richText-mention__out,._0a472163 ._789c66dc .d4897a43 a {
    color: var(--static-white)
}

._0a472163 ._789c66dc ._74c387b0 {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--static-black-10);
    visibility: hidden;
    -webkit-user-select: none;
    user-select: none;
    cursor: ew-resize
}

._0a472163 ._789c66dc ._74c387b0:after,._0a472163 ._789c66dc ._74c387b0:before {
    content: "";
    width: 1px;
    height: 10px;
    background-color: var(--static-white-80)
}

._0a472163 ._789c66dc ._74c387b0:before {
    margin-right: 1px
}

._0a472163 ._789c66dc .cf65a107 {
    left: 0
}

._0a472163 ._789c66dc .ccd24f10 {
    right: 0
}

._0a472163 .e27048e7 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: -webkit-min-content;
    min-width: min-content
}

._0a472163 .e27048e7 ._5d0eaa8d {
    z-index: 1;
    cursor: pointer
}

._0a472163 .e27048e7 ._5d0eaa8d._1b05d2ee {
    background-color: var(--bg-body)
}

._0a472163 .e27048e7 ._5d0eaa8d._14ec0dad {
    border-color: var(--N400)
}

._0a472163 .e27048e7 .d4897a43 {
    position: absolute;
    left: 50%;
    margin-left: 14px
}

._0a472163 ._0f823dda {
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

._0a472163 .d4897a43 {
    padding-left: 8px;
    max-width: 320px;
    box-sizing: border-box;
    color: var(--text-title);
    overflow: hidden
}

._00727a24 {
    position: relative
}

._00727a24.bf0e49e5 {
    padding-top: 8px
}

._00727a24.c5f30ac4 {
    padding-bottom: 8px
}

._00727a24.cc50d5a7:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid var(--line-divider-default)
}

._6da199b3 {
    display: flex;
    align-items: center;
    box-sizing: border-box
}

._6da199b3 .cff23f44 {
    top: unset;
    bottom: unset
}

.bcbe714d {
    width: 100%;
    height: 100%
}

.bcbe714d ._95694f4f,.bcbe714d .d4e5167c {
    color: var(--primary-pri-900);
    opacity: .5
}

.bcbe714d ._95694f4f._8ba707af,.bcbe714d .d4e5167c._8ba707af {
    color: var(--function-danger-350);
    opacity: .8
}

.bcbe714d ._95694f4f._5849006c,.bcbe714d .d4e5167c._5849006c {
    color: var(--function-warning-300);
    stroke-width: 2px;
    opacity: 1
}

.bcbe714d ._95694f4f._004e3a70,.bcbe714d .d4e5167c._004e3a70 {
    color: var(--function-danger-500);
    opacity: .8
}

.bcbe714d .d4e5167c {
    fill: transparent;
    stroke: currentcolor;
    stroke-width: 1.2px
}

.bcbe714d .ea2c4672 {
    fill: transparent;
    stroke: transparent;
    stroke-width: 5px;
    pointer-events: visiblestroke;
    cursor: pointer
}

.bcbe714d ._95694f4f {
    fill: currentcolor
}

.c472e7df {
    position: absolute;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    cursor: pointer;
    pointer-events: auto;
    z-index: 1
}

.c472e7df button._2c2e454d {
    width: 16px;
    height: 16px;
    font-size: 10px
}

._50548dd3 {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    flex: 1
}

._50548dd3 ._4f4bc7f6 {
    flex-shrink: 0;
    height: 64px
}

._50548dd3 ._467b99a4 {
    display: flex;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: overlay;
    overflow: hidden overlay
}

._50548dd3 ._467b99a4::-webkit-scrollbar-thumb {
    visibility: hidden
}

._50548dd3:hover ._467b99a4::-webkit-scrollbar-thumb {
    visibility: visible
}

._50548dd3 ._720f1d8f {
    display: inline-flex;
    max-width: 50%
}

._50548dd3 ._720f1d8f,._50548dd3 .e6fb6779 {
    min-height: 100%;
    height: -webkit-min-content;
    height: min-content;
    overflow: hidden
}

._50548dd3 .e6fb6779 {
    flex: 1;
    display: flex;
    flex-direction: column
}

._19c79fb9 {
    width: 100%;
    overflow: hidden;
    overscroll-behavior-x: none
}

._19c79fb9._9c2c7d79 {
    width: 0
}

._19c79fb9._9c2c7d79 ._2ddb01c4 .c76bf8af {
    left: 20px;
    right: auto;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

._19c79fb9 ._82b9186a {
    position: absolute;
    top: 0;
    bottom: 0;
    border-right: 1px solid var(--line-divider-default);
    z-index: 3
}

._19c79fb9 ._83969f35 {
    margin-left: -3px;
    z-index: 4
}

._19c79fb9 ._2ddb01c4 {
    position: absolute;
    top: 0;
    left: 0;
    height: 64px;
    box-sizing: border-box;
    z-index: 3;
    background-color: var(--bg-body)
}

._19c79fb9 ._2ddb01c4:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 20px;
    border-bottom: 1px solid var(--line-divider-default)
}

._19c79fb9 ._2ddb01c4 .c76bf8af {
    position: absolute;
    top: 7px;
    right: 4px;
    color: var(--icon-n2)
}

._19c79fb9 .b190c1d7 {
    margin-top: 32px;
    overflow: hidden
}

._19c79fb9 ._4153fecf {
    position: absolute;
    top: 64px;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

._19c79fb9 ._4d72c63f {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow-x: auto;
    visibility: hidden;
    z-index: 2
}

._19c79fb9:not(._9c2c7d79):hover ._4d72c63f {
    visibility: visible
}

._3e32ffc3 ._91437e55 {
    width: 240px;
    max-width: 40%
}

.a486e5e3 {
    width: 100%;
    overflow: hidden
}

.a486e5e3 ._8b1dd0de {
    position: absolute;
    top: 0;
    bottom: 0;
    border-right: 1px solid var(--line-divider-default);
    z-index: 3
}

.a486e5e3 ._9251eb4f {
    position: absolute;
    top: 0;
    left: 0;
    height: 64px;
    box-sizing: border-box;
    z-index: 3;
    background-color: var(--bg-body)
}

.a486e5e3 ._9251eb4f:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 20px;
    border-bottom: 1px solid var(--line-divider-default)
}

.a486e5e3 ._5b2efe14 {
    margin-left: -3px;
    z-index: 4
}

.a486e5e3 ._7461a34b:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 20px;
    border-bottom: 1px solid var(--line-divider-default)
}

.a486e5e3 .d50585af {
    padding: 0 20px
}

._26da6aeb {
    display: flex;
    align-items: center;
    width: 240px;
    height: 32px;
    overflow: hidden;
    background-color: rgba(var(--bg-body-raw),.9);
    border-radius: 6px;
    box-sizing: border-box;
    box-shadow: 0 4px 8px -8px rgba(var(--shadow-default-raw),.06),0 6px 12px rgba(var(--shadow-default-raw),.04),0 8px 24px 8px rgba(var(--shadow-default-raw),.04);
    cursor: grabbing
}

._26da6aeb ._7946c040 {
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--icon-n3);
    flex-shrink: 0
}

._26da6aeb .df29555b {
    font-size: 12px;
    color: var(--icon-n2);
    margin-left: 2px
}

._26da6aeb .eb180103 {
    margin-left: 8px;
    padding-right: 8px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box
}

._291b5c4c {
    position: relative;
    padding-left: 20px
}

._291b5c4c ._4dfad063 {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--icon-n3);
    visibility: hidden;
    z-index: 2;
    cursor: grab
}

._291b5c4c ._4dfad063:hover {
    color: var(--icon-n2)
}

._291b5c4c:hover ._4dfad063 {
    visibility: visible
}

._291b5c4c .ee7dd923 {
    padding-right: 14px;
    height: 100%;
    box-sizing: border-box
}

.c7d87800 {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    font-size: 14px
}

.task-block-placeholder-wrapper {
    display: flex;
    align-items: flex-start;
    color: var(--text-caption);
    padding-top: 1px;
    padding-bottom: 1px
}

.task-block-placeholder-wrapper .task-block-ud__checkbox {
    margin-right: 4px
}

.task-block-status {
    height: 26px;
    width: 24px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    -webkit-user-select: none;
    user-select: none
}

.mobile .task-block-status {
    height: calc(var(--docx-base-font-size)*26/16);
    width: calc(var(--docx-base-font-size)*24/16)
}

.mobile .task-block-status .ud__checkbox__wallpaper {
    height: calc(var(--docx-base-font-size)*16/16)
}

.mobile .task-block-status .ud__checkbox:after {
    width: calc(var(--docx-base-font-size)*16/16)
}

.mobile .task-block-status .ud__checkbox__checked-svg-shown {
    -webkit-transform: translate(-50%,-50%) scale(calc(var(--docx-base-font-size-without-unit)*1/16));
    transform: translate(-50%,-50%) scale(calc(var(--docx-base-font-size-without-unit)*1/16))
}

.mobile .table .task-block-status {
    height: calc(var(--docx-base-font-size)*22/16)
}

.mobile .table .task-block-status .ud__checkbox__wallpaper {
    height: calc(var(--docx-base-font-size)*14/16)
}

.mobile .table .task-block-status .ud__checkbox:after {
    width: calc(var(--docx-base-font-size)*14/16)
}

.task-block-ud__checkbox.checkboxNormal .ud__checkbox__wallpaper {
    border: 1px solid var(--N900-BD)!important;
    background-color: inherit!important
}

.task-block-ud__checkbox.checkboxNormal.checkboxChecked .ud__checkbox__checked-svg {
    color: var(--primary-content-default)!important
}

.task-block-ud__checkbox.checkboxDisabled .ud__checkbox__wallpaper {
    border: 1px solid var(--N400)!important;
    background-color: var(--N200)!important
}

.task-block-ud__checkbox.checkboxDisabled.checkboxChecked .ud__checkbox__checked-svg {
    color: var(--icon-disabled)!important
}

.table .task-block-status {
    height: 22px
}

.table .task-block-status .ud__checkbox__wallpaper {
    height: 14px
}

.table .task-block-status .ud__checkbox:after {
    width: 14px
}

.page-main .block-comment,.presentation-mode.document .block-comment {
    position: relative
}

.page-main .block-comment.local-comment.mindnote-block-comment:after,.presentation-mode.document .block-comment.local-comment.mindnote-block-comment:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 2px;
    background: var(--ccmtoken-mindnote-highlightcolor-yellow)
}

.page-main .block-comment.comment-hl:not(.divider-block-comment):not(.poll-block-comment):not(.task-block-comment),.presentation-mode.document .block-comment.comment-hl:not(.divider-block-comment):not(.poll-block-comment):not(.task-block-comment) {
    border-radius: 8px;
    box-shadow: 0 0 0 3px var(--Y200);
    border-bottom: none
}

.page-main .block-comment.comment-hl:not(.divider-block-comment):not(.poll-block-comment):not(.task-block-comment):after,.presentation-mode.document .block-comment.comment-hl:not(.divider-block-comment):not(.poll-block-comment):not(.task-block-comment):after {
    display: none
}

.page-main .block-comment.divider-block-comment.local-comment:after,.presentation-mode.document .block-comment.divider-block-comment.local-comment:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 2px;
    background: var(--ccmtoken-mindnote-highlightcolor-yellow);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    pointer-events: none;
    bottom: 50%!important
}

.page-main .block-comment.divider-block-comment.comment-hl:after,.presentation-mode.document .block-comment.divider-block-comment.comment-hl:after {
    display: none
}

.page-main .block-comment.divider-block-comment.comment-hl .divider-block__container:after,.presentation-mode.document .block-comment.divider-block-comment.comment-hl .divider-block__container:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    height: 7px;
    box-sizing: border-box;
    border-bottom: 2px solid var(--colorful-yellow);
    background-color: var(--Y100);
    z-index: -1;
    pointer-events: none
}

.page-main .docx-base_refer-block .block-comment.local-comment:not(.local-comment-all-third-party) .spreadsheet:after,.page-main .docx-bitable-block .block-comment.local-comment:not(.local-comment-all-third-party) .spreadsheet:after,.page-main .docx-jira_filter-block .block-comment.local-comment:not(.local-comment-all-third-party) .spreadsheet:after,.page-main .docx-sheet-block .block-comment.local-comment:not(.local-comment-all-third-party) .spreadsheet:after,.presentation-mode.document .docx-base_refer-block .block-comment.local-comment:not(.local-comment-all-third-party) .spreadsheet:after,.presentation-mode.document .docx-bitable-block .block-comment.local-comment:not(.local-comment-all-third-party) .spreadsheet:after,.presentation-mode.document .docx-jira_filter-block .block-comment.local-comment:not(.local-comment-all-third-party) .spreadsheet:after,.presentation-mode.document .docx-sheet-block .block-comment.local-comment:not(.local-comment-all-third-party) .spreadsheet:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 2px;
    background: var(--ccmtoken-mindnote-highlightcolor-yellow)
}

.page-main .docx-base_refer-block .block-comment.local-comment:not(.local-comment-all-third-party) .bitable-block-container,.page-main .docx-bitable-block .block-comment.local-comment:not(.local-comment-all-third-party) .bitable-block-container,.page-main .docx-jira_filter-block .block-comment.local-comment:not(.local-comment-all-third-party) .bitable-block-container,.page-main .docx-sheet-block .block-comment.local-comment:not(.local-comment-all-third-party) .bitable-block-container,.presentation-mode.document .docx-base_refer-block .block-comment.local-comment:not(.local-comment-all-third-party) .bitable-block-container,.presentation-mode.document .docx-bitable-block .block-comment.local-comment:not(.local-comment-all-third-party) .bitable-block-container,.presentation-mode.document .docx-jira_filter-block .block-comment.local-comment:not(.local-comment-all-third-party) .bitable-block-container,.presentation-mode.document .docx-sheet-block .block-comment.local-comment:not(.local-comment-all-third-party) .bitable-block-container {
    border-bottom: 2px solid var(--ccmtoken-mindnote-highlightcolor-yellow)
}

.page-main .docx-base_refer-block .block-comment.comment-hl,.page-main .docx-bitable-block .block-comment.comment-hl,.page-main .docx-jira_filter-block .block-comment.comment-hl,.page-main .docx-sheet-block .block-comment.comment-hl,.presentation-mode.document .docx-base_refer-block .block-comment.comment-hl,.presentation-mode.document .docx-bitable-block .block-comment.comment-hl,.presentation-mode.document .docx-jira_filter-block .block-comment.comment-hl,.presentation-mode.document .docx-sheet-block .block-comment.comment-hl {
    box-shadow: none!important
}

.page-main .docx-base_refer-block .block-comment.comment-hl .spreadsheet:after,.page-main .docx-bitable-block .block-comment.comment-hl .spreadsheet:after,.page-main .docx-jira_filter-block .block-comment.comment-hl .spreadsheet:after,.page-main .docx-sheet-block .block-comment.comment-hl .spreadsheet:after,.presentation-mode.document .docx-base_refer-block .block-comment.comment-hl .spreadsheet:after,.presentation-mode.document .docx-bitable-block .block-comment.comment-hl .spreadsheet:after,.presentation-mode.document .docx-jira_filter-block .block-comment.comment-hl .spreadsheet:after,.presentation-mode.document .docx-sheet-block .block-comment.comment-hl .spreadsheet:after {
    display: none
}

.page-main .docx-base_refer-block .block-comment.comment-hl .bitable-block-container,.page-main .docx-base_refer-block .block-comment.comment-hl .jira_filter-block-comment:after,.page-main .docx-bitable-block .block-comment.comment-hl .bitable-block-container,.page-main .docx-bitable-block .block-comment.comment-hl .jira_filter-block-comment:after,.page-main .docx-jira_filter-block .block-comment.comment-hl .bitable-block-container,.page-main .docx-jira_filter-block .block-comment.comment-hl .jira_filter-block-comment:after,.page-main .docx-sheet-block .block-comment.comment-hl .bitable-block-container,.page-main .docx-sheet-block .block-comment.comment-hl .jira_filter-block-comment:after,.presentation-mode.document .docx-base_refer-block .block-comment.comment-hl .bitable-block-container,.presentation-mode.document .docx-base_refer-block .block-comment.comment-hl .jira_filter-block-comment:after,.presentation-mode.document .docx-bitable-block .block-comment.comment-hl .bitable-block-container,.presentation-mode.document .docx-bitable-block .block-comment.comment-hl .jira_filter-block-comment:after,.presentation-mode.document .docx-jira_filter-block .block-comment.comment-hl .bitable-block-container,.presentation-mode.document .docx-jira_filter-block .block-comment.comment-hl .jira_filter-block-comment:after,.presentation-mode.document .docx-sheet-block .block-comment.comment-hl .bitable-block-container,.presentation-mode.document .docx-sheet-block .block-comment.comment-hl .jira_filter-block-comment:after {
    border-bottom-color: transparent!important
}

.page-main .docx-image-block .block-comment.comment-hl,.presentation-mode.document .docx-image-block .block-comment.comment-hl {
    box-shadow: none!important
}

.page-main .docx-image-block .block-comment.comment-hl .image-block-container,.presentation-mode.document .docx-image-block .block-comment.comment-hl .image-block-container {
    box-shadow: 0 0 0 3px var(--Y200)
}

.page-main .docx-image-block .block-comment.comment-hl .image-block-container:after,.presentation-mode.document .docx-image-block .block-comment.comment-hl .image-block-container:after {
    display: none
}

.page-main .docx-image-block .block-comment.local-comment .image-block-container:after,.presentation-mode.document .docx-image-block .block-comment.local-comment .image-block-container:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 2px;
    background: var(--ccmtoken-mindnote-highlightcolor-yellow)
}

.page-main .docx-chart_refer-block .block-comment.comment-hl,.presentation-mode.document .docx-chart_refer-block .block-comment.comment-hl {
    box-shadow: none!important
}

.page-main .docx-chart_refer-block .block-comment.comment-hl .sheet-block-select-container,.presentation-mode.document .docx-chart_refer-block .block-comment.comment-hl .sheet-block-select-container {
    box-shadow: 0 0 0 3px var(--Y200)
}

.page-main .docx-chart_refer-block .block-comment.comment-hl .sheet-block-select-container:after,.presentation-mode.document .docx-chart_refer-block .block-comment.comment-hl .sheet-block-select-container:after {
    display: none
}

.page-main .docx-chart_refer-block .block-comment.local-comment .sheet-block-select-container:after,.presentation-mode.document .docx-chart_refer-block .block-comment.local-comment .sheet-block-select-container:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 2px;
    background: var(--ccmtoken-mindnote-highlightcolor-yellow)
}

.page-main .docx-chart_refer_host_perm-block .block-comment.comment-hl,.presentation-mode.document .docx-chart_refer_host_perm-block .block-comment.comment-hl {
    box-shadow: none!important
}

.page-main .docx-chart_refer_host_perm-block .block-comment.comment-hl .sheet-block-select-container,.presentation-mode.document .docx-chart_refer_host_perm-block .block-comment.comment-hl .sheet-block-select-container {
    box-shadow: 0 0 0 3px var(--Y200)
}

.page-main .docx-chart_refer_host_perm-block .block-comment.comment-hl .sheet-block-select-container:after,.presentation-mode.document .docx-chart_refer_host_perm-block .block-comment.comment-hl .sheet-block-select-container:after {
    display: none
}

.page-main .docx-chart_refer_host_perm-block .block-comment.local-comment .sheet-block-select-container:after,.presentation-mode.document .docx-chart_refer_host_perm-block .block-comment.local-comment .sheet-block-select-container:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 2px;
    background: var(--ccmtoken-mindnote-highlightcolor-yellow)
}

.page-main .docx-chart_embedded-block .block-comment.comment-hl,.presentation-mode.document .docx-chart_embedded-block .block-comment.comment-hl {
    box-shadow: none!important
}

.page-main .docx-chart_embedded-block .block-comment.comment-hl .sheet-block-select-container,.presentation-mode.document .docx-chart_embedded-block .block-comment.comment-hl .sheet-block-select-container {
    box-shadow: 0 0 0 3px var(--Y200)
}

.page-main .docx-chart_embedded-block .block-comment.comment-hl .sheet-block-select-container:after,.presentation-mode.document .docx-chart_embedded-block .block-comment.comment-hl .sheet-block-select-container:after {
    display: none
}

.page-main .docx-chart_embedded-block .block-comment.local-comment .sheet-block-select-container:after,.presentation-mode.document .docx-chart_embedded-block .block-comment.local-comment .sheet-block-select-container:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 2px;
    background: var(--ccmtoken-mindnote-highlightcolor-yellow)
}

.page-main .docx-file-block .block-comment.comment-hl .docx-file-block-container:not(.docx-view-type-Preview),.presentation-mode.document .docx-file-block .block-comment.comment-hl .docx-file-block-container:not(.docx-view-type-Preview) {
    box-shadow: 0 0 0 3px var(--Y200)
}

.page-main .docx-file-block .block-comment.comment-hl .docx-file-block-container:not(.docx-view-type-Preview):after,.presentation-mode.document .docx-file-block .block-comment.comment-hl .docx-file-block-container:not(.docx-view-type-Preview):after {
    display: none
}

.page-main .docx-file-block .block-comment.local-comment .docx-file-block-container:not(.docx-view-type-Preview):after,.presentation-mode.document .docx-file-block .block-comment.local-comment .docx-file-block-container:not(.docx-view-type-Preview):after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 2px;
    background: var(--ccmtoken-mindnote-highlightcolor-yellow)
}

.page-main .docx-file-block .block-comment.comment-hl,.presentation-mode.document .docx-file-block .block-comment.comment-hl {
    box-shadow: none!important
}

.page-main .docx-file-block .block-comment.comment-hl .docx-file-block-container .file-block,.presentation-mode.document .docx-file-block .block-comment.comment-hl .docx-file-block-container .file-block {
    box-shadow: 0 0 0 3px var(--Y200)
}

.page-main .docx-file-block .block-comment.comment-hl .docx-file-block-container .file-block:after,.presentation-mode.document .docx-file-block .block-comment.comment-hl .docx-file-block-container .file-block:after {
    display: none
}

.page-main .docx-file-block .block-comment.local-comment .docx-file-block-container .file-block:after,.presentation-mode.document .docx-file-block .block-comment.local-comment .docx-file-block-container .file-block:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 2px;
    background: var(--ccmtoken-mindnote-highlightcolor-yellow)
}

.page-main .docx-chat_card-block .block-comment.comment-hl,.presentation-mode.document .docx-chat_card-block .block-comment.comment-hl {
    box-shadow: none!important
}

.page-main .docx-chat_card-block .block-comment.comment-hl .chat-card-inner,.presentation-mode.document .docx-chat_card-block .block-comment.comment-hl .chat-card-inner {
    box-shadow: 0 0 0 3px var(--Y200)
}

.page-main .docx-chat_card-block .block-comment.comment-hl .chat-card-inner:after,.presentation-mode.document .docx-chat_card-block .block-comment.comment-hl .chat-card-inner:after {
    display: none
}

.page-main .docx-chat_card-block .block-comment.local-comment .chat-card-inner:after,.presentation-mode.document .docx-chat_card-block .block-comment.local-comment .chat-card-inner:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 2px;
    background: var(--ccmtoken-mindnote-highlightcolor-yellow)
}

.page-main .docx-iframe-block .block-comment.comment-hl,.presentation-mode.document .docx-iframe-block .block-comment.comment-hl {
    box-shadow: none!important
}

.page-main .docx-iframe-block .block-comment.comment-hl .iframe-container,.presentation-mode.document .docx-iframe-block .block-comment.comment-hl .iframe-container {
    box-shadow: 0 0 0 3px var(--Y200)
}

.page-main .docx-iframe-block .block-comment.comment-hl .iframe-container:after,.presentation-mode.document .docx-iframe-block .block-comment.comment-hl .iframe-container:after {
    display: none
}

.page-main .docx-iframe-block .block-comment.local-comment .iframe-container:after,.presentation-mode.document .docx-iframe-block .block-comment.local-comment .iframe-container:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 2px;
    background: var(--ccmtoken-mindnote-highlightcolor-yellow)
}

.page-main .docx-whiteboard-block .block-comment.comment-hl,.presentation-mode.document .docx-whiteboard-block .block-comment.comment-hl {
    box-shadow: none!important
}

.page-main .docx-whiteboard-block .block-comment.comment-hl .whiteboard-block_container,.presentation-mode.document .docx-whiteboard-block .block-comment.comment-hl .whiteboard-block_container {
    border-radius: 8px;
    box-shadow: 0 0 0 3px var(--Y200)
}

.page-main .docx-whiteboard-block .block-comment.comment-hl .whiteboard-block_container:after,.presentation-mode.document .docx-whiteboard-block .block-comment.comment-hl .whiteboard-block_container:after {
    display: none
}

.page-main .docx-isv-block .block-comment.local-comment:not(.comment-hl) .isv-block-container:after,.presentation-mode.document .docx-isv-block .block-comment.local-comment:not(.comment-hl) .isv-block-container:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 2px;
    background: var(--ccmtoken-mindnote-highlightcolor-yellow)
}

.page-main .docx-isv-block .block-comment.comment-hl,.presentation-mode.document .docx-isv-block .block-comment.comment-hl {
    box-shadow: none!important
}

.page-main .docx-isv-block .block-comment.comment-hl .isv-block-container,.presentation-mode.document .docx-isv-block .block-comment.comment-hl .isv-block-container {
    box-shadow: none
}

.page-main .docx-isv-block .block-comment.comment-hl .isv-block-container:after,.presentation-mode.document .docx-isv-block .block-comment.comment-hl .isv-block-container:after {
    z-index: -1;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: 0 0 0 4px var(--Y200);
    border-radius: 8px
}

.page-main .docx-task_list-block .block-comment.comment-hl.task_list-block-comment,.presentation-mode.document .docx-task_list-block .block-comment.comment-hl.task_list-block-comment {
    box-shadow: none!important
}

.page-main .docx-task_list-block .block-comment.comment-hl.task_list-block-comment:after,.presentation-mode.document .docx-task_list-block .block-comment.comment-hl.task_list-block-comment:after {
    display: none
}

.page-main .suspension-comment-area,.presentation-mode.document .suspension-comment-area {
    position: absolute;
    right: -104px;
    top: 2px;
    width: 100px;
    height: 100%;
    -webkit-user-select: none;
    user-select: none
}

.page-main .suspension-comment-area .comment-btn,.presentation-mode.document .suspension-comment-area .comment-btn {
    position: relative;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: 4px
}

.page-main .suspension-comment-area .comment-btn:hover,.presentation-mode.document .suspension-comment-area .comment-btn:hover {
    background-color: var(--fill-hover)!important
}

.page-main .suspension-comment-area .comment-btn-active:hover,.presentation-mode.document .suspension-comment-area .comment-btn-active:hover {
    background-color: var(--primary-fill-solid-02)!important
}

.page-main .suspension-comment-area .comment-btn.onboarding-red-dot:after,.presentation-mode.document .suspension-comment-area .comment-btn.onboarding-red-dot:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: var(--colorful-red);
    border-radius: 50%;
    right: 0;
    top: -1px
}

.page-main .comment-hl-hover:not(.docx-button-component),.presentation-mode.document .comment-hl-hover:not(.docx-button-component) {
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: var(--Y100)
}

html:not(.mobile) .bear-web-x-container.keyboard-mode .suspension-comment-area {
    visibility: hidden;
    pointer-events: none
}

.page-main .comment-btn[disabled] svg path {
    fill: var(--fill-disabled)
}

.page-block-children .block.docx-task-block {
    margin-left: -2px;
    padding-left: 2px;
    margin-right: -2px;
    padding-right: 2px
}

.docx-task-block {
    transition: none!important
}

.docx-task-block .ud__button--icon {
    padding: 2px;
    line-height: 0;
    border-radius: 4px
}

.page-block-children .block.docx-task-block,.page-block-children .block.docx-task-block .task-block .editor-kit-container.zone-container {
    font-size: var(--todo-font-size);
    line-height: var(--common-row-line-height)
}

.page-main.docx-in-feed:not(.normal-font-size) .page-block-children .block.docx-task-block .task-block .innerdocbody.editor-kit-container,.page-main.docx-in-feed:not(.normal-font-size) .page-block-children .block.docx-task-block .task-block .zone-container.editor-kit-container {
    font-size: 14px
}

.page-block-children .table .block.docx-task-block,.page-block-children .table .block.docx-task-block .task-block .editor-kit-container.zone-container {
    font-size: 14px;
    line-height: 22px
}

.mobile .page-block-children .block.docx-task-block,.mobile .page-block-children .block.docx-task-block .task-block .editor-kit-container.zone-container {
    font-size: calc(var(--docx-base-font-size)*16/16);
    line-height: calc(var(--docx-base-font-size)*26/16)
}

.mobile .page-main.docx-in-feed .page-block-children .block.docx-task-block .task-block .innerdocbody.editor-kit-container,.mobile .page-main.docx-in-feed .page-block-children .block.docx-task-block .task-block .zone-container.editor-kit-container {
    font-size: calc(var(--docx-base-font-size)*14/16)
}

.mobile .page-block-children .table .block.docx-task-block,.mobile .page-block-children .table .block.docx-task-block .task-block .editor-kit-container.zone-container {
    font-size: calc(var(--docx-base-font-size)*14/16);
    line-height: calc(var(--docx-base-font-size)*22/16)
}

.task-block-error-link {
    cursor: pointer;
    color: var(--text-link-normal)
}

.task-block-error-link:focus {
    color: var(--text-link-hover)
}

.task-block--ud__icon-default svg {
    color: var(--icon-n2)
}

.task-block-action-btn svg {
    color: var(--icon-n3)
}

.task-block--ud__icon-actived,.task-block--ud__icon-actived:active svg,.task-block--ud__icon-actived:focus svg,.task-block--ud__icon-actived:hover svg,.task-block--ud__icon-actived svg {
    color: var(--primary-content-default)
}

.task-block-ud__button-default.ud__button {
    display: inline-flex;
    align-items: center;
    color: var(--text-placeholder)
}

.task-block-ud__button-default.ud__button:active,.task-block-ud__button-default.ud__button:focus,.task-block-ud__button-default.ud__button:hover {
    color: var(--text-placeholder)
}

.task-block-ud__button-actived.ud__button,.task-block-ud__button-actived.ud__button:active,.task-block-ud__button-actived.ud__button:focus,.task-block-ud__button-actived.ud__button:hover {
    color: var(--primary-content-default)
}

.task-block-highlight {
    -webkit-animation: task-block-selft-highlight-animation .6s;
    animation: task-block-selft-highlight-animation .6s
}

.task-block-highlight .ud__checkbox__wrapper {
    -webkit-animation: task-block-checkbox-highlight-animation .6s;
    animation: task-block-checkbox-highlight-animation .6s
}

.task-block-highlight .ud__checkbox__wrapper .ud__checkbox__wallpaper {
    border-color: var(--colorful-blue)!important
}

@-webkit-keyframes task-block-selft-highlight-animation {
    50% {
        background-color: rgba(var(--colorful-blue-raw),.1)
    }
}

@keyframes task-block-selft-highlight-animation {
    50% {
        background-color: rgba(var(--colorful-blue-raw),.1)
    }
}

@-webkit-keyframes task-block-checkbox-highlight-animation {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes task-block-checkbox-highlight-animation {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.task-block-line-through {
    background-image: linear-gradient(90deg,var(--icon-n2),var(--icon-n2));
    background-repeat: repeat-x;
    background-size: 100px 1.6px;
    background-position: 0 56%
}

.safari .task-block-line-through {
    background-size: 100px 1px;
    background-position: 0 60%
}

.mobile .isSelecting .docx-task-block .docx-block-zero-space,.mobile .isSelecting .docx-task-block .task-block-content .task-block-task-form,.mobile .isSelecting .docx-task-block .task-block-gap,.mobile .isSelecting .docx-task-block .task-block-status {
    -webkit-user-select: none!important;
    user-select: none!important
}

.task-block__focus,.task-block_content_popoverVisible {
    background-color: var(--ccmtoken-doc-block-bg-hover)
}

.task-block__focus .task-block-action-btn svg,.task-block_content_popoverVisible .task-block-action-btn svg {
    color: var(--icon-n2)
}

.docx-task-block.selected .task-block:not(.task-block_content_popoverVisible) .task-block-toolbar:not(:hover) {
    opacity: 0!important
}

.task-block:hover .task-block-toolbar,.task-block:hover .task-block__detail-panel-btn,.task-block__focus .task-block-toolbar,.task-block__focus .task-block__detail-panel-btn,.task-block_content_popoverVisible .task-block-toolbar,.task-block_content_popoverVisible .task-block__detail-panel-btn {
    opacity: 1
}

.task-block {
    border-radius: 4px;
    display: flex;
    padding-left: 2px;
    margin-right: -2px;
    padding-right: 2px;
    font-weight: 400;
    box-sizing: border-box;
    border: 1px solid transparent;
    margin-left: -3px
}

.task-block-content {
    flex: 1;
    display: flex;
    align-items: center;
    width: 0;
    overflow: hidden
}

.task-block-editor-wrapper {
    display: inline-block;
    position: relative;
    width: 100%
}

.task-block-gap {
    height: 12px;
    width: 1px;
    background-color: var(--line-divider-default);
    display: inline-block
}

.task-block-editor-placeholder {
    color: var(--text-disabled);
    cursor: text;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    padding-right: 8px
}

.task-block-editor-placeholder .task-block-line-through-wrapper {
    position: absolute;
    left: 0;
    right: -8px;
    top: 0;
    bottom: 0
}

.task-block-toolbar {
    display: flex;
    height: 26px;
    align-items: center;
    align-self: flex-start;
    opacity: 0
}

.task-block-toolbar-icon-btn {
    margin-left: 3px;
    margin-right: 3px
}

.task-block-toolbar-icon-btn:hover svg,.task-block_content_popoverVisible .task-block-toolbar-icon-btn svg {
    color: var(--colorful-indigo)!important
}

.task-block-toolbar-more-menu .ud__menu-normal-item-active,.task-block-toolbar-more-menu .ud__menu-normal-submenu-title-active {
    background-color: var(--fill-hover)
}

.task-block__detail-panel-btn {
    display: flex;
    height: 26px;
    align-items: center;
    align-self: flex-start;
    opacity: 0
}

.task-block__reference {
    border-style: dashed
}

.mobile .task-block__reference,.task-block__reference.task-block__focus,.task-block__reference:hover {
    border-color: var(--line-border-component)
}

.task-block-text-editor a.url {
    color: var(--text-link-hover)!important
}

.task-block-text-editor a.url span {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: break-all
}

.task-block .ud__checkbox__input {
    cursor: default
}

.task-block.task-block_can-checked .ud__checkbox__input {
    cursor: pointer
}

.task-block__empty .task-block-task-form {
    display: none
}

.task-block__empty .task-block-editor-placeholder {
    opacity: 0
}

.table .task-block-toolbar,.table .task-block__detail-panel-btn {
    height: 22px
}

.table .task-block-toolbar .ud__checkbox__wallpaper {
    height: 14px
}

.table .task-block-toolbar .ud__checkbox:after {
    width: 14px
}

.mobile .task-block-toolbar {
    display: none
}

.mobile .task-block-gap {
    height: calc(var(--docx-base-font-size)*12/16);
    width: calc(var(--docx-base-font-size)*1/16)
}

.mobile .task-block.task-block-editor-focused .task-block__time-label__wrapper.ud__button {
    color: var(--text-title);
    background: var(--udtoken-btn-text-bg-neutral-hover);
    border-color: transparent
}

.mobile .task-block.task-block-editor-focused .task-block__time-label__wrapper.ud__button .task-block__time-label__icon {
    opacity: 1!important
}

.task-block-end-line br {
    display: inline;
    content: "A"
}

.task-block-end-line>[data-leaf=true]:nth-last-child(2) {
    padding-right: 8px
}

.task-block-text-editor-line-through .task-block-end-line>[data-leaf=true]:nth-last-child(2) {
    background-image: linear-gradient(90deg,var(--icon-n2),var(--icon-n2));
    background-repeat: repeat-x;
    background-size: 100px 1.6px;
    background-position: 0 56%
}

.safari .task-block-text-editor-line-through .task-block-end-line>[data-leaf=true]:nth-last-child(2) {
    background-size: 100px 1px;
    background-position: 0 60%
}

.task-block__empty:not(.task-block__focus) .task-block-end-line>[data-leaf=true]:nth-last-child(2) {
    opacity: 0
}

.task-block__container {
    position: relative
}

.task-block-comment.comment-hl>.task-block__container:after,.task-block-comment.local-comment>.task-block__container:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 2px;
    background: var(--ccmtoken-mindnote-highlightcolor-yellow);
    bottom: -1px
}

.task-block-comment.comment-hl>.task-block__container:after {
    background-color: var(--colorful-yellow)
}

.presentation-mode .task-block:hover {
    background-color: initial!important
}

.presentation-mode .task-block-placeholder-content {
    line-height: 26px
}

.task-block-placeholder-content {
    display: inline-block
}

.task-block-disabled-select,.task-block-disabled-select [contenteditable] {
    -webkit-user-select: none!important;
    user-select: none!important
}

html:not(.mobile) .bear-web-x-container:not(.keyboard-mode) .task-block.task-block_content_editable:hover {
    background-color: var(--ccmtoken-doc-block-bg-hover)
}

.task-block__focus .task-block-task-form {
    display: inline!important
}

.task-block__focus .task-block-editor-placeholder {
    opacity: 1!important
}

.task-block-paste-menu-opened .docx-task-block.selected>.block-comment>.task-block__container>.task-block__reference {
    border-color: var(--primary-pri-500)
}

.docx-task-block.selected .list-children .selected-mask {
    display: none
}

.docx-task-block .list-children .isv-block-container {
    width: 100%
}

.docx-task-block .list-children .isv-block-container .block-ssr-fallback {
    margin: 0
}

.task-block-toolbar-icon-btn.task-block-toolbar-icon-btn-offline {
    cursor: not-allowed
}

.task-block-toolbar-icon-btn.task-block-toolbar-icon-btn-offline svg {
    color: var(--text-disabled)!important
}

.task-block-loading .inline-mode,.task-block-loading .inline-mode .docx-block-inline-placeholder-expand {
    height: auto
}

.task-block-loading .inline-mode .docx-block-inline-placeholder-expand:before {
    content: "";
    display: inline-block;
    width: 0;
    -webkit-user-select: none;
    user-select: none
}

.task-block-history {
    width: 100%;
    height: 100%;
    background: var(--bg-filler)
}

.task-block-loading.task-block-history .docx-block-inline-placeholder-expand {
    -webkit-animation: none;
    animation: none
}

.text-block,.text-block-wrapper {
    margin: 0 -2px;
    padding: 0 2px
}

.text-block div.block:first-child {
    margin-top: 8px
}

.text-block div.block:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.docx-text-block .text-block {
    position: relative;
    height: auto
}

.text-block.text-indent {
    text-indent: 2em
}

.text-block.text-indent .embed-inline-block {
    text-indent: 0
}

.list .text-editor,.list .text-editor.editor-kit-container,.text-block .text-editor,.text-block .text-editor.editor-kit-container {
    font-size: 16px;
    font-size: var(--common-row-font-size);
    min-height: 26px;
    min-height: var(--common-row-line-height);
    line-height: 26px;
    line-height: var(--common-row-line-height);
    padding-left: 12px;
    margin: 0 0 0 -12px;
    font-weight: 400;
    color: var(--text-title);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    width: auto;
    outline: 1px solid transparent
}

.list .text-editor.editor-kit-container.non-empty,.list .text-editor.non-empty,.text-block .text-editor.editor-kit-container.non-empty,.text-block .text-editor.non-empty {
    outline: none
}

.safari .list .text-editor.editor-kit-container.non-empty,.safari .list .text-editor.non-empty,.safari .text-block .text-editor.editor-kit-container.non-empty,.safari .text-block .text-editor.non-empty {
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Tahoma,PingFang SC,Microsoft Yahei,Arial,Hiragino Sans GB,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}

.mobile .list .text-editor,.mobile .list .text-editor.editor-kit-container,.mobile .text-block .text-editor,.mobile .text-block .text-editor.editor-kit-container {
    font-size: calc(var(--docx-base-font-size)*16/16);
    min-height: calc(var(--docx-base-font-size)*26/16);
    line-height: calc(var(--docx-base-font-size)*26/16)
}

.mobile .list .text-editor.editor-kit-container.non-empty,.mobile .list .text-editor.non-empty,.mobile .text-block .text-editor.editor-kit-container.non-empty,.mobile .text-block .text-editor.non-empty {
    line-height: calc(var(--docx-base-font-size)*26/16)
}

.grid-column-block .list .text-editor.innerdocbody.editor-kit-container,.grid-column-block .list .text-editor.text-editor.zone-container,.grid-column-block .text-block .text-editor.innerdocbody.editor-kit-container,.grid-column-block .text-block .text-editor.text-editor.zone-container {
    padding-left: 2px;
    margin-left: -2px
}

.mobile.ipad .list .text-editor,.mobile.ipad .text-block .text-editor {
    -webkit-font-feature-settings: "kern" off,normal;
    font-feature-settings: "kern" off,normal;
    font-kerning: none;
    -webkit-font-variant-ligatures: normal;
    font-variant-ligatures: normal
}

.mobile.ipad .list .text-editor *,.mobile.ipad .text-block .text-editor * {
    text-rendering: auto
}

.text-block:hover .test-add-button {
    display: block
}

.reminder-toolbar-tooltip-hidden {
    opacity: 0
}

.todo-block .reminder-placeholder {
    display: inline
}

.todo-block .docx-reminder-toolbar {
    opacity: 0;
    height: 26px;
    height: var(--common-row-line-height);
    display: flex;
    z-index: 1;
    align-items: center;
    justify-content: space-around
}

.todo-block .docx-reminder-toolbar.visible {
    opacity: 1
}

.todo-block .docx-reminder-toolbar.docx-reminder-toolbar-checklist-style {
    color: var(--icon-n2);
    min-width: 26px
}

.todo-block .add-reminder,.todo-block .add-user,.todo-block .to-task {
    cursor: pointer;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    fill: var(--icon-n2);
    border-radius: 4px;
    margin: 0 3px
}

.todo-block .add-reminder.to-task-btn-offline,.todo-block .add-user.to-task-btn-offline,.todo-block .to-task.to-task-btn-offline {
    color: var(--text-disabled)
}

.todo-block .reminder-placeholder {
    left: 29px
}

.bear-web-x-container:not(.keyboard-mode) .todo-block.todo-block_content_editable:hover {
    line-height: 26px;
    line-height: var(--common-row-line-height);
    border-radius: 4px;
    background-color: var(--ccmtoken-doc-block-bg-area)
}

.bear-web-x-container:not(.keyboard-mode) .todo-block.todo-block_content_editable:hover .docx-reminder-toolbar {
    display: flex;
    z-index: 1;
    align-items: center;
    justify-content: space-around
}

.bear-web-x-container:not(.keyboard-mode) .todo-block.todo-block_content_editable:hover .docx-reminder-toolbar .to-task.toolbar-btn {
    cursor: pointer
}

.bear-web-x-container:not(.keyboard-mode) .todo-block.todo-block_content_editable:hover .docx-reminder-toolbar .to-task.toolbar-btn.to-task-btn-offline {
    cursor: not-allowed
}

.bear-web-x-container:not(.keyboard-mode) .todo-block .add-reminder:hover,.bear-web-x-container:not(.keyboard-mode) .todo-block .add-user:hover,.bear-web-x-container:not(.keyboard-mode) .todo-block .to-task:hover {
    background-color: var(--udtoken-btn-text-bg-neutral-hover)
}

.docx-okr-block .to-task {
    display: none
}

:root {
    --h1-margin-top: 26px;
    --h1-margin-bottom: 10px;
    --h1-font-size: 26px;
    --h2-margin-top: 22px;
    --h2-margin-bottom: 8px;
    --h2-font-size: 22px;
    --h3-margin-top: 20px;
    --h3-margin-bottom: 8px;
    --h3-font-size: 20px;
    --h4-margin-top: 18px;
    --h4-margin-bottom: 8px;
    --h4-font-size: 18px;
    --h5-margin-top: 18px;
    --h5-margin-bottom: 8px;
    --h5-font-size: 16px;
    --h6-margin-top: 16px;
    --h6-margin-bottom: 8px;
    --h6-font-size: 16px;
    --h7-margin-top: 16px;
    --h7-margin-bottom: 8px;
    --h7-font-size: 16px;
    --h8-margin-top: 16px;
    --h8-margin-bottom: 8px;
    --h8-font-size: 16px;
    --h9-margin-top: 16px;
    --h9-margin-bottom: 8px;
    --h9-font-size: 16px;
    --todo-font-size: 16px;
    --todo-check-top: 2px;
    --table-margin-bottom: 24px;
    --table-cell-padding: 8px;
    --table-cell-text-line-height: 23px;
    --common-row-margin-top: 8px;
    --common-row-margin-bottom: 8px;
    --common-row-font-size: 16px;
    --common-row-line-height: 26px;
    --common-block-margin-top: 16px;
    --common-block-margin-bottom: 16px
}

.synced-block-im,.synced-block-mode {
    --h1-margin-top: 23px;
    --h1-margin-bottom: 9px;
    --h1-font-size: 23px;
    --h2-margin-top: 20px;
    --h2-margin-bottom: 8px;
    --h2-font-size: 20px;
    --h3-margin-top: 18px;
    --h3-margin-bottom: 7px;
    --h3-font-size: 18px;
    --h4-margin-top: 16px;
    --h4-margin-bottom: 7px;
    --h4-font-size: 16px;
    --h5-margin-top: 14px;
    --h5-margin-bottom: 7px;
    --h5-font-size: 14px;
    --h6-margin-top: 14px;
    --h6-margin-bottom: 7px;
    --h6-font-size: 14px;
    --h7-margin-top: 14px;
    --h7-margin-bottom: 7px;
    --h7-font-size: 14px;
    --h8-margin-top: 14px;
    --h8-margin-bottom: 7px;
    --h8-font-size: 14px;
    --h9-margin-top: 14px;
    --h9-margin-bottom: 7px;
    --h9-font-size: 14px;
    --todo-font-size: 14px;
    --todo-check-top: 3px;
    --table-margin-bottom: 20px;
    --table-cell-padding: 7px;
    --table-cell-text-line-height: 22px;
    --common-row-margin-top: 7px;
    --common-row-margin-bottom: 7px;
    --common-row-font-size: 14px;
    --common-row-line-height: 22px;
    --common-block-margin-top: 14px;
    --common-block-margin-bottom: 14px
}

.todo-checkbox {
    content: " ";
    display: inline-block;
    line-height: normal;
    font-size: 16px;
    background-position: 50%;
    white-space: normal;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    margin-left: -24px;
    box-sizing: border-box!important;
    position: relative;
    top: 2px;
    top: var(--todo-check-top)
}

.mobile .todo-checkbox {
    font-size: calc(var(--docx-base-font-size)*16/16);
    top: calc(var(--docx-base-font-size-without-unit)*2px/16);
    top: calc(var(--docx-base-font-size-without-unit)*var(--todo-check-top)/16)
}

.mobile .todo-checkbox,.todo-checkbox-mobile {
    width: calc(var(--docx-base-font-size)*16/16);
    height: calc(var(--docx-base-font-size)*16/16);
    margin-right: calc(var(--docx-base-font-size)*8/16);
    margin-left: calc(var(--docx-base-font-size)*-24/16)
}

.todo-checkbox-mobile {
    top: calc(var(--docx-base-font-size)*2/16)
}

.todo-block_content {
    padding-left: 24px;
    position: relative;
    display: flex;
    font-weight: 400;
    flex: 1 1 0;
    flex-direction: column;
    min-width: 0
}

.todo-block>.docx-reminder-toolbar-wrapper {
    -webkit-user-select: none!important;
    user-select: none!important
}

.todo-align-left .text-editor>div:first-child:before {
    content: " ";
    display: inline-block;
    line-height: normal;
    font-size: 16px;
    background-position: 50%;
    white-space: normal;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    margin-left: -24px;
    box-sizing: border-box!important;
    position: relative;
    top: 2px;
    top: var(--todo-check-top)
}

.mobile .todo-align-left .text-editor>div:first-child:before {
    font-size: calc(var(--docx-base-font-size)*16/16);
    width: calc(var(--docx-base-font-size)*16/16);
    height: calc(var(--docx-base-font-size)*16/16);
    margin-right: calc(var(--docx-base-font-size)*8/16);
    margin-left: calc(var(--docx-base-font-size)*-24/16);
    top: calc(var(--docx-base-font-size-without-unit)*2px/16);
    top: calc(var(--docx-base-font-size-without-unit)*var(--todo-check-top)/16)
}

.todo-block_content_editable .todo-align-left .text-editor>div:first-child:before {
    cursor: pointer
}

.todo-align-center .text-editor>div:first-child:before,.todo-align-right .text-editor>div:first-child:before {
    content: " ";
    display: inline-block;
    line-height: normal;
    font-size: 16px;
    background-position: 50%;
    white-space: normal;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    margin-left: -24px;
    box-sizing: border-box!important;
    position: relative;
    top: 2px;
    top: var(--todo-check-top);
    content: " "!important;
    display: inline-block!important
}

.mobile .todo-align-center .text-editor>div:first-child:before,.mobile .todo-align-right .text-editor>div:first-child:before {
    font-size: calc(var(--docx-base-font-size)*16/16);
    width: calc(var(--docx-base-font-size)*16/16);
    height: calc(var(--docx-base-font-size)*16/16);
    margin-right: calc(var(--docx-base-font-size)*8/16);
    margin-left: calc(var(--docx-base-font-size)*-24/16);
    top: calc(var(--docx-base-font-size-without-unit)*2px/16);
    top: calc(var(--docx-base-font-size-without-unit)*var(--todo-check-top)/16)
}

.todo-block_content_editable .todo-align-center .text-editor>div:first-child:before,.todo-block_content_editable .todo-align-right .text-editor>div:first-child:before {
    cursor: pointer
}

.docx-todo-block.focused .todo-block_content_editable {
    border-radius: 4px;
    background-color: var(--ccmtoken-doc-block-bg-area)
}

.todo-block {
    cursor: auto;
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    font-size: var(--todo-font-size);
    border-radius: 2px;
    margin: 0 -2px;
    padding: 0 2px;
    position: relative
}

.todo-block,.todo-block .text-editor {
    line-height: 26px;
    line-height: var(--common-row-line-height)
}

.todo-block.task-done .text-editor {
    color: var(--text-caption)
}

.todo-block.task-done .text-editor .ace-line>* {
    opacity: .7!important
}

.todo-block.task-done .text-editor>.ace-line:first-child:before {
    opacity: 1!important
}

.todo-block.task-done .text-editor .docx-user-component {
    background-image: linear-gradient(90deg,var(--ccmtoken-doc-block-bg-area),var(--ccmtoken-doc-block-bg-area));
    background-repeat: repeat-x;
    background-size: 100px 1px;
    background-position: 0 50%
}

.todo-block.revision-active .text-editor :before {
    border-color: var(--todo-revision-color)!important
}

#ssrBox .lark .todo-block {
    font-size: 14px
}

.translated-hover {
    background-color: var(--fill-hover);
    border-radius: 4px
}

.table .todo-block .text-editor {
    line-height: 22px;
    font-size: 14px
}

.table .todo-block .text-editor:before {
    display: none
}

.table .todo-block .todo-align-center .text-editor>div:first-child:before,.table .todo-block .todo-align-left .text-editor>div:first-child:before,.table .todo-block .todo-align-right .text-editor>div:first-child:before {
    width: 14px;
    height: 14px;
    margin-right: 10px
}

.table .todo-block .todo-align-left:before {
    top: 4px
}

.mobile .todo-block_content {
    padding-left: calc(var(--docx-base-font-size)*24/16)
}

.mobile .todo-block {
    font-size: calc(var(--docx-base-font-size)*16/16)
}

.mobile .todo-block,.mobile .todo-block .text-editor {
    line-height: calc(var(--docx-base-font-size)*26/16)
}

.mobile .todo-align-center .text-editor>div:first-child>div:first-child:before,.mobile .todo-align-left .text-editor>div:first-child>div:first-child:before,.mobile .todo-align-right .text-editor>div:first-child>div:first-child:before {
    width: calc(var(--docx-base-font-size)*16/16);
    height: calc(var(--docx-base-font-size)*16/16);
    margin-right: calc(var(--docx-base-font-size)*8/16);
    margin-left: calc(var(--docx-base-font-size)*-24/16);
    top: calc(var(--docx-base-font-size)*2/16)
}

.mobile .table .todo-block .text-editor {
    font-size: calc(var(--docx-base-font-size)*14/16);
    line-height: calc(var(--docx-base-font-size)*22/16)
}

.mobile .table .todo-block .todo-align-center .text-editor>div:first-child>div:first-child:before,.mobile .table .todo-block .todo-align-left .text-editor>div:first-child>div:first-child:before,.mobile .table .todo-block .todo-align-right .text-editor>div:first-child>div:first-child:before {
    width: calc(var(--docx-base-font-size)*14/16);
    height: calc(var(--docx-base-font-size)*14/16);
    margin-right: calc(var(--docx-base-font-size)*10/16)
}

.todo-block.todo-block_new .todo-align-center .text-editor>div:first-child:before,.todo-block.todo-block_new .todo-align-left .text-editor>div:first-child:before,.todo-block.todo-block_new .todo-align-right .text-editor>div:first-child:before {
    border-radius: 50%;
    border: 1px solid var(--icon-n2)
}

.todo-block_hover_checkbox.todo-block.todo-block_new .todo-align-center .text-editor>div:first-child:before,.todo-block_hover_checkbox.todo-block.todo-block_new .todo-align-left .text-editor>div:first-child:before,.todo-block_hover_checkbox.todo-block.todo-block_new .todo-align-right .text-editor>div:first-child:before {
    border-color: var(--primary-content-default)
}

.todo-block.todo-block_new.task-done .todo-align-center .text-editor>div:first-child:before,.todo-block.todo-block_new.task-done .todo-align-left .text-editor>div:first-child:before,.todo-block.todo-block_new.task-done .todo-align-right .text-editor>div:first-child:before {
    border: 0;
    background-color: var(--primary-content-default);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjc4NiA0Ljk1OGwuODA4LjgwOGEuMzUuMzUgMCAwMTAgLjQ5NWwtNS4yMTggNS4yMThhLjM1LjM1IDAgMDEtLjQ5NSAwTDMuOSA4LjVhLjM1LjM1IDAgMDEwLS40OTVsLjgwOC0uODA4YS4zNS4zNSAwIDAxLjQ5NSAwTDcuMTI4IDkuMTJsNC4xNjMtNC4xNjNhLjM1LjM1IDAgMDEuNDk1IDB6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
    background-size: contain
}

.todo-block_hover_checkbox.todo-block.todo-block_new.task-done .todo-align-center .text-editor>div:first-child:before,.todo-block_hover_checkbox.todo-block.todo-block_new.task-done .todo-align-left .text-editor>div:first-child:before,.todo-block_hover_checkbox.todo-block.todo-block_new.task-done .todo-align-right .text-editor>div:first-child:before {
    background-color: var(--primary-fill-hover)
}

.todo-block.todo-block_new.task-done .text-editor {
    opacity: 1
}

.todo-block.todo-block_new.todo-block_new_square .todo-align-center .text-editor>div:first-child:before,.todo-block.todo-block_new.todo-block_new_square .todo-align-left .text-editor>div:first-child:before,.todo-block.todo-block_new.todo-block_new_square .todo-align-right .text-editor>div:first-child:before {
    border-radius: 4px
}

.todo-block.todo-block_old .todo-align-center .text-editor>div:first-child:before,.todo-block.todo-block_old .todo-align-left .text-editor>div:first-child:before,.todo-block.todo-block_old .todo-align-right .text-editor>div:first-child:before {
    border-radius: 4px;
    border: 1px solid var(--N900-BD)
}

.todo-block_hover_checkbox.todo-block.todo-block_old .todo-align-center .text-editor>div:first-child:before,.todo-block_hover_checkbox.todo-block.todo-block_old .todo-align-left .text-editor>div:first-child:before,.todo-block_hover_checkbox.todo-block.todo-block_old .todo-align-right .text-editor>div:first-child:before {
    border-color: var(--primary-content-default)
}

.todo-block.todo-block_old.task-done .todo-align-center .text-editor>div:first-child:before,.todo-block.todo-block_old.task-done .todo-align-left .text-editor>div:first-child:before,.todo-block.todo-block_old.task-done .todo-align-right .text-editor>div:first-child:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjU4OSAzLjkwM2wuODA4LjgwOGEuMzUuMzUgMCAwMTAgLjQ5NUw2LjE4IDEwLjQyNWEuMzUuMzUgMCAwMS0uNDk1IDBMMi43MDMgNy40NDRhLjM1LjM1IDAgMDEwLS40OTVsLjgwOC0uODA4YS4zNS4zNSAwIDAxLjQ5NSAwbDEuOTI1IDEuOTI0IDQuMTYzLTQuMTYzYS4zNS4zNSAwIDAxLjQ5NSAweiIgZmlsbD0iIzMzNzBGRiIvPjwvc3ZnPg==);
    background-size: contain
}

html[data-theme=dark] .todo-block.todo-block_old.task-done .todo-align-center .text-editor>div:first-child:before,html[data-theme=dark] .todo-block.todo-block_old.task-done .todo-align-left .text-editor>div:first-child:before,html[data-theme=dark] .todo-block.todo-block_old.task-done .todo-align-right .text-editor>div:first-child:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjU4OSAzLjkwM2wuODA4LjgwOGEuMzUuMzUgMCAwMTAgLjQ5NUw2LjE4IDEwLjQyNWEuMzUuMzUgMCAwMS0uNDk1IDBMMi43MDMgNy40NDRhLjM1LjM1IDAgMDEwLS40OTVsLjgwOC0uODA4YS4zNS4zNSAwIDAxLjQ5NSAwbDEuOTI1IDEuOTI0IDQuMTYzLTQuMTYzYS4zNS4zNSAwIDAxLjQ5NSAweiIgZmlsbD0iIzRDODhGRiIvPjwvc3ZnPg==)
}

.docx-fallback-block,.docx-url_preview-block .docx-block-loading-container {
    height: auto
}

.docx-fallback-block .docx-url-preview-block-inline-loading,.docx-url_preview-block .docx-block-loading-container .docx-url-preview-block-inline-loading {
    display: inline-block;
    width: 142px;
    margin: 0 4px
}

.docx-fallback-block .docx-url-preview-block-inline-loading .inline-mode,.docx-url_preview-block .docx-block-loading-container .docx-url-preview-block-inline-loading .inline-mode {
    width: 100%;
    height: unset;
    display: inline-block
}

.docx-fallback-block .docx-url-preview-block-inline-loading .docx-block-inline-placeholder-expand,.docx-url_preview-block .docx-block-loading-container .docx-url-preview-block-inline-loading .docx-block-inline-placeholder-expand {
    position: absolute;
    top: 50%;
    width: 120px;
    height: calc(1em - 2px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    border-radius: 6px;
    background: linear-gradient(90deg,rgba(var(--N900-raw),5%),rgba(var(--N900-raw),8%))
}

.docx-url-preview-container .docx-message-placeholder-wrapper {
    width: 100%;
    min-width: 214px;
    padding: 26px 20px;
    border-radius: 6px;
    border: 1.5px solid var(--line-border-card);
    cursor: default
}

.docx-url-preview-container .docx-message-placeholder-wrapper .message-placeholder-item div {
    border-radius: 2px;
    background: linear-gradient(90deg,rgba(var(--N900-raw),5%),rgba(var(--N900-raw),8%));
    height: 14px
}

.docx-url-preview-container .docx-message-placeholder-wrapper .message-placeholder-item .message-placeholder-short {
    width: 53.3%
}

.docx-url-preview-container .docx-message-placeholder-wrapper .message-placeholder-item .message-placeholder-middle {
    width: 82.1%;
    margin-bottom: 12px
}

.docx-url-preview-container .docx-message-placeholder-wrapper .message-placeholder-item .message-placeholder-long {
    width: 100%;
    margin-bottom: 12px
}

.page-block-children .docx-view-block.block .block {
    margin: 0
}

.catalog-skeleton .list-main {
    padding: 4px;
    border: 1px solid var(--line-border-card);
    border-radius: 6px
}

.catalog-skeleton .row-wrapper {
    display: flex;
    height: 36px;
    align-items: center;
    padding: 0 6px
}

.catalog-skeleton .row-wrapper .menu-item {
    border-radius: 50%!important;
    margin-right: 6px
}

.catalog-skeleton .row-wrapper .menu-item.isHidden {
    visibility: hidden
}

.catalog-skeleton .row-wrapper .row-item-wrapper .row-item {
    max-width: 100%;
    margin-bottom: 0!important;
    flex-shrink: 0
}

.folder-manager-skeleton .grid-wrapper {
    display: flex;
    grid-gap: 12px;
    gap: 12px;
    flex-wrap: wrap
}

.folder-manager-skeleton .grid-wrapper .grid-item-wrapper {
    height: 200px;
    border-radius: 6px;
    border: 1px solid var(--line-border-card)
}

.folder-manager-skeleton .grid-wrapper .grid-item-wrapper.isMobile {
    height: 144px
}

.folder-manager-skeleton .grid-wrapper .grid-item-wrapper .grid-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 145px;
    padding: 40px 24px;
    grid-gap: 16px;
    gap: 16px;
    border: solid var(--bg-float-overlay);
    border-width: 6px 6px 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px
}

.folder-manager-skeleton .grid-wrapper .grid-item-wrapper .grid-header.isMobile {
    height: 84px
}

.folder-manager-skeleton .grid-wrapper .grid-item-wrapper .gird-footer {
    display: flex;
    width: 100%;
    height: 54px;
    align-items: center;
    padding: 0 16px;
    border-top: 1px solid var(--line-border-card)
}

.folder-manager-skeleton .list-wrapper {
    margin-top: 8px
}

.folder-manager-skeleton .list-wrapper .list-header {
    height: 40px;
    display: flex;
    border: 1px solid var(--line-border-card)
}

.folder-manager-skeleton .list-wrapper .list-main {
    border: 1px solid var(--line-border-card);
    border-top: 0
}

.folder-manager-skeleton .list-wrapper .row-wrapper {
    display: flex;
    height: 42px;
    align-items: center;
    padding: 0 24px
}

.folder-manager-skeleton .menu-item,.folder-manager-skeleton .row-item {
    max-width: 100%;
    margin-bottom: 0!important;
    flex-shrink: 0
}

.folder-manager-skeleton .menu-item {
    border-radius: 50%!important;
    margin-right: 6px
}

.folder-manager-skeleton .menu-item.isHidden {
    visibility: hidden
}

.selection-area {
    background: var(--ccmtoken-doc-block-bg-selected);
    border: 1px solid var(--text-link-hover)
}

.block.hovered {
    border-radius: 8px;
    transition: background-color .2s ease
}

.block.hovered.docx-base_refer-block,.block.hovered.docx-bitable-block,.block.hovered.docx-sheet-block {
    background-color: unset
}

.block.hovered.docx-base_refer-block .hovered-mask,.block.hovered.docx-bitable-block .hovered-mask,.block.hovered.docx-sheet-block .hovered-mask {
    display: none
}

.block.selected .selected-mask {
    background-color: var(--ccmtoken-doc-block-bg-selected)
}

.block.selected.docx-divider-block {
    z-index: 0
}

::selection {
    color: inherit;
    background-color: var(--ccmtoken-doc-block-bg-selected)
}

.selected ::selection {
    background-color: initial!important
}

.safari .block ::selection {
    background-color: initial
}

.safari .block span ::selection {
    background-color: var(--ccmtoken-doc-block-bg-selected)
}

.safari .block .ace-line ::selection {
    background-color: var(--ccmtoken-doc-block-bg-selected)
}

.safari .docx-bitable-block .scrollable-wrapper ::selection {
    background-color: initial
}

.safari .docx-bitable-block .scrollable-container ::selection {
    background-color: var(--ccmtoken-doc-block-bg-selected)
}

.safari .docx-bookmark-block ::selection,.safari .docx-isv-block ::selection,.safari .docx-mindnote-block ::selection,.safari .docx-poll-block ::selection {
    background-color: var(--ccmtoken-doc-block-bg-selected)
}

.mock-selection {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggb3BhY2l0eT0iLjM0IiBmaWxsPSIjMzM3MEZGIiBkPSJNMCAwaDEwdjEwSDB6Ii8+PC9zdmc+);
    color: var(--N1000-FG);
    padding: 2px 0
}

.mock-selection::selection {
    background-color: initial
}

html[data-theme=dark].app.ipad {
    caret-color: var(--caret-color-dm)
}

@-webkit-keyframes udTooltipZoomIn {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes udTooltipZoomIn {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.block-tips__container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.block-tips-tooltip__container {
    position: absolute;
    left: 0;
    margin-bottom: 10px;
    max-width: 100%!important;
    font-size: 12px;
    background-color: var(--Y50);
    color: var(--text-title);
    border-radius: 4px;
    border: .5px solid var(--colorful-yellow);
    box-shadow: var(--shadow-s1-down);
    z-index: 88;
    -webkit-animation-name: udTooltipZoomIn;
    animation-name: udTooltipZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: cubic-bezier(.34,.69,.1,1);
    animation-timing-function: cubic-bezier(.34,.69,.1,1);
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.block-tips-tooltip__container>div {
    background-color: inherit;
    color: inherit;
    padding: 4px 8px;
    border-radius: 4px;
    display: flex;
    align-items: center
}

.block-tips-tooltip__container ::selection {
    background: none
}

.block-tips-tooltip__container .block-tips-link {
    cursor: pointer;
    color: var(--text-link-normal)
}

.block-tips-tooltip__icon {
    margin-right: 5px
}

.block-tips-tooltip__icon .universe-icon {
    vertical-align: text-top;
    margin-top: 1px
}

.block-tips-tooltip_button {
    margin-left: 5px
}

.block-tips-tooltip_button .ud__button--text {
    padding: 0 4px
}

.first-line-placeholder {
    display: none;
    position: absolute;
    left: 2px;
    bottom: 0;
    width: 100%;
    height: 26px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 26px;
    color: var(--text-disabled);
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: text;
    z-index: 1
}

.first-line-placeholder .template {
    display: inline-block;
    height: 26px;
    margin-left: 4px;
    padding-left: 4px;
    padding-right: 4px;
    line-height: 26px;
    border-radius: 4px;
    cursor: pointer;
    pointer-events: all
}

.first-line-placeholder .template svg {
    display: none;
    margin-right: 5px;
    vertical-align: text-bottom
}

.first-line-placeholder .template svg:first-child {
    display: initial
}

.first-line-placeholder .template:hover {
    background-color: var(--bg-filler)
}

.first-line-placeholder .template:hover svg {
    display: initial
}

.first-line-placeholder .template:hover svg:first-child {
    display: none
}

.first-line-empty {
    position: relative
}

.first-line-empty .first-line-placeholder {
    display: block
}

.first-line-empty .page-block {
    min-height: auto!important
}

.first-line-empty .page-block-children {
    margin: 8px 0;
    min-height: 26px
}

.first-line-empty .page-block-children .root-render-unit-container>.render-unit-wrapper:empty {
    min-height: 26px
}

.first-line-empty .page-block-children .text-editor:before {
    display: none!important
}

.first-line-empty .page-block-children.announcement {
    margin: 0
}

.page-main.uneditable .first-line-placeholder {
    display: none
}

.page-main.uneditable.page-main-ssr-editable .editor-container .first-line-empty .first-line-placeholder {
    display: block
}

.mobile .first-line-placeholder {
    font-size: calc(var(--docx-base-font-size)*16/16)
}

.mobile .first-line-placeholder,.mobile .first-line-placeholder .template {
    height: calc(var(--docx-base-font-size)*26/16);
    line-height: calc(var(--docx-base-font-size)*26/16)
}

.mobile .first-line-empty .page-block-children,.mobile .first-line-empty .page-block-children .root-render-unit-container>.render-unit-wrapper:empty {
    min-height: calc(var(--docx-base-font-size)*26/16)
}

.block.docx-bullet-block .fold-handler,.block.docx-ordered-block .fold-handler,.block.docx-text-block .fold-handler,.block.docx-todo-block .fold-handler {
    top: 5px
}

.block.docx-heading1-block>.fold-wrapper .fold-handler {
    top: 10px
}

.block.docx-heading2-block>.fold-wrapper .fold-handler {
    top: 7px
}

.block.docx-heading3-block>.fold-wrapper .fold-handler {
    top: 6px
}

.block.docx-heading4-block>.fold-wrapper .fold-handler {
    top: 4px
}

.block.docx-heading5-block>.fold-wrapper .fold-handler,.block.docx-heading6-block>.fold-wrapper .fold-handler,.block.docx-heading7-block>.fold-wrapper .fold-handler,.block.docx-heading8-block>.fold-wrapper .fold-handler,.block.docx-heading9-block>.fold-wrapper .fold-handler {
    top: 3px
}

.block.docx-quote_container-block .quote-container-render-unit>.block>.fold-wrapper:not(.fold-handler-wrapper) .fold-handler {
    left: -34px
}

.mobile .block.docx-quote_container-block .quote-container-render-unit>.block>.fold-wrapper:not(.fold-handler-wrapper) .fold-handler {
    left: -46px
}

.block.docx-quote_container-block .quote-container-render-unit .grid-vertical .docx-grid_column-block>.grid-column-block>.render-unit-wrapper>.block>.fold-wrapper:not(.fold-handler-wrapper) .fold-handler,.block.docx-quote_container-block .quote-container-render-unit>.grid-block .docx-grid_column-block:first-child>.grid-column-block>.render-unit-wrapper>.block>.fold-wrapper:not(.fold-handler-wrapper) .fold-handler {
    left: -33px
}

.mobile .block.docx-quote_container-block .quote-container-render-unit .grid-vertical .docx-grid_column-block>.grid-column-block>.render-unit-wrapper>.block>.fold-wrapper:not(.fold-handler-wrapper) .fold-handler,.mobile .block.docx-quote_container-block .quote-container-render-unit>.grid-block .docx-grid_column-block:first-child>.grid-column-block>.render-unit-wrapper>.block>.fold-wrapper:not(.fold-handler-wrapper) .fold-handler {
    left: -45px
}

.block.docx-quote_container-block .quote-container-render-unit .grid-vertical .docx-grid_column-block .presentation-mode-container>.grid-column-block>.render-unit-wrapper>.block>.fold-wrapper:not(.fold-handler-wrapper) .fold-handler,.block.docx-quote_container-block .quote-container-render-unit .presentation-mode-container>.grid-block .docx-grid_column-block:first-child .presentation-mode-container>.grid-column-block>.render-unit-wrapper>.block>.fold-wrapper:not(.fold-handler-wrapper) .fold-handler {
    left: -33px
}

.mobile .block.docx-bullet-block .fold-handler,.mobile .block.docx-ordered-block .fold-handler,.mobile .block.docx-task-block .fold-handler,.mobile .block.docx-text-block .fold-handler,.mobile .block.docx-todo-block .fold-handler {
    top: calc(var(--docx-base-font-size)*26/16/2 - 16px)
}

.mobile .block.docx-heading1-block>.fold-wrapper .fold-handler {
    top: calc(var(--docx-base-font-size)*36/16/2 - 16px)
}

.mobile .block.docx-heading2-block>.fold-wrapper .fold-handler {
    top: calc(var(--docx-base-font-size)*30/16/2 - 16px)
}

.mobile .block.docx-heading3-block>.fold-wrapper .fold-handler {
    top: calc(var(--docx-base-font-size)*28/16/2 - 16px)
}

.mobile .block.docx-heading4-block>.fold-wrapper .fold-handler {
    top: calc(var(--docx-base-font-size)*24/16/2 - 16px)
}

.mobile .block.docx-heading5-block>.fold-wrapper .fold-handler,.mobile .block.docx-heading6-block>.fold-wrapper .fold-handler,.mobile .block.docx-heading7-block>.fold-wrapper .fold-handler,.mobile .block.docx-heading8-block>.fold-wrapper .fold-handler,.mobile .block.docx-heading9-block>.fold-wrapper .fold-handler {
    top: calc(var(--docx-base-font-size)*22/16/2 - 16px)
}

.fold-handler-wrapper .fold-handler {
    display: none;
    position: absolute;
    z-index: 50;
    border-radius: 2px;
    cursor: pointer;
    width: 16px;
    height: 16px;
    left: -20px;
    padding-left: 2px;
    top: 5px
}

.docx-grid_column-block .fold-handler-wrapper .fold-handler {
    padding-left: 0
}

.mobile .uneditable .fold-handler-wrapper .fold-handler {
    height: 44px
}

.mobile .fold-handler-wrapper .fold-handler {
    width: 26px;
    left: -26px;
    padding: 8px 2px 8px 4px;
    height: 36px
}

.fold-handler-wrapper .fold-handler.touch-end .svg-wrapper,.fold-handler-wrapper .fold-handler.touch-start .svg-wrapper {
    background-color: rgba(var(--bg-tips-raw),.2)
}

.fold-handler-wrapper .fold-handler .svg-wrapper {
    border-radius: 4px;
    width: 16px;
    height: 16px;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile .fold-handler-wrapper .fold-handler .svg-wrapper {
    width: 20px;
    height: 20px
}

.fold-handler-wrapper .fold-handler svg {
    transition: all .2s ease-out 0s;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    display: inline-block
}

.fold-handler-wrapper .fold-handler svg path {
    fill: var(--icon-n1)
}

.fold-handler-wrapper .fold-handler:hover svg,.fold-handler-wrapper .fold-handler:hover svg path {
    opacity: 1;
    fill: var(--B500-FG)
}

.mobile .fold-handler-wrapper .fold-handler:hover svg,.mobile .fold-handler-wrapper .fold-handler:hover svg path {
    opacity: 1;
    fill: var(--icon-n1)
}

.fold-handler-wrapper.fold-folded .fold-handler {
    display: flex
}

.fold-handler-wrapper .ud__tooltip {
    font-size: 12px;
    font-weight: 400;
    pointer-events: none
}

.fold-handler-wrapper.fold-show {
    position: relative
}

.fold-handler-wrapper.fold-show .fold-handler {
    display: flex
}

.block.hovered .fold-handler-wrapper.fold-hide.fold-folded,.fold-handler-wrapper.fold-hide:not(.fold-folded),html:not(.mobile) .bear-web-x-container.keyboard-mode .fold-handler-wrapper.fold-show:not(.fold-folded) {
    visibility: hidden;
    pointer-events: none
}

.fold-handler-wrapper.fold-folded .fold-handler svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 1
}

html:not(.mobile) .page-block-children.isSelecting .fold-wrapper {
    pointer-events: none
}

.fold-wrapper {
    position: absolute;
    top: 0;
    -webkit-user-select: none!important;
    user-select: none!important
}

.fold-wrapper.no-pointer-events {
    pointer-events: none
}

.fold-wrapper.show-line>.list-wrapper>.list>.list-content:before {
    content: "";
    top: 30px;
    height: 100%;
    width: 1px;
    background: var(--ccmtoken-mindnote-highlightcolor-neutral);
    position: absolute;
    left: -17px
}

.fold-wrapper.can-fold>.list-wrapper>.list>.list-content {
    position: relative
}

.fold-wrapper.fold-folded>.list-wrapper>.list>.list-content:before {
    visibility: hidden
}

.docx-screenshoting .screen-footer-doc-wrap {
    position: absolute;
    display: block
}

.docx-screenshoting .screen-footer-doc-wrap .docx-screen-footer-doc-empty {
    height: 24px
}

.docx-screenshoting .screen-footer-doc-wrap .screen-footer-doc-qrcode-text {
    padding: 24px 0
}

.docx-screenshoting .screen-footer-doc-wrap .screen-footer-doc-qrcode-text .screen-footer-text {
    margin-top: 8px;
    font-size: 14px;
    text-align: center;
    color: var(--text-title);
    opacity: .54
}

.docx-screenshoting .screen-footer-doc-wrap .docx-screen-footer-doc-icon-text {
    padding: 16px 0 24px;
    line-height: 24px;
    font-size: 12px;
    color: rgba(var(--Y900-FG-raw),.8);
    display: flex;
    flex-direction: row;
    align-items: center
}

.docx-screenshoting .screen-footer-doc-wrap .docx-screen-footer-doc-icon-text span {
    margin-left: 8px
}

.docx-screenshoting .doc-main {
    padding-bottom: 70px;
    margin-bottom: -70px
}

#docx-screen-border-corner-wrap,.screen-footer-doc-wrap {
    display: none
}

#docx-screen-border-corner-wrap .screen-border-corner {
    position: absolute;
    color: red;
    width: 16px;
    height: 16px
}

#docx-screen-border-corner-wrap .screen-border-corner.corner-1 {
    top: -1px;
    left: -1px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

#docx-screen-border-corner-wrap .screen-border-corner.corner-2 {
    top: -1px;
    right: -1px
}

#docx-screen-border-corner-wrap .screen-border-corner.corner-3 {
    bottom: -1px;
    right: -1px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#docx-screen-border-corner-wrap .screen-border-corner.corner-4 {
    bottom: -1px;
    left: -1px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.docx-screenshoting {
    height: auto
}

.docx-screenshoting .bear-web-x-container {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 70px!important;
    margin-bottom: -70px;
    height: auto;
    background-color: var(--bg-body)!important
}

.docx-screenshoting #mainBox.flex,.docx-screenshoting .bear-container.flex,.docx-screenshoting .bear-main.flex {
    min-height: auto;
    display: block
}

.docx-screenshoting #mainBox.flex .flex,.docx-screenshoting .bear-container.flex .flex,.docx-screenshoting .bear-main .flex,.docx-screenshoting .bear-main.flex .flex {
    min-height: auto
}

.docx-screenshoting .page-main {
    position: relative;
    border: 1px solid var(--O50-BD);
    border-width: 1px!important;
    min-height: calc(100vh - 80px)
}

.docx-screenshoting .doc-cover-wrapper {
    max-width: 100%
}

.docx-screenshoting #docx-screen-border-corner-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    overflow: hidden
}

.docx-screenshoting #global-comment,.docx-screenshoting #mobile-message,.docx-screenshoting .ai-recommend-container,.docx-screenshoting .comment-number,.docx-screenshoting .doc-history-mobile,.docx-screenshoting .doc-left-container.mobile .doc-message-toggle-btn,.docx-screenshoting .docx-comment-numbers,.docx-screenshoting .fold-handler,.docx-screenshoting .global-like-wrap {
    display: none!important
}

.docx-screenshoting .cover-panel-toolbar,.docx-screenshoting .doc-meta-entry-wrapper,.docx-screenshoting .sync-cursor-view-wrap {
    display: none
}

.docx-screenshoting .doc-cover-wrapper {
    border: 1px solid var(--O50-BD);
    border-bottom: none
}

.docx-screenshoting .doc-cover-wrapper+.page-main {
    border-top: none
}

.docx-screenshoting .doc-cover-wrapper+.page-main #docx-screen-border-corner-wrap .screen-border-corner.corner-1,.docx-screenshoting .doc-cover-wrapper+.page-main #docx-screen-border-corner-wrap .screen-border-corner.corner-2 {
    display: none
}

.docx-screenshoting .abbreviation-inline-wrapper .abbreviation-text {
    border-bottom-width: 0!important
}

.editor {
    position: relative;
    cursor: text
}

.bear-virtual-placeholder-marginTop-cross .bear-virtual-renderUnit-placeholder {
    font-size: 0
}

.bear-virtual-placeholder-marginTop-cross .bear-virtual-renderUnit-placeholder span {
    display: inline-block
}

.editor-container {
    position: relative;
    cursor: text
}

.editor-container .docx-page-block:before {
    content: "";
    display: table
}

.editor-container .docx-page-block {
    padding-bottom: 72px
}

.editor-container .block.docx-page-block,.editor-container .block.docx-page-block>div:first-child {
    position: relative
}

.editor-container>.block:first-child:before {
    content: "";
    display: table
}

.editor-container.selecting-frame,.editor-container.selecting-frame .page-block-children .block * {
    cursor: default
}

.editor-container.in-im .docx-page-block {
    padding-bottom: 14px
}

.docx-screenshoting .docx-page-block {
    padding-bottom: 0
}

.page-main.docx-in-feed:not(.normal-font-size) .list .text-editor,.page-main.docx-in-feed:not(.normal-font-size) .quote-block .text-editor,.page-main.docx-in-feed:not(.normal-font-size) .task-block .innerdocbody.editor-kit-container,.page-main.docx-in-feed:not(.normal-font-size) .task-block .zone-container.editor-kit-container,.page-main.docx-in-feed:not(.normal-font-size) .text-block .text-editor,.page-main.docx-in-feed:not(.normal-font-size) .todo-block .text-editor {
    font-size: 14px
}

@supports (bottom: constant(safe-area-inset-bottom)) {
    :root {
        --safe-area-inset-left:constant(safe-area-inset-left);
        --safe-area-inset-right: constant(safe-area-inset-right);
        --safe-area-inset-bottom: constant(safe-area-inset-bottom)
    }
}

@supports (bottom: env(safe-area-inset-bottom)) {
    :root {
        --safe-area-inset-left:env(safe-area-inset-left);
        --safe-area-inset-right: env(safe-area-inset-right);
        --safe-area-inset-bottom: env(safe-area-inset-bottom)
    }
}

body {
    overscroll-behavior-x: none
}

.page-main {
    padding: 0 66px;
    margin-left: 0;
    background: transparent
}

.page-main,.page-main .doc-position {
    position: relative
}

.page-main.page-main-in-horizontal {
    margin-bottom: 0;
    margin-bottom: var(--safe-area-inset-bottom,0);
    margin-left: 16px;
    margin-left: calc(var(--safe-area-inset-left, 0) + 16px);
    margin-right: 16px;
    margin-right: calc(var(--safe-area-inset-right, 0) + 16px)
}

.page-main.docx-width-mode {
    padding: 0
}

.page-main.docx-width-mode .page-main-item.editor .dynamic-docx-bottom-template {
    justify-content: center;
    display: flex;
    width: var(--template-bottom-width);
    left: var(--template-bottom-left)
}

.page-main.docx-width-mode .page-main-item.editor .dynamic-docx-bottom-template .gpf-biz-bottom-template {
    max-width: 820px
}

.page-main.docx-width-mode .page-main-item.editor .notes-bottom-template {
    justify-content: center;
    display: flex;
    width: var(--template-bottom-width);
    left: var(--template-bottom-left)
}

.page-main.docx-width-mode.docx-in-feed {
    padding: 0 66px
}

@media screen and (max-width: 540px) {
    .page-main.docx-width-mode.docx-in-feed {
        padding:0 44px
    }
}

.page-main.docx-width-mode.docx-in-feed.docx-lark-catalog-enable {
    padding: 0
}

@media screen and (max-width: 540px) {
    .page-main {
        margin-left:0
    }
}

.page-main.page-main-in-wiki-xs {
    margin-left: 0
}

.page-main.full-width .page-main-item {
    max-width: 100%
}

@media screen and (min-width: 684px) {
    .ipad .page-main.full-width .page-main-item {
        margin-left:26px;
        margin-right: 26px
    }
}

.page-main.docx-width-mode .page-main-item {
    padding-right: 0;
    padding-left: 0;
    min-width: 175px;
    will-change: margin-left,margin-right,width
}

.page-main.docx-width-mode.docx-width-mode-standard .page-main-item {
    max-width: 820px
}

.page-main.docx-width-mode.docx-width-mode-large .page-main-item {
    max-width: 1020px
}

.page-main.docx-width-mode.docx-width-mode-full .page-main-item {
    max-width: 100%
}

.page-main-item {
    max-width: 794px;
    min-width: 239px;
    margin: 0 auto;
    padding: 0 32px 18px
}

.mobile .page-main-item {
    max-width: 580px
}

.page-main-item.editor {
    padding-bottom: 0
}

.page-main-item.justify-left {
    margin-left: 26px
}

.page-main-item.justify-right {
    margin-right: 26px
}

.page-main-loading {
    position: absolute;
    left: 50%;
    top: 50%
}

.page-main .ud__checkbox__wallpaper {
    background-color: var(--udtoken-component-outlined-bg)
}

.android .page-main [contenteditable=false] {
    -webkit-user-select: text!important
}

.docx-in-feed .page-main-item {
    padding-left: 0
}

.feed-v1 .docx-in-feed .page-main-item {
    padding-left: 0;
    padding-right: 0
}

.docx-in-wiki .page-main:not(.docx-in-feed) {
    margin: 0 auto
}

@media screen and (max-width: 540px) {
    .has-comment .page-main .page-main-item {
        margin-right:251px
    }
}

.has-comment .page-main .page-main-item {
    margin-right: 229px
}

.has-comment .page-main.docx-in-feed.docx-width-mode .page-main-item {
    margin-right: 280px
}

@media screen and (max-width: 540px) {
    .has-comment .page-main.docx-in-feed .page-main-item {
        margin-right:283px
    }
}

.has-comment .page-main.docx-in-feed .page-main-item {
    margin-right: 261px
}

@media screen and (max-width: 540px) {
    .has-helpsliderbar .page-main:not(.docx-width-mode) .page-main-item {
        margin-right:270px!important
    }
}

.has-helpsliderbar .page-main:not(.docx-width-mode) .page-main-item {
    margin-right: 248px!important
}

.editor-exception {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center
}

.editor-exception img {
    margin-top: -224px
}

.editor-exception__detail {
    height: 182px
}

.editor-exception__message {
    width: 100%;
    font-size: 16px;
    text-align: center;
    color: var(--text-caption)
}

.sheet__block-wrapper.docxWrapper .editor-exception .editor-exception__message,.sheet__block-wrapper.docxWrapper .editor-exception img {
    margin-top: 0
}

@-webkit-keyframes block-flash {
    0% {
        background-color: initial
    }

    20% {
        background-color: rgba(var(--colorful-blue-raw),.2)
    }

    80% {
        background-color: rgba(var(--colorful-blue-raw),.2)
    }

    to {
        background-color: initial
    }
}

@keyframes block-flash {
    0% {
        background-color: initial
    }

    20% {
        background-color: rgba(var(--colorful-blue-raw),.2)
    }

    80% {
        background-color: rgba(var(--colorful-blue-raw),.2)
    }

    to {
        background-color: initial
    }
}

@-webkit-keyframes text-flash {
    0% {
        background-color: initial
    }

    20% {
        background-color: rgba(var(--colorful-blue-raw),.2)
    }

    80% {
        background-color: rgba(var(--colorful-blue-raw),.2)
    }

    to {
        background-color: initial
    }
}

@keyframes text-flash {
    0% {
        background-color: initial
    }

    20% {
        background-color: rgba(var(--colorful-blue-raw),.2)
    }

    80% {
        background-color: rgba(var(--colorful-blue-raw),.2)
    }

    to {
        background-color: initial
    }
}

.block-flash .block-flash-mask:not(.text-flash-mask) {
    -webkit-animation-name: block-flash;
    animation-name: block-flash;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    z-index: 1
}

.text-range-flash-mask {
    -webkit-animation-name: text-flash;
    animation-name: text-flash;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    z-index: 1
}

body.safari .block-flash.table {
    border-collapse: initial
}

.full-width-switcher {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

.full-width-switcher-btn {
    margin-top: -1px
}

[data-locked-height-block] {
    overflow: hidden;
    position: relative
}

[data-locked-height-block]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    right: 0;
    background: var(--bg-base);
    border-radius: 4px;
    border: 1px solid var(--line-border-card);
    box-sizing: border-box;
    z-index: 10
}

.page-block-children .docx-table-block[data-locked-height-block]:after {
    height: auto
}

[data-locked-height-block-child] {
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.animation-indent--right {
    animation: indent-right .5s cubic-bezier(.68,-.55,.27,1.55) 1 alternate-reverse
}

@-webkit-keyframes indent-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(12px);
        transform: translateX(12px)
    }
}

@keyframes indent-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(12px);
        transform: translateX(12px)
    }
}

.author-host.is-in-indent-animation {
    height: 100%!important
}

.animation-indent--right .author-host {
    opacity: 0
}

.animation-indent--author--line--extend .author-host {
    height: calc(100% + 30px)
}

.right-side-fade-container {
    position: absolute;
    top: 0;
    right: 0;
    min-height: 100%;
    background-color: var(--bg-body)
}

.right-side-panel-show {
    z-index: 1
}

.right-side-panel-hide {
    z-index: 0
}

.right-side-panel-hide.comment-numbers-always-show {
    opacity: 1!important
}

body {
    color: var(--text-title);
    font-variant-numeric: normal;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal
}

html[data-theme=dark] {
    --AI-img-placeholder-bg: var(--N00)
}

html[data-theme=light] {
    --AI-img-placeholder-bg: #f0f0fd
}

.vc-hover-background {
    background-color: var(--C50)!important;
    border-radius: 8px
}

.vc-hover-border {
    border-color: var(--colorful-carmine)!important
}

body {
    overflow: hidden
}

.navigation-bar-wrapper {
    --top-watermark-height: 64px
}

.docx-watermark-siderbar-container {
    height: 0;
    width: 100%
}

.wiki-sidebar-wrap-isSidebarFullHeight .docx-siderbar-watermark-container {
    visibility: hidden
}

.docx-siderbar-watermark-host {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    pointer-events: none;
    z-index: 20860
}

.docx-siderbar-watermark-host .docx-siderbar-watermark-clean {
    height: 100%;
    width: 100%
}

.docx-top-watermark-container {
    width: 100%;
    height: var(--top-watermark-height);
    overflow: hidden;
    position: absolute;
    pointer-events: none
}

.docx-top-watermark-container .docx-top-watermark-clean,.docx-top-watermark-container .docx-top-watermark-host {
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    overflow: hidden;
    z-index: 20860
}

.fake-scroller-container {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: hidden auto
}

.fake-scroller-container .fake-scroller-content {
    width: 1px;
    background: transparent
}

.docx-body-watermark-container {
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    z-index: 20860;
    --scroller-width: 0
}

.docx-body-watermark-container .docx-body-watermark-host {
    height: 100vh;
    width: 100vw;
    pointer-events: none;
    float: right;
    margin-bottom: -100vh;
    -webkit-transform: translate(var(--scroller-width),-100vh);
    transform: translate(var(--scroller-width),-100vh)
}

.bear-web-x-container,.docx-body-watermark-container .docx-body-watermark-clean {
    height: 100%;
    width: 100%
}

.bear-web-x-container {
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    overflow: hidden scroll;
    outline: 0;
    font-size: 14px;
    overflow-anchor: none
}

.bear-web-x-container.lock-scroll {
    overflow-y: hidden
}

.opendoc .bear-web-x-container {
    background-color: var(--bg-body)
}

html[data-theme=dark] .bear-web-x-container {
    color-scheme: dark;
    background-color: var(--bg-body)
}

html[data-theme=dark] .opendoc .bear-web-x-container {
    background-color: var(--bg-body);
    background-color: var(--opendoc-background,var(--bg-body))
}

.bear-web-x-container #docx-draggable-rectangle-container,.bear-web-x-container #docx-table-page-resizer-rectangle-container {
    position: absolute;
    top: 0;
    left: 0
}

.bear-web-x-container #docx-draggable-rectangle-container {
    z-index: 4
}

.bear-web-x-container.opendoc-unscrollable {
    overflow-y: hidden!important
}

.ipad .bear-web-x-container.width-transition {
    transition: unset
}

.lark-suite-header {
    z-index: 81
}

.docx-sync-im-chat {
    scrollbar-color: rgba(var(--N900-raw),30%) transparent
}

.docx-sync-im-chat::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    -webkit-transition: background .2s cubic-bezier(.34,.69,.1,1);
    transition: background .2s cubic-bezier(.34,.69,.1,1);
    background-color: rgba(var(--N900-raw),30%);
    border: 2px solid transparent;
    background-clip: padding-box
}

.docx-sync-im-chat::-webkit-scrollbar {
    width: 11px;
    height: 11px;
    background-color: initial
}

.docx-sync-im-chat::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--N900-raw),60%)!important
}

.docx-sync-im-chat::-webkit-scrollbar:hover {
    width: 11px;
    height: 11px
}

.docx-sync-im-chat::-webkit-scrollbar-button {
    display: none
}

.docx-sync-im-chat::-webkit-scrollbar-corner,.docx-sync-im-chat::-webkit-scrollbar-track {
    background-color: initial
}

html.mobile.is-mem-pope .bear-web-x-container {
    caret-color: var(--primary-content-default)
}