.floatingBarWrapper-sC6Ad4 {
    --floating-bar-v6-bg: #f5f6f7;
    --floating-bar-v6-icon-color: #a0a3a7;
    --floating-bar-v6-arrow-color: #070808;
    --floating-bar-v6-warning-color: #ff9447
}

.classic-dark .floatingBarWrapper-sC6Ad4 {
    --floating-bar-v6-bg: #1a1d1f;
    --floating-bar-v6-icon-color: #6b7075;
    --floating-bar-v6-arrow-color: #e8e9ea;
    --floating-bar-v6-warning-color: #ffb366
}

.floatingBarWrapper-sC6Ad4 {
    background: var(--color-bg-secondary);
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

.floatingBarWrapperBusinessCompliance-ieX0_X {
    z-index: 3;
    width: 100%;
    position: fixed
}

.floatingBarWrapperPriority1-UbBciN {
    z-index: 3
}

.floatingBarWrapperPriority2-bbw5L2 {
    z-index: 4
}

.floatingBarWrapperPriority3-IN4uXo {
    z-index: 5
}

.floatingBarWrapperPriority4-FCckkc {
    z-index: 6
}

.floatingBarContent-dvxKZu {
    color: var(--color-text-text-primary);
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    max-width: 1200px;
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    display: flex
}

.floatingBarContent-dvxKZu>div {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex
}

.floatingBarContent-dvxKZu>div span {
    word-break: break-word;
    font-size: 14px
}

.floatingBarLeft-pzNhmA {
    align-items: flex-start;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex
}

.alertIconSvgWrapper-WN4Bja {
    align-items: flex-start;
    display: inline-flex
}

.alertIconSvg-Y58D5m {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-top: 5px
}

.floatingBarWrapperV6-f7MDsF .alertIconSvg-Y58D5m {
    color: var(--floating-bar-v6-warning-color)
}

.alertIconSvgOnlyMobileV6-hG3Wuw {
    display: none
}

.alertIconComponent-LKQ_TV {
    flex-shrink: 0
}

.alertIconComponentHideOnMobileV6-e80HRG {
    display: inline-flex
}

.floatingBarLeft-pzNhmA svg {
    cursor: pointer;
    width: 13px;
    height: 13px;
    color: var(--floating-bar-icon-color, var(--color-text-text-warning));
    flex-shrink: 0;
    margin-top: 5px
}

.floatingBarContent-dvxKZu a {
    color: var(--floating-bar-link-color, #4070ff);
    cursor: pointer;
    text-decoration: underline !important
}

.floatingBarContent-dvxKZu svg {
    cursor: pointer;
    flex-shrink: 0
}

.closeIconSvgWrapper-XODh0X {
    align-items: center;
    display: inline-flex
}

.closeIconSvg-wqFN3v {
    flex-shrink: 0;
    width: 16px;
    height: 18px
}

.closeIconSvgOnlyMobileV6-PZ1cT6 {
    display: none
}

.closeIconComponent-t38IqE {
    flex-shrink: 0
}

.closeIconComponentHideOnMobileV6-QcBaIJ {
    display: inline-flex
}

.actionButton-pzc2AX {
    background: var(--color-cmpt-button-primary);
    color: var(--color-text-inverse-primary);
    cursor: pointer;
    border: none;
    border-radius: 100px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    height: 32px;
    margin-left: 21px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 500;
    display: flex
}

.actionButton-pzc2AX:hover {
    opacity: .8
}

.actionButtonIconSvgWrapper-u19Mp_ {
    align-items: center;
    display: inline-flex
}

.actionButtonIconSvg-AZjSQf {
    flex-shrink: 0;
    width: 16px;
    height: 16px
}

.actionButtonIconSvgOnlyMobileV6-EEEVNN {
    display: none
}

.actionButtonIconComponent-h9QTOM {
    flex-shrink: 0
}

.actionButtonIconComponentHideOnMobileV6-ajkQHV {
    display: none !important
}

.floatingBarWrapperUKOnly-yiRStu {
    position: unset !important
}

.floatingBarUKOnly-sWorf3 {
    background-color: var(--color-cmpt-tag-orange-in-secondary)
}

.floatingBarUKOnly-sWorf3 a {
    color: var(--color-text-text-primary);
    font-weight: 600
}

.floatingBarUKOnly-sWorf3 svg {
    color: var(--color-text-text-warning)
}

@media screen and (min-width:992px) {
    .floatingBarUKOnly-sWorf3>div span {
        font-size: 16px
    }
}

@media (min-width:768px) {
    .floatingBarContent-dvxKZu {
        align-items: center
    }
    .floatingBarContent-dvxKZu>div {
        flex-wrap: nowrap;
        gap: 32px
    }
    .actionButton-pzc2AX {
        margin-left: 0
    }
}

@media (max-width:768px) {
    .alertIconSvgOnlyMobileV6-hG3Wuw {
        display: inline-flex
    }
    .floatingBarWrapperV6-f7MDsF .alertIconSvgOnlyMobileV6-hG3Wuw svg {
        width: 16px;
        height: 18px;
        color: var(--floating-bar-v6-warning-color);
        margin-top: 0
    }
    .floatingBarWrapperV6-f7MDsF .alertIconComponentHideOnMobileV6-e80HRG {
        display: none !important
    }
    .actionButtonIconSvgOnlyMobileV6-EEEVNN {
        display: inline-flex
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconComponentHideOnMobileV6-ajkQHV {
        display: none !important
    }
    .closeIconSvgOnlyMobileV6-PZ1cT6 {
        display: inline-flex
    }
    .floatingBarWrapperV6-f7MDsF .closeIconComponentHideOnMobileV6-QcBaIJ {
        display: none !important
    }
    .floatingBarWrapper-sC6Ad4.floatingBarWrapperV6-f7MDsF {
        background: var(--floating-bar-v6-bg)
    }
    .floatingBarWrapperV6-f7MDsF .floatingBarContentV6-tV5I_k {
        padding: 8px 20px
    }
    .floatingBarWrapperV6-f7MDsF .floatingBarContentV6-tV5I_k>svg {
        color: var(--floating-bar-v6-icon-color);
        width: 16px;
        height: 18px
    }
    .floatingBarWrapperV6-f7MDsF .floatingBarContentV6-tV5I_k>div span {
        font-size: 12px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonV6-YflA63 {
        color: var(--color-text-text-primary);
        background: none;
        height: auto;
        padding: 0;
        line-height: 18px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonV6-YflA63:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 23px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonV6-YflA63:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 23px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonV6-YflA63:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 23px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonV6-YflA63:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 23px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonV6-YflA63:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 23px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonV6-YflA63:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 23px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconComponent-h9QTOM,
    .floatingBarWrapperV6-f7MDsF .actionButtonIconSvg-AZjSQf {
        width: 16px;
        height: 16px;
        color: var(--floating-bar-v6-arrow-color)
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconSvg-AZjSQf:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconSvg-AZjSQf:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconSvg-AZjSQf:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconComponent-h9QTOM:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconComponent-h9QTOM:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconComponent-h9QTOM:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
        margin-left: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconSvg-AZjSQf:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconSvg-AZjSQf:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconSvg-AZjSQf:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconComponent-h9QTOM:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconComponent-h9QTOM:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 2px
    }
    .floatingBarWrapperV6-f7MDsF .actionButtonIconComponent-h9QTOM:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
        margin-right: 2px
    }
    [dir=rtl] .floatingBarWrapperV6-f7MDsF .actionButtonIconComponent-h9QTOM,
    [dir=rtl] .floatingBarWrapperV6-f7MDsF .actionButtonIconSvg-AZjSQf {
        transform: scaleX(-1)
    }
}

.display_none-QoWISq {
    display: none
}

.modalContent-Pt5dGX {
    flex-direction: column;
    display: flex
}

.title-s8TVaS {
    color: var(--color-text-text-primary);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4
}

.subtitle-E7X0Vj {
    color: var(--color-text-text-tertiary);
    margin-top: 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3
}

.progress-UcXPgK {
    color: var(--color-text-text-primary);
    margin-bottom: 16px;
    font-size: 20px;
    font-weight: 500
}

.group-kP_W9p,
.groupList-xIeUFI {
    flex-direction: column;
    gap: 24px;
    display: flex
}

.groupTitle-tH7isN {
    color: var(--color-text-text-primary);
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 500
}

.itemList-INPpRe {
    flex-direction: column;
    gap: 8px;
    display: flex
}

.item-fKV_56 {
    border: 1px solid var(--color-line-divider-strong);
    cursor: pointer;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    padding: 24px 16px;
    transition: all .2s;
    display: flex
}

.item-fKV_56:hover {
    border-color: var(--color-text-text-primary)
}

.itemBound-_WIocD {
    cursor: default;
    opacity: .7
}

.itemBound-_WIocD:hover {
    border-color: var(--color-line-divider-divider);
    background-color: transparent
}

.itemIcon-IHKSas,
.itemLeft-lKKN4V {
    align-items: center;
    display: flex
}

.itemIcon-IHKSas {
    color: var(--color-icon-icon-primary);
    justify-content: center
}

.itemIcon-IHKSas,
.itemIcon-IHKSas svg {
    width: 24px;
    height: 24px
}

.itemName-CGlWvY {
    color: var(--color-text-text-primary);
    margin: 0 6px 0 12px;
    font-size: 16px;
    font-weight: 500
}

@media screen and (max-width:768px) {
    .item-fKV_56 {
        padding: 16px
    }
    .switchLinkContainer-tchyzj {
        margin-bottom: 8px
    }
}

.itemTag-aWzFeh {
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500
}

.itemTagRecommended-zD_OEu {
    color: var(--color-text-text-success);
    background-color: var(--color-cmpt-greenfunct-bg)
}

.itemTagRequired-jNqXQA {
    color: var(--color-text-text-secondary);
    background-color: var(--color-cmpt-tag-gray)
}

.arrowIcon-Sf3xXN,
.checkIcon-IZ1Qs0,
.itemRight-KcMdTE,
.switchLinkContainer-tchyzj {
    justify-content: center;
    align-items: center;
    display: flex
}

.switchLinkContainer-tchyzj {
    text-align: center;
    margin-top: 24px;
    font-size: 14px
}

.switchLinkPrefix-RrCqXG {
    color: var(--color-text-text-secondary)
}

.switchLinkPrefix-RrCqXG:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 8px
}

.switchLinkPrefix-RrCqXG:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 8px
}

.switchLinkPrefix-RrCqXG:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
    margin-right: 8px
}

.switchLinkPrefix-RrCqXG:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 8px
}

