.inw-dark.inw {
    --inw-text-color: #f3f4f6;
    --inw-text-secondary-color: #9ca3af;
    --inw-bg-color: #111827;
    --inw-bg-hover-color: rgba(255,255,255,.03);
    --inw-border-color: #374151;
    --inw-dropdown-border-color: #475161;
    --inw-tab-current-bg-color: #313847
}

.inw {
    --inw-accent: #2563eb;
    --inw-font-size: 14px;
    --inw-text-color: #1a1a1a;
    --inw-text-secondary-color: #6b7280;
    --inw-text-error-color: #ef4444;
    --inw-bg-color: #fff;
    --inw-bg-hover-color: rgba(0,0,0,.018);
    --inw-bg-rubric-color: #2563eb18;
    --inw-border-color: #e5e7eb;
    --inw-dropdown-border-color: #c5c7cb;
    --inw-tab-max-width: 40em;
    --inw-tab-current-bg-color: #eee;

    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: var(--inw-font-size);
    line-height: 1.5;
    color: var(--inw-text-color);
    container-name: inw;
    container-type: inline-size;
}

    .inw * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    .inw .inw-top {
        border-bottom: 1px solid var(--inw-border-color);
    }

    .inw .inw-top,
    .inw .inw-fd {
        background: var(--inw-bg-color);
    }

    .inw [data-inw-sc='0'],
    .inw [data-inw-sc='1'] {
        display: none;
    }

    .inw .inw-sel {
        display: inline-block;
        position: relative;
    }

        .inw .inw-sel button {
            border-radius: 999px;
            padding: 0.43em 1em;
            margin: 0.43em 0 0.43em 1em;
            background: var(--inw-bg-color);
            backdrop-filter: saturate(1.1) blur(3px);
            border: 1px solid var(--inw-border-color);
            font: inherit;
            color: inherit;
        }

            .inw .inw-sel button::after {
                display: inline-block;
                margin-left: .5em;
                vertical-align: .1em;
                content: "";
                border-top: .3em solid;
                border-right: .3em solid transparent;
                border-bottom: 0;
                border-left: .3em solid transparent;
            }

        .inw .inw-sel ul {
            display: none;
            position: absolute;
            background-color: var(--inw-bg-color);
            border: 1px solid var(--inw-dropdown-border-color);
            padding: 0.29em;
            border-radius: 0.29em;
            min-width: 100%;
            list-style-type: none;
            z-index: 2;
            margin: 0.14em 0em 0 1em
        }

        .inw .inw-sel.inw-sel-o ul {
            display: block;
        }

        .inw .inw-sel li {
            padding: 0.29em;
            cursor: pointer;
        }

            .inw .inw-sel li.inw-sel-s {
                background-color: var(--inw-tab-current-bg-color);
                cursor: unset;
            }

    .inw .inw-meta {
        display: none;
    }

    .inw .inw-c {
        display: flex;
        gap: 0.86em;
        padding: 0.86em 1em;
        border-bottom: 1px solid var(--inw-border-color);
        transition: background .15s;
        position: relative;
    }

        .inw .inw-c:last-child {
            border-bottom: none;
        }

        .inw .inw-c:hover {
            background: var(--inw-bg-hover-color);
        }

    .inw .inw-img {
        flex-shrink: 0;
        width: 5.14em;
        height: 5.14em;
        border-radius: 0.57em;
        object-fit: cover;
        background: var(--inw-border-color);
    }

        .inw .inw-img.inw-h {
            display: none;
        }

    .inw .inw-b {
        flex: 1;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 0.21em;
        min-height: 5.43em;
    }

    .inw .inw-h1 {
        font-size: 1em;
        font-weight: 600;
        color: var(--inw-text-color);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.35;
    }

    .inw .inw-m {
        display: flex;
        align-items: center;
        gap: 0.43em;
        font-size: 0.786em;
        color: var(--inw-text-secondary-color);
        flex-wrap: wrap;
    }

    .inw .inw-sep::before {
        content: "\00b7";
    }

    .inw .inw-rb {
        display: inline-block;
        padding: 0.07em 0.43em;
        border-radius: 0.21em;
        font-size: 0.9em;
        font-weight: 500;
        background: var(--inw-bg-rubric-color);
        color: var(--inw-accent);
    }

    .inw .inw-syn {
        font-size: 0.857em;
        color: var(--inw-text-secondary-color);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.45;
    }

    .inw .inw-hit,
    .inw .inw-x {
        display: none;
        border: 0;
        background: transparent;
        font: inherit;
        color: inherit;
    }

    .inw .inw-c.inw-local:not(.inw-open) .inw-hit {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        cursor: pointer;
    }

    .inw .inw-c.inw-open .inw-x {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0.45em;
        right: 0.55em;
        z-index: 2;
        width: 1.7em;
        height: 1.7em;
        border-radius: 50%;
        background: var(--inw-border-color);
        color: var(--inw-text-secondary-color);
        line-height: 1;
        cursor: pointer;
    }

    .inw .inw-c.inw-open .inw-b {
        padding-right: 1.6em;
    }

    .inw .inw-c.inw-open .inw-h1 {
        display: block;
        -webkit-line-clamp: unset;
        overflow: visible;
    }

    .inw .inw-c.inw-open .inw-syn {
        display: none;
    }

    .inw .inw-det {
        display: none;
        margin-top: 0.35em;
        font-size: 0.857em;
        line-height: 1.45;
        color: var(--inw-text-secondary-color);
    }

    .inw .inw-c.inw-open .inw-det {
        display: block;
    }

    .inw .inw-det-t {
        white-space: pre-wrap;
        overflow-wrap: anywhere;
        color: var(--inw-text-color);
    }

    .inw .inw-det-s {
        display: inline-block;
        margin-top: 0.55em;
        color: var(--inw-accent);
        overflow-wrap: anywhere;
    }

    .inw .inw-det.inw-det-err {
        color: var(--inw-text-error-color);
    }

    .inw .inw-sr {
        display: flex;
        align-items: center;
        gap: 0.29em;
        margin-top: 0.14em;
    }

    .inw .inw-sp {
        width: 1.14em;
        height: 1.14em;
        border-radius: 50%;
        object-fit: cover;
        border: 1px solid var(--inw-border-color);
        flex-shrink: 0;
    }

        .inw .inw-sp.inw-h {
            display: none;
        }

    .inw .inw-sn {
        font-size: 0.786em;
        color: var(--inw-text-secondary-color);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .inw .inw-empty,
    .inw .inw-load,
    .inw .inw-err {
        padding: 2em 1.14em;
        text-align: center;
        font-size: 0.929em;
    }

    .inw .inw-empty,
    .inw .inw-load {
        color: var(--inw-text-secondary-color);
    }

    .inw .inw-err {
        color: var(--inw-text-error-color);
    }

    .inw .inw-ft {
        display: flex;
        justify-content: flex-end;
        padding: 0.43em 1em;
        border-top: 1px solid var(--inw-border-color);
    }

        .inw .inw-ft a {
            font-size: 0.714em;
            color: var(--inw-text-secondary-color);
            text-decoration: none;
            opacity: .5;
            transition: opacity .15s;
        }

    .inw .inw-link {
        text-decoration: none;
        color: inherit;
    }

    .inw .inw-h1 .inw-link:hover {
        color: var(--inw-accent);
    }

    .inw .inw-ft a:hover {
        opacity: 1;
    }

    .inw.inw-compact .inw-top {
        border-bottom: none;
    }

    .inw.inw-compact .inw-sel button {
        padding: 0.14em 1em;
        margin: 0.14em 0 0 1em;
        font: 0.75em;
    }

    .inw.inw-compact .inw-c {
        padding: 0.57em 0.86em;
        gap: 0.57em;
    }

    .inw.inw-compact .inw-b {
        min-height: 0;
    }

    .inw.inw-compact .inw-img {
        width: 3.43em;
        height: 3.43em;
        border-radius: 0.43em;
    }

    .inw.inw-compact .inw-h1 {
        font-size: 0.929em;
        -webkit-line-clamp: 1;
    }

    .inw.inw-compact .inw-c.inw-open .inw-h1 {
        -webkit-line-clamp: unset;
    }

    .inw.inw-compact .inw-syn {
        display: none;
    }



@container inw (width > var(--inw-tab-max-width)) {
    .inw .inw-top {
        background: none;
    }

    .inw .inw-sel {
        padding-bottom: 0;
    }

        .inw .inw-sel button {
            display: none;
        }

        .inw .inw-sel ul {
            display: block;
            position: relative;
            border: none;
            margin: 0.93em 0 0 1.29em;
            padding: 0;
            min-width: unset;
        }

        .inw .inw-sel li {
            display: inline-block;
            border: 1px solid var(--inw-border-color);
            border-bottom: none;
            border-left: none;
            padding: 0.43em 0.75em;
        }

            .inw .inw-sel li:first-of-type {
                border-top-left-radius: 0.5em;
                border-left: 1px solid var(--inw-border-color);
            }

            .inw .inw-sel li:last-of-type {
                border-top-right-radius: 0.5em;
            }

    .inw.inw-compact .inw-top {
        border-bottom: 1px solid var(--inw-border-color);
    }

    .inw.inw-compact .inw-sel li {
        padding: 0.14em 0.75em;
    }
}