
.amll-switch-config
    // margin-top: 16px
    // &:first-child
    //     margin-top: 0
    > *
        display: flex
        width: 100%
        justify-content: space-between

    .appkit-switch-inner
        align-self: start
.amll-lyric-sources-list
    font-size: 13px
    display: flex
    flex-direction: column
    gap: 8px
    > *
        border-radius: 8px
        border: solid 1px rgba(255, 255, 255, 0.05)
        padding: 8px
.amll-lyric-source-item
    display: flex
    align-items: center
    gap: 8px
    &:hover
        .amll-source-more
            visibility: visible
.amll-source-more
    visibility: hidden
.amll-handle
    cursor: grab
    &:active
        cursor: grabbing
.amll-lyric-source-add-group
    display: flex
    flex-direction: column
    gap: 8px
.amll-source-info
    flex: 1
    min-width: 0
    overflow: hidden
    white-space: nowrap
    text-overflow: ellipsis
    .desc
        opacity: 0.5
        font-size: 0.9em
        white-space: normal
.amll-config-text
    font-size: 13px
    margin-right: 8px

    .amll-config-description
        font-size: 11.24px
        opacity: 0.5
        white-space: pre-wrap
.lyric-search-logs-title
    font-weight: 700
    font-size: 13px
    padding-bottom: 8px
    border-bottom: solid 1px rgba(255, 255, 255, 0.05)
.lyric-search-logs
    .logs > *
        padding-bottom: 8px
        border-bottom: solid 1px rgba(255, 255, 255, 0.05)
        &:last-child
            padding-bottom: 0
            border-bottom: none
        > .source
            margin-top: 8px
            font-size: 13px
        > .log
            font-size: 11px
.amll-debug-states
    display: grid
    grid-template-columns: 0fr 1fr
    grid-auto-columns: max-content
    gap: 4px
    column-gap: 1em
    > *
        align-self: baseline
        line-height: 16px
        min-height: 1em
        box-sizing: content-box
        &:nth-child(odd)
            white-space: nowrap
            justify-self: end
        &:nth-child(even)
            user-select: text
            cursor: text
            font-family: 'Fira Code', 'Courier New', Courier, 'PingFang SC', monospace
            border: solid 1px #FFFFFF0D
            border-radius: 6px
            background: #FFFFFF0D
            font-size: 13px
            font-weight: 400
            color: white
            padding: 3.5px 7px
            white-space: pre
            max-height: 10em
            overflow: auto
            &::after
                content: " "