.doc-tile{padding:16px 16px 16px 16px;position:relative;box-sizing:border-box;background:#fff;box-shadow:0 6px 12px rgba(0,0,0,.03),0 4px 16px rgba(0,0,0,.04),0 1px 12px rgba(0,0,0,.02);border-radius:8px;border:0;overflow:hidden;transition:all .2s ease}.doc-tile:hover{box-shadow:0 8px 16px rgba(0,0,0,.08),0 6px 20px rgba(0,0,0,.06)}.doc-tile.doc-tile-unarrow .doc-tile-arrow{display:none}.doc-tile-content{display:flex;flex-direction:column;width:100%;padding-right:32px;box-sizing:border-box}.doc-tile-header{display:flex;justify-content:space-between;width:100%}.doc-tile-title{font-size:16px;line-height:24px;font-weight:500;color:#181818}.doc-tile-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:url(../img/icon_arrow.3c9bbbe1.svg) 50% 50% no-repeat;flex-shrink:0}.doc-tile-status-wrap{margin-top:8px;width:100%}.doc-tile-status{font-size:14px;font-weight:400;line-height:20px;padding:6px 12px;border-radius:8px;display:inline-block;border:none}.doc-tile-status.status-created{background:#d9f0ff;color:#181818}.doc-tile-status.status-moderation{background:#ffe0af;color:#181818}.doc-tile-status.status-active{background:rgba(175,255,195,.6901960784313725);color:#181818}.doc-tile-status.status-need-change{background:#ffb2af;color:#181818}.doc-tile-type{font-size:14px;line-height:20px;color:#717374;margin-top:4px}.doc-tile-comment{margin-top:12px;font-size:14px;font-weight:400;line-height:20px;color:#000}.doc-tile-comment>div{background:#ffe0af;border-radius:8px;padding:8px 12px;border-left:3px solid #ffb800}