.dogu .main-and-side {
    flex-direction: row-reverse;
}
.dogu .sidebar-container {
    left: calc(50% - var(--base-main-width)/2 - var(--base-side-width)/2 - var(--main-side-span)/2);
}

.wiki-side-icon {
    background-color: transparent;
    background-size: cover;
    background-position: center;
    height: 25px;
    width: 25px;
    margin-right: .5em
}
.dark .wiki-side-icon {
  filter: opacity(.8)
}
@keyframes shake {
  25% {
    transform: translateX(-2px);
  }
  50% {
    transform: translateX(2px);
  }
  75% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0);
  }
} 
.icon-file-cog:before {
  content: "\e67c";
}

/* single-wiki */
.wiki-side-icon:not(.has-children) {
    background-image: url(../images/wiki-side-icon/wiki-post-single.svg);
}

/* single-wiki lock */
.side-list-item-lock .wiki-side-icon:not(.has-children) {
    background-image: url(../images/wiki-side-icon/wiki-post-single-lock.svg);
}

/* not empty has children not opened */
.wiki-side-icon:not(.wiki-empty).has-children:not(:checked) {
    background-image: url(../images/wiki-side-icon/wiki-post-has-children.svg);
}

/* not empty has children not opened lock */
.side-list-item-lock .wiki-side-icon:not(.wiki-empty).has-children,
.side-list-item-lock .wiki-side-icon:not(.wiki-empty).has-children:checked {
    background-image: url(../images/wiki-side-icon/wiki-post-has-children-lock.svg);
}

/* not empty has children opened */
.wiki-side-icon:not(.wiki-empty).has-children:checked
{
    background-image: url(../images/wiki-side-icon/wiki-post-has-children-open.svg);
}

/* empty has children not opened */
.wiki-side-icon.wiki-empty.has-children:not(:checked) {
    background-image: url(../images/wiki-side-icon/wiki-post-empty-has-children.svg);
}

/* empty has children not opened lock */
.side-list-item-lock .wiki-side-icon.wiki-empty.has-children,
.side-list-item-lock .wiki-side-icon.wiki-empty.has-children:checked {
    background-image: url(../images/wiki-side-icon/wiki-post-empty-has-children-lock.svg);
}

/* empty has children opened */
.wiki-side-icon.wiki-empty.has-children:checked {
    background-image: url(../images/wiki-side-icon/wiki-post-empty-has-children-open.svg);
}
.side-list-item-lock .wiki-side-icon:checked {
    animation: shake .25s ease-in-out 0s;
}
.sidebar-container section:hover .widget-title .extra.wikis {
    transform: translateX(-45.5px);
}
.sidebar-container section:hover .widget-title .origin.wikis {
    transform: translateX(19.5px);
    background: transparent;
}
.dogu .widget-list.widget-wikis a {
    width: 100%;
    padding: .4em 0;
}
.dogu .widget-list.widget-wikis :not(.side-list-item-lock) a:hover {
    color: var(--curr-text-tint);
    background-color: transparent;
}
.dogu .widget-list.widget-wikis li>div {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    transition: all .1s ease-in-out
}
.dogu .widget-list.widget-wikis li>div * {
    transition: all .1s ease-in-out
}
.dogu .widget-list.widget-wikis li:not(.side-list-item-lock)>div:hover,
.dogu .widget-list.widget-wikis li:not(.side-list-item-lock)>div:hover>* {
    background-color: var(--curr-background-active);
}
.dogu .widget-list.widget-wikis li.side-list-item-lock>div:hover>* {
    color: #fff
}
.dogu .widget-list.widget-wikis li>div>input[type="checkbox"] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.dogu .widget-list.widget-wikis li>div>input[type="checkbox"]:disabled {
    cursor: unset;
}
.dogu .widget-list.widget-wikis li>div>a.relock {
    width: 23px;
    position: relative;
    right: 7px;
}
.dogu .widget-list.widget-wikis li:not(.side-list-item-lock)>div:hover>a,
.dogu .widget-list.widget-wikis li:not(.side-list-item-lock)>div:hover>a .post-icon
{
    color: var(--curr-text-tint);
}
.dogu .widget-list.widget-wikis li:not(.side-list-item-lock)>div:hover>.wiki-side-icon {
    color: var(--curr-text-tint);
}
.dogu .widget-list.widget-wikis li>div:not(.checked)+ul {
    height: 0;
    filter: opacity(0);
    display: none;
}
.dogu :not(header)>.post-date {
    text-align: right;
    margin: 0;
}

@media print, screen and (max-width: calc(560px + 300px + 20px + 1px)){
    .dogu .sidebar-container {
        left: -100%;
    }
    .dogu .sidebar-container.show {
        left:0;
    }
}