html {
    height: 100%;
    font-family: 'Noto Sans', sans-serif;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: var(--background-primary);
    color: var(--text-and-icon-primary);
    padding: 0;
}

body {
    font-family: 'Noto Sans', sans-serif;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: var(--background-primary);
}

body.sb-main-padded.sb-main-padded  {
    padding: 0;
}


div[id*='story--'],
#docs-root div[id*='anchor--'],
.docs-hide {
    display: none;
}

.sbdocs-wrapper.sbdocs {
    background: var(--background-primary);
}

p.sbdocs-p,
body,
h1.sbdocs-title,
table.docblock-argstable thead.docblock-argstable-head th  {
    color: var(--text-and-icon-primary);
}

.theme-switcher {
    display: flex !important;
    align-items: center;
    height: 100%;
}

.theme-switcher span {
    font-size: 13px;
    line-height: 12px;
    font-weight: bold;
}

.theme-switcher .select {
    margin: 0 8px;
}

.theme-dark,
.theme-inlocal-dark {
    color: var(--text-and-icon-primary);
}

.theme-dark .sbdocs, 
.theme-inlocal-dark .sbdocs {
    color: #ffffff;
}

.theme-dark .docblock-argstable-head,
.theme-inlocal-dark .docblock-argstable-head {
    color: #ffffff;
}

.theme-dark .docblock-emptyblock,
.theme-inlocal-dark .docblock-emptyblock  {
    color: #ffffff;
    border-color: #fafafa;
}

.logo-guide {
    font-size: 40px !important;
    font-weight: 600;
    margin: -40px 0 24px 0 !important;
}

.lib {
    margin-bottom: 16px !important;
}

#invoked {
    display: none;
}

.sidebar-container .sidebar-item svg {
    display: none;
}

#chop-chop {
    background: var(--background-primary);
    height: 100%;
    width: 100%;
    padding: 1rem;
    position: relative;
    box-sizing: border-box;
}

.sb-main-fullscreen #chop-chop {
    padding: 0;
}