@charset "UTF-8";.sidenote-label {
    border-bottom: .2rem dashed #f67700;
    position: relative
}

.sidenote-label[data-inline] {
    cursor: pointer
}

.sidenote:hover .sidenote-label {
    background-color: #fff3e6;
    border-bottom: .2rem solid #f67700
}

.sidenote:hover .sidenote-content {
    border: .2rem dashed;
    padding: .875rem;
    border-color: #f67700;
    background-color: #fff3e6
}

.sidenote-content {
    display: none;
    position: absolute;
    width: max-content;
    max-width: 15rem;
    box-sizing: border-box;
    border: .075rem solid #999;
    border-radius: .2rem;
    margin-top: -1.5rem;
    padding: 1rem;
    text-align: left;
    background-color: #fff
}

.sidenote-content.sidenote-right {
    right: calc(-1 * (15rem + 3rem))
}

.sidenote-content.sidenote-left {
    left: calc(-1 * (15rem + 3rem))
}

.sidenote-content.sidenote-inline {
    position: static;
    width: 100%;
    max-width: 45rem;
    margin: 1rem 0
}

.sidenote-label[data-inline]::after {
    content: "▼";
    font-size: .8em;
    margin-left: .2em;
    color: #f67700
}

.sidenote-label[aria-expanded=true][data-inline]::after {
    content: "▲"
}

body:not(.sidenotes-positioned) {
    opacity: 0
}

body.sidenotes-positioned {
    opacity: 1
}