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

.ud__lang-zh button,.ud__lang-zh input,body,body.ud__lang-zh,button,input{
    font-family: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-scrollbar::-webkit-scrollbar-thumb{
    background-clip:padding-box;
    background-color:rgba(var(--N900-raw),30%);
    border:2px solid transparent;
    border-radius:9999px;
    -webkit-transition:background .2s cubic-bezier(.34,.69,.1,1);
    transition:background .2s cubic-bezier(.34,.69,.1,1)
}
.ud-scrollbar::-webkit-scrollbar{
    /*background-color:transparent;*/
    height:11px;
    width:11px
}



.ud__button{
    font-feature-settings:"tnum";
    align-items:center;
    background:none;
    border:1px solid var(--N00);
    box-sizing:border-box;
    color:var(--text-title);
    cursor:pointer;
    display:inline-flex;
    font-size:14px;
    font-variant:tabular-nums;
    justify-content:center;
    line-height:1.5715;
    list-style:none;
    margin:0;
    outline:none;
    padding:0;
    position:relative;
    text-align:center;
    text-decoration:none;
    touch-action:manipulation;
    transition:color .1s ease-in,background-color .1s ease-in,border-color .1s ease-in,width .2s ease-in;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    white-space:nowrap
}
.ud__button--size-md{
    border-radius:6px;
    font-size:14px;
    height:32px;
    line-height:22px;
    min-width:80px;
    padding:4px 11px
}
.ud__button--filled-default:focus-visible{
    --hack-merge-rules:true;
    background:var(--primary-pri-400);
    border-color:var(--primary-pri-400);
    color:var(--static-white)
}
.ud__button--filled-default-loading:focus-visible{
    --hack-merge-rules:true;
    background:var(--primary-pri-300);
    border-color:var(--primary-pri-300);
    color:var(--udtoken-btn-pri-text-disabled);
    cursor:default
}
.ud__button--filled-primary:focus-visible{
    --hack-merge-rules:true;
    background:var(--primary-pri-400);
    border-color:var(--primary-pri-400);
    color:var(--static-white)
}
.ud__button--filled-primary-loading:focus-visible{
    --hack-merge-rules:true;
    background:var(--primary-pri-300);
    border-color:var(--primary-pri-300);
    color:var(--udtoken-btn-pri-text-disabled);
    cursor:default
}
.ud__button--filled-danger:focus-visible{
    --hack-merge-rules:true;
    background:var(--function-danger-400);
    border-color:var(--function-danger-400);
    color:var(--static-white)
}
.ud__button--filled-danger-loading:focus-visible{
    --hack-merge-rules:true;
    background:var(--function-danger-300);
    border-color:var(--function-danger-300);
    color:var(--udtoken-btn-pri-text-disabled);
    cursor:default
}
.ud__button--filled:disabled:focus-visible,.ud__button--filled[disabled]:focus-visible{
    --hack-merge-rules:true;
    background:var(--fill-disabled);
    border-color:var(--fill-disabled);
    color:var(--udtoken-btn-pri-text-disabled);
    cursor:not-allowed
}
.ud__button--outlined-default:focus-visible{
    --hack-merge-rules:true;
    background:var(--udtoken-btn-se-bg-neutral-hover);
    border-color:var(--line-border-component);
    color:var(--text-title)
}
.ud__button--outlined-default-loading:focus-visible{
    --hack-merge-rules:true;
    background:var(--udtoken-component-outlined-bg);
    border-color:var(--line-border-component);
    color:var(--udtoken-component-text-disabled-loading);
    cursor:default
}
.ud__button--outlined-primary:focus-visible{
    --hack-merge-rules:true;
    background:var(--udtoken-btn-se-bg-pri-hover);
    border-color:var(--primary-pri-500);
    color:var(--primary-pri-500)
}
.ud__button--outlined-primary-loading:focus-visible{
    --hack-merge-rules:true;
    background:var(--udtoken-component-outlined-bg);
    border-color:var(--primary-pri-300);
    color:var(--primary-pri-300);
    cursor:default
}
.ud__button--outlined-danger:focus-visible{
    --hack-merge-rules:true;
    background:var(--udtoken-btn-se-bg-danger-hover);
    border-color:var(--function-danger-500);
    color:var(--function-danger-500)
}
.ud__button--outlined-danger-loading:focus-visible{
    --hack-merge-rules:true;
    background:var(--udtoken-component-outlined-bg);
    border-color:var(--function-danger-300);
    color:var(--function-danger-300);
    cursor:default
}
.ud__button--outlined:disabled:focus-visible,.ud__button--outlined[disabled]:focus-visible{
    --hack-merge-rules:true;
    background:var(--udtoken-component-outlined-bg);
    border-color:var(--line-border-component);
    color:var(--text-disabled);
    cursor:not-allowed
}
.ud__button--text{
    border:none;
    height:auto;
    min-width:auto;
    padding:2px 4px
}
.ud__button--text-default{
    background:transparent;
    border-color:transparent;
    color:var(--text-title)
}
.ud__button--text-default:hover{
    background:var(--udtoken-btn-text-bg-neutral-hover);
    border-color:transparent;
    color:var(--text-title)
}
.ud__button--text-default:focus-visible{
    --hack-merge-rules:true;
    background:var(--udtoken-btn-text-bg-neutral-hover);
    border-color:transparent;
    color:var(--text-title)
}
.ud__button--text-default:active{
    background:var(--udtoken-btn-text-bg-neutral-pressed);
    border-color:transparent;
    color:var(--text-title)
}
.ud__button--text-default-loading:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--text-placeholder);
    cursor:default
}
.ud__button--text-primary{
    background:transparent;
    border-color:transparent;
    color:var(--primary-pri-500)
}
.ud__button--text-primary:hover{
    background:var(--udtoken-btn-text-bg-pri-hover);
    border-color:transparent;
    color:var(--primary-pri-500)
}
.ud__button--text-primary:focus-visible{
    --hack-merge-rules:true;
    background:var(--udtoken-btn-text-bg-pri-hover);
    border-color:transparent;
    color:var(--primary-pri-500)
}
.ud__button--text-primary:active{
    background:var(--udtoken-btn-text-bg-pri-pressed);
    border-color:transparent;
    color:var(--primary-pri-500)
}
.ud__button--text-primary-loading:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--primary-pri-300);
    cursor:default
}
.ud__button--text-danger:focus-visible{
    --hack-merge-rules:true;
    background:var(--udtoken-btn-text-bg-danger-hover);
    border-color:transparent;
    color:var(--function-danger-500)
}
.ud__button--text-danger-loading:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--function-danger-300);
    cursor:default
}
.ud__button--text:disabled,.ud__button--text:disabled:active,.ud__button--text:disabled:hover{
    background:transparent;
    border-color:transparent;
    color:var(--text-disabled);
    cursor:not-allowed
}
.ud__button--text:disabled:focus-visible,.ud__button--text[disabled]:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--text-disabled);
    cursor:not-allowed
}
.ud__button--text-secondary-default:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--primary-pri-500)
}
.ud__button--text-secondary-default-loading:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--primary-pri-500);
    cursor:default
}
.ud__button--text-secondary-primary:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--primary-pri-500)
}
.ud__button--text-secondary-primary-loading:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--primary-pri-500);
    cursor:default
}
.ud__button--text-secondary-danger:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--function-danger-500)
}
.ud__button--text-secondary-danger-loading:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--primary-pri-500);
    cursor:default
}
.ud__button--text-secondary:disabled:focus-visible,.ud__button--text-secondary[disabled]:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--text-disabled);
    cursor:not-allowed
}
.ud__button--link-default:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--primary-pri-400)
}
.ud__button--link-default-loading:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--primary-pri-300);
    cursor:default
}
.ud__button--link-primary:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--primary-pri-400)
}
.ud__button--link-primary-loading:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--primary-pri-300);
    cursor:default
}
.ud__button--link-danger:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--function-danger-400)
}
.ud__button--link-danger-loading:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--function-danger-300);
    cursor:default
}
.ud__button--link:disabled:focus-visible,.ud__button--link[disabled]:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--text-disabled);
    cursor:not-allowed
}
.ud__button--icon-default:focus-visible{
    --hack-merge-rules:true;
    background:var(--udtoken-btn-text-bg-neutral-hover);
    border-color:transparent;
    color:var(--icon-n1)
}
.ud__button--icon-default-loading:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--text-placeholder);
    cursor:default
}
.ud__button--icon-primary:focus-visible{
    --hack-merge-rules:true;
    background:var(--udtoken-btn-text-bg-pri-hover);
    border-color:transparent;
    color:var(--primary-pri-500)
}
.ud__button--icon-primary-loading:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--primary-pri-300);
    cursor:default
}
.ud__button--icon-danger:focus-visible{
    --hack-merge-rules:true;
    background:var(--udtoken-btn-text-bg-danger-hover);
    border-color:transparent;
    color:var(--function-danger-500)
}
.ud__button--icon-danger-loading:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--function-danger-300);
    cursor:default
}
.ud__button--icon:disabled:focus-visible,.ud__button--icon[disabled]:focus-visible{
    --hack-merge-rules:true;
    background:transparent;
    border-color:transparent;
    color:var(--icon-disabled);
    cursor:not-allowed
}
.ud__button__icon-inline{
    box-sizing:border-box;
    line-height:0
}
.ud__button__icon-inline-start{
    margin-right:4px
}
.u1lct7uw{
    font-weight:500
}
body,html{
    height:100%;
    width:100%
}
input::-ms-clear,input::-ms-reveal{
    display:none
}
*,:after,:before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
html{
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    font-family:sans-serif;
    line-height:1.15
}
@-ms-viewport{
    width:device-width
}
footer,header,section{
    display:block
}
body{
    -webkit-font-feature-settings:"tnum","tnum";
    font-feature-settings:"tnum","tnum";
    background-color:#fff;
    color:rgba(0,0,0,.65);
    font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size:14px;
    font-variant:tabular-nums;
    line-height:1.5;
    margin:0
}
a{
    -webkit-text-decoration-skip:objects;
    background-color:transparent;
    color:#1890ff;
    cursor:pointer;
    outline:none;
    text-decoration:none;
    -webkit-transition:color .3s;
    transition:color .3s
}
a:hover{
    color:#40a9ff
}
a:active{
    color:#096dd9
}
a:active,a:hover{
    outline:0;
    text-decoration:none
}
img{
    border-style:none;
    vertical-align:middle
}
svg:not(:root){
    overflow:hidden
}
a,button,input:not([type=range]),label{
    -ms-touch-action:manipulation;
    touch-action:manipulation
}
button,input{
    color:inherit;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit;
    margin:0
}
button,input{
    overflow:visible
}
button{
    text-transform:none
}
button,html [type=button]{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
[hidden]{
    display:none!important
}
::-moz-selection{
    background:#1890ff;
    color:#fff
}
::selection{
    background:#1890ff;
    color:#fff
}
html{
    --antd-wave-shadow-color:#1890ff
}
.ud__checkbox__input:focus-visible~.ud__checkbox__wallpaper{
    background-color:var(--udtoken-component-outlined-bg);
    border-color:var(--primary-pri-500)
}
.ud__checkbox__input:checked:focus-visible~.ud__checkbox__wallpaper,.ud__checkbox__input:indeterminate:focus-visible~.ud__checkbox__wallpaper{
    background-color:var(--primary-pri-400)
}
.ud__checkbox--error .ud__checkbox__input:focus-visible~.ud__checkbox__wallpaper{
    border-color:var(--function-danger-500)
}
.ud__dialog__wrap:focus-visible{
    outline:none
}
.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
}
.uj2bo7u{
    display:flex
}
.ug5ls2v{
    border-top-left-radius:4px
}
.uojpzs1{
    border-top-right-radius:4px
}
.u14xgn8e{
    border-bottom-right-radius:4px
}
.u1iv0uqv{
    border-bottom-left-radius:4px
}
.u16gdikw{
    position:relative
}
.u1f3wrh8{
    overflow:hidden
}
.ud__radio__input:focus-visible~.ud__radio__wallpaper{
    border-color:var(--primary-pri-500)
}
.ud__radio__input:checked:focus-visible~.ud__radio__wallpaper{
    background:var(--primary-pri-400)
}
.ud__radio--error .ud__radio__input:focus-visible~.ud__radio__wallpaper{
    border-color:var(--function-danger-500)
}
.u1wpbx5l{
    font-size:12px
}
.us0yppa{
    display:block
}
.ud__menu a:focus-visible,.ud__menu-item:focus-visible,.ud__menu-submenu-title:focus-visible{
    --hack-merge-rules:true;
    outline:none
}
.ud__menu-normal a:focus-visible,.ud__menu-normal-item:focus-visible,.ud__menu-normal-submenu-title:focus-visible{
    --hack-merge-rules:true;
    outline:none
}
.u9i6vxk{
    padding-top:0
}
.usf68gt{
    padding-bottom:0
}
.ud__tag-neutral{
    background-color:var(--udtoken-tag-neutral-bg-normal)
}
.ud__tag-neutral{
    color:var(--udtoken-tag-neutral-text-normal)
}
.ukh8n7i{
    cursor:text
}
.ur7p6df{
    display:inline-flex
}
.uhr53wp{
    align-items:center
}
.uack55o{
    white-space:nowrap
}
.u1s5of6x{
    transition-property:all
}
.ub546ir{
    transition-duration:.2s
}
.usa8hmt{
    vertical-align:top
}
.uhq278k{
    max-width:100%
}
.uo2rg7d{
    transition-timing-function:cubic-bezier(.34,.69,.1,1)
}
.u18j8pmt{
    font-size:10px
}
.usix6ue{
    height:15px
}
.umwo0du{
    padding-right:4px
}
.u1fxfseu{
    padding-left:4px
}
.u1pxylti{
    word-break:keep-all
}
.uxkbsdt{
    text-overflow:ellipsis
}
.u1c5vd7t{
    line-height:15.600000000000001px
}
.uoqx2ln{
    zoom:.8333333333333334
}
.usw25ky:pressed{
    opacity:1
}
.u1twoerw:pressed{
    opacity:.5
}
.ud__input{
    background-color:var(--udtoken-component-outlined-bg);
    border-color:var(--line-border-component);
    border-radius:6px;
    border-style:solid;
    border-width:0;
    box-sizing:border-box;
    display:inline-flex;
    overflow:hidden;
    transition:border-color .1s linear;
    width:100%
}
.ud__input:not(.ud__input-addon){
    border-width:1px
}
.ud__input-input-wrap{
    box-sizing:border-box;
    cursor:text;
    display:flex;
    flex:1 1;
    min-width:0
}
.ud__input-input-wrap:before{
    content:"\a0";
    display:inline-block;
    visibility:hidden;
    width:0
}
.ud__input-input-wrap:only-child{
    width:100%
}
.ud__input--size-md{
    font-size:14px;
    line-height:22px
}
.ud__input--size-md input{
    font-size:inherit;
    line-height:inherit
}
.ud__input--size-md .ud__input-input-wrap{
    padding:4px 8px 4px 11px
}
.ud__input--size-md .ud__input__prefix>.universe-icon{
    font-size:16px
}
.ud__input--size-md .ud__input__clear-icon svg{
    color:var(--icon-n2);
    font-size:12px
}
.ud__input input{
    background-color:transparent;
    border:none;
    color:var(--text-title);
    flex:1 1;
    margin:0;
    min-width:0;
    outline:none;
    overflow:hidden;
    padding:0;
    position:relative
}
.ud__input input::-moz-placeholder{
    color:var(--text-placeholder);
    opacity:1
}
.ud__input input:-ms-input-placeholder{
    color:var(--text-placeholder)
}
.ud__input input:-moz-placeholder-shown{
    text-overflow:ellipsis
}
.ud__input input:-ms-input-placeholder{
    text-overflow:ellipsis
}
.ud__input input:placeholder-shown{
    text-overflow:ellipsis
}
.ud__input:focus:not(.ud__input-addon),.ud__input:hover:not(.ud__input-addon){
    border-color:var(--primary-pri-500)
}
.ud__input__prefix{
    align-items:center;
    display:flex;
    flex-grow:0;
    flex-shrink:0
}
.ud__input__prefix svg{
    color:var(--icon-n2)
}
.ud__input__prefix{
    margin-right:8px
}
.ud__input__clear-icon{
    align-items:center;
    align-self:center;
    display:flex;
    margin-left:8px;
    opacity:0
}
.ud__input__clear-icon:hover svg{
    color:var(--primary-pri-500)
}
.ud__input__clear-icon:active svg{
    color:var(--primary-pri-600)
}
.ud__input__clear-icon svg{
    color:var(--icon-n3)
}
.u1j001gk{
    flex-grow:1
}
.u1kas33f{
    min-width:0
}
.un3lvue{
    position:absolute
}
.u80fcee{
    left:0
}
.uq50m5b{
    top:0
}
.ua19y5w{
    bottom:0
}
.u18iufkw{
    visibility:hidden
}
.ud__card{
    background-color:var(--bg-body);
    border-color:var(--line-border-card);
    border-style:solid;
    border-width:1px;
    box-sizing:border-box;
    padding:12px;
    width:100%
}
.ud__card:hover:not(.ud__card--no-hover-state){
    box-shadow:var(--shadow-s3-down);
    cursor:pointer
}
.ud__card--shadow-md{
    box-shadow:var(--shadow-s2-down)
}
.ud__card--br-lg{
    border-radius:12px
}
.ud__card--noshadows{
    box-shadow:unset
}
.ud__drawer__content__wrapper:focus-visible{
    outline:none
}
.ud__avatar{
    font-feature-settings:"tnum";
    box-sizing:border-box;
    color:var(--text-title);
    display:inline-block;
    font-size:14px;
    font-variant:tabular-nums;
    line-height:1;
    list-style:none;
    margin:0;
    overflow:hidden;
    padding:0;
    position:relative;
    vertical-align:middle
}
.ud__avatar-image:after,.ud__avatar:before{
    background-color:var(--fill-img-mask);
    bottom:0;
    box-sizing:border-box;
    content:"";
    left:0;
    position:absolute;
    right:0;
    top:0
}
.ud__avatar-image:before{
    box-sizing:border-box;
    content:unset
}
.ud__avatar-squircle{
    border-radius:0
}
.ud__avatar-squircle-border{
    left:0;
    pointer-events:none;
    position:absolute;
    top:0
}
.ud__avatar-squircle-border path{
    stroke:var(--fill-tag);
    fill:transparent
}
.ud__avatar__image{
    box-sizing:border-box;
    color:var(--static-white);
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center top;
    object-position:center top;
    position:relative;
    width:100%
}
.ud__avatar-filled{
    color:var(--static-white)
}
:root{
    --B100-raw:225,234,255;
    --B100:rgb(var(--B100-raw));
    --B200-raw:186,206,253;
    --B200:rgb(var(--B200-raw));
    --B300-raw:130,167,252;
    --B300:rgb(var(--B300-raw));
    --B400-raw:78,131,253;
    --B400:rgb(var(--B400-raw));
    --B50-raw:240,244,255;
    --B50:rgb(var(--B50-raw));
    --B500-raw:51,112,255;
    --B500:rgb(var(--B500-raw));
    --B600-raw:36,91,219;
    --B600:rgb(var(--B600-raw));
    --B700-raw:28,76,186;
    --B700:rgb(var(--B700-raw));
    --B800-raw:19,60,154;
    --B800:rgb(var(--B800-raw));
    --B900-raw:12,41,110;
    --B900:rgb(var(--B900-raw));
    --C100-raw:253,221,239;
    --C100:rgb(var(--C100-raw));
    --C200-raw:249,174,217;
    --C200:rgb(var(--C200-raw));
    --C300-raw:245,122,192;
    --C300:rgb(var(--C300-raw));
    --C400-raw:241,75,169;
    --C400:rgb(var(--C400-raw));
    --C50-raw:254,241,248;
    --C50:rgb(var(--C50-raw));
    --C500-raw:240,29,148;
    --C500:rgb(var(--C500-raw));
    --C600-raw:199,16,119;
    --C600:rgb(var(--C600-raw));
    --C700-raw:158,19,97;
    --C700:rgb(var(--C700-raw));
    --C800-raw:122,15,75;
    --C800:rgb(var(--C800-raw));
    --C900-raw:82,10,50;
    --C900:rgb(var(--C900-raw));
    --G100-raw:217,245,214;
    --G100:rgb(var(--G100-raw));
    --G200-raw:183,237,177;
    --G200:rgb(var(--G200-raw));
    --G300-raw:142,224,133;
    --G300:rgb(var(--G300-raw));
    --G400-raw:98,210,86;
    --G400:rgb(var(--G400-raw));
    --G50-raw:240,251,239;
    --G50:rgb(var(--G50-raw));
    --G500-raw:52,199,36;
    --G500:rgb(var(--G500-raw));
    --G600-raw:46,161,33;
    --G600:rgb(var(--G600-raw));
    --G700-raw:35,123,25;
    --G700:rgb(var(--G700-raw));
    --G800-raw:24,96,16;
    --G800:rgb(var(--G800-raw));
    --G900-raw:18,75,12;
    --G900:rgb(var(--G900-raw));
    --I100-raw:224,226,250;
    --I100:rgb(var(--I100-raw));
    --I200-raw:180,185,243;
    --I200:rgb(var(--I200-raw));
    --I300-raw:123,131,234;
    --I300:rgb(var(--I300-raw));
    --I400-raw:97,106,229;
    --I400:rgb(var(--I400-raw));
    --I50-raw:242,243,253;
    --I50:rgb(var(--I50-raw));
    --I500-raw:73,84,230;
    --I500:rgb(var(--I500-raw));
    --I600-raw:41,51,199;
    --I600:rgb(var(--I600-raw));
    --I700-raw:22,31,162;
    --I700:rgb(var(--I700-raw));
    --I800-raw:10,18,133;
    --I800:rgb(var(--I800-raw));
    --I900-raw:12,18,100;
    --I900:rgb(var(--I900-raw));
    --L100-raw:238,246,198;
    --L100:rgb(var(--L100-raw));
    --L200-raw:223,238,150;
    --L200:rgb(var(--L200-raw));
    --L300-raw:210,231,106;
    --L300:rgb(var(--L300-raw));
    --L400-raw:195,221,64;
    --L400:rgb(var(--L400-raw));
    --L50-raw:247,250,229;
    --L50:rgb(var(--L50-raw));
    --L500-raw:179,214,0;
    --L500:rgb(var(--L500-raw));
    --L600-raw:143,172,2;
    --L600:rgb(var(--L600-raw));
    --L700-raw:102,121,1;
    --L700:rgb(var(--L700-raw));
    --L800-raw:73,87,0;
    --L800:rgb(var(--L800-raw));
    --L900-raw:53,66,0;
    --L900:rgb(var(--L900-raw));
    --N00-raw:255,255,255;
    --N00:rgb(var(--N00-raw));
    --N100-raw:242,243,245;
    --N100:rgb(var(--N100-raw));
    --N1000-raw:0,0,0;
    --N1000:rgb(var(--N1000-raw));
    --N200-raw:239,240,241;
    --N200:rgb(var(--N200-raw));
    --N300-raw:222,224,227;
    --N300:rgb(var(--N300-raw));
    --N350-raw:208,211,214;
    --N350:rgb(var(--N350-raw));
    --N400-raw:187,191,196;
    --N400:rgb(var(--N400-raw));
    --N50-raw:245,246,247;
    --N50:rgb(var(--N50-raw));
    --N500-raw:143,149,158;
    --N500:rgb(var(--N500-raw));
    --N600-raw:100,106,115;
    --N600:rgb(var(--N600-raw));
    --N650-raw:81,86,93;
    --N650:rgb(var(--N650-raw));
    --N700-raw:55,60,67;
    --N700:rgb(var(--N700-raw));
    --N800-raw:43,47,54;
    --N800:rgb(var(--N800-raw));
    --N900-raw:31,35,41;
    --N900:rgb(var(--N900-raw));
    --N950-raw:15,17,20;
    --N950:rgb(var(--N950-raw));
    --O100-raw:254,234,210;
    --O100:rgb(var(--O100-raw));
    --O200-raw:254,212,164;
    --O200:rgb(var(--O200-raw));
    --O300-raw:255,186,107;
    --O300:rgb(var(--O300-raw));
    --O400-raw:255,165,61;
    --O400:rgb(var(--O400-raw));
    --O50-raw:255,245,235;
    --O50:rgb(var(--O50-raw));
    --O500-raw:255,136,0;
    --O500:rgb(var(--O500-raw));
    --O600-raw:222,120,2;
    --O600:rgb(var(--O600-raw));
    --O700-raw:178,98,6;
    --O700:rgb(var(--O700-raw));
    --O800-raw:143,79,4;
    --O800:rgb(var(--O800-raw));
    --O900-raw:107,57,0;
    --O900:rgb(var(--O900-raw));
    --P100-raw:236,226,254;
    --P100:rgb(var(--P100-raw));
    --P200-raw:205,178,250;
    --P200:rgb(var(--P200-raw));
    --P300-raw:173,130,247;
    --P300:rgb(var(--P300-raw));
    --P400-raw:147,90,246;
    --P400:rgb(var(--P400-raw));
    --P50-raw:246,241,254;
    --P50:rgb(var(--P50-raw));
    --P500-raw:127,59,245;
    --P500:rgb(var(--P500-raw));
    --P600-raw:100,37,208;
    --P600:rgb(var(--P600-raw));
    --P700-raw:78,27,167;
    --P700:rgb(var(--P700-raw));
    --P800-raw:56,13,130;
    --P800:rgb(var(--P800-raw));
    --P900-raw:39,5,97;
    --P900:rgb(var(--P900-raw));
    --R100-raw:253,226,226;
    --R100:rgb(var(--R100-raw));
    --R200-raw:251,191,188;
    --R200:rgb(var(--R200-raw));
    --R300-raw:249,142,139;
    --R300:rgb(var(--R300-raw));
    --R400-raw:247,105,100;
    --R400:rgb(var(--R400-raw));
    --R50-raw:254,241,241;
    --R50:rgb(var(--R50-raw));
    --R500-raw:245,74,69;
    --R500:rgb(var(--R500-raw));
    --R600-raw:216,57,49;
    --R600:rgb(var(--R600-raw));
    --R700-raw:172,47,40;
    --R700:rgb(var(--R700-raw));
    --R800-raw:129,37,32;
    --R800:rgb(var(--R800-raw));
    --R900-raw:98,28,24;
    --R900:rgb(var(--R900-raw));
    --S100-raw:255,255,204;
    --S100:rgb(var(--S100-raw));
    --S200-raw:255,252,163;
    --S200:rgb(var(--S200-raw));
    --S300-raw:255,246,122;
    --S300:rgb(var(--S300-raw));
    --S400-raw:255,242,88;
    --S400:rgb(var(--S400-raw));
    --S50-raw:254,255,240;
    --S50:rgb(var(--S50-raw));
    --S500-raw:255,233,40;
    --S500:rgb(var(--S500-raw));
    --S600-raw:229,206,0;
    --S600:rgb(var(--S600-raw));
    --S700-raw:194,168,0;
    --S700:rgb(var(--S700-raw));
    --S800-raw:143,124,0;
    --S800:rgb(var(--S800-raw));
    --S900-raw:92,79,0;
    --S900:rgb(var(--S900-raw));
    --T100-raw:213,246,242;
    --T100:rgb(var(--T100-raw));
    --T200-raw:169,239,230;
    --T200:rgb(var(--T200-raw));
    --T300-raw:100,232,214;
    --T300:rgb(var(--T300-raw));
    --T400-raw:20,225,198;
    --T400:rgb(var(--T400-raw));
    --T50-raw:234,250,248;
    --T50:rgb(var(--T50-raw));
    --T500-raw:0,214,185;
    --T500:rgb(var(--T500-raw));
    --T600-raw:4,180,156;
    --T600:rgb(var(--T600-raw));
    --T700-raw:7,131,114;
    --T700:rgb(var(--T700-raw));
    --T800-raw:3,99,86;
    --T800:rgb(var(--T800-raw));
    --T900-raw:2,75,65;
    --T900:rgb(var(--T900-raw));
    --V100-raw:248,222,248;
    --V100:rgb(var(--V100-raw));
    --V200-raw:239,185,239;
    --V200:rgb(var(--V200-raw));
    --V300-raw:229,143,229;
    --V300:rgb(var(--V300-raw));
    --V400-raw:219,102,219;
    --V400:rgb(var(--V400-raw));
    --V50-raw:252,238,252;
    --V50:rgb(var(--V50-raw));
    --V500-raw:209,54,209;
    --V500:rgb(var(--V500-raw));
    --V600-raw:178,32,178;
    --V600:rgb(var(--V600-raw));
    --V700-raw:140,33,140;
    --V700:rgb(var(--V700-raw));
    --V800-raw:104,18,104;
    --V800:rgb(var(--V800-raw));
    --V900-raw:70,11,70;
    --V900:rgb(var(--V900-raw));
    --W100-raw:217,243,253;
    --W100:rgb(var(--W100-raw));
    --W200-raw:177,232,252;
    --W200:rgb(var(--W200-raw));
    --W300-raw:126,218,251;
    --W300:rgb(var(--W300-raw));
    --W400-raw:80,206,251;
    --W400:rgb(var(--W400-raw));
    --W50-raw:236,249,254;
    --W50:rgb(var(--W50-raw));
    --W500-raw:20,192,255;
    --W500:rgb(var(--W500-raw));
    --W600-raw:4,159,215;
    --W600:rgb(var(--W600-raw));
    --W700-raw:3,126,170;
    --W700:rgb(var(--W700-raw));
    --W800-raw:0,97,133;
    --W800:rgb(var(--W800-raw));
    --W900-raw:0,71,97;
    --W900:rgb(var(--W900-raw));
    --Y100-raw:250,241,209;
    --Y100:rgb(var(--Y100-raw));
    --Y200-raw:248,230,171;
    --Y200:rgb(var(--Y200-raw));
    --Y300-raw:247,220,130;
    --Y300:rgb(var(--Y300-raw));
    --Y400-raw:250,211,85;
    --Y400:rgb(var(--Y400-raw));
    --Y50-raw:253,249,237;
    --Y50:rgb(var(--Y50-raw));
    --Y500-raw:255,198,10;
    --Y500:rgb(var(--Y500-raw));
    --Y600-raw:220,155,4;
    --Y600:rgb(var(--Y600-raw));
    --Y700-raw:170,120,3;
    --Y700:rgb(var(--Y700-raw));
    --Y800-raw:121,81,1;
    --Y800:rgb(var(--Y800-raw));
    --Y900-raw:92,58,0;
    --Y900:rgb(var(--Y900-raw));
    
    --bg-base:var(--N100);
    --bg-base-raw:var(--N100-raw);
    --bg-body:var(--N00);
    --bg-body-raw:var(--N00-raw);
    --bg-body-overlay:var(--N50);
    --bg-body-overlay-raw:var(--N50-raw);
    --bg-content-base:#f8f9fa;
    --bg-content-base-raw:248,249,250;
    --bg-filler:var(--N200);
    --bg-filler-raw:var(--N200-raw);
    --bg-float:var(--N00);
    --bg-float-raw:var(--N00-raw);
    --bg-float-base:var(--N100);
    --bg-float-base-raw:var(--N100-raw);
    --bg-float-overlay:var(--N50);
    --bg-float-overlay-raw:var(--N50-raw);
    --bg-float-push:rgba(var(--N00-raw),0.8);
    --bg-mask:rgba(0,0,0,.4);
    --bg-mask-raw:0,0,0;
    --primary-pri-400:var(--B400);
    --bg-pricolor:var(--primary-pri-400);
    --primary-pri-400-raw:var(--B400-raw);
    --bg-pricolor-raw:var(--primary-pri-400-raw);
    --bg-sub-navigation:var(--bg-body-overlay);
    --bg-sub-navigation-raw:var(--bg-body-overlay-raw);
    --bg-text-selection:rgba(var(--B600-raw),0.3);
    --bg-tips:var(--N900);
    --bg-tips-raw:var(--N900-raw);
    --primary-pri-500-raw:var(--B500-raw);
    --fill-active:rgba(var(--primary-pri-500-raw),0.12);
    --fill-disabled:var(--N400);
    --fill-disabled-raw:var(--N400-raw);
    --fill-focus:rgba(var(--N900-raw),0.12);
    --fill-hover:rgba(var(--N900-raw),0.08);
    --fill-img-mask:rgba(var(--N00-raw),0);
    --fill-pressed:rgba(var(--N900-raw),0.12);
    --fill-selected:rgba(var(--primary-pri-500-raw),0.08);
    --fill-tag:rgba(var(--N900-raw),0.1);
    --function-danger-100:var(--R100);
    --function-danger-100-raw:var(--R100-raw);
    --function-danger-200:var(--R200);
    --function-danger-200-raw:var(--R200-raw);
    --function-danger-300:var(--R300);
    --function-danger-300-raw:var(--R300-raw);
    --function-danger-400:var(--R400);
    --function-danger-400-raw:var(--R400-raw);
    --function-danger-50:var(--R50);
    --function-danger-50-raw:var(--R50-raw);
    --function-danger-500:var(--R500);
    --function-danger-500-raw:var(--R500-raw);
    --function-danger-600:var(--R600);
    --function-danger-600-raw:var(--R600-raw);
    --function-danger-700:var(--R700);
    --function-danger-700-raw:var(--R700-raw);
    --function-danger-800:var(--R800);
    --function-danger-800-raw:var(--R800-raw);
    --function-danger-900:var(--R900);
    --function-danger-900-raw:var(--R900-raw);
    --function-info-100:var(--B100);
    --function-info-100-raw:var(--B100-raw);
    --function-info-200:var(--B200);
    --function-info-200-raw:var(--B200-raw);
    --function-info-300:var(--B300);
    --function-info-300-raw:var(--B300-raw);
    --function-info-400:var(--B400);
    --function-info-400-raw:var(--B400-raw);
    --function-info-50:var(--B50);
    --function-info-50-raw:var(--B50-raw);
    --function-info-500:var(--B500);
    --function-info-500-raw:var(--B500-raw);
    --function-info-600:var(--B600);
    --function-info-600-raw:var(--B600-raw);
    --function-info-700:var(--B700);
    --function-info-700-raw:var(--B700-raw);
    --function-info-800:var(--B800);
    --function-info-800-raw:var(--B800-raw);
    --function-info-900:var(--B900);
    --function-info-900-raw:var(--B900-raw);
    --function-success-100:var(--G100);
    --function-success-100-raw:var(--G100-raw);
    --function-success-200:var(--G200);
    --function-success-200-raw:var(--G200-raw);
    --function-success-300:var(--G300);
    --function-success-300-raw:var(--G300-raw);
    --function-success-400:var(--G400);
    --function-success-400-raw:var(--G400-raw);
    --function-success-50:var(--G50);
    --function-success-50-raw:var(--G50-raw);
    --function-success-500:var(--G500);
    --function-success-500-raw:var(--G500-raw);
    --function-success-600:var(--G600);
    --function-success-600-raw:var(--G600-raw);
    --function-success-700:var(--G700);
    --function-success-700-raw:var(--G700-raw);
    --function-success-800:var(--G800);
    --function-success-800-raw:var(--G800-raw);
    --function-success-900:var(--G900);
    --function-success-900-raw:var(--G900-raw);
    --function-warning-100:var(--O100);
    --function-warning-100-raw:var(--O100-raw);
    --function-warning-200:var(--O200);
    --function-warning-200-raw:var(--O200-raw);
    --function-warning-300:var(--O300);
    --function-warning-300-raw:var(--O300-raw);
    --function-warning-400:var(--O400);
    --function-warning-400-raw:var(--O400-raw);
    --function-warning-50:var(--O50);
    --function-warning-50-raw:var(--O50-raw);
    --function-warning-500:var(--O500);
    --function-warning-500-raw:var(--O500-raw);
    --function-warning-600:var(--O600);
    --function-warning-600-raw:var(--O600-raw);
    --function-warning-700:var(--O700);
    --function-warning-700-raw:var(--O700-raw);
    --function-warning-800:var(--O800);
    --function-warning-800-raw:var(--O800-raw);
    --function-warning-900:var(--O900);
    --function-warning-900-raw:var(--O900-raw);
    --gradient-blue:linear-gradient(90deg,var(--B400) 0%,var(--B500) 100%);
    --gradient-carmine:linear-gradient(90deg,var(--C400) 0%,var(--C500) 100%);
    --gradient-green:linear-gradient(90deg,var(--G400) 0%,var(--G500) 100%);
    --gradient-indigo:linear-gradient(90deg,var(--I400) 0%,var(--I500) 100%);
    --gradient-lime:linear-gradient(90deg,var(--L400) 0%,var(--L500) 100%);
    --gradient-orange:linear-gradient(90deg,var(--O400) 0%,var(--O500) 100%);
    --gradient-purple:linear-gradient(90deg,var(--P400) 0%,var(--P500) 100%);
    --gradient-red:linear-gradient(90deg,var(--R400) 0%,var(--R500) 100%);
    --gradient-turquoise:linear-gradient(90deg,var(--T400) 0%,var(--T500) 100%);
    --gradient-violet:linear-gradient(90deg,var(--V400) 0%,var(--V500) 100%);
    --gradient-wathet:linear-gradient(90deg,var(--W400) 0%,var(--W500) 100%);
    --gradient-yellow:linear-gradient(90deg,var(--Y400) 0%,var(--Y500) 100%);
    --icon-disabled:var(--N400);
    --icon-disabled-raw:var(--N400-raw);
    --icon-n1:var(--N800);
    --icon-n1-raw:var(--N800-raw);
    --icon-n2:var(--N600);
    --icon-n2-raw:var(--N600-raw);
    --icon-n3:var(--N500);
    --icon-n3-raw:var(--N500-raw);
    --illustration-blue-a:var(--B900);
    --illustration-blue-a-raw:var(--B900-raw);
    --illustration-blue-b:var(--B900);
    --illustration-blue-b-raw:var(--B900-raw);
    --illustration-blue-c:var(--B900);
    --illustration-blue-c-raw:var(--B900-raw);
    --illustration-blue-d:var(--B900);
    --illustration-blue-d-raw:var(--B900-raw);
    --illustration-blue-e:var(--B500);
    --illustration-blue-e-raw:var(--B500-raw);
    --illustration-neutral-a:var(--N00);
    --illustration-neutral-a-raw:var(--N00-raw);
    --illustration-neutral-b:var(--N00);
    --illustration-neutral-b-raw:var(--N00-raw);
    --illustration-neutral-c:rgba(var(--N400-raw),0.45);
    --illustration-neutral-d:var(--N500);
    --illustration-neutral-d-raw:var(--N500-raw);
    --illustration-orange:var(--O500);
    --illustration-orange-raw:var(--O500-raw);
    --illustration-red:var(--R500);
    --illustration-red-raw:var(--R500-raw);
    --static-black:#000;
    --illustration-static-black:var(--static-black);
    --static-black-raw:0,0,0;
    --illustration-static-black-raw:var(--static-black-raw);
    --static-white:#fff;
    --illustration-static-white:var(--static-white);
    --static-white-raw:255,255,255;
    --illustration-static-white-raw:var(--static-white-raw);
    --illustration-turquoise:var(--T500);
    --illustration-turquoise-raw:var(--T500-raw);
    --illustration-wathet:var(--W500);
    --illustration-wathet-raw:var(--W500-raw);
    --illustration-yellow:var(--Y500);
    --illustration-yellow-raw:var(--Y500-raw);
    --line-border-card:var(--N300);
    --line-border-card-raw:var(--N300-raw);
    --line-border-component:var(--N350);
    --line-border-component-raw:var(--N350-raw);
    --line-divider-default:rgba(var(--N900-raw),0.15);
    --line-divider-module:rgba(var(--N900-raw),0.15);
    --primary-pri-100:var(--B100);
    --primary-pri-100-raw:var(--B100-raw);
    --primary-pri-200:var(--B200);
    --primary-pri-200-raw:var(--B200-raw);
    --primary-pri-300:var(--B300);
    --primary-pri-300-raw:var(--B300-raw);
    --primary-pri-50:var(--B50);
    --primary-pri-50-raw:var(--B50-raw);
    --primary-pri-500:var(--B500);
    --primary-pri-600:var(--B600);
    --primary-pri-600-raw:var(--B600-raw);
    --primary-pri-700:var(--B700);
    --primary-pri-700-raw:var(--B700-raw);
    --primary-pri-800:var(--B800);
    --primary-pri-800-raw:var(--B800-raw);
    --primary-pri-900:var(--B900);
    --primary-pri-900-raw:var(--B900-raw);
    --shadow-default:var(--N900);
    --shadow-default-raw:var(--N900-raw);
    --shadow-default-lg:rgba(var(--N900-raw),0.08);
    --shadow-default-md:rgba(var(--N900-raw),0.1);
    --shadow-default-sm:rgba(var(--N900-raw),0.12);
    --shadow-lg-down:0px 6px 24px var(--shadow-default-lg);
    --shadow-lg-left:-6px 0px 24px var(--shadow-default-lg);
    --shadow-lg-right:6px 0px 24px var(--shadow-default-lg);
    --shadow-lg-up:0px -6px 24px var(--shadow-default-lg);
    --shadow-md-down:0px 4px 8px var(--shadow-default-md);
    --shadow-md-left:-4px 0px 8px var(--shadow-default-md);
    --shadow-md-right:4px 0px 8px var(--shadow-default-md);
    --shadow-md-up:0px -4px 8px var(--shadow-default-md);
    --shadow-pri:var(--B600);
    --shadow-pri-raw:var(--B600-raw);
    --shadow-pri-lg:rgba(var(--primary-pri-500-raw),0.24);
    --shadow-pri-lg-down:0px 6px 24px var(--shadow-pri-lg);
    --shadow-pri-md:rgba(var(--primary-pri-600-raw),0.24);
    --shadow-pri-md-down:0px 4px 8px var(--shadow-pri-md);
    --shadow-s1-down:0px 1px 2px -2px rgba(var(--shadow-default-raw),0.02),0px 2px 4px rgba(var(--shadow-default-raw),0.02),0px 2px 8px 2px rgba(var(--shadow-default-raw),0.02);
    --shadow-s1-down-pri:0px 1px 2px -2px rgba(var(--shadow-pri-raw),0.12),0px 2px 4px rgba(var(--shadow-pri-raw),0.04),0px 2px 8px 2px rgba(var(--shadow-pri-raw),0.02);
    --shadow-s1-left:-1px 0px 2px -2px rgba(var(--shadow-default-raw),0.02),-2px 0px 4px rgba(var(--shadow-default-raw),0.02),-2px 0px 8px 2px rgba(var(--shadow-default-raw),0.02);
    --shadow-s1-right:1px 0px 2px -2px rgba(var(--shadow-default-raw),0.02),2px 0px 4px rgba(var(--shadow-default-raw),0.02),2px 0px 8px 2px rgba(var(--shadow-default-raw),0.02);
    --shadow-s1-up:0px -1px 2px -2px rgba(var(--shadow-default-raw),0.02),0px -2px 4px rgba(var(--shadow-default-raw),0.02),0px -2px 8px 2px rgba(var(--shadow-default-raw),0.02);
    --shadow-s2-down:0px 4px 16px 4px rgba(var(--shadow-default-raw),0.03),0px 4px 8px rgba(var(--shadow-default-raw),0.02),0px 2px 4px -4px rgba(var(--shadow-default-raw),0.02);
    --shadow-s2-down-pri:0px 2px 4px -4px rgba(var(--shadow-pri-raw),0.12),0px 4px 8px rgba(var(--shadow-pri-raw),0.04),0px 4px 16px 4px rgba(var(--shadow-pri-raw),0.03);
    --shadow-s2-left:-4px 0px 16px 4px rgba(var(--shadow-default-raw),0.03),-4px 0px 8px rgba(var(--shadow-default-raw),0.02),-2px 0px 4px -4px rgba(var(--shadow-default-raw),0.02);
    --shadow-s2-right:4px 0px 16px 4px rgba(var(--shadow-default-raw),0.03),4px 0px 8px rgba(var(--shadow-default-raw),0.02),2px 0px 4px -4px rgba(var(--shadow-default-raw),0.02);
    --shadow-s2-up:0px -4px 16px 4px rgba(var(--shadow-default-raw),0.03),0px -4px 8px rgba(var(--shadow-default-raw),0.02),0px -2px 4px -4px rgba(var(--shadow-default-raw),0.02);
    --shadow-s3-down:0px 6px 18px 6px rgba(var(--shadow-default-raw),0.03),0px 3px 6px -6px rgba(var(--shadow-default-raw),0.05),0px 4px 8px rgba(var(--shadow-default-raw),0.03);
    --shadow-s3-down-pri:0px 3px 6px -6px rgba(var(--shadow-pri-raw),0.14),0px 4px 8px rgba(var(--shadow-pri-raw),0.06),0px 6px 18px 6px rgba(var(--shadow-pri-raw),0.04);
    --shadow-s3-left:-6px 0px 18px 6px rgba(var(--shadow-default-raw),0.03),-3px 0px 6px -6px rgba(var(--shadow-default-raw),0.05),-4px 0px 8px rgba(var(--shadow-default-raw),0.03);
    --shadow-s3-right:6px 0px 18px 6px rgba(var(--shadow-default-raw),0.03),3px 0px 6px -6px rgba(var(--shadow-default-raw),0.05),4px 0px 8px rgba(var(--shadow-default-raw),0.03);
    --shadow-s3-up:0px -6px 18px 6px rgba(var(--shadow-default-raw),0.03),0px -3px 6px -6px rgba(var(--shadow-default-raw),0.05),0px -4px 8px rgba(var(--shadow-default-raw),0.03);
    --shadow-s4-down:0px 8px 24px 8px rgba(var(--shadow-default-raw),0.04),0px 6px 12px rgba(var(--shadow-default-raw),0.04),0px 4px 8px -8px rgba(var(--shadow-default-raw),0.06);
    --shadow-s4-down-pri:0px 4px 8px -4px rgba(var(--shadow-pri-raw),0.16),0px 6px 12px rgba(var(--shadow-pri-raw),0.08),0px 8px 24px 8px rgba(var(--shadow-pri-raw),0.06);
    --shadow-s4-left:-8px 0px 24px 8px rgba(var(--shadow-default-raw),0.04),-6px 0px 12px rgba(var(--shadow-default-raw),0.04),-4px 0px 8px -8px rgba(var(--shadow-default-raw),0.06);
    --shadow-s4-right:8px 0px 24px 8px rgba(var(--shadow-default-raw),0.04),6px 0px 12px rgba(var(--shadow-default-raw),0.04),4px 0px 8px -8px rgba(var(--shadow-default-raw),0.06);
    --shadow-s4-up:0px -8px 24px 8px rgba(var(--shadow-default-raw),0.04),0px -6px 12px rgba(var(--shadow-default-raw),0.04),0px -4px 8px -8px rgba(var(--shadow-default-raw),0.06);
    --shadow-s5-down:0px 10px 36px 10px rgba(var(--shadow-default-raw),0.04),0px 8px 24px rgba(var(--shadow-default-raw),0.04),0px 6px 12px -10px rgba(var(--shadow-default-raw),0.06);
    --shadow-s5-down-pri:0px 10px 12px -10px rgba(var(--shadow-pri-raw),0.18),0px 8px 24px rgba(var(--shadow-pri-raw),0.1),0px 10px 36px 10px rgba(var(--shadow-pri-raw),0.06);
    --shadow-s5-left:-10px 0px 36px 10px rgba(var(--shadow-default-raw),0.04),-8px 0px 24px rgba(var(--shadow-default-raw),0.04),-6px 0px 12px -10px rgba(var(--shadow-default-raw),0.06);
    --shadow-s5-right:10px 0px 36px 10px rgba(var(--shadow-default-raw),0.04),8px 0px 24px rgba(var(--shadow-default-raw),0.04),6px 0px 12px -10px rgba(var(--shadow-default-raw),0.06);
    --shadow-s5-up:0px -10px 36px 10px rgba(var(--shadow-default-raw),0.04),0px -8px 24px rgba(var(--shadow-default-raw),0.04),0px -6px 12px -10px rgba(var(--shadow-default-raw),0.06);
    --shadow-sm-down:0px 2px 4px var(--shadow-default-sm);
    --shadow-sm-left:-2px 0px 4px var(--shadow-default-sm);
    --shadow-sm-right:2px 0px 4px var(--shadow-default-sm);
    --shadow-sm-up:0px -2px 4px var(--shadow-default-sm);
    --static-black-10:rgba(0,0,0,.1);
    --static-black-15:rgba(0,0,0,.15);
    --static-black-20:rgba(0,0,0,.2);
    --static-black-30:rgba(0,0,0,.3);
    --static-black-40:rgba(0,0,0,.4);
    --static-black-5:rgba(0,0,0,.05);
    --static-black-50:rgba(0,0,0,.5);
    --static-black-60:rgba(0,0,0,.6);
    --static-black-70:rgba(0,0,0,.7);
    --static-black-80:rgba(0,0,0,.8);
    --static-black-90:rgba(0,0,0,.9);
    --static-white-10:hsla(0,0%,100%,.1);
    --static-white-15:hsla(0,0%,100%,.15);
    --static-white-20:hsla(0,0%,100%,.2);
    --static-white-30:hsla(0,0%,100%,.3);
    --static-white-40:hsla(0,0%,100%,.4);
    --static-white-5:hsla(0,0%,100%,.05);
    --static-white-50:hsla(0,0%,100%,.5);
    --static-white-60:hsla(0,0%,100%,.6);
    --static-white-70:hsla(0,0%,100%,.7);
    --static-white-80:hsla(0,0%,100%,.8);
    --static-white-90:hsla(0,0%,100%,.9);
    --static-white-hover:hsla(0,0%,100%,.1);
    --static-white-hover-raw:255,255,255;
    --static-white-pressed:hsla(0,0%,100%,.2);
    --static-white-pressed-raw:255,255,255;
    --text-caption:var(--N600);
    --text-caption-raw:var(--N600-raw);
    --text-disabled:var(--N400);
    --text-disabled-raw:var(--N400-raw);
    --text-link-disabled:var(--N400);
    --text-link-disabled-raw:var(--N400-raw);
    --text-link-hover:var(--B500);
    --text-link-hover-raw:var(--B500-raw);
    --text-link-loading:var(--B300);
    --text-link-loading-raw:var(--B300-raw);
    --text-link-normal:var(--B600);
    --text-link-normal-raw:var(--B600-raw);
    --text-link-pressed:var(--B700);
    --text-link-pressed-raw:var(--B700-raw);
    --text-placeholder:var(--N500);
    --text-placeholder-raw:var(--N500-raw);
    --text-title:var(--N900);
    --text-title-raw:var(--N900-raw);
    --ud-neutral-color-1:var(--N00);
    --ud-neutral-color-2:var(--N50);
    --ud-neutral-color-3:var(--N100);
    --ud-neutral-color-4:var(--N200);
    --ud-neutral-color-5:var(--N300);
    --ud-neutral-color-6:var(--N400);
    --ud-neutral-color-7:var(--N500);
    --ud-neutral-color-8:var(--N600);
    --ud-neutral-color-9:var(--N650);
    --ud-neutral-color-10:var(--N700);
    --ud-neutral-color-11:var(--N800);
    --ud-neutral-color-12:var(--N900);
    --udtoken-component-outlined-bg:var(--bg-body);
    --udtoken-btn-text-bg-pri-hover:rgba(var(--primary-pri-500-raw),0.1);
    --udtoken-btn-text-bg-pri-pressed:rgba(var(--primary-pri-500-raw),0.2);
    --udtoken-btn-pri-text-disabled:var(--static-white);
    --udtoken-btn-se-bg-neutral-hover:var(--N100);
    --udtoken-btn-se-bg-neutral-pressed:var(--N200);
    --udtoken-component-text-disabled-loading:var(--N500);
    --udtoken-btn-se-bg-pri-hover:var(--primary-pri-100);
    --udtoken-btn-se-bg-pri-pressed:var(--primary-pri-200);
    --udtoken-btn-se-bg-danger-hover:var(--function-danger-100);
    --udtoken-btn-se-bg-danger-pressed:var(--function-danger-200);
    --udtoken-btn-text-bg-neutral-hover:rgba(var(--N900-raw),0.1);
    --udtoken-btn-text-bg-neutral-pressed:rgba(var(--N900-raw),0.2);
    --udtoken-btn-text-bg-danger-hover:rgba(var(--function-danger-500-raw),0.1);
    --udtoken-btn-text-bg-danger-pressed:rgba(var(--function-danger-500-raw),0.2);
    --udtoken-input-bg-disabled:var(--N200);
    --udtoken-sliding-block-bg-disabled-loading:var(--N00);
    --udtoken-table-bg-expand:var(--N100);
    --udtoken-table-bg-head:var(--N100);
    --udtoken-table-bg-hover:var(--N200);
    --udtoken-table-bg-pressed:var(--N300);
    --udtoken-steps-bg-hover:rgba(var(--primary-pri-500-raw),0.08);
    --udtoken-block-view-inline-bg-nopermission:rgba(var(--N900-raw),0.1);
    --udtoken-block-view-inline-bg-other:rgba(var(--primary-pri-300-raw),0.18);
    --udtoken-block-view-inline-bg-self:var(--primary-pri-500);
    --udtoken-btn-ghost-bg:rgba(var(--N00-raw),0);
    --udtoken-btn-se-bg-danger-focus:var(--function-danger-100);
    --udtoken-btn-se-bg-neutral-focus:var(--N100);
    --udtoken-btn-se-bg-pri-focus:var(--primary-pri-100);
    --udtoken-btn-selected-bg-danger-hover:var(--R100);
    --udtoken-btn-selected-bg-danger-normal:var(--R50);
    --udtoken-btn-selected-bg-danger-press:var(--R200);
    --udtoken-btn-selected-bg-neutral-hover:rgba(var(--N900-raw),0.1);
    --udtoken-btn-selected-bg-neutral-normal:rgba(var(--N900-raw),0.06);
    --udtoken-btn-selected-bg-neutral-press:rgba(var(--N900-raw),0.14);
    --udtoken-btn-selected-bg-success-hover:var(--G100);
    --udtoken-btn-selected-bg-success-normal:var(--G50);
    --udtoken-btn-selected-bg-success-press:var(--G200);
    --udtoken-btn-selected-border-neutral:var(--N400);
    --udtoken-btn-selected-text-danger:var(--R600);
    --udtoken-btn-selected-text-success:var(--G700);
    --udtoken-btn-text-bg-danger-focus:rgba(var(--function-danger-500-raw),0.1);
    --udtoken-btn-text-bg-neutral-focus:rgba(var(--N900-raw),0.1);
    --udtoken-btn-text-bg-pri-focus:rgba(var(--primary-pri-500-raw),0.1);
    --udtoken-message-card-bg-blue:var(--B100);
    --udtoken-message-card-bg-carmine:var(--C100);
    --udtoken-message-card-bg-green:var(--G100);
    --udtoken-message-card-bg-indigo:var(--I100);
    --udtoken-message-card-bg-light-neutral:var(--N100);
    --udtoken-message-card-bg-lime:var(--L100);
    --udtoken-message-card-bg-mask-general:rgba(var(--N00-raw),0.5);
    --udtoken-message-card-bg-mask-special:rgba(var(--N00-raw),0.2);
    --udtoken-message-card-bg-neutral:var(--N500);
    --udtoken-message-card-bg-orange:var(--O100);
    --udtoken-message-card-bg-purple:var(--P100);
    --udtoken-message-card-bg-red:var(--R100);
    --udtoken-message-card-bg-turquoise:var(--T100);
    --udtoken-message-card-bg-violet:var(--V100);
    --udtoken-message-card-bg-wathet:var(--W100);
    --udtoken-message-card-bg-yellow:var(--Y100);
    --udtoken-message-card-text-blue:var(--B600);
    --udtoken-message-card-text-carmine:var(--C600);
    --udtoken-message-card-text-green:var(--G700);
    --udtoken-message-card-text-indigo:var(--I600);
    --udtoken-message-card-text-lime:var(--L700);
    --udtoken-message-card-text-neutral:var(--N00);
    --udtoken-message-card-text-orange:var(--O600);
    --udtoken-message-card-text-purple:var(--P600);
    --udtoken-message-card-text-red:var(--R600);
    --udtoken-message-card-text-turquoise:var(--T700);
    --udtoken-message-card-text-violet:var(--V600);
    --udtoken-message-card-text-wathet:var(--W700);
    --udtoken-message-card-text-yellow:var(--Y700);
    --udtoken-navigation-bar-resize-handle:#4599ff;
    --udtoken-navigation-bar-tab-bg-black:#1c2435;
    --udtoken-navigation-bar-tab-bg-blue:#1b429c;
    --udtoken-navigation-bar-tab-bg-gray:#e5e5e9;
    --udtoken-progress-bg:var(--N300);
    --udtoken-quote-bar-bg:var(--N400);
    --udtoken-reaction-bg-grey:rgba(var(--N900-raw),0.05);
    --udtoken-reaction-bg-grey-float:rgba(var(--N900-raw),0.05);
    --udtoken-skeleton-bg:rgba(var(--N900-raw),0.08);
    --udtoken-skeleton-fg:rgba(var(--N900-raw),0.05);
    --udtoken-tab-pri-bg:rgba(var(--primary-pri-500-raw),0.2);
    --udtoken-tab-pri-text:var(--primary-pri-600);
    --udtoken-tab-se-bg-unselected:rgba(var(--N900-raw),0.1);
    --udtoken-table-bg-grey:var(--N50);
    --udtoken-table-bg-selected:var(--primary-pri-50);
    --udtoken-tag-bg-blue:rgba(var(--B500-raw),0.2);
    --udtoken-tag-bg-blue-hover:rgba(var(--B500-raw),0.3);
    --udtoken-tag-bg-blue-solid:var(--B200);
    --udtoken-tag-bg-carmine:rgba(var(--C500-raw),0.2);
    --udtoken-tag-bg-carmine-hover:rgba(var(--C500-raw),0.3);
    --udtoken-tag-bg-carmine-solid:var(--C200);
    --udtoken-tag-bg-green:rgba(var(--G500-raw),0.2);
    --udtoken-tag-bg-green-hover:rgba(var(--G500-raw),0.3);
    --udtoken-tag-bg-green-solid:var(--G200);
    --udtoken-tag-bg-indigo:rgba(var(--I500-raw),0.2);
    --udtoken-tag-bg-indigo-hover:rgba(var(--I500-raw),0.3);
    --udtoken-tag-bg-indigo-solid:var(--I200);
    --udtoken-tag-bg-lime:rgba(var(--L500-raw),0.2);
    --udtoken-tag-bg-lime-hover:rgba(var(--L500-raw),0.3);
    --udtoken-tag-bg-lime-solid:var(--L200);
    --udtoken-tag-bg-orange:rgba(var(--O500-raw),0.2);
    --udtoken-tag-bg-orange-hover:rgba(var(--O500-raw),0.3);
    --udtoken-tag-bg-orange-solid:var(--O200);
    --udtoken-tag-bg-purple:rgba(var(--P500-raw),0.2);
    --udtoken-tag-bg-purple-hover:rgba(var(--P500-raw),0.3);
    --udtoken-tag-bg-purple-solid:var(--P200);
    --udtoken-tag-bg-red:rgba(var(--R500-raw),0.2);
    --udtoken-tag-bg-red-hover:rgba(var(--R500-raw),0.3);
    --udtoken-tag-bg-red-solid:var(--R200);
    --udtoken-tag-bg-turquoise:rgba(var(--T500-raw),0.2);
    --udtoken-tag-bg-turquoise-hover:rgba(var(--T500-raw),0.3);
    --udtoken-tag-bg-turquoise-solid:var(--T200);
    --udtoken-tag-bg-violet:rgba(var(--V500-raw),0.2);
    --udtoken-tag-bg-violet-hover:rgba(var(--V500-raw),0.3);
    --udtoken-tag-bg-violet-solid:var(--V200);
    --udtoken-tag-bg-wathet:rgba(var(--W500-raw),0.2);
    --udtoken-tag-bg-wathet-hover:rgba(var(--W500-raw),0.3);
    --udtoken-tag-bg-wathet-solid:var(--W200);
    --udtoken-tag-bg-yellow:rgba(var(--Y500-raw),0.2);
    --udtoken-tag-bg-yellow-hover:rgba(var(--Y500-raw),0.3);
    --udtoken-tag-bg-yellow-solid:var(--Y200);
    --udtoken-tag-neutral-bg-inverse:var(--N500);
    --udtoken-tag-neutral-bg-inverse-opacity:rgba(var(--N900-raw),0.4);
    --udtoken-tag-neutral-bg-normal:rgba(var(--N900-raw),0.1);
    --udtoken-tag-neutral-bg-normal-hover:rgba(var(--N900-raw),0.15);
    --udtoken-tag-neutral-bg-normal-pressed:rgba(var(--N900-raw),0.2);
    --udtoken-tag-neutral-bg-solid:var(--N200);
    --udtoken-tag-neutral-text-inverse:var(--N00);
    --udtoken-tag-neutral-text-inverse-opacity:var(--N00);
    --udtoken-tag-neutral-text-normal:var(--N600);
    --udtoken-tag-neutral-text-solid:var(--N600);
    --udtoken-tag-state-blue-light:var(--B500);
    --udtoken-tag-state-green-light:var(--G500);
    --udtoken-tag-state-grey-light:var(--N500);
    --udtoken-tag-state-orange-light:var(--O500);
    --udtoken-tag-state-purple-light:var(--P500);
    --udtoken-tag-state-red-light:var(--R500);
    --udtoken-tag-text-blue:var(--B900);
    --udtoken-tag-text-carmine:var(--C900);
    --udtoken-tag-text-green:var(--G900);
    --udtoken-tag-text-indigo:var(--I900);
    --udtoken-tag-text-lime:var(--L900);
    --udtoken-tag-text-orange:var(--O900);
    --udtoken-tag-text-purple:var(--P900);
    --udtoken-tag-text-red:var(--R900);
    --udtoken-tag-text-s-blue:var(--B600);
    --udtoken-tag-text-s-carmine:var(--C600);
    --udtoken-tag-text-s-green:var(--G600);
    --udtoken-tag-text-s-indigo:var(--I600);
    --udtoken-tag-text-s-lime:var(--L700);
    --udtoken-tag-text-s-orange:var(--O600);
    --udtoken-tag-text-s-purple:var(--P600);
    --udtoken-tag-text-s-red:var(--R600);
    --udtoken-tag-text-s-turquoise:var(--T600);
    --udtoken-tag-text-s-violet:var(--V600);
    --udtoken-tag-text-s-wathet:var(--W600);
    --udtoken-tag-text-s-yellow:var(--Y700);
    --udtoken-tag-text-turquoise:var(--T900);
    --udtoken-tag-text-violet:var(--V900);
    --udtoken-tag-text-wathet:var(--W900);
    --udtoken-tag-text-yellow:var(--Y900);
    --udtoken-upload-bg-error:var(--N200);
    --udtoken-upload-mask-img:rgba(var(--N900-raw),0.4)
}


