.publish-selector__wrapper {
    position: absolute
}

.publish-selector__header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 16px;
    padding: var(--space-m16-w20)
}

.publish-selector__draft {
    border: 1px solid #4d4d4d;
    border: 1px solid var(--black-30);
    border-radius: 28px;
    margin-right: 12px;
    margin-right: var(--space-m12-w16);
    padding: 5px 14px
}

.publish-selector__header-action {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.publish-selector__header-action>* {
    cursor: pointer
}

.publish-selector__content {
    padding: 16px;
    padding: var(--space-m16-w20);
    padding-top: 8px
}

.publish-selector__selection {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #333;
    background-color: var(--black-20);
    border-radius: 16px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 16px 20px;
    padding: var(--space-m16-w20) var(--space-m20-w24);
    position: relative
}

.publish-selector__selection-video {
    margin-bottom: 16px;
    margin-bottom: var(--space-m16-w20);
    position: relative
}

.publish-selector__video-file-upload {
    display: none
}

.publish-selector__selection-title {
    margin-bottom: 4px;
    margin-bottom: var(--space-m4-w6)
}

.publish-selector__selection-hint {
    margin-bottom: 10px
}

.publish-selector__selection-image {
    height: 100px;
    width: 100px
}

.mobile-tabbar {
    background: #000;
    background: var(--black-primary);
    bottom: 0;
    box-shadow: 0 -.5px 0 rgba(25, 49, 55, .3);
    box-sizing: border-box;
    display: flex;
    height: 44px;
    height: calc(44px + var(--safe-area-inset-bottom));
    /*! autoprefixer: off */
    justify-content: space-around;
    left: 0;
    padding-bottom: 0;
    padding-bottom: calc(var(--safe-area-inset-bottom));
    position: fixed;
    transition: padding-bottom .1s;
    width: 100%;
    /*! autoprefixer: off */
    z-index: 299
}

.mobile-tabbar,
.mobile-tabbar__link {
    align-items: center;
    color: #fff;
    color: var(--white-primary)
}

.mobile-tabbar__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.mobile-tabbar__link:focus,
.mobile-tabbar__link:hover {
    text-decoration: none
}

.mobile-tabbar__link.active .mobile-tabbar__icon {
    fill: #31ff6c;
    fill: var(--green-primary);
    color: #31ff6c;
    color: var(--green-primary)
}

.mobile-tabbar__link.active .mobile-tabbar__label {
    color: #31ff6c;
    color: var(--green-primary)
}

.mobile-tabbar__icon {
    fill: #fff;
    fill: var(--white-primary)
}

.tabbar-link__publish {
    cursor: pointer;
    margin-bottom: 16px
}

.tabbar-link__publish .mobile-tabbar__icon {
    fill: #31ff6c;
    fill: var(--green-primary)
}

.mobile-tabbar__label {
    color: #fff;
    color: var(--white-primary);
    font-size: 10px;
    line-height: 12px;
    margin-top: 3px
}