/* Style the price of order */
.PriceOrder {
    display: none;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    background: rgba(255, 255, 255, 0.7);

    position: fixed;
    z-index: 99;
    left: 0px;
    top: 0px;

    width: 100%;
    height: 100%;

    padding: 17px;

    opacity: 0.0;
    transition: 0.2s;
}

    .PriceOrder__Block {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        background: rgb(255, 255, 255);
        border-radius: 17px;

        position: relative;
        z-index: 1;

        width: 100%;
        max-width: 400px;

        padding: 17px;

        box-shadow: 4px 7px 17px rgba(30, 160, 220, 0.1);
    }

        .PriceOrder__Loading {
            display: none;
            flex-direction: row;
            align-items: center;
            justify-content: center;

            background: rgb(255, 255, 255);
            border-radius: 17px;

            position: absolute;
            z-index: 2;

            width: 100%;
            height: 100%;

            transition: 0.2s;
        }

        .PriceOrderBlock__Header {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-end;

            width: 100%;

            margin-bottom: 47px;
        }

            .PriceOrderBlock__Header > button {
                background: unset;

                color: rgb(57, 57, 57);
                font-size: 28px;

                padding: 0px;
                transition: 0.4s;
            }

                .PriceOrderBlock__Header > button:hover {
                    transition: 0.2s;
                    opacity: 0.7;
                    box-shadow: unset;
                }

        .PriceOrderBlock__Title {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            width: 100%;

            margin-bottom: 27px;
        }

            .PriceOrderBlock__Title > img {
                background: rgb(245, 245, 245);
                border-radius: 100%;

                width: 100px;
                height: auto;

                padding: 17px;
                margin-bottom: 7px;
            }

            .PriceOrderBlockTitle__Data {
                font-size: 22px;
                font-weight: 700;
                text-align: center;
            }

        .PriceOrderBlock__Form {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            width: 100%;

            margin-bottom: 47px;
        }

            .PriceOrderBlockForm__Item {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                justify-content: center;

                width: 100%;

                margin-bottom: 17px;
            }

                .PriceOrderBlockForm__Item > label {
                    color: rgb(121, 121, 121);
                    font-size: 14px;
                    margin-bottom: 4px;
                }

                .PriceOrderBlockForm__Item > input {
                    width: 100%;
                }

            .PriceOrderBlock__Form > button {
                margin-bottom: 17px;
            }

        .PriceOrderBlock__Rules {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;

            border: 1px solid rgb(235, 235, 235);
            border-radius: 7px;

            width: 100%;

            padding: 7px;
        }

            .PriceOrderBlock__Rules > input {
                margin-right: 17px;
            }

            .PriceOrderBlockRules__Link {
                display: block;
                text-align: left;

                width: 100%;
            }

                .PriceOrderBlockRules__Link > a {
                    display: unset;
                }