/* Main background color modification */
.btn-info,
.wy-menu-vertical a:active,
.wy-side-nav-search,
.wy-side-nav-search img,
.wy-nav .wy-menu-vertical a:hover,
.wy-nav-top img,
.wy-tray-item-info,
.wy-side-nav-search,
.wy-dropdown-menu>dd>a:hover,
.wy-dropdown-menu a:hover,
.wy-nav-top {
    background-color: #9477bf !important;
}

.wy-menu-vertical header,
.wy-menu-vertical p.caption {
    color: #9477bf;
}

.wy-menu-vertical a:visited {
    color: #d9d9d9;
}

.wy-side-nav-search>a:visited,
.wy-side-nav-search .wy-dropdown>a:visited {
    color: #fcfcfc;
}

.rst-content code.literal,
.rst-content tt.literal,
.rst-content span.literal {
    color: #9477bf;
}

html.writer-html4 .rst-content dl:not(.docutils)>dt,
html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.glossary):not(.simple)>dt {
    background: #ebffe1;
    color: #9477bf;
    border-top: solid 3px #9477bf;
}

.rst-content .note,
.rst-content .seealso,
.rst-content .wy-alert-info.admonition,
.rst-content .wy-alert-info.admonition-todo,
.rst-content .wy-alert-info.attention,
.rst-content .wy-alert-info.caution,
.rst-content .wy-alert-info.danger,
.rst-content .wy-alert-info.error,
.rst-content .wy-alert-info.hint,
.rst-content .wy-alert-info.important,
.rst-content .wy-alert-info.tip,
.rst-content .wy-alert-info.warning,
.wy-alert.wy-alert-info {
    background: #ebffe1;
}

.rst-content .note .admonition-title,
.rst-content .note .wy-alert-title,
.rst-content .seealso .admonition-title,
.rst-content .seealso .wy-alert-title,
.rst-content .wy-alert-info.admonition-todo .admonition-title,
.rst-content .wy-alert-info.admonition-todo .wy-alert-title,
.rst-content .wy-alert-info.admonition .admonition-title,
.rst-content .wy-alert-info.admonition .wy-alert-title,
.rst-content .wy-alert-info.attention .admonition-title,
.rst-content .wy-alert-info.attention .wy-alert-title,
.rst-content .wy-alert-info.caution .admonition-title,
.rst-content .wy-alert-info.caution .wy-alert-title,
.rst-content .wy-alert-info.danger .admonition-title,
.rst-content .wy-alert-info.danger .wy-alert-title,
.rst-content .wy-alert-info.error .admonition-title,
.rst-content .wy-alert-info.error .wy-alert-title,
.rst-content .wy-alert-info.hint .admonition-title,
.rst-content .wy-alert-info.hint .wy-alert-title,
.rst-content .wy-alert-info.important .admonition-title,
.rst-content .wy-alert-info.important .wy-alert-title,
.rst-content .wy-alert-info.tip .admonition-title,
.rst-content .wy-alert-info.tip .wy-alert-title,
.rst-content .wy-alert-info.warning .admonition-title,
.rst-content .wy-alert-info.warning .wy-alert-title,
.rst-content .wy-alert.wy-alert-info .admonition-title,
.wy-alert.wy-alert-info .rst-content .admonition-title,
.wy-alert.wy-alert-info .wy-alert-title {
    background-color: #9477bf !important;
    color: #fff;
}

.highlight .gp {
    color: #9477bf;
}

@media only screen and (min-width: 500px) {
    .logo {
        padding: 0.8em;
    }
}

@media only screen and (max-width: 500px) {
    .logo {
        padding: 0.5em;
    }
}

@media only screen and (max-width: 350px) {
    .logo {
        padding: 0.2em;
    }
}

