body, input {
    font-family: 'Roboto Mono', monospace
}

#app {
    width: 1024px;
    margin: 0 auto;
    padding-bottom: 32px
}

.header {
    font-size: 16px;
    margin: 24px 0 48px
}

.header_title span {
    font-weight: 700
}

.row {
    display: flex
}

.menu {
    padding-bottom: 128px;
    padding-top: 20px
}

.menu_header, .menu_item {
    border-radius: 4px;
    font-size: 14px;
    padding: 0 8px;
    box-sizing: border-box
}

.menu_item {
    line-height: 28px;
    height: 28px
}

.menu_header, .menu_item, .menu_search {
    width: 200px
}

.menu_header, .menu_item {
    margin: 2px 0
}

.menu_item {
    cursor: pointer;
    color: #0041ff;
    transition: 300ms ease all
}

.menu_header {
    text-transform: uppercase;
    height: 20px;
    line-height: 20px;
    margin-top: 20px
}

.menu_header--text-center {
    text-align: center
}

.menu_item--selected, .menu_item:hover {
    background: #85c4ff;
    color: #000
}

.menu_item--bugged, .search {
    position: relative
}

.menu_item--bugged:after {
    content: " BUG";
    color: red
}

.search:after {
    content: "";
    background: url(../img/ic_search.png);
    background-size: contain;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
    right: 8px;
    bottom: 1px;
    margin: auto;
    opacity: .5
}

.search_input {
    border: 1px solid #b5b5b5;
    padding: 0 28px 0 8px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 28px;
    height: 28px;
    width: 100%;
    box-sizing: border-box
}

.sandbox {
    width: 100%
}

.sandbox_label {
    line-height: 72px;
    text-align: center;
    width: 100%;
    user-select: none
}

.version {
    margin-top: 8px
}

.version--first {
    margin-top: 32px
}

#content, .docs {
    flex: 1;
    display: flex;
    flex-direction: column
}

#content {
    height: 90vh
}

.docs {
    margin: 32px 42px 0 0;
    overflow-y: auto
}

.docs_source {
    margin: 16px 0 32px
}

.docs_content {
    border: none;
    outline: none;
    box-shadow: none
}

.docs_original {
    margin-left: 12px;
    font-size: 10px;
}