/* Window header of the site (brandbook 8.3): gradient bar with white text, round "back" button on the left.
   <div class="bk-window"><h1 class="bk-window__header"><a class="bk-window__back" href="..."><i class="fa fa-arrow-left"></i></a><span>Title</span></h1>...</div>
   The first user - the pages of the library (drafts, bookmarks, on moderation); "My collections" has its own copy in collections.css */
.bk-window {
    margin-bottom: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.bk-window__header {
    display: flex;
    align-items: center;
    min-height: 44px;
    margin: 0;
    padding: 8px 16px;
    background: linear-gradient(120deg, #2b4763 0%, #3c6690 55%, #5b8bbb 100%);
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25;
}

.bk-window__back {
    flex: 0 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin: 0 8px 0 -4px;
    border-radius: 50%;
    color: #ffffffcc;
    transition: background-color .15s, color .15s, transform .15s;
}

.bk-window__back:hover,
.bk-window__back:focus-visible {
    background: #ffffff26;
    color: #fff;
    text-decoration: none;
    transform: translateX(-2px);
    outline: 0;
}

.bk-window__empty {
    padding: 32px 16px;
    color: #65676b;
    font-size: 15px;
    text-align: center;
}

@media (prefers-reduced-motion: reduce) {
    .bk-window__back {
        transition: none;
    }
}