main#main .tools-navigation-strip {
    display:flex;
    align-items:center;
    padding:12px 0;
    margin:0 0 20px;
    border-bottom:1px solid var(--vf-ds-border);
}
main#main .tools-menu summary {
    font-size:14px;
    text-decoration:none;
}
main#main .tools-menu>summary {
    padding:5px 10px;
    border:1px solid var(--vf-ds-border);
    border-radius:8px;
    cursor:pointer;
    list-style:none;
}
main#main .tools-menu>summary::-webkit-details-marker {
    display:none;
}
main#main .tools-menu-panel {
    display:block;
    position:fixed;
    top:56px;
    bottom:0;
    left:0;
    width:380px;
    max-width:100%;
    padding:16px;
    overflow-y:auto;
    background:var(--vf-ds-bg-page);
    border-right:1px solid var(--vf-ds-border);
    box-shadow:0 0 0 100vmax rgb(0 0 0 / 30%);
    z-index:1001;
}
main#main .tools-menu-panel h2 {
    margin:16px 0 12px;
    font-size:18px;
}
main#main .tools-menu-panel h3 {
    margin:12px 0 8px;
    font-size:15px;
}
main#main .tools-menu-panel ul {
    list-style:none;
    margin:0;
    padding:0;
}
main#main .tools-menu-panel li {
    margin:0 0 8px;
}
main#main .tools-menu-panel a {
    display:block;
    padding:5px 8px;
    border-radius:6px;
}
main#main .tools-menu-panel [aria-current="page"] {
    background:var(--vf-ds-primary);
    color:var(--vf-ds-bg-page);
}
main#main .tools-menu-state {
    display:block;
    padding-left:8px;
    font-size:12px;
    color:var(--vf-ds-text-secondary);
}
main#main .tools-menu-panel input {
    width:100%;
}
main#main .tools-official-source {
    border:1px solid var(--vf-ds-border);
    border-radius:10px;
    padding:16px;
    margin:24px 0;
    font-size:13px;
}
main#main .tools-official-source h2 {
    font-size:18px;
    margin-bottom:12px;
}
main#main .tools-official-source a {
    display:inline-block;
    margin-bottom:12px;
    overflow-wrap:anywhere;
}
main#main .f4-bar .f4-buttons>a {
    display:inline-flex;
    padding:6px 10px;
    border:1px solid var(--vf-ds-border-strong);
    border-radius:8px;
    color:var(--vf-ds-primary);
    background:var(--vf-ds-bg-page);
    font-size:14px;
    text-decoration:none;
}
main#main .f4-bar .f4-buttons>a[aria-current="page"] {
    background:var(--vf-ds-primary);
    color:var(--vf-ds-bg-page);
}
main#main [hidden] {
    display:none !important;
}
@media(max-width:599px) {
    main#main .tools-menu-panel {
        inset:0;
        width:100%;
        padding-top:64px;
    }
    main#main .tools-menu[open]>summary {
        position:fixed;
        top:12px;
        left:16px;
        z-index:1002;
        background:var(--vf-ds-bg-page);
    }
}
@media print {
    main#main .tools-navigation-strip,main#main .tools-official-source {
        display:none;
    }
}

main#main .tools-menu:not([open])>.tools-menu-panel {
    display:none;
}

main#main .tools-menu[open]>summary {
    position:fixed;
    top:12px;
    left:16px;
    z-index:1002;
    background:var(--vf-ds-bg-page);
}
main#main .tools-menu-panel {
    top:0;
    padding-top:64px;
}