.switchLinkPrefix-RrCqXG:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 8px
}

.switchLinkPrefix-RrCqXG:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
    margin-left: 8px
}

.switchLink-R5Zn6s {
    color: var(--color-text-text-primary);
    cursor: pointer;
    text-decoration: underline
}

.switchLink-R5Zn6s span:hover {
    opacity: .8
}

.successContent-rLOOPV {
    flex-direction: column;
    align-items: center;
    display: flex
}

.successIcon-uBx0mk {
    margin-bottom: 16px
}

.successTitle-MYIcws {
    color: var(--color-text-text-primary);
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 600
}

.successDesc-yPXmD4 {
    color: var(--color-text-text-secondary);
    text-align: center;
    margin-bottom: 24px;
    font-size: 14px
}

.buttonGroup-hAPqsV {
    gap: 12px;
    width: 100%;
    display: flex;
    padding: unset !important
}

.button-mlLRO2 {
    cursor: pointer;
    height: 48px;
    color: var(--color-text-text-primary);
    border: 1px solid var(--color-line-divider-divider);
    background-color: transparent;
    border-radius: 8px;
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    transition: all .2s
}

.button-mlLRO2:hover {
    background-color: var(--color-neutral-2)
}

.buttonPrimary-nJ0r6X {
    background-color: var(--color-brand-1, #0b0c0d);
    color: #fff;
    border: none
}

.buttonPrimary-nJ0r6X:hover {
    opacity: .9;
    background-color: var(--color-brand-1, #0b0c0d)
}

.gui-popover_264b7d19 {
    --gui-popover-shadow: none;
    --gui-popover-bg: var(--color-bg-primary);
    --gui-popover-r: 8px
}

.gui-popover_2652f72a {
    box-sizing: border-box;
    position: absolute;
    font-family: inherit;
    background: var(--gui-popover-bg);
    box-shadow: var(--gui-popover-shadow);
    border-radius: var(--gui-popover-r)
}

.gui-popover_2652f72a[data-side=left][data-sub-placement=start],
.gui-popover_2652f72a[data-side=right][data-sub-placement=start] {
    transform: translateY(calc(var(--gui-popover-shift-offset) * -1))
}

.gui-popover_2652f72a[data-side=left][data-sub-placement=end],
.gui-popover_2652f72a[data-side=right][data-sub-placement=end] {
    transform: translateY(var(--gui-popover-shift-offset))
}

[dir=rtl] .gui-popover_2652f72a[data-side=bottom],
[dir=rtl] .gui-popover_2652f72a[data-side=top] {
    transform: translateX(var(--gui-popover-shift-offset))
}

[dir=ltr] .gui-popover_2652f72a[data-side=bottom],
[dir=ltr] .gui-popover_2652f72a[data-side=top] {
    transform: translateX(calc(var(--gui-popover-shift-offset) * -1))
}

.gui-popover_2652f72a[data-multiline] {
    white-space: normal
}

.gui-popover_f113c60d {
    --gui-drawer-bg: var(--color-bg-primary);
    --gui-drawer-horizontal-width: 350px;
    --gui-drawer-vertical-height: 350px;
    --gui-drawer-radius: 16px;
    --gui-drawer-during: .1s;
    --gui-drawer-zIndex: 800;
    --gui-drawer-x-hidden: 0;
    --gui-drawer-y-hidden: 0
}

.gui-popover_f11b401e {
    position: fixed;
    background: var(--gui-drawer-bg);
    transition: transform var(--gui-drawer-during) linear;
    z-index: var(--gui-drawer-zIndex)
}

[dir=ltr] .gui-popover_f11b401e[data-direction=left][data-state=open],
[dir=ltr] .gui-popover_f11b401e[data-direction=right][data-state=open],
[dir=rtl] .gui-popover_f11b401e[data-direction=left][data-state=open],
[dir=rtl] .gui-popover_f11b401e[data-direction=right][data-state=open] {
    transform: translateX(0)
}

.gui-popover_f11b401e[data-direction=bottom][data-state=open],
.gui-popover_f11b401e[data-direction=top][data-state=open] {
    transform: translateY(0)
}

[dir=ltr] .gui-popover_f11b401e[data-direction=left] {
    top: 0;
    left: 0;
    bottom: 0;
    min-width: var(--gui-drawer-horizontal-width);
    transform: translateX(-100%);
    --gui-drawer-x-hidden: -100%;
    border-top-right-radius: var(--gui-drawer-radius);
    border-bottom-right-radius: var(--gui-drawer-radius)
}

[dir=ltr] .gui-popover_f11b401e[data-direction=right],
[dir=rtl] .gui-popover_f11b401e[data-direction=left] {
    top: 0;
    right: 0;
    bottom: 0;
    min-width: var(--gui-drawer-horizontal-width);
    transform: translateX(100%);
    --gui-drawer-x-hidden: 100%;
    border-top-left-radius: var(--gui-drawer-radius);
    border-bottom-left-radius: var(--gui-drawer-radius)
}

[dir=rtl] .gui-popover_f11b401e[data-direction=right] {
    top: 0;
    left: 0;
    bottom: 0;
    min-width: var(--gui-drawer-horizontal-width);
    transform: translateX(-100%);
    --gui-drawer-x-hidden: -100%;
    border-top-right-radius: var(--gui-drawer-radius);
    border-bottom-right-radius: var(--gui-drawer-radius)
}

.gui-popover_f11b401e[data-direction=top] {
    top: 0;
    left: 0;
    right: 0;
    min-height: var(--gui-drawer-vertical-height);
    transform: translateY(-100%);
    --gui-drawer-y-hidden: -100%;
    border-bottom-left-radius: var(--gui-drawer-radius);
    border-bottom-right-radius: var(--gui-drawer-radius)
}

.gui-popover_f11b401e[data-direction=bottom] {
    bottom: 0;
    left: 0;
    right: 0;
    min-height: var(--gui-drawer-vertical-height);
    transform: translateY(100%);
    --gui-drawer-y-hidden: 100%;
    border-top-left-radius: var(--gui-drawer-radius);
    border-top-right-radius: var(--gui-drawer-radius)
}

.gui-popover_3edd6b94 {
    background: var(--color-bg-mask);
    pointer-events: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.gui-popover_3edd6b94[data-state=closed] {
    opacity: 0;
    visibility: hidden
}