.titlebar .wrapper {
    max-width: 1200px;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.titlebar .wrapper .content .text {
    color: var(--theme-color-bold)
}

.titlebar .wrapper .content .lp,.titlebar .wrapper .content .rp {
    height: 1px;
    width: 40px;
    overflow: hidden;
    background: var(--theme-color-bold);
    top: 50%
}

[dir="ltr"] .titlebar .wrapper .content .lp {
    left: 0;
    margin-left: -40px
}
[dir="rtl"] .titlebar .wrapper .content .lp {
    right: 0;
    margin-right: -40px
}

[dir="ltr"] .titlebar .wrapper .content .rp {
    right: 0;
    margin-right: -40px
}
[dir="rtl"] .titlebar .wrapper .content .rp {
    left: 0;
    margin-left: -40px
}

.titlebar .wrapper .content.square i {
    top: 46%;
    height: 3px
}

.titlebar .wrapper .content.square .text {
    padding: 4px 10px;
    border: 1px var(--theme-color-bold) solid
}

[dir="ltr"] .titlebar .wrapper .content.leftline {
    text-align: left
}
[dir="rtl"] .titlebar .wrapper .content.leftline {
    text-align: right;
}

.titlebar .wrapper .content.leftline i {
    display: none
}

[dir="ltr"] .titlebar .wrapper .content.leftline .text {
    border-left: 4px var(--theme-color-bold) solid
}
[dir="ltr"] .titlebar .wrapper .content.leftline .text {
    border-right: 4px var(--theme-color-bold) solid
}