.ellipsis{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.relative{
    position:relative
}
.sticky{
    position:sticky
}
.mx-3{
    margin-left:12px;
    margin-right:12px
}
.my-8{
    margin-bottom:32px;
    margin-top:32px
}
.mb-0\.5{
    margin-bottom:2px
}
.mb-2{
    margin-bottom:8px
}
.mb-\[16px\]{
    margin-bottom:16px
}
.mr-4{
    margin-right:16px
}
.mt-5{
    margin-top:20px
}
.box-border{
    box-sizing:border-box
}
.flex{
    display:flex
}
.max-h-\[calc\(100vh-64px\)\]{
    max-height:calc(100vh - 64px)
}
.w-\[200px\]{
    width:200px
}
.flex-1{
    flex:1 1 0%
}
.shrink-0{
    flex-shrink:0
}
.cursor-pointer{
    cursor:pointer
}
.items-start{
    align-items:flex-start;
}
.overflow-y-hidden{
    overflow-y:hidden
}
.rounded-1{
    border-radius:4px
}
.px-3{
    padding-left:12px;
    padding-right:12px
}
.py-\[7px\]{
    padding-bottom:7px;
    padding-top:7px
}
.pb-5{
    padding-bottom:20px
}
.pl-4{
    padding-left:16px
}
.text-4{
    font-size:16px
}
.font-medium{
    font-weight:500
}
.leading-6{
    line-height:24px
}
.hover\:overflow-y-auto:hover{
    overflow-y:auto
}
.hover\:bg-fill-hover:hover{
    background-color:var(--fill-hover)
}
 .fyXxqp {
     flex: 1 0 auto;
     background-color: #f6f9fc;
}
 .iIdIRw {
     max-width: 1320px;
     width: 100%;
     margin: -56px auto 0px;
     padding-right: 28px;
}
 .kXvFFw {
     position: relative;
     height: 300px;
	 background: url(../images/index/banner-2c2539b4.jpg) no-repeat center;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
}
 .kXvFFw .banner__blur {
     position: absolute;
     left: 0px;
     right: 0px;
     bottom: -32px;
     height: 64px;
     backdrop-filter: blur(20px);
}
 .kXvFFw .banner__wrap {
     position: absolute;
     inset: 0px;
     pointer-events: none;
     background: url(//sf3-scmcdn2-cn.feishucdn.com/lark/open/app_store/images/banner-left-a327138f.png),url(//sf3-scmcdn2-cn.feishucdn.com/lark/open/app_store/images/banner-right-b6606f04.png);
    /* background-image: */
    /*savepage-url=//sf3-scmcdn2-cn.feishucdn.com/lark/open/app_store/images/banner-left-a327138f.png*/
    /* var(--savepage-url-7), */
    /*savepage-url=//sf3-scmcdn2-cn.feishucdn.com/lark/open/app_store/images/banner-right-b6606f04.png*/
    /* var(--savepage-url-8);*/
     background-size: auto 100%, auto 100%;
     background-position: left center, right center;
     background-repeat: no-repeat, no-repeat;
}
 .kXvFFw .banner__placeholder {
     height: 64px;
}
 .kXvFFw .banner__content {
     margin: 0px auto;
     padding: 12px 40px;
     max-width: 1440px;
}
 .kXvFFw .banner__title {
     margin-bottom: 20px;
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     -webkit-box-pack: center;
     justify-content: center;
     user-select: none;
}
 .kXvFFw .banner__title__text {
     font-weight: 400;
     font-size: 32px;
     line-height: 38px;
     color: rgb(12, 41, 110);
}
 .kXvFFw .banner__title__text--gradient {
     font-weight: 600;
     font-size: 32px;
     line-height: 38px;
     background: linear-gradient(90.03deg, rgb(141, 79, 253) 0.03%, rgb(75, 82, 228) 99.97%);
	 -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
 .kXvFFw .banner__title__gif {
     width: 56px;
     height: 56px;
     margin: 0px 4px;
}
 .kXvFFw .banner__common {
     display: flex;
     -webkit-box-pack: center;
     justify-content: center;
     flex-wrap: wrap;
}
 .kXvFFw .banner__search {
     margin-bottom: 36px;
}
 .kTenVh {
     position: relative;
     max-width: 480px;
     min-width: 200px;
     flex: 1 1 0%;
}
 .kTenVh .search-input__prefix {
     font-size: 16px;
}
 .kTenVh .search-input__input {
     height: 32px;
     border-radius: 16px;
}
 .kTenVh .search-input__input .ud__input-input-wrap {
     padding: 0px 12px;
}
 .kTenVh .search-input__result {
     position: absolute;
     left: 0px;
     right: 0px;
     top: 40px;
     border: 1px solid rgba(31, 35, 41, 0.15);
     border-radius: 8px;
     background-color: rgb(255, 255, 255);
     z-index: 3;
}
 .kTenVh .search-input__result__bottom {
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     padding: 23px 16px;
}
 .kTenVh .search-input__result__icon {
     font-size: 20px;
     margin-right: 10px;
     color: var(--N600);
}
 .kTenVh .search-input__result__content {
     font-weight: 400;
     font-size: 14px;
     line-height: 22px;
     color: var(--N600);
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .kTenVh .search-input__result__empty {
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     width: calc(100% - 30px);
}
 .iVmPfm {
     position: relative;
     max-width: 480px;
     min-width: 200px;
     flex: 1 1 0%;
}
 .iVmPfm .search-input__prefix {
     font-size: 16px;
}
 .iVmPfm .search-input__input {
     height: 40px;
     border-radius: 20px;
     box-shadow: rgba(31, 35, 41, 0.02) 0px 2px 4px -4px, rgba(31, 35, 41, 0.02) 0px 4px 8px, rgba(31, 35, 41, 0.03) 0px 4px 16px 4px;
     border-color: transparent;
}
 .iVmPfm .search-input__input .ud__input-input-wrap {
     padding: 0px 16px;
}
 .iVmPfm .search-input__result {
     position: absolute;
     left: 0px;
     right: 0px;
     top: 48px;
     border: 1px solid rgba(31, 35, 41, 0.15);
     border-radius: 8px;
     background-color: rgb(255, 255, 255);
     z-index: 3;
}
 .iVmPfm .search-input__result__bottom {
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     padding: 23px 16px;
}
 .iVmPfm .search-input__result__icon {
     font-size: 20px;
     margin-right: 10px;
     color: var(--N600);
}
 .iVmPfm .search-input__result__content {
     font-weight: 400;
     font-size: 14px;
     line-height: 22px;
     color: var(--N600);
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .iVmPfm .search-input__result__empty {
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     width: calc(100% - 30px);
}
 .eHdQtd {
     width: fit-content;
     transform-origin: left center;
     white-space: nowrap;
     background: rgba(31, 35, 41, 0.1);
     border-radius: 4px;
     padding: 2.4px 4.8px;
     font-weight: 500;
     font-size: 12px;
     line-height: 13px;
     color: var(--N600);
     transform: scale(0.833333);
}
 .dMyqjM .ud__avatar__image {
     opacity: 1;
}
 .gRqHeM {
     z-index: 2;
     min-height: 100vh;
     flex: 1 1 0%;
     overflow: hidden;
}
 .gRqHeM .operation__main {
     display: flex;
     flex-direction: column;
     -webkit-box-align: stretch;
     align-items: stretch;
     position: relative;
     margin: 0px auto;
}
 .gRqHeM .topic-item__divider {
     width: 100%;
     height: 1px;
     margin-left: 8px;
     background-color: rgba(31, 35, 41, 0.15);
}
 .erzpWV {
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     overflow: hidden;
     padding: 12px 8px;
     border-radius: 12px;
}
 .erzpWV:hover {
     cursor: pointer;
     background: rgba(31, 35, 41, 0.08);
}
 .erzpWV:active {
     background: rgba(31, 35, 41, 0.12);
}
 .erzpWV .app-item__avatar {
     margin-right: 16px;
}
 .erzpWV .app-item__content {
     width: calc(100% - 72px);
}
 .erzpWV .app-item__content__top {
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     margin-bottom: 4px;
}
 .erzpWV .app-item__content__tag {
     margin-left: 6px;
}
 .erzpWV .app-item__content__name {
     font-weight: 500;
     font-size: 16px;
     line-height: 24px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
     color:#373c43;
}
 .erzpWV .app-item__content__desc {
     color: rgb(100, 106, 115);
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .iAOJsE {
     padding: 32px 0px;
}
 .iAOJsE:first-child {
     padding-top: 0px;
}
 .iAOJsE .topic-item__header {
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     justify-content: space-between;
     margin: 0px 0px 6px 8px;
}
 .iAOJsE .topic-item__title {
     font-weight: 600;
     font-size: 18px;
     line-height: 28px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}
 .iAOJsE .topic-item__desc {
     font-weight: 400;
     font-size: 14px;
     line-height: 22px;
     color: rgb(100, 106, 115);
     margin: 0px 0px 16px 8px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}
 .iAOJsE .topic-item__btn {
     font-size: 14px;
     margin-left: 16px;
}
 .iAOJsE .topic-item__apps {
     display: grid;
     row-gap: 8px;
     grid-template-columns: repeat(2, 1fr);
}
 @media screen and (min-width: 1200px) {
     .iAOJsE .topic-item__apps {
         grid-template-columns: repeat(3, 1fr);
    }
}
 .dUBTBJ {
     padding: 32px 0px 0px;
}
 .dUBTBJ .topic-item__header {
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     justify-content: space-between;
     margin: 0px 0px 6px 8px;
}
 .dUBTBJ .topic-item__title {
     font-weight: 600;
     font-size: 18px;
     line-height: 28px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}
 .dUBTBJ .topic-item__desc {
     font-weight: 400;
     font-size: 14px;
     line-height: 22px;
     color: rgb(100, 106, 115);
     margin: 0px 0px 16px 8px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}
 .dUBTBJ .topic-item__btn {
     font-size: 14px;
     margin-left: 16px;
}
 .dUBTBJ .topic-item__apps {
     display: grid;
     row-gap: 8px;
     grid-template-columns: repeat(2, 1fr);
}
 @media screen and (min-width: 1200px) {
     .dUBTBJ .topic-item__apps {
         grid-template-columns: repeat(3, 1fr);
    }
}
 .jSrWQU {
     position: relative;
     padding: 0px;
     overflow: hidden;
     border: 0px;
}
 .jSrWQU:hover {
     box-shadow: rgba(31, 35, 41, 0.06) 0px 4px 8px -8px, rgba(31, 35, 41, 0.04) 0px 8px 24px 8px !important;
     filter: drop-shadow(rgba(31, 35, 41, 0.04) 0px 6px 12px) !important;
}
 .jSrWQU .solution-card__tag {
     position: absolute;
     left: -0.5px;
     top: -0.5px;
     z-index: 1;
     -webkit-box-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     align-items: center;
     width: auto;
     height: 20px;
     line-height: 20px;
     padding: 0px 14px 0px 12px;
     background: rgba(67, 78, 121, 0.4);
     border: 0.5px solid rgba(255, 255, 255, 0.5);
     backdrop-filter: blur(6px);
     border-radius: 0px 0px 12px;
     color: white;
     text-align: center;
}
 .jSrWQU .solution-card__tag__icon {
     margin-right: 2px;
}
 .jSrWQU .solution-card__tag .ud__tag__content {
     display: flex;
     -webkit-box-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     align-items: center;
}
 .jSrWQU .solution-card__title {
     margin: 14px 16px 0px;
     font-size: 16px;
     line-height: 24px;
     font-weight: 500;
     color: var(--text-title);
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
 .jSrWQU .solution-card__desc {
     margin: 4px 16px 14px;
     font-size: 14px;
     height: 44px;
     line-height: 22px;
     color: var(--text-caption);
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}
 .jkDcRu {
     position: relative;
     width: 100%;
     height: 0px;
     padding-bottom: 50%;
}
 .gJrKwd {
     position: absolute;
     display: block;
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .bwblHi .solution__header {
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     justify-content: space-between;
     margin: 0px 0px 6px 8px;
}
 .bwblHi .solution__title {
     font-size: 18px;
     line-height: 28px;
     font-weight: 500;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}
 .bwblHi .solution__desc {
     font-weight: 400;
     font-size: 14px;
     line-height: 22px;
     color: rgb(100, 106, 115);
     margin: 0px 0px 16px 8px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}
 .bwblHi .solution__btn {
     font-size: 14px;
     margin-left: 16px;
}
 .bwblHi .solution__wrapper {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     grid-template-rows: auto;
     column-gap: 20px;
     grid-auto-rows: 0px;
     overflow: hidden;
     margin-left: 8px;
}
 @media screen and (min-width: 1200px) {
     .bwblHi .solution__wrapper {
         grid-template-columns: repeat(4, 1fr);
    }
}
 .dAsrMV {
     margin-top: 20px;
     padding: 54px 0px 16px;
     /*border-top: 1px solid var(--line-divider-default);*/
}
 .dAsrMV .footer__content {
     display: flex;
     -webkit-box-pack: justify;
     justify-content: space-between;
     max-width: 896px;
     padding: 0px 40px;
     margin: 0px auto 54px;
}
 .dAsrMV .footer__brand {
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     align-self: start;
}
 .dAsrMV .footer__content__right {
     display: grid;
     column-gap: 24px;
     grid-template-columns: repeat(3, 164px);
}
 .dAsrMV .footer__copyright {
     display: flex;
     -webkit-box-pack: center;
     justify-content: center;
     color: #969aa0;
}
 .dAsrMV .footer__copyright__item {
     font-weight: 400;
     font-size: 12px;
     line-height: 20px;
     margin-right: 20px;
}
 .dAsrMV .footer__copyright__item:last-child {
     margin-right: 0px;
}
 .dAsrMV .footer__copyright__item .footer__copyright__item__icon {
     margin-right: 3px;
     width: 14px;
     height: 14px;
     position: relative;
     bottom: 1px;
}
 .hljIZo .footer-item__title {
     font-weight: 500;
     font-size: 18px;
     line-height: 26px;
     color: var(--N600);
     margin-bottom: 20px;
}
 .hljIZo .footer-item__link {
     display: block;
     font-weight: 400;
     font-size: 12px;
     line-height: 18px;
     color: var(--N900);
     margin-bottom: 12px;
}
 .hljIZo .footer-item__link:last-child {
     margin-bottom: 0px;
}
 .hljIZo .footer-item__link:hover {
     text-decoration: underline;
}
 .kSpfLc {
     position: relative;
     min-width: 896px;
     min-height: 100%;
     background-color: #f6f9fc;
     font-weight: 400;
     font-size: 14px;
     line-height: 22px;
     color: var(--N900);
     box-sizing: border-box;
}
 .jrWMmy {
     min-width: 896px;
     position: fixed;
     top: 0px;
     left: 0px;
     right: 0px;
     padding: 16px 28px;
     transition: background-color 0.1s ease 0s, box-shadow 0.3s ease 0s;
     z-index: 99;
     background-color: rgba(255, 255, 255, 0.8);
     backdrop-filter: blur(20px);
     border-bottom: 1px solid rgba(31, 35, 41, 0.15);
}
 .jrWMmy .header__content {
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     justify-content: space-between;
}
 .jrWMmy .header__flex {
     display: flex;
     -webkit-box-align: center;
     align-items: center;
}
 .jrWMmy .header__right {
     margin-left: 24px;
}
 .jrWMmy .header__right .header-buttons > button:nth-of-type(n+2) {
     margin-left: 16px;
}
 .jrWMmy .header__link {
     margin-right: 24px;
}
 .jrWMmy .header__profile {
     height: 32px;
     display: flex;
     -webkit-box-align: center;
     align-items: center;
}
 .jrWMmy .header__profile__divider {
     width: 1px;
     height: 20px;
     margin: 0px 24px;
     background: rgba(31, 35, 41, 0.15);
     border-radius: 2px;
}
 .iNokXD {
     height: fit-content;
}
 .jjJygO {
     height: fit-content;
}
 .bTKQVs {
     position: fixed;
     right: 16px;
     bottom: 16px;
     z-index: 99;
}
 .bTKQVs .side-bar__item {
     display: flex;
     flex-direction: column;
     -webkit-box-align: center;
     align-items: center;
     -webkit-box-pack: center;
     justify-content: center;
     margin-bottom: 8px;
     width: 56px;
     height: 56px;
     background: linear-gradient(205.85deg, rgb(255, 255, 255) 16.32%, rgb(242, 246, 252) 83.68%);
     border: 1px solid rgb(255, 255, 255);
     box-shadow: rgba(31, 35, 41, 0.2) 0px 0px 14px -8px, rgba(31, 35, 41, 0.04) 0px 6px 12px, rgba(31, 35, 41, 0.04) 0px 8px 24px 8px, rgba(255, 255, 255, 0.8) 0px -4px 8px inset;
     border-radius: 14px;
}
 .bTKQVs .side-bar__item:last-child {
     margin-bottom: 0px;
}
 .bTKQVs .side-bar__item--wish:hover, .bTKQVs .side-bar__item--wish:active {
     background: linear-gradient(205.85deg, rgb(250, 245, 255) 16.32%, rgb(243, 236, 255) 83.68%);
}
 .bTKQVs .side-bar__item--help:hover, .bTKQVs .side-bar__item--help:active {
     background: linear-gradient(205.85deg, rgb(245, 248, 255) 16.32%, rgb(236, 242, 255) 83.68%);
}
 .bTKQVs .side-bar__icon {
     font-size: 24px;
     width: 24px;
     height: 24px;
     margin: 0px auto 2px;
}
 .bTKQVs .side-bar__text {
     color: var(--N900);
     font-size: 12px;
     line-height: 13px;
     transform: scale(0.833333);
     text-align: center;
}
 html, body, #root {
     height: 100%;
     overflow: auto;
     -webkit-font-smoothing: antialiased;
}

._pp-header-avatar-box{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    align-items:center;
    box-sizing:border-box;
    cursor:pointer;
    display:inline-flex;
    position:relative
}
._pp-header-avatar-box ._pp-header-avatar{
    border-radius:50%;
    height:32px;
    position:relative;
    width:32px
}
._pp-header-avatar-box ._pp-header-avatar img{
    border-radius:50%;
    height:100%;
    left:0;
    -o-object-fit:cover;
    object-fit:cover;
    position:absolute;
    top:0;
    width:100%
}
._pp-trigger-container{
    display:inline-flex;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
._pp-product-container{
    align-items:center;
    border-radius:4px;
    cursor:pointer;
    display:flex;
    height:28px;
    justify-content:center;
    width:28px
}
._pp-product-container:hover{
    background-color:var(--fill-hover)
}
._pp-product-container ._pp-product-icon{
    color:var(--N600-raw);
    font-size:20px
}
._pp-product-container:active{
    background-color:var(--fill-pressed)
}
.op-web-header .op-header-profile{
    align-items:center;
    display:flex;
    flex-direction:row;
    height:100%;
    position:relative;
    vertical-align:center
}
.op-web-header .op-header-profile-info{
    height:40px;
    margin-left:16px
}
.op-web-header .op-header-profile ._pp-header-avatar-box{
    height:40px
}
.op-web-header .op-header-profile ._pp-header-avatar-box ._pp-header-avatar{
    height:32px;
    width:32px
}
.op-web-header .op-header-profile-product{
    border-radius:6px;
    height:28px;
    width:28px
}
.op-web-header .op-header-profile-product svg{
    height:20px;
    width:20px
}
.bLpvHI { min-width: 896px; position: fixed; top: 0px; left: 0px; right: 0px; padding: 16px 28px; transition: background-color 0.1s ease 0s, box-shadow 0.3s ease 0s; z-index: 99; background-color: transparent; }
.bLpvHI .header__wrapper { width: 816px; }
.bLpvHI .header__content { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.bLpvHI .header__flex { display: flex; -webkit-box-align: center; align-items: center; }
.bLpvHI .header__right { margin-left: 24px; }
.bLpvHI .header__right .header-buttons > button:nth-of-type(n+2) { margin-left: 16px; }
.bLpvHI .header__link { margin-right: 24px; }
.bLpvHI .header__back-home-icon { font-size: 16px; margin-right: 4px; }
.bLpvHI .header__profile { height: 32px; display: flex; -webkit-box-align: center; align-items: center; }
.bLpvHI .header__profile__divider { width: 1px; height: 20px; margin: 0px 24px; background: rgba(31, 35, 41, 0.15); border-radius: 2px; }
.bLpvHI .header__filter { max-width: 1360px; margin: 0px auto; }
.nav_class_one{
    background: linear-gradient(90.03deg, rgb(79 141 253) 0.03%, rgb(75 82 228 / 0%) 99.97%);
    border-radius: 15px;
    color: #fff;
    width: 60%;
    padding-left: 10px;
    font-weight: 600;
    margin-left: 0px;
}
.nav_tt{
    margin: 0;
    width: 100%;
    white-space: nowrap;
    font-size: 14px;
}
.nav_tt .nav_item{
    display: inline; 
    color: #1f2329;
    font-weight: 500;
    padding: 0 14px!important;
    --dazzlingTextColor: transparent;
    align-items: center;
    display: inline-flex;
}
.nav_tt .nav_item.item-active{
    color: #3370ff;
    font-weight: 600;
}
.yq_item{
    max-width: 100%;
    width: 1320px;
    margin: 16px auto 0;
}
.yq_item .yq_content{
    position: relative;
    padding: 24px;
    background: #ffffff;
    border-radius: 12px;
    z-index: 1;
}
.yq_item .yq_content .yq_content_title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.yq_item .yq_content .yq_content_title .yq_head{
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    margin-left: 8px;
}
.yq_item .yq_content .yq_content_body{
    margin-top: 24px;
}
.yq_item .yq_content .yq_content_body .yq_body_items{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px;
}
.yq_body_items .yq_body_item{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.yq_link_title{
    font-size: 14px;
    line-height: 22px;
    color: #333;
    font-weight: 600;
    margin-bottom: 4px;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.yq_link_m{
    width: 90%;
    font-size: 14px;
    line-height: 22px;
    color: #969aa0;
    font-weight: 400;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.doc-home-banner{background-position:0,100%;background-repeat:no-repeat,no-repeat;background-size:305px 504px,633px 504px;width:100%;margin-bottom: 70px;z-index:2;}.doc-home-banner__bottom{display:flex;justify-content:center;margin-top:-60px}.doc-home-banner__item{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:hsla(0,0%,100%,.8);border-radius:8px;height:172px;padding:24px 0 16px;width:644px}.doc-home-banner__item:hover{box-shadow:0 8px 36px #dfe8ff,inset 0 2px 0 #fff;cursor:pointer}.doc-home-banner__item:first-child{margin-right:32px}.doc-home-banner__item__title{align-items:center;display:flex;height:26px;margin-bottom:16px;padding:0 20px 0 24px}.doc-home-banner__item__title--changelog{justify-content:space-between}.doc-home-banner__item__title__left{display:flex}.doc-home-banner__item__title__content{font-size:18px;font-weight:500;line-height:26px;margin-left:8px}.doc-home-banner__item__title__content--yellow{color:#f80}.doc-home-banner__item__title__content--purple{color:#4954e6}.doc-home-banner__common{display:flex;flex-wrap:wrap}.doc-home-banner__common__item{height:26px;margin-bottom:4px;padding:0 12px;position:relative;width:50%}.doc-home-banner__common__item--ev:after{background:rgba(31,35,41,.15);border-radius:2px;content:" ";height:30px;position:absolute;right:0;top:0;width:1px}.doc-home-banner__common__link{align-items:center;border-radius:4px;display:flex;font-size:14px;font-weight:400;height:100%;line-height:22px;padding:2px 12px 2px 24px;position:relative;width:100%}.doc-home-banner__common__link:hover{background:rgba(31,35,41,.08)}.doc-home-banner__common__link:hover .doc-home-banner__common__link__content{color:#3370ff}.doc-home-banner__common__link:before{background:#3370ff;border-radius:50%;content:" ";height:4px;left:12px;position:absolute;top:11px;width:4px}.doc-home-banner__common__link__content{color:#1f2329;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.doc-home-banner__more{align-items:center;border-radius:6px;color:#646a73;display:flex;height:100%;padding:2px 4px}.doc-home-banner__more:hover{background:rgba(31,35,41,.1);color:#646a73;cursor:pointer}.doc-home-banner__more:active{background:rgba(31,35,41,.2)}.doc-home-banner__more__text{margin-right:2px}.doc-home-banner__changelog{height:26px;margin-bottom:4px;padding:0 12px;width:100%}.doc-home-banner__tooltip{width:100%};border:2px solid transparent;border-radius:9999px;-webkit-transition:background .2s cubic-bezier(.34,.69,.1,1);transition:background .2s cubic-bezier(.34,.69,.1,1)}::-webkit-scrollbar{background-color:transparent;height:11px;width:11px}::-webkit-scrollbar-thumb:hover{background-color:rgba(31,35,41,.6)!important}::-webkit-scrollbar:hover{height:11px;width:11px}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:transparent}body{-webkit-font-smoothing:antialiased;font-family:LarkHackSafariFont,LarkEmojiFont,LarkChineseQuote,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,Segoe UI,PingFang SC,Microsoft Yahei,Hiragino Sans GB,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;text-rendering:optimizeLegibility}body ::selection{background-color:#bacefd;color:#373c43}@media screen and (max-width:480px){html{overflow:inherit}}body,html{height:100%;width:100%}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}body{font-feature-settings:"tnum","tnum";background-color:#fff;color:rgba(0,0,0,.85);font-family:Helvetica Neue,Helvetica,PingFang SC,Microsoft YaHei,Tahoma,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:14px;font-variant:tabular-nums;line-height:1.66667;margin:0}a{-webkit-text-decoration-skip:objects;background-color:transparent;color:#3370ff;cursor:pointer;outline:none;text-decoration:none;transition:color .3s}a:hover{color:#4e83fd}a:active{color:#245bdb}a:active,a:focus,a:hover{outline:0;text-decoration:none}svg:not(:root){overflow:hidden}a{touch-action:manipulation}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::selection{background:#3370ff;color:#fff}

.top-logo-button{
    font-size: 14px!important; 
    height: 32px!important; 
    margin-left: 16px!important; 
    width: 80px!important; 
    background: #3270ff; 
    color: #fff; 
    border: #3270ff; 
    border-radius: 4px;
}
.top-logo-button:hover{ background: #4d83ff; } 
._pp-dropdown {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #1f2329;
    display: block;
    font-size: 12px;
    font-weight: 400;
    left: -9999px;
    line-height: 1.5;
    min-width: auto!important;
    opacity: 1;
    position: absolute;
    top: -9999px;
    z-index: 990;
}
._pp-dropdown-wrapper {
    background-color: #fff;
    border: 1px solid #dee0e3;
    border-radius: 6px;
    box-shadow: 0 4px 8px 0 rgba(31,35,41,0.1);
    overflow: hidden;
}
/*顶部标签*/
.b2small {
    right: -3px;
    top: 15px;
}
.b2small{
    position: absolute;
    display: block;
    right: -3px;
    top: -3px;
    font-size: 12px;
    font-weight: 400;
    padding: 0 7px;
    line-height: 17px;
    color: #ffffff;
    background: #188ef4;
    background: linear-gradient(to right, #0056f3 0%, #2b76ff 100%);
    border-radius: 4px 4px 4px 0;
    transform: translate(30%, -75%);
    height: 18px;
}
.b2small.vip-tips{
    color: #bf7648;
    background: #f9e1be;
    background: linear-gradient(to top, #efd3b0 0%, #f9e1be 100%);
}
.b2small.shop-tips{
    background: #f35;
    background: linear-gradient(to right,#f35 0%,#ff6780 100%);
}