.drawer {
    .boxCont {
        width: 100%;
        height: 100%;
        background-color: #f3f3f3;

        .row {
            height: 100%;

            >div {
                overflow-y: scroll;

                >.title {
                    font-size: 14px;
                    line-height: 20px;
                    color: #1f1f1f;
                    font-weight: 700;
                    margin-bottom: 10px;
                }

                >.assembly {
                    width: 100%;
                    display: flex;
                    flex-wrap: wrap;
                    margin-bottom: 15px;

                    >div {
                        width: 33.33%;
                        border: 1px solid #f3f3f3;
                        cursor: pointer;
                        font-size: 12px;
                        color: #525252;
                        min-width: 78px;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        padding: 20px 0;

                        &:not(:nth-child(1)) {
                            border-left: none;
                        }
                    }

                    >.disabled {
                        cursor: default;

                        >svg,
                        span {
                            opacity: .3;
                        }
                    }
                }
            }

            .right {
                background-color: #fff;
                padding: 10px;
                box-sizing: border-box;
            }

            .center {
                max-height: 100%;
                padding: 15px 0 200px;
                box-sizing: border-box;

                >.page {
                    margin: 0 auto;
                    width: 375px;
                    min-height: 667px;
                    background-color: rgb(255, 255, 255);
                    position: relative;
                    padding-top: 1px;
                    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 3%), 0 6px 15px 0 rgba(0, 0, 0, 4%), 0 0 0 1px hsl(0deg, 0%, 87%, 60%);
                }

            }

            .left {
                max-height: 100%;
                width: 100%;
                overflow: hidden;
            }
        }
    }

    .ant-drawer-body {
        padding: 0 !important;
    }

    .drawerTitle {
        display: flex;
        justify-content: space-between;
        align-items: center;

        button.next {
            margin-right: 50px;
        }
    }
}

.sidebar{
    position: absolute;
    top: 0;
    left: -64px;
    width: 32px;
    z-index: 4;
    transform-origin: top right;
    text-align: center;
    font-size: 12px;
    color: #6b6b6b;
    z-index: 1008;
}