/**
 * Skipped minification because the original files appears to be already minified.
 * Original file: /npm/neotoc@1.0.1/dist/base-modern.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
.nt-widget {
    --light-bar: #8f62f6;
    --light-opacity: .1;
    --body-height: 400px;
    --relative-font-size: 94;
    --toggle-fold-btn-width: 1.7em;
    --indent-line-gap: 2px;
    --indent-line-width: 1px;
    --anchor-padding-block: .4em;
    --anchor-padding-inline: .3em;
    --anchor-border-radius: 6px;
    --padding-left: 1rem;
    --light-bar-width: 4px;
    --light-bar-tip-radius: calc(var(--light-bar-width)/2);
    --light-spread-length: 250px;
    --folding-duration: .3s
}

.nt-widget {
    background: var(--bg);
    font-size: .96em;
    line-height: 1.5
}

.nt-widget * {
    box-sizing: border-box;
    transition: background-color .15s
}

.nt-widget ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.nt-widget li {
    border-radius: var(--anchor-border-radius)
}

.nt-widget li li {
    font-size: calc(var(--relative-font-size)*1%)
}

.nt-widget svg {
    vertical-align: middle;
    width: 100%;
    display: inline
}

.nt-body {
    padding-left: var(--padding-left);
    padding-top: .5rem;
    padding-bottom: .5rem;
    max-height: var(--body-height);
    overscroll-behavior: contain;
    padding-right: .5rem;
    transition: max-height .15s;
    overflow-x: hidden;
    overflow-y: auto
}

.nt-foldable {
    transition: grid-template-rows var(--folding-duration);
    grid-template-rows: 1fr;
    display: grid
}

.nt-foldable ul {
    transition: opacity var(--folding-duration), visibility var(--folding-duration)
}

.nt-foldable>ul {
    grid-row: 1/span 2;
    overflow: clip
}

.nt-foldable-folded {
    grid-template-rows: 0fr
}

.nt-foldable-folded ul {
    visibility: hidden;
    opacity: 0
}

.nt-non-foldable:has(>.nt-fold-indicator-line) {
    position: relative
}

.nt-fold-indicator-line {
    border: none;
    border-top: 1px solid;
    border-image: linear-gradient(to right, transparent, var(--fold-indicator-line), transparent)1;
    z-index: 2;
    width: 100%;
    transition: opacity var(--folding-duration);
    opacity: 0;
    margin: 0;
    position: absolute;
    bottom: 0
}

.nt-toggle-fold-btn,
.nt-unfoldable-icon {
    color: var(--fg);
    padding-block: var(--anchor-padding-block);
    z-index: 1;
    grid-column: -3
}

.nt-toggle-fold-btn {
    cursor: pointer;
    padding-left: 1px;
    padding-right: 1px
}

.nt-toggle-fold-btn svg {
    transition: transform var(--folding-duration);
    font-size: .8em
}

.nt-toggle-fold-btn svg path {
    stroke-width: 2px
}

.nt-toggle-fold-btn:first-child {
    border-top-left-radius: var(--anchor-border-radius);
    border-bottom-left-radius: var(--anchor-border-radius)
}

.nt-toggle-fold-btn:hover {
    background: var(--bg-toggle-fold-btn-hover)
}

.nt-toggle-fold-btn:active {
    background: var(--bg-toggle-fold-btn-active)
}

li:has(>.nt-non-foldable>.nt-toggle-fold-btn:hover) {
    background: var(--bg-sub-anchors)
}

li:has(>.nt-non-foldable>.nt-toggle-fold-btn:hover)>.nt-foldable .nt-a {
    background: var(--bg-sub-anchors)
}

li:has(>.nt-non-foldable>.nt-toggle-fold-btn.nt-level-1:hover) .nt-indent-block:first-child {
    border-color: var(--indent-line-highlight)
}

li:has(>.nt-non-foldable>.nt-toggle-fold-btn.nt-level-2:hover) .nt-indent-block:nth-child(2) {
    border-color: var(--indent-line-highlight)
}

li:has(>.nt-non-foldable>.nt-toggle-fold-btn.nt-level-3:hover) .nt-indent-block:nth-child(3) {
    border-color: var(--indent-line-highlight)
}

li:has(>.nt-non-foldable>.nt-toggle-fold-btn.nt-level-4:hover) .nt-indent-block:nth-child(4) {
    border-color: var(--indent-line-highlight)
}

li:has(>.nt-non-foldable>.nt-toggle-fold-btn.nt-level-5:hover) .nt-indent-block:nth-child(5) {
    border-color: var(--indent-line-highlight)
}

.nt-toggle-fold-btn:hover+.nt-a {
    background-color: var(--bg-anchor-hover)
}

.nt-toggle-fold-btn-folded svg {
    transform: rotate(-90deg)
}

.nt-non-foldable {
    grid-template-rows: 1fr;
    display: grid
}

.nt-non-foldable>* {
    grid-row: 1/-1
}

.nt-a {
    background: var(--bg);
    color: var(--fg);
    padding-block: var(--anchor-padding-block);
    padding-right: var(--anchor-padding-inline);
    border-radius: var(--anchor-border-radius);
    grid-column: 1/-1;
    align-self: center;
    text-decoration: none
}

.nt-a code {
    font-size: 1em
}

.nt-a:hover {
    background: var(--bg-anchor-hover)
}

.nt-a:active {
    background: var(--bg-anchor-active)
}

.nt-indent-block {
    transition: border-right calc(var(--folding-duration)/2);
    border-right: var(--indent-line-width)solid var(--indent-line);
    z-index: 1
}

.nt-indent-block,
.nt-unfoldable-icon {
    pointer-events: none
}

.nt-indent-block:first-child {
    grid-column: 1/2
}

.nt-indent-block:nth-child(2) {
    grid-column: 2/4
}

.nt-indent-block:nth-child(3) {
    grid-column: 4/7
}

.nt-indent-block:nth-child(4) {
    grid-column: 7/10
}

.nt-indent-block:nth-child(5) {
    grid-column: 10/13
}

.nt-header {
    padding-right: .5rem;
    padding-left: var(--padding-left);
    justify-content: space-between;
    align-items: flex-end;
    gap: 8px;
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: flex
}

.nt-title {
    color: var(--fg);
    flex-shrink: 1000;
    margin: 0;
    font-size: 1.1em;
    font-weight: 600
}

.nt-btn-group {
    border: 1px solid var(--border-header-btn);
    border-radius: 4px;
    flex-shrink: 1;
    display: flex;
    overflow: hidden
}

.nt-header-btn {
    font: inherit;
    color: var(--fg);
    background: var(--bg-header-btn);
    box-sizing: content-box;
    cursor: pointer;
    border: none;
    padding: 5px
}

.nt-header-btn svg {
    width: 1.4em;
    height: 1.4em;
    display: block
}

.nt-header-btn:not(:first-child) {
    border-left: 1px solid var(--border-header-btn)
}

.nt-header-btn:not([disabled]):hover {
    background: var(--bg-header-btn-hover)
}

.nt-header-btn:not([disabled]):active {
    background: var(--bg-header-btn-active)
}

.nt-header-btn[disabled] {
    color: var(--fg-header-btn-disabled);
    background: var(--bg-header-btn-disabled);
    cursor: default
}

.nt-light-bar {
    --terminal-side-length: calc(var(--light-bar-tip-radius)*2);
    background: var(--light-bar);
    width: var(--light-bar-width);
    height: 0;
    left: calc(var(--padding-left)/2 - var(--light-bar-width)/2);
    z-index: 1
}

.nt-light {
    background: linear-gradient(to left, transparent, var(--light-bar));
    width: var(--light-spread-length);
    height: 100%;
    opacity: var(--light-opacity);
    pointer-events: none;
    z-index: -1;
    left: var(--light-bar-width);
    position: absolute
}

.nt-light-bar-top,
.nt-light-bar-bottom {
    background: var(--light-bar);
    width: var(--terminal-side-length);
    height: var(--terminal-side-length);
    left: calc((var(--terminal-side-length)/2*-1) + var(--light-bar-width)/2);
    border-radius: 50%;
    transition: box-shadow .3s;
    position: absolute
}

.nt-light-bar-top {
    top: calc(var(--terminal-side-length)/2*-1)
}

.nt-light-bar-bottom {
    bottom: calc(var(--terminal-side-length)/2*-1)
}

.nt-light-bar-top.nt-on-fold,
.nt-light-bar-bottom.nt-on-fold {
    background: var(--light-bar-tip-on-fold);
    box-shadow: 0 0 5px var(--light-bar-tip-on-fold);
    z-index: 1
}

.nt-light-bar[style*="height: 0px"] .nt-light-bar-top.nt-on-fold {
    background-color: transparent
}

.nt-top-gradient,
.nt-bottom-gradient {
    pointer-events: none;
    z-index: 5;
    width: 100%;
    height: 30px;
    transition: opacity .3s;
    position: absolute;
    left: 0
}

.nt-top-gradient {
    opacity: 0;
    background: linear-gradient(to bottom, var(--bg), transparent)
}

.nt-bottom-gradient {
    opacity: 1;
    background: linear-gradient(to top, var(--bg), transparent)
}

.nt-a:focus-visible {
    background: var(--bg-anchor-hover);
    outline: none
}

.nt-toggle-fold-btn:focus-visible {
    background: var(--bg-toggle-fold-btn-hover);
    outline: none
}

li:has(>.nt-non-foldable>.nt-toggle-fold-btn:focus-visible) {
    background: var(--bg-sub-anchors)
}

li:has(>.nt-non-foldable>.nt-toggle-fold-btn:focus-visible)>.nt-foldable .nt-a {
    background: var(--bg-sub-anchors)
}

li:has(>.nt-non-foldable>.nt-toggle-fold-btn.nt-level-1:focus-visible) .nt-indent-block:first-child {
    border-color: var(--indent-line-highlight)
}

li:has(>.nt-non-foldable>.nt-toggle-fold-btn.nt-level-2:focus-visible) .nt-indent-block:nth-child(2) {
    border-color: var(--indent-line-highlight)
}

li:has(>.nt-non-foldable>.nt-toggle-fold-btn.nt-level-3:focus-visible) .nt-indent-block:nth-child(3) {
    border-color: var(--indent-line-highlight)
}

li:has(>.nt-non-foldable>.nt-toggle-fold-btn.nt-level-4:focus-visible) .nt-indent-block:nth-child(4) {
    border-color: var(--indent-line-highlight)
}

li:has(>.nt-non-foldable>.nt-toggle-fold-btn.nt-level-5:focus-visible) .nt-indent-block:nth-child(5) {
    border-color: var(--indent-line-highlight)
}

.nt-toggle-fold-btn:focus-visible+.nt-a {
    background-color: var(--bg-anchor-hover)
}

.nt-opacity-1 {
    opacity: 1
}

.nt-ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

/*# sourceMappingURL=base-modern.css.map */