:root {
    --content-header-spacing: 14px;
}

#content-header-wrp {
    display: flex;
    width: 100%;
    flex-direction: row;
    border-bottom: 1px solid var(--color-border-1);
    padding-bottom: var(--content-header-spacing);
    margin-bottom: calc(var(--content-block-spacing) - var(--content-block-padding-top));
    gap: var(--content-header-spacing);
}

.content-header-align-start {
    align-items: start;
}

.content-header-align-end {
    align-items: end;
}

@media only screen and (max-width: 850px) {
    #content-header-wrp {
        flex-direction: column;
        align-items: start;
    }
}

#content-header-details-wrp {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-top: -3px;
}

#content-header-details-wrp h1 {
    line-height: 1.35;
}

#content-header-details-area {
    display: flex;
    flex: 1;
    align-items: center;
    margin-top: calc(var(--content-header-spacing) / 2);
}

#content-header-details-size {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#content-header-details-layout {
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    margin: auto 0px;
}

#content-header-tools-wrp {
    display: flex;
    flex: 0;
    align-items: flex-end;
    flex-direction: row;
}

.content-header-tools-manage-btn {
    white-space: nowrap;
}