@import "sphinx-book-theme.css";

:root {
    --ou-color-activity: 98, 191, 178;
    --ou-color-where-next: 45, 187, 235;
    --ou-icon-time: '\f017';
    --ou-icon-where-next: '\f0a4';
}

@import "_activity";

.ou-time {
    position: relative;
    margin: 0 -.3rem;
    padding: .4rem .3rem .4rem 2rem;
    font-style: italic;
    font-size: 90%;
}

.ou-time::before {
    position: absolute;
    left: .3rem;
    width: 1rem;
    height: 1rem;
    color: currentColor;
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    font-style: normal;
    content: var(--ou-icon-time);
}

.ou-where-next {
    margin: 1.5625em auto;
    padding: 0 .6rem .8rem;
    overflow: hidden;
    page-break-inside: avoid;
    border-left: .2rem solid;
    border-left-color: rgba(var(--ou-color-where-next),1);
    border-bottom-color: rgba(var(--pst-color-admonition-default),1);
    border-right-color: rgba(var(--pst-color-admonition-default),1);
    border-top-color: rgba(var(--pst-color-admonition-default),1);
    border-radius: .2rem;
    box-shadow: 0 .2rem .5rem rgba(0,0,0,.05),0 0 .0625rem rgba(0,0,0,.1);
    transition: color .25s,background-color .25s,border-color .25s;
}

.ou-where-next-title {
    position: relative;
    margin: 0 -.6rem;
    padding: .4rem .6rem .4rem 2rem;
    font-weight: 700;
    background-color: rgba(var(--ou-color-where-next),.1);
}

.ou-where-next-title::before {
    position: absolute;
    left: .6rem;
    width: 1rem;
    height: 1rem;
    color: rgba(var(--ou-color-where-next),1);
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    content: var(--ou-icon-where-next);
}

.ou-where-next p.ou-where-next-title + * {
    margin-top: .4rem;
}

.ou-where-next p.ou-where-next-title ~ * {
    margin-left: 1.4rem;
    margin-right: 1.4rem;
}

.ou-where-next > :last-child {
    margin-bottom: 0;
}
