
                                            .mw-parser-output .portal-bar {
                                                font-size: 88%;
                                                font-weight: bold;
                                                display: flex;
                                                justify-content: center;
                                                align-items: baseline
                                            }

                                            .mw-parser-output .portal-bar-bordered {
                                                padding: 0 2em;
                                                background-color: #fdfdfd;
                                                border: 1px solid #a2a9b1;
                                                clear: both;
                                                margin: 1em auto 0
                                            }

                                            .mw-parser-output .portal-bar-header {
                                                margin: 0 1em 0 0.5em;
                                                flex: 0 0 auto;
                                                min-height: 24px
                                            }

                                            .mw-parser-output .portal-bar-content {
                                                display: flex;
                                                flex-flow: row wrap;
                                                flex: 0 1 auto;
                                                padding: 0.15em 0;
                                                column-gap: 1em;
                                                align-items: baseline;
                                                margin: 0;
                                                list-style: none
                                            }

                                            .mw-parser-output .portal-bar-item {
                                                display: inline-block;
                                                margin: 0.15em 0.2em;
                                                min-height: 24px;
                                                line-height: 24px
                                            }

                                            @media screen and (max-width:768px) {
                                                .mw-parser-output .portal-bar {
                                                    font-size: 88%;
                                                    font-weight: bold;
                                                    display: flex;
                                                    flex-flow: column wrap;
                                                    align-items: baseline
                                                }

                                                .mw-parser-output .portal-bar-header {
                                                    text-align: center;
                                                    flex: 0;
                                                    padding-left: 0.5em;
                                                    margin: 0 auto
                                                }

                                                .mw-parser-output .portal-bar-content {
                                                    display: flex;
                                                    flex-flow: row wrap;
                                                    align-items: center;
                                                    flex: 0;
                                                    column-gap: 1em;
                                                    border-top: 1px solid #a2a9b1;
                                                    margin: 0 auto;
                                                    list-style: none
                                                }
                                            }
                                        