#rss {
    display: grid;
    padding: 0 1rem 1rem 1rem;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
    grid-auto-rows: max-content;
    row-gap: 16px;
    scrollbar-gutter: stable;

    a {
        .link();
    }

    input, textarea {
        .input();
    }
    textarea {
        resize: vertical;
    }

    .button {
        .button();
        padding: 0 1rem;
        min-height: 36px;
    }

    .title {
        .title();
    }

    .url {
        @media (min-width: 1024px) {
            grid-auto-flow: column;
            justify-content: start;
            column-gap: 1rem;
        }
    }

    .panel {
        .panel();
        row-gap: 0.6875rem;
        button {
            width: fit-content;
        }
        p input {
            max-width: 50px;
            text-align: center;
        }
    }

    .autoinput {
        .autoinput();
    }

    form {
        display: grid;
        gap: 1rem;
        @media (min-width: 1024px) {
            grid-template-columns: 1fr 1fr;
            grid-template-areas:
                "links mode"
                "links freq";
        }

        .links {
            @media (min-width: 1024px) {
                grid-area: links;
            }

            .controls {
                display: grid;
                gap: 1rem;
    
                @media (min-width: 768px) {
                    grid-template-columns: 1fr auto;
                }
            }
        }

        .mode {
            @media (min-width: 1024px) {
                grid-area: mode;
            }

            label {
                display: grid;
                grid-auto-flow: column;
                column-gap: 0.5rem;
                max-width: max-content;
                span {
                    cursor: pointer;
                    &:is(.dark *) {
                        color: #d09074;
                    }
                    &:is(.light *) {
                        color: #764646;
                    }
                }
            }
        }

        .freq {
            @media (min-width: 1024px) {
                grid-area: freq;
            }
        }
    }
}
