.pic-tabs{
    border: 2px solid var(--wp--preset--color--background-light);

    .tabs{
        background-color: var(--wp--preset--color--primary);
    }

    .flex{
        display: flex;
        list-style-type: none;
        width: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        padding: 0;
        margin: 0;

        li{
            cursor:pointer;
            padding:10px;
            color:white;

            &.active{
                background:white;
                border-top-left-radius:8px;
                border-top-right-radius:8px;
                border-top:solid 2px var(--wp--preset--color--primary);
                border-left:solid 2px var(--wp--preset--color--primary);
                border-right:solid 2px var(--wp--preset--color--primary);
                color:black;
            }
        }
    }

    .tab-content{
        padding:20px;
    }
}