/* toolbars */
:root {
    --abinb-icons: 2rem;
    --abinb-resting-opacity: 50%;
}

svg.abinb-iconify {
    width: var(--abinb-icons);
    height: var(--abinb-icons);
}

.abinb-toolbar {
    display: flex;
    flex-direction: row;
    height: min-content;
    width: min-content;
    margin: 0;
}
.abinb-toolbar fieldset {
    border: none;
    display: flex;
    gap: 1rem;
    padding: 0;
}
.abinb-toolbar button {
    border: none;
    background-color: inherit;
    color: rgb(var(--abinb-icon-color));
}
.abinb-toolbar button, #abinb-document-links a, #abinb-help {
    border-radius: 10px;
}
.abinb-toolbar a {
    color: inherit;
}
.abinb-lightup {
    opacity: calc(var(--abinb-resting-opacity) + 10%);
}
.abinb-lightup:hover {
    opacity: 100%;
    transition: .2s;
    background-color: rgb(var(--abinb-hover-color)); 
}


.abinb-toolbar-wrapper {
    justify-content: space-between;
    display: flex;
    background-color: rgb(var(--abinb-page-background-color));
    flex-direction: row;
}
#abinb-top-toolbar-area {
    top: 0;
    padding-bottom: .5rem;
    z-index: 3;
    /*! width: 100%; */
    position: sticky;
}
#abinb-bottom-toolbar-area {
    bottom: 0;
    padding-top: .5rem;
    position: sticky;
    /*! width: var(--abinb-measure); */
    z-index: 3;
}

#abinb-document-links {
    gap: 1rem;    
}

#abinb-nav-toolbar {
    overflow-y: scroll;
}
#abinb-app-toolbar, #abinb-playback-toolbar, #abinb-nav-toolbar {
    gap: 0;
}
#abinb-playback-toolbar {
    width: 100%;
}
#abinb-playback-toolbar audio {
    width: 100%;
    height: var(--abinb-icons);
}

#abinb-playback-toolbar {
    align-self: end;
}

#abinb-document-links a {
    color: rgb(var(--abinb-text-color));
    height: var(--abinb-icons);
}

#abinb-app-toolbar fieldset {
    flex-direction: column;
}

#abinb-app-toolbar {
    display: flex;
    flex-direction: row;
}

#abinb-app-toolbar > div fieldset {
    border: none;
    display: flex;
    gap: 1rem;
    padding: 0;
}

#abinb-settings >  button, #abinb-help {
    padding: 0;
    transition: .2s;
}