.styles_svgIcon__feL0n {
    flex-shrink: 0
}

[dir] .styles_svgIcon__feL0n {
    transition: .25s;
    cursor: pointer
}

.styles_svgIcon__feL0n:active,
.styles_svgIcon__feL0n:hover {
    color: var(--color-icon-hover)
}

[dir] .styles_svgIcon__feL0n:active,
[dir] .styles_svgIcon__feL0n:hover {
    transition: .25s
}

.styles_mobileTools__Cho9_ {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 16px;
    gap: 16px;
    align-items: baseline;
    color: var(--color-text-secondary);
    position: fixed;
    bottom: 0;
    z-index: 1110;
    align-items: center
}

[dir] .styles_mobileTools__Cho9_ {
    padding: 8px 16px 16px;
    background: var(--color-bg-primary);
    left: 0;
    right: 0;
    box-shadow: 0 -1px 0 var(--color-divider-primary)
}

.styles_mobileTools__Cho9_ .tool-item {
    gap: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
    flex-grow: 1;
    flex-basis: 20%;
    color: var(--color-text-secondary)
}

.styles_mobileTools__Cho9_ .tool-item:hover {
    color: var(--color-text-primary)
}

[dir] .styles_mobileTools__Cho9_ .tool-item span {
    text-align: center
}

.styles_mobileTools__Cho9_ .symbol {
    width: 20px;
    height: 18px;
    position: relative
}

.styles_menuWrapper__HQ_Gk {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 0;
    z-index: 99;
    color: var(--color-text-secondary);
    display: flex;
    align-items: center;
    justify-content: center
}

[dir] .styles_menuWrapper__HQ_Gk {
    background: #fff;
    border-radius: 50%
}

[dir=ltr] .styles_menuWrapper__HQ_Gk {
    left: 50%;
    transform: translateX(-50%)
}

[dir=rtl] .styles_menuWrapper__HQ_Gk {
    right: 50%;
    transform: translateX(50%)
}

.styles_shadow__iva3w {
    position: fixed;
    inset: 0;
    z-index: 9
}

[dir] .styles_shadow__iva3w {
    background: rgba(0, 0, 0, .5)
}

.styles_menu__KjNQg {
    position: absolute;
    bottom: calc(100% + 16px);
    width: 360px;
    box-sizing: border-box;
    z-index: 99;
    color: var(--color-text-primary);
    filter: drop-shadow(0 8px 20px rgba(0, 0, 0, .08));
    font-size: 14px;
    font-weight: 500;
    display: none;
    flex-direction: column;
    gap: 20px
}

[dir] .styles_menu__KjNQg {
    padding: 20px 16px;
    background: var(--color-bg-tips);
    border-radius: 12px
}

[dir=ltr] .styles_menu__KjNQg {
    left: 50%;
    transform: translateX(-50%)
}

[dir=rtl] .styles_menu__KjNQg {
    right: 50%;
    transform: translateX(50%)
}

.styles_menu__KjNQg.active {
    display: flex
}

.styles_menu__KjNQg:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%
}

[dir] .styles_menu__KjNQg:after {
    border-style: solid;
    border-width: 8px;
    border-color: var(--color-bg-tips) transparent transparent transparent
}

[dir=ltr] .styles_menu__KjNQg:after {
    left: 50%;
    transform: translateX(-50%)
}

[dir=rtl] .styles_menu__KjNQg:after {
    right: 50%;
    transform: translateX(50%)
}

.styles_menu__KjNQg .label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #fff
}

[dir] .styles_menu__KjNQg .label {
    background: var(--color-fill-brand);
    padding: 2px 4px;
    border-radius: 4px
}

.styles_menu__KjNQg .menu-item {
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: space-between
}

.styles_menu__KjNQg .menu-item .title {
    display: flex;
    align-items: center;
    gap: 8px
}

.styles_menu_circle_brand__g3y_Y {
    display: flex;
    align-items: center;
    justify-items: center;
    width: 40px;
    height: 40px
}

[dir] .styles_menu_circle_brand__g3y_Y {
    border-radius: 50%
}

[dir] .styles_menu_circle_brand__g3y_Y svg {
    margin: 0 auto
}

[dir] .main-theme-light .styles_menu_circle_brand__g3y_Y {
    background: var(--color-fill-brand) !important
}

.main-theme-light .styles_menu_circle_brand__g3y_Y svg {
    filter: grayscale(1) brightness(10) !important
}