.supported_frameworks {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.video {
    width: 100%;
}

.navbar>div {
    padding: 26px 56px 16px;
}

@media only screen and (min-width: 900px) {
    .video {
        width: 80%;
    }
}

@media only screen and (min-width: 992px) {
    .video {
        width: 60%;
    }
}

:root {
    --pst-sidebar-font-size: 1.0em;
    --pst-sidebar-header-font-size: 1.0em;
    --pst-sidebar-secondary-font-size: 0.9em;
    --pst-header-height: 0px;
    --pst-font-family-base: 'Inter', var(--pst-font-family-base-system);
    --pst-font-family-heading: 'Inter', var(--pst-font-family-base-system);
    --pst-font-weight-heading: 700;
    --pst-font-color-heading: #0A0C13;
}

.navbar-item,
.navbar-brand {
    height: calc(var(--pst-header-height) - 16px - 26px) !important;
    max-height: calc(var(--pst-header-height) - 16px - 26px) !important;
}

html[data-theme="light"] {
    --pst-color-primary: #9477bf;
    --pst-color-secondary: #9477bf;
}

html[data-theme="dark"] {
    --pst-font-color-heading: #E9E9EA;
    --pst-color-primary: #9477bf;
    --pst-color-secondary: #9477bf;
}

html[data-theme="dark"] a.current.reference.internal {
    background: #2a1c33;
    padding-left: 10px;
    margin-left: -10px;
}

html[data-theme="light"] a.current.reference.internal {
    background: #f0eff4;
    padding-left: 10px;
    margin-left: -10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--pst-font-color-heading);
}

nav.bd-docs-nav {
    padding-right: 24px;
}

.nav-menu {
    float: right;
    position: relative;
    padding-right: 120px;
}

.menu-link-holder,
.menu-holder {
    grid-column-gap: 56px;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 960px) {
    .menu-link-holder {
        flex-wrap: wrap;
    }

    .menu-link-holder>a {
        width: 100%;
        margin-bottom: 1rem;
    }

    .navbar-item:has(.menu-holder) {
        height: unset !important;
        max-height: unset !important;
    }
}

.w-nav-link:hover {
    color: #9477bf !important;
}

.dropdown-menu.show {
    overflow: auto;
    max-height: 75vh;
}

.navbar-nav .toctree-checkbox~label .fa-chevron-down {
    transition: ease-in-out, transform 0.5s;
    color: #606264;
}

label.toctree-toggle:hover {
    background: unset !important;
}

html[data-theme="dark"] .highlight button.copybtn:hover {
    background-color: rgba(158, 158, 158, 0.377);
}

.autosummary.table {
    margin-top: 2.5em;
}

.mantine-Modal-inner figure,
#kapa-widget-container figure {
    padding: 0 !important;
}

#kapa-widget-container button {
    background-color: #f5f5f5 !important;
    color: var(--pst-color-text-base);
}

html[data-theme="dark"] #kapa-widget-container button {
    background-color: #212121 !important;
}

.nbinput .prompt,
.nboutput .prompt {
    display: none;
}

div.nbinput.container div.input_area div[class*=highlight]>pre,
div.nboutput.container div.output_area div[class*=highlight]>pre {
    padding: 1rem !important;
}

/* This is to resolve tailwind css conflict */
.data-\[loaded\=true\]\:opacity-100[data-loaded=true], .data-\[moving\]\:opacity-100[data-moving] {
    opacity: 1 !important;
}

.hover\:text-\[\#0a0c13\]:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(10 12 19/var(--tw-text-opacity)) !important;
}

.text-\[\#222\] {
    --tw-text-opacity: 1 !important;
    color: rgb(34 34 34/var(--tw-text-opacity)) !important;
}

:is([data-theme=dark] .dark\:text-white\/90) {
    color: hsla(0,0%,100%,.9) !important;
}

:is([data-theme=dark] .dark\:hover\:text-white:hover) {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important;
}

.text-foreground {
    --tw-text-opacity: 1 !important;
    color: hsl(var(--nextui-foreground)/var(--nextui-foreground-opacity, var(--tw-text-opacity))) !important;
}

.hover\:text-accent:hover {
    color: var(--accent-color) !important;
}

:is([data-theme=dark] .dark\:hover\:text-\[\#00b828\]:hover) {
    --tw-text-opacity: 1 !important;
    color: rgb(0 184 40/var(--tw-text-opacity)) !important;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

audio, canvas, embed, iframe, img, object, svg, video {
    display: unset;
}