/* サムネイル */
.thumbnail {
    max-width: fit-content;
}

/* textarea */
textarea.form-control {
    field-sizing: content;
    min-height: 6rem;
}

/* チェックボックスがついているラベル */
/* btn-tag-checkだとチェックボックスが付かない */
.btn-tag-wrapper {
    display: inline-flex;
    align-items: center;
    margin: .25rem
}

.btn-tag-check {
    position: absolute;
    margin-left: 1rem;
    accent-color: var(--gk-body-bg);
}

.btn-tag-check+.btn {
    padding-left: 2rem;
}

.btn-tag-check:disabled+.btn,
.btn-tag-check[disabled]+.btn {
    filter: none;
    opacity: .65;
    pointer-events: none;
}

.btn-tag-check:focus-visible+.btn {
    border-color: var(--gk-btn-hover-border-color);
    box-shadow: var(--gk-btn-focus-box-shadow);
    outline: 0;
}

.btn-tag-check:checked+.btn,
:not(.btn-tag-check)+.btn:active {
    background-color: var(--gk-btn-active-bg);
    border-color: var(--gk-btn-active-border-color);
    color: var(--gk-btn-active-color);
}

.btn-tag-check:checked+.btn:focus-visible,
:not(.btn-tag-check)+.btn:active:focus-visible {
    box-shadow: var(--gk-btn-focus-box-shadow);
}

.btn-tag-check:checked:focus-visible+.btn {
    box-shadow: var(--gk-btn-focus-box-shadow);
}

.btn-tag-check:active+.btn .icon-checked,
.btn-tag-check:checked+.btn .icon-checked {
    opacity: 1;
}

/* 代理ログイン */
.djhjCheckbox {
    display: none;
}

.djhjCheckbox+.djhjMain {
    /* max-height: max-content; */
    /* max-height: fit-content; */
    display: grid;
    grid-template-rows: 1fr;
    transition-duration: 0.1s;
    transition-property: max-height, grid-template-rows;
    transition-delay: 0.1s;
}

.djhjCheckbox:checked+.djhjMain {
    grid-template-rows: 0fr;
    transition-delay: 0.2s;
}

.djhjCheckbox+.djhjMain+.djhjSmall {
    display: grid;
    grid-template-rows: 0fr;
    transition-duration: 0.1s;
    transition-delay: 0s;
    transition-property: grid-template-rows;
}

.djhjCheckbox:checked+.djhjMain+.djhjSmall {
    transition-delay: 0.2s;
    grid-template-rows: 1fr;
}