@import "../../default.css";

:global(.mp-tabbar) {
    display: flex;
    justify-content: space-around;
    background: fill-base;
    padding: 5px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: solid 1px border-color-base;
    &>div{
        height: tab-bar-height;
        /*padding: spacing-xl;*/
        position: relative;
        text-align: center;

        &:global(.mp-selected){
            color: primary;
        }
        &>div{
            font-size: 12px;
            line-height: 12px;
         }
     }

    &-icon{
        height: 26px;
     }
}