[data-bs-theme=light] {
    --bs-body-bg: #f2f5f7;
    --bs-body-color: #192a3d;
    --bs-footer-bg: #fff;
    --my-invert-value: 0%;
    --alert-note-bg: #7bb8ff;
    --alert-tip-bg: #82ffa5;
    --alert-important-bg: #ad81ff;
    --alert-important-border-bg: var(--bs-danger-border-subtle);
    --alert-warning-bg: #ffcf6e;
    --alert-caution-bg: #ff858d;
    --code-bg: #ebebeb;
}

[data-bs-theme=dark]{
    --my-invert-value: 86%;
    --alert-note-bg: #163457;
    --alert-tip-bg: #13692b;
    --alert-important-bg: #2f185d;
    --alert-important-border-bg: #762cff;
    --alert-warning-bg: #413214;
    --alert-caution-bg: #591519;
    --code-bg: #242424;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: nones;
}

body > main > div.toc-offcanvas{
    max-width: 100% !important;
}

#toc > div > ul > li.active{
    display: none;
}

.name-only{
    font-size: 16px;
}

.hljs {
    background-color: #eeeeee;
}

p code {
    border-radius: 4px;
    padding: 0.15em 0.3em;
    border-width: 0px;
    background-color: var(--code-bg);
}

#dream{
    text-align: center;
    display: inline-block; 
    padding-top: 12px;
}

#dream_img{
    max-width: 100%;
    height: auto;
    -webkit-filter: invert(var(--my-invert-value));
    filter: invert(var(--my-invert-value));
}

footer{
    background-color: var(--bs-footer-bg);
    height: auto !important;
}

.license{
    display: inline-block !important;
    background-color: #faf4e0;
    border-left-color: var(--bs-danger) !important;
    padding: 0.75rem;
    border-left: 0.35rem solid;
    border-radius: 0.25rem;
    margin: 1.5rem 0;
    color: #3c4858;
}

.license a{
    color: #3c4858;
}

input[type=checkbox]:checked{
    border-color: hsl(calc(258 - 1), calc(88% * 1.01), calc(66% * 1.075));
    background-color: hsl(calc(258 - 1), calc(88% * 1.01), calc(66% * 1.075));
    color: hsl(calc(258 - 1), calc(88% * 1.01), calc(66% * 1.075));
}

input[type=checkbox] {
    -webkit-appearance: none;
    appearance: none;
    top: 0.1em;
    border-radius: 4px;
    border: 1px solid;
    flex-shrink: 0;
    padding: 0;
    margin: 0;
    margin-inline-end: 3px;
    width: 14px;
    height: 14px;
    position: relative;
    transition: box-shadow 0.15s ease-in-out;
}

input[type=checkbox]:checked:after {
    content: "";
    top: -1px;
    inset-inline-start: -1px;
    position: absolute;
    width: 14px;
    height: 14px;
    display: block;
    background-color: var(--bs-white);
    -webkit-mask-position: 52% 52%;
    -webkit-mask-size: 120%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check" viewBox="0 0 16 16"> <path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z"/></svg>');
    mask-position: 52% 52%;
    mask-size: 120%;
    mask-repeat: no-repeat;
    mask-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check" viewBox="0 0 16 16"> <path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z"/></svg>');
}

.task-list-item{
    margin-left: -22px;
}

.task-list-item::marker {
    content: '';
}

.table {
    width: auto;
}

.NOTE {
    --bs-alert-bg: var(--alert-note-bg);
}

.NOTE h5:before {
    content: "\F7BF";
}

.TIP {
    --bs-alert-bg: var(--alert-tip-bg);
}

.TIP h5:before {
    content: "\F46B";
}

.IMPORTANT {
    --bs-alert-bg: var(--alert-important-bg);
    --bs-alert-border-color: var(--alert-important-border-bg);
}

.IMPORTANT h5:before {
    content: "\F1D2";
}

.WARNING {
    --bs-alert-bg: var(--alert-warning-bg);
}

.WARNING h5:before {
    content: "\F33B";
}

.CAUTION {
    --bs-alert-bg: var(--alert-caution-bg);
}

.CAUTION h5:before {
    content: "\F7F6";
}

@counter-style circled-alpha {
    system: fixed;
    symbols: １ ２ ３ ４ ５ ６ ７ ８ ９;
    prefix: '［';
    suffix: '］';
  }

.footnotes ol {
    padding-left: 4rem; 
    list-style: circled-alpha;
}

.footnote-back-ref {
    display: none;
}

.comment{
    display: inline-block !important;
}