@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');

:root {
    --1d2021: #101010;
    --282828: #1a1a1a;
    --3c3836: #1e1e1e;
    --504945: #232323;
    --928374: #949494;
    --a89984: #d2d2d2;
    --bdae93: #d2d2d2;
    --8ec07c: #99c794;
    --ebdbb2: #d2d2d2;
    --comment: #5f6364;
    --default: #cccece;
    --keyword: #c594c5;
    --string: #99c794;
}

body {
    font-family: 'Inter', sans-serif;
}

.web .text-result .title {
    font-weight: 500;
    letter-spacing: -0.01em;
    font-size: 17px;
    color: #8ab4f8;
}

.web .text-result a:visited .title {
    color: #c58af9 !important;
}

.text-result {
    padding: 10px 12px;
}

.text-result:hover {
    background: var(--282828);
}

.timetaken {
    font-size: 12px;
    color: #505050;
    margin-bottom: 4px;
}

.nextpage {
    display: inline-block;
    margin-top: 16px;
    padding: 6px 14px;
    border: 1px solid #232323;
    color: #d2d2d2 !important;
    text-decoration: none;
    font-size: 14px;
}

.filters {
    border-top: 1px solid #1e1e1e;
    border-bottom: 1px solid #1e1e1e;
}

.answer {
    padding: 10px 12px;
    background-color: var(--282828);
    border: 1px solid #232323;
}

.answer:after {
    background: transparent !important;
}

.answer-wrapper .spoiler-button {
    background-color: var(--282828);
    border: 1px solid #232323;
    border-top: none;
}

.filters {
    padding-block: 10px;
    border-bottom: none
}