.web-bookmarks {
    min-width: 0;
}

.web-bookmark-pin,
.web-bookmark-dropdown > .header-icon {
    position: relative;
    flex: 0 0 auto;
    border-radius: .55rem;
    transition: color .16s ease, background-color .16s ease, transform .16s ease;
}

.web-bookmark-pin:hover,
.web-bookmark-pin:focus-visible,
.web-bookmark-dropdown > .header-icon:hover,
.web-bookmark-dropdown > .header-icon:focus-visible {
    color: #6558d3;
    /*background: rgba(101, 88, 211, .09);*/
    outline: none;
}

.web-bookmark-pin.is-pinned {
    color: #6558d3;
    /*background: rgba(101, 88, 211, .11) !important;*/
}

.web-bookmark-pin.is-busy {
    pointer-events: none;
    opacity: .58;
}

.web-bookmark-menu {
    width: min(92vw, 340px);
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(80, 96, 128, .14);
    border-radius: .75rem;
    box-shadow: 0 14px 34px rgba(35, 51, 78, .16);
}

.web-bookmark-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .8rem .9rem;
    border-bottom: 1px solid rgba(80, 96, 128, .11);
    background: linear-gradient(135deg, #fafbff, #f3f6fc);
}

.web-bookmark-menu-header strong {
    color: #2f3a50;
    font-size: .76rem;
}

.web-bookmark-menu-header small {
    color: #8994a7;
    font-size: .62rem;
}

.web-bookmark-menu-items {
    max-height: min(65vh, 420px);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.web-bookmark-menu-row {
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid rgba(80, 96, 128, .08);
}

.web-bookmark-menu-row:last-child {
    border-bottom: 0;
}

.web-bookmark-menu-link {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    align-items: center;
    gap: .68rem;
    padding: .7rem .35rem .7rem .78rem;
    color: #40506a;
    text-decoration: none !important;
}

.web-bookmark-menu-link:hover,
.web-bookmark-menu-link:focus-visible {
    color: #4035a6;
    background: rgba(101, 88, 211, .055);
    outline: none;
}

.web-bookmark-menu-icon {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: .55rem;
    color: #6558d3;
    background: rgba(101, 88, 211, .09);
}

.web-bookmark-menu-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.web-bookmark-menu-copy strong,
.web-bookmark-menu-copy small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.web-bookmark-menu-copy strong {
    font-size: .7rem;
    font-weight: 650;
}

.web-bookmark-menu-copy small {
    margin-top: .08rem;
    color: #8a96a8;
    font-size: .58rem;
}

.web-bookmark-remove {
    width: 2.5rem;
    flex: 0 0 auto;
    border: 0;
    color: #9aa4b5;
    background: transparent;
}

.web-bookmark-remove:hover,
.web-bookmark-remove:focus-visible {
    color: #d94d68;
    background: rgba(217, 77, 104, .07);
    outline: none;
}

.web-bookmark-empty {
    display: flex;
    min-height: 150px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 1rem;
    color: #6f7d93;
    text-align: center;
}

.web-bookmark-empty > i {
    margin-bottom: .55rem;
    color: #6558d3;
    font-size: 1.25rem;
}

.web-bookmark-empty span {
    color: #40506a;
    font-size: .72rem;
    font-weight: 650;
}

.web-bookmark-empty small {
    margin-top: .18rem;
    font-size: .61rem;
}

@media (max-width: 1199.98px) {
    .web-bookmarks .header-icon {
        width: 2.55rem;
    }
}

@media (max-width: 575.98px) {
    .web-bookmarks .header-icon {
        width: 2.25rem;
    }
}