nav {
    color: rgb(242 242 242);
    #search-list, #search-list-mobile {
        a {
            height: 3.25rem;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;

            div {
                margin: 0 1rem;
                height: 100%;
                display: flex;
                align-items: center;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis

            }

            span {
                text-overflow: ellipsis;
                width: 100%;
                overflow: hidden;
            }
        }
        a:hover {
            color: #e87722;
        }
    }
}
nav[data-theme="dark"] #search-button {
    color: #f2f2f2
}
nav[data-theme="light"] #search-button {
    color: #070401;
}
nav[data-theme="light"] #search-list {
    background-color: rgba(242, 242, 242, 0.5);
    color: #070401;
    border-bottom: 0.063rem solid #666666;
}
nav[data-theme="dark"] #search-list {
    background-color: rgba(7, 4, 1, 0.5);
    color: #F2F2F2;
    border-bottom: 0.063rem solid #666666;
}
nav #search-list-mobile {
    border-bottom: 0.063rem solid #666666;
}
[data-theme="dark"] {
    color: rgb(242 242 242);

}
[data-theme="light"] {
    color: rgb(7 5 2);
}