@import url('https://fonts.googleapis.com/css2?display=swap&family=Inter:wght@200;300;900');
@import url('https://fonts.googleapis.com/css2?display=swap&family=M+PLUS+2:wght@200;300;900');
@import url('https://fonts.googleapis.com/css2?display=swap&family=Poppins:wght@200;300;900');


/** colors */

body {
    __--bs-link-color-rgb: 66, 184, 131 !important;
    __--bs-link-hover-color-rgb: 64, 180, 128 !important;
}

nav.navbar i.bi {
    __color: #22cbe1;
}


/** navbar */

nav.navbar a.navbar-brand {
    margin-left: 0.5rem;
    margin-right: 0.6rem;
}

nav.navbar a.navbar-brand,
nav.navbar a.nav-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

nav.navbar a.navbar-brand img {
    height: 34px;
    margin: 8px 0.8rem 8px 0.4rem;
    font-size: 12px;
}

nav.navbar a.navbar-brand img[src$="images/unity/made-with-unity.svg"] {
    height: 32px;
    margin: 10px 0.8rem 8px 0.5rem;
}

nav.navbar ul.dropdown-menu {
    padding: 8px 12px;
    width: max-content;
}

nav.navbar ul.dropdown-menu .nav-link {
    padding: 2px;
}

nav.navbar ul.navbar-nav>li:first-child,
nav.navbar ul.navbar-nav>li:last-child {
    display: none;
}


/** left side toc */

nav.toc .flex-fill.overflow-y-auto {
    padding-bottom: 1rem;
}

nav.toc span.expand-stub {
    __display: none !important;
    padding-right: 0.2rem;
    line-height: 1.2rem;
}

nav.toc li {
    margin: 0.6em 0;
}

nav.toc li>ul>li>ul {
    margin-bottom: 0.9em;
}

nav.toc ul>li>ul>li>ul>li>ul {
    font-size: 0.95em;
    line-height: 1.1em;
}

nav.toc span.name-only {
    /* hard-coded in modern template */
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}

nav.toc ul>li:first-child>span.name-only {
    margin-top: 0.16em;
}

nav.toc ul>li>ul>li>ul>li>ul span.name-only {
    margin: 0.4em 0 0 0;
}


/** affix */

body[data-yaml-mime=ManagedReference] div.affix .badge {
    vertical-align: super;
}

body[data-yaml-mime=ManagedReference] div.affix .link-body-emphasis {
    font-size: 1.1em;
    line-height: 1em;
}

body[data-yaml-mime=ManagedReference] div.affix .link-secondary {
    font-size: 0.9em;
}

[data-bs-theme=light] body[data-yaml-mime=ManagedReference] div.affix .link-secondary {
    opacity: 0.75;
}


/** api page badges */

article h1 .badge,
article h2 .badge {
    font-size: 0.4em;
    line-height: 1em;
    font-weight: 300;
    letter-spacing: 0;
    vertical-align: super !important;
}

article h3 .badge {
    font-size: 0.5em;
    line-height: 1em;
    font-weight: normal;
    letter-spacing: 0;
    vertical-align: super !important;
}

body[data-yaml-mime=ManagedReference] article dt .badge {
    vertical-align: text-top !important;
    font-size: 0.75em !important;
    font-weight: normal;
}


/** api page */

body[data-yaml-mime=ManagedReference] article h2 {
    position: relative;
}

body[data-yaml-mime=ManagedReference] article dl.typelist>dt {
    font-weight: 300;
    font-size: 1.2em;
}

body[data-yaml-mime=ManagedReference] article div.facts {
    margin-top: 0;
    margin-bottom: 0;
}

body[data-yaml-mime=ManagedReference] article div.summary {
    margin-top: 1.6rem;
}

body[data-yaml-mime=ManagedReference] article dl.jumplist dd>*:first-child {
    margin-top: 0.25em;
}


/** obsolete and deprecated */

.codewrapper.deprecated {
    __margin-top: 20px !important;
}

.codewrapper.deprecated::before {
    content: "Deprecated";
}

.codewrapper.deprecated.obsolete::before {
    content: "Obsolete";
}

.codewrapper.deprecated::before {
    display: block;
    position: absolute;
    z-index: 310;
    right: 0;
    top: -10px;
    border-radius: 5px;
    padding: 0px 16px;
    font-weight: 900;
    font-size: 14px;
    opacity: 1;
    color: #ff0000;
    background: #f5f5f5;
}

.codewrapper.deprecated>pre>code {
    background: #f5f5f5;
}

article h1+.facts+.codewrapper.deprecated::before {
    color: #000000;
    background: var(--bs-warning-bg-subtle);
}

article h1+.facts+.codewrapper.deprecated>pre>code {
    background: var(--bs-warning-bg-subtle);
}


/** article */

article h1,
article h2 {
    margin-top: 3rem;
}

article h1+h2 {
    margin-top: 1rem;
}

article h3,
article h4,
article h5,
article h6 {
    margin-top: 1.6rem;
}

article h1:first-child,
article h2:first-child,
article h3:first-child,
article h4:first-child,
article h5:first-child,
article h6:first-child {
    margin-top: 0;
}

article>p+ul,
article>p+ol {
    margin-top: -0.75rem;
}

article ul>li>p,
article ol>li>p {
    margin-bottom: 0;
}

article ul>li:last-child,
article ol>li:last-child {
    margin-bottom: 0.25em;
}

article li img {
    margin-top: 0.16em;
    margin-bottom: 1.0em;
}


/** content */

h1 code,
h2 code {
    font-size: 1.05em !important;
}

code {
    font-size: 1em !important;
}

.alert {
    padding: 0.75rem 1.5rem;
}

.alert>*:last-child {
    margin-bottom: 0;
}

.anchorjs-link {
    font-weight: 200;
}


/** font styles */

nav.navbar a.navbar-brand {
    font-size: 1.5em;
    font-family: 'Poppins', sans-serif;
}

h1,
h2 {
    font-family: 'Inter', 'M PLUS 2', sans-serif;
    letter-spacing: -0.025em;
    font-weight: 900;
}

h3,
body[data-yaml-mime=ManagedReference] article h3[data-uid] {
    font-weight: 200;
}


/** fix errors */

/** almostly 404 not found */
div.contribution.d-print-none {
    display: none !important;
}

/** breadcrumb
 *  NOTE: docfx bultin script logic is broken.
 *        wrong result when root expandable in TOC has link to document.
 *        these styles partially fix problem but not perfect.
 *        (wrong when root expandable is selected)
 */

.breadcrumb>li:not(:only-of-type):first-child {
    display: none;
}

.breadcrumb>li:nth-child(2) {
    padding-left: unset;
}

.breadcrumb>li:nth-child(2)::before {
    content: none;
}