/* Variables */
:root {
    --buy_scale_mobile: 0.35;
    --buy_scale_tablet: 0.375;
    --buy_scale_tallview169: 0.345;
    --buy_scale_disp169: 0.275;
    --buy_scale_disp219: 0.275;
    --buy_scale_disp329: 0.275;
}

/* Overview gallery */
    /* Mobile and Tablet */
    @media screen and (max-aspect-ratio: 1080/1080) {
        .NANOQ_R_horizontal {
            height: calc(var(--NANOQ_R_height_mobile)*var(--buy_scale_mobile));
        }
        .NANOQ_R_vertical {
            width: calc(var(--NANOQ_R_width_mobile)*var(--buy_scale_mobile));
        }
        .NANOQ_S_horizontal {
            height: calc(var(--NANOQ_S_height_mobile)*var(--buy_scale_mobile));
        }
        .NANOQ_S_vertical {
            width: calc(var(--NANOQ_S_width_mobile)*var(--buy_scale_mobile));
        }
    }
    /* Tablet */
    @media screen and (min-aspect-ratio: 742/1080) and (max-aspect-ratio: 1080/1080) {
        .NANOQ_R_horizontal {
            height: calc(var(--NANOQ_R_height_tablet)*var(--buy_scale_tablet));
        }
        .NANOQ_R_vertical {
            width: calc(var(--NANOQ_R_width_tablet)*var(--buy_scale_tablet));
        }
        .NANOQ_S_horizontal {
            height: calc(var(--NANOQ_S_height_tablet)*var(--buy_scale_tablet));
        }
        .NANOQ_S_vertical {
            width: calc(var(--NANOQ_S_width_tablet)*var(--buy_scale_tablet));
        }
    }
    /* Tallview and Display 16:9 */
    @media screen and (min-aspect-ratio: 1080/1080) and (max-aspect-ratio: 2495/1080) {
        .NANOQ_R_horizontal {
            height: calc(var(--NANOQ_R_height_tallview169)*var(--buy_scale_tallview169));
        }
        .NANOQ_R_vertical {
            width: calc(var(--NANOQ_R_width_tallview169)*var(--buy_scale_tallview169));
        }
        .NANOQ_S_horizontal {
            height: calc(var(--NANOQ_S_height_tallview169)*var(--buy_scale_tallview169));
        }
        .NANOQ_S_vertical {
            width: calc(var(--NANOQ_S_width_tallview169)*var(--buy_scale_tallview169));
        }
    }
    /* Display 16:9 */
    @media screen and (min-aspect-ratio: 1990/1080) and (max-aspect-ratio: 2495/1080) {
        .NANOQ_R_horizontal {
            height: calc(var(--NANOQ_R_height_disp169)*var(--buy_scale_disp169));
        }
        .NANOQ_R_vertical {
            width: calc(var(--NANOQ_R_width_disp169)*var(--buy_scale_disp169));
        }
        .NANOQ_S_horizontal {
            height: calc(var(--NANOQ_S_height_disp169)*var(--buy_scale_disp169));
        }
        .NANOQ_S_vertical {
            width: calc(var(--NANOQ_S_width_disp169)*var(--buy_scale_disp169));
        }
    }
    /* Display 21:9 */
    @media screen and (min-aspect-ratio: 2495/1080) and (max-aspect-ratio: 3485/1080) {
        .NANOQ_R_horizontal {
            height: calc(var(--NANOQ_R_height_disp219)*var(--buy_scale_disp219));
        }
        .NANOQ_R_vertical {
            width: calc(var(--NANOQ_R_width_disp219)*var(--buy_scale_disp219));
        }
        .NANOQ_S_horizontal {
            height: calc(var(--NANOQ_S_height_disp219)*var(--buy_scale_disp219));
        }
        .NANOQ_S_vertical {
            width: calc(var(--NANOQ_S_width_disp219)*var(--buy_scale_disp219));
        }
    }
    /* Display 32:9 */
    @media screen and (min-aspect-ratio: 3485/1080) {
        .NANOQ_R_horizontal {
            height: calc(var(--NANOQ_R_height_disp329)*var(--buy_scale_disp329));
        }
        .NANOQ_R_vertical {
            width: calc(var(--NANOQ_R_width_disp329)*var(--buy_scale_disp329));
        }
        .NANOQ_S_horizontal {
            height: calc(var(--NANOQ_S_height_disp329)*var(--buy_scale_disp329));
        }
        .NANOQ_S_vertical {
            width: calc(var(--NANOQ_S_width_disp329)*var(--buy_scale_disp329));
        }
    }