#dcp-reminder-dialog {
    min-width: 500px;
    max-width: 100%;

    .title {
        text-align: center;
        width: 100%;
        display: flex;
        justify-content: center;


        .icon {
            display: flex;
            justify-content: center;
            align-items: center;

            background-color:#7799a5;
            border-radius: 50px;
            width: 100px;
            height: 100px;
            color: white;
            text-align: center;
            span {
                font-size: 60px !important;
            }
        }
    }

    .info, .dcp-success {
        margin: 10px 0;
        text-align: center;
    }

    .dcp-success {
        display: none;
    }

    .field-wrapper {
        margin-bottom: 10px;
    }

    .btn-primary {
        width: 100%;
    }
}

#js-product-list {
    .dcp-product-list-wrapper {
        width: auto !important;
    }

    .dcp-digits-wrapper {
        gap: 0 !important;
    }

    .digit-wrapper {
        min-width: 35px !important;
        padding: 4px 8px;

        .digit {
            font-size: 20px !important;
        }
    }
}