/* Aether Modules: Core */

.mod__order_cart .obj__order_cart_line.purp__li_item.prop__message .purp__label {
    font-size: smaller;
}

.mod__order_cart .obj__order_cart_line.purp__li_item.prop__message .purp__value {
    font-size: smaller;
    font-style: italic;
}

.mod__order .obj__order_line.purp__li_item.prop__message .purp__label {
    font-size: smaller;
}

.mod__order .obj__order_line.purp__li_item.prop__message .purp__value {
    font-size: smaller;
    font-style: italic;
}
/* *** END *** System Objects *** All Objects *** */



/* Svelte QR code element */
.qr_scanner {
    /* outline: solid thin pink; */

    display: flex;
    flex-direction: column;
    /* flex-wrap: wrap; */

    justify-content: flex-start;
    align-items: center; /* center */
    align-content: stretch;

    /* flex-grow: 1;
     *   flex-shrink: 1;
     *   flex-basis: 50%; */

    /* min-width: 100%;
     *   width: 100%;
     *   max-width: 100%; */
}

.qr_reader {
    min-width: 400px;
    /* width: 100%; */
    max-width: 100%;
    /* outline: solid thin red; */
}

.qr_scanner .not_scanning {
    /*background: gray;*/
}

.qr_scanner .scanning {
    background: lightgreen;
}

.container.qr_scan_result {
    display: flex;
    flex-direction: column;
    /* flex-wrap: wrap; */

    justify-content: flex-start;
    align-items: flex-start;
    align-content: stretch;
}

img.qr_code {
    outline: solid thin orange;
    width: 1.50in;
}

img.qr_code:hover {
    outline: solid thin green;
    width: 2.50in;
}

img.qr_code:focus {
    outline: solid thin red;
    width: 2.50in;
}

@media (max-width: 575px) {
    .qr_reader {
        min-width: 95vw;
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .qr_reader {
        min-width: 90vw;
        width: 100%;
        max-width: 100%;
    }
}

@media print {
    img.qr_code {
        outline: none;
    }
}

/* Svelte QR code scanner test page */
.qr_scanner_main .options {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; /* center */
    align-content: stretch;
}