@charset "UTF-8";

/*!

    YDITS for Web

    Copyright (C) よね/Yone
    Licensed under the Apache License 2.0.

    https://github.com/YDITS/YDITS-Web

*/

main {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

main>.content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.support-browser-type {
    display: flex;
    flex-direction: column;

    border-radius: 1rem;
    padding: 2rem;
    gap: 1rem;

    background-color: #333;
}

.support-browser-type--supported {
    background-color: #363;
}

.support-browser-type--unsupported {
    background-color: #633;
}

.support-browser-type-description {
    font-size: 1.3rem;
}

.browser-category-list {
    display: flex;
    flex-direction: column;
    /* gap: 2rem; */
}

.browser-category-item {
    display: flex;
    flex-direction: column;

    border-radius: 1rem;
    padding: 1rem;
    gap: 1rem;

    /* background-color: #4448; */
}

.browser-category-title {
    font-size: 1.2rem;
}

.browser-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    list-style: none;
}

.browser-item {
    padding: 1rem;
    border-radius: 1rem;
    background-color: #0008;
}

.browser-description {
    margin-top: 1rem;
    padding-left: 1rem;
}