#pf2e-hud-sidebar[data-type="skills"] {
    .hide-untrained {
        display: flex;
        position: relative;
        height: var(--action-image-height);
        min-width: var(--min-width);
        max-width: var(--max-column-width);
        align-items: center;

        span {
            position: absolute;
            left: calc(
                var(--action-image-height) + var(--item-gap) + var(--item-name-padding) - 1px
            );
        }
    }

    [data-action="follow-the-expert"] {
        margin-top: 2px;
    }

    header,
    .lore {
        display: flex;
        align-items: center;
        padding-inline: 0.2em;
        justify-content: space-between;

        a span {
            color: var(--color-accent);
            margin-right: 0.2em;
            display: inline-block;
            width: 1.6em;
            text-align: end;
        }

        .rank {
            font-size: 0.9em;
        }
    }

    .lore-header {
        justify-content: center;
    }

    .lore {
        padding-block: 0.2em;

        .name {
            background: none;
            padding: 0;
        }
    }
}

.application.dialog.pf2e-hud.skills {
    input[type="number"] {
        flex: 0 0 2em;
        text-align: center;
        padding: 0;
    }

    select[name="map"] {
        flex: 0;
        width: fit-content;
    }

    .form-footer {
        .drag-img {
            height: calc(1.25 * var(--input-height));
            border-radius: 4px;
            border: 1px solid var(--color-text-secondary);
            cursor: pointer;
        }
    }
}

.application.dialog.pf2e-hud-action-choices {
    .form-footer {
        flex-direction: column;
        align-items: stretch;
    }
}
