* {
    all: unset;
    font-family: "Fira Sans";
    font-size: 14px;
}

#window,
#match,
#entry,
#plugin,
#main {
    background: transparent;
    border: 1px solid transparent;
    color: #c0caf5;
}

#match.activatable {
    border-radius: 10px;
    padding: .3rem .9rem;
    margin-top: .01rem;
}
#match.activatable:first-child { margin-top: .7rem; }
#match.activatable:last-child { margin-bottom: .6rem; }

#plugin:hover #match.activatable {
    border-radius: 10px;
    padding: .3rem;
    margin-top: .01rem;
    margin-bottom: 0;
}

#match:hover, #plugin:hover { border: 1px solid #414868; }

#match:selected { border: 1px solid #bb9af7; }

#entry {
    background: alpha(#1a1b26, .05);
    border: 1px solid #414868;
    border-radius: 10px;
    margin: .3rem;
    padding: .3rem 1rem;
}

list > #plugin {
    border-radius: 10px;
    margin: 0 .3rem;
}
list > #plugin:first-child { margin-top: .3rem; }
list > #plugin:last-child { margin-bottom: .3rem; }
list > #plugin:hover { padding: .6rem; }

box#main {
    background: alpha(#1a1b26, .5);
    box-shadow: inset 0 0 0 1px alpha(#bb9af7, .1), 0 0 0 1px alpha(#1a1b26, .5);
    border-radius: 10px;
    padding: .3rem;
}