.changelog-entry.svelte-rjnu5v {
    display: grid;
    gap: 20px
}

h2.svelte-rjnu5v {
    display: grid;
    padding-block: .5rem 1rem
}

h2.svelte-rjnu5v:hover {
    text-decoration: underline
}

@media screen and (min-width: 513px) {
    .padded.svelte-rjnu5v {
        padding-inline: 1rem
    }
}

.wrapper.svelte-7wfnvb.svelte-7wfnvb {
    --padding-inline: 1rem;
    box-sizing: border-box;
    max-width: calc(49.375rem + var(--padding-inline) * 2);
    padding-inline: var(--padding-inline)
}

ul.svelte-7wfnvb.svelte-7wfnvb {
    --padding-is: 2rem;
    --dot-offset: .25rem;
    display: grid;
    gap: 5rem;
    padding-inline-start: var(--padding-is);
    border-inline-start: 2px solid transparent;
    margin-block-start: 5rem;
    position: relative
}

ul.svelte-7wfnvb.svelte-7wfnvb:before {
    content: "";
    background: linear-gradient(to bottom, hsl(var(--web-color-greyscale-700)) 0%, hsl(var(--web-color-greyscale-700)) 95%, transparent 100%);
    position: absolute;
    inset-inline-start: -.5px;
    inset-block-start: var(--dot-offset);
    width: 1px;
    height: 100%
}

ul.svelte-7wfnvb li.svelte-7wfnvb {
    position: relative
}

ul.svelte-7wfnvb li .web-dot.svelte-7wfnvb {
    position: absolute;
    inset-inline-start: calc(var(--padding-is) * -1);
    translate: -50% var(--dot-offset)
}

button.svelte-7wfnvb.svelte-7wfnvb {
    margin-block-start: 5rem;
    margin-inline: auto;
    min-inline-size: 10.9375rem
}

@media screen and (max-width: 512px) {
    ul.svelte-7wfnvb.svelte-7wfnvb {
        padding-inline-start: 0;
        margin-block-start: 2.5rem
    }

    ul.svelte-7wfnvb.svelte-7wfnvb:before {
        display: none
    }
}