Skip to content

Styling: iOS - v21.1

CSS Theming

AHI BodyScan uses a CSS based theming solution (InterfaCSS) to allow the app developer to alter almost all of the color, font, and layout attributes of the scan UI. The ordering of the CSS cascade is such that the CSS is loaded in ascending order (lower z-level to higher z-level).

Hence, the CSS ordering on load will be:

myfiziq-common-sdk-style-variables.css

/*
//  myfiziq-common-sdk-style-variables.css
//
//  Copyright (c) 2018-2021 AHI. All rights reserved.
//
//  Licensed under the Apache License, Version 2.0 (the "License");
//  you may not use this file except in compliance with the License.
//  You may obtain a copy of the License at
//
//  http://www.apache.org/licenses/LICENSE-2.0
//
//  Unless required by applicable law or agreed to in writing, software
//  distributed under the License is distributed on an "AS IS" BASIS,
//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//  See the License for the specific language governing permissions and
//  limitations under the License.
*/

/***************************************************************************************/
                                /* Global Colors */
/***************************************************************************************/
@mfzCommonSDKColorFeature: #FF5621;
@mfzCommonSDKColorFeature-dark: #FF5621;
@mfzCommonSDKColorBlack: systemBlack;
@mfzCommonSDKColorWhite: systemWhite;
@mfzCommonSDKColorTransparent: clear;
@mfzCommonSDKColorSeparator: separator;
@mfzCommonSDKColorOverlay: rgba(0, 0, 0, 0.85);
@mfzCommonSDKColorActivityIndicator: #DADADA;
/*  Numeric colour number system is lightest is always 1 and darkest is always highest value*/
@mfzCommonSDKColorGray1: systemGray5;
@mfzCommonSDKColorGray1-dark: systemGray;
@mfzCommonSDKColorGray2: systemGray4;
@mfzCommonSDKColorGray2-dark: systemGray2;
@mfzCommonSDKColorGray3: systemGray3;
@mfzCommonSDKColorGray3-dark: systemGray3;
@mfzCommonSDKColorGray4: systemGray2;
@mfzCommonSDKColorGray4-dark: systemGray4;
@mfzCommonSDKColorGray5: systemGray;
@mfzCommonSDKColorGray5-dark: systemGray5;
@mfzCommonSDKColorGray6: systemGray;
@mfzCommonSDKColorGray6-dark: systemGray6;
/***************************************************************************************/
                                /* Background Colors */
/***************************************************************************************/
@mfzCommonSDKColorBackground: secondarySystemBackground;
@mfzCommonSDKColorBackground-dark: systemGray6;
@mfzCommonSDKColorBackgroundSecondary: systemBackground;
@mfzCommonSDKColorBackgroundSecondary-dark: systemBackground;
@mfzCommonSDKColorBackgroundTertiary: systemBackground;
@mfzCommonSDKColorBackgroundTertiary-dark: @mfzCommonSDKColorGray5-dark;
/***************************************************************************************/
                                /* Border Colors */
/***************************************************************************************/
@mfzCommonSDKColorBorder: @mfzCommonSDKColorGray5;
@mfzCommonSDKColorBorder-dark: @mfzCommonSDKColorGray1-dark;
@mfzCommonSDKColorBorderActive: @mfzCommonSDKColorFeature;
@mfzCommonSDKColorBorderActive-dark: @mfzCommonSDKColorFeature-dark;
/***************************************************************************************/
                                /* Text Colors */
/***************************************************************************************/
@mfzCommonSDKTextColorPrimary: label;
@mfzCommonSDKTextColorPrimary-dark: label;
@mfzCommonSDKTextColorSecondary: secondaryLabel;
@mfzCommonSDKTextColorSecondary-dark: secondaryLabel;
@mfzCommonSDKTextColorTertiary: @mfzCommonSDKColorWhite;
@mfzCommonSDKTextColorTertiary-dark: @mfzCommonSDKColorWhite;
@mfzCommonSDKTextColorFeature: @mfzCommonSDKColorFeature;
@mfzCommonSDKTextColorFeature-dark: @mfzCommonSDKColorFeature-dark;
@mfzCommonSDKTextColorPlaceholder: placeholderText;
@mfzCommonSDKTextColorPlaceholder-dark: placeholderText;
@mfzCommonSDKTableViewCellSectionHeaderTextColor: @mfzCommonSDKTextColorSecondary;
@mfzCommonSDKTableViewCellSectionHeaderTextColor-dark: @mfzCommonSDKTextColorSecondary-dark;
@mfzCommonSDKSegmentControlTextColor: @mfzCommonSDKColorGray5;
@mfzCommonSDKSegmentControlTextColor-dark: @mfzCommonSDKColorGray1-dark;
@mfzCommonSDKSegmentControlTextColorSelected: @mfzCommonSDKColorBlack;
@mfzCommonSDKSegmentControlTextColorSelected-dark: @mfzCommonSDKColorWhite;
@mfzCommonSDKInputViewCellTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKInputViewCellTextColor-dark: @mfzCommonSDKTextColorPrimary-dark;
@mfzCommonSDKInputViewCellPlaceholderTextColor: @mfzCommonSDKTextColorPlaceholder;
@mfzCommonSDKInputViewCellPlaceholderTextColor-dark: @mfzCommonSDKTextColorPlaceholder-dark;
@mfzCommonSDKButtonTitleColor: @mfzCommonSDKColorWhite;
@mfzCommonSDKButtonTitleColor-dark: @mfzCommonSDKColorWhite;
@mfzCommonSDKPickerViewTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKPickerViewTextColor-dark: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKPickerTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKPickerTextColor-dark: @mfzCommonSDKTextColorPrimary;
/* CollectionView Card View Cell */
@mfzCommonSDKCollectionViewGalleryHeaderViewTitleTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKCollectionViewGalleryHeaderViewTitleTextColor-dark: @mfzCommonSDKTextColorPrimary-dark;
@mfzCommonSDKCollectionViewCellCardTableMeasurementTitleTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKCollectionViewCellCardTableMeasurementTitleTextColor-dark: @mfzCommonSDKTextColorPrimary-dark;
@mfzCommonSDKCollectionViewCellCardTableMeasurementValueTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKCollectionViewCellCardTableMeasurementValueTextColor-dark: @mfzCommonSDKTextColorPrimary-dark;
@mfzCommonSDKCollectionViewCellCardDateTextColor: @mfzCommonSDKTextColorSecondary;
@mfzCommonSDKCollectionViewCellCardDateTextColor-dark: @mfzCommonSDKTextColorSecondary-dark;
@mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor-dark: @mfzCommonSDKTextColorPrimary-dark;
@mfzCommonSDKCollectionViewCellCardPrimaryValueDescriptionTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKCollectionViewCellCardPrimaryValueDescriptionTextColor-dark: @mfzCommonSDKTextColorPrimary-dark;
@mfzCommonSDKCollectionViewCellCardSecondaryTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKCollectionViewCellCardSecondaryTextColor-dark: @mfzCommonSDKTextColorPrimary-dark;
@mfzCommonSDKCollectionViewCellCardCategoryTextColor: @mfzCommonSDKTextColorTertiary;
@mfzCommonSDKCollectionViewCellCardCategoryTextColor-dark: @mfzCommonSDKTextColorTertiary-dark;
/***************************************************************************************/
                                /* Component Colors */
/***************************************************************************************/
@mfzCommonSDKSegmentControlTintColorSelected: @mfzCommonSDKColorWhite;
@mfzCommonSDKSegmentControlTintColorSelected-dark: @mfzCommonSDKColorGray1-dark;
@mfzCommonSDKSegmentControlBackgroundColor: @mfzCommonSDKColorTransparent;
@mfzCommonSDKSegmentControlBackgroundColor-dark: @mfzCommonSDKColorTransparent;
@mfzCommonSDKCellSeparatorLineColor: @mfzCommonSDKColorSeparator;
@mfzCommonSDKCellSeparatorLineColor-dark: @mfzCommonSDKColorSeparator;
/* Input Table View  */
@mfzCommonSDKInputViewCellCursorColor: @mfzCommonSDKColorFeature;
@mfzCommonSDKInputViewCellCursorColor-dark: @mfzCommonSDKColorFeature-dark;
@mfzCommonSDKInputViewCellBackgroundColor: @mfzCommonSDKColorBackgroundSecondary;
@mfzCommonSDKInputViewCellBackgroundColor-dark: @mfzCommonSDKColorBackgroundTertiary-dark;
@mfzCommonSDKAlertViewBackgroundColor: @mfzCommonSDKColorBackgroundSecondary;
@mfzCommonSDKAlertViewBackgroundColor-dark: @mfzCommonSDKColorBackgroundTertiary-dark;
@mfzCommonSDKAlertOverlayColor: rgba(0, 0, 0, 0.85);
@mfzCommonSDKAlertOverlayColor-dark: rgba(0, 0, 0, 0.85);
@mfzCommonSDKAlertButtonTextColorPrimary: @mfzCommonSDKColorFeature;
@mfzCommonSDKAlertButtonTextColorPrimary-dark: @mfzCommonSDKColorFeature-dark;
@mfzCommonSDKAlertTextColor: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKAlertTextColor-dark: @mfzCommonSDKTextColorPrimary;
@mfzCommonSDKAlertButtonBorderColor: @mfzCommonSDKColorGray4;
@mfzCommonSDKAlertButtonBorderColor-dark: @mfzCommonSDKColorGray2-dark;
@mfzCommonSDKSpinnerBackgroundColor: @mfzCommonSDKColorBackground;
@mfzCommonSDKSpinnerBackgroundColor-dark: @mfzCommonSDKColorBackground-dark;
@mfzCommonSDKSpinnerColor: @mfzCommonSDKColorFeature;
@mfzCommonSDKSpinnerColor-dark: @mfzCommonSDKColorFeature-dark;
@mfzCommonSDKSpinnerActivityViewTintColor: @mfzCommonSDKColorGray3;
@mfzCommonSDKSpinnerActivityViewTintColor-dark: @mfzCommonSDKColorGray3;
@mfzCommonSDKSpinnerActivityViewBackgroundColor: @mfzCommonSDKColorTransparent;
@mfzCommonSDKSpinnerActivityViewBackgroundColor-dark: @mfzCommonSDKColorTransparent;
@mfzCommonSDKMeshOSLegacyLightColor: rgba(25, 25, 25, 1.0);
@mfzCommonSDKMeshOSLegacyLightColor-dark: rgba(25, 25, 25, 1.0);
@mfzCommonSDKMeshOSLegacyAmbientColor: rgba(102, 102, 102, 1.0);
@mfzCommonSDKMeshOSLegacyAmbientColor-dark: rgba(102, 102, 102, 1.0);
@mfzCommonSDKMeshOSLegacySpecularColor: rgba(102, 102, 102, 1.0);
@mfzCommonSDKMeshOSLegacySpecularColor-dark: rgba(102, 102, 102, 1.0);
@mfzCommonSDKMeshLightNonMetalColor: white;
@mfzCommonSDKMeshLightNonMetalColor-dark: white;
@mfzCommonSDKMeshLightOneColor: rgba(178, 178, 178, 1.0);
@mfzCommonSDKMeshLightOneColor-dark: rgba(178, 178, 178, 1.0);
@mfzCommonSDKMeshLightTwoColor: rgba(229, 229, 229, 1.0);
@mfzCommonSDKMeshLightTwoColor-dark: rgba(229, 229, 229, 1.0);
@mfzCommonSDKMeshAmbientColor: rgba(229, 229, 229, 1.0);
@mfzCommonSDKMeshAmbientColor-dark: rgba(229, 229, 229, 1.0);
@mfzCommonSDKMeshSpecularColor: rgba(127, 127, 127, 1.0);
@mfzCommonSDKMeshSpecularColor-dark: rgba(127, 127, 127, 1.0);
@mfzCommonSDKMeshViewBackgroundColor: @mfzCommonSDKColorBackground;
@mfzCommonSDKMeshViewBackgroundColor-dark: @mfzCommonSDKColorBackground;
@mfzCommonSDKMeshViewFrameColor: @mfzCommonSDKColorTransparent;
@mfzCommonSDKMeshViewFrameColor-dark: @mfzCommonSDKColorTransparent;
@mfzCommonSDKButtonPrimaryColor: @mfzCommonSDKColorFeature;
@mfzCommonSDKButtonPrimaryColor-dark: @mfzCommonSDKColorFeature-dark;
@mfzCommonSDKButtonDisabledGrayColor: @mfzCommonSDKColorGray4;
@mfzCommonSDKButtonDisabledGrayColor-dark: @mfzCommonSDKColorGray4;
@mfzCommonSDKButtonWarningYellowColor: #ffae42;
@mfzCommonSDKButtonWarningYellowColor-dark: #ffae42;
@mfzCommonSDKButtonErrorRedColor: #cc0000;
@mfzCommonSDKButtonErrorRedColor-dark: #cc0000;
@mfzCommonSDKButtonStandardColorEnabled: @mfzCommonSDKButtonPrimaryColor;
@mfzCommonSDKButtonStandardColorEnabled-dark: @mfzCommonSDKButtonPrimaryColor-dark;
@mfzCommonSDKButtonStandardColorDisabled: @mfzCommonSDKButtonDisabledGrayColor;
@mfzCommonSDKButtonStandardColorDisabled-dark: @mfzCommonSDKButtonDisabledGrayColor;
@mfzCommonSDKButtonDangerColorEnabled: @mfzCommonSDKButtonErrorRedColor;
@mfzCommonSDKButtonDangerColorEnabled-dark: @mfzCommonSDKButtonErrorRedColor;
@mfzCommonSDKButtonWarningColorEnabled: @mfzCommonSDKButtonWarningYellowColor;
@mfzCommonSDKButtonWarningColorEnabled-dark: @mfzCommonSDKButtonWarningYellowColor;
@mfzCommonSDKButtonColorDisabled: @mfzCommonSDKButtonDisabledGrayColor;
@mfzCommonSDKButtonColorDisabled-dark: @mfzCommonSDKButtonDisabledGrayColor;
@mfzCommonSDKButtonActivityIndicatorColor: @mfzCommonSDKColorWhite;
@mfzCommonSDKButtonActivityIndicatorColor-dark: @mfzCommonSDKColorWhite;
@mfzCommonSDKAccessoryViewDismissButtonColor: @mfzCommonSDKColorFeature;
@mfzCommonSDKAccessoryViewDismissButtonColor-dark: @mfzCommonSDKColorFeature-dark;
@mfzCommonSDKPickerBackgroundColor: @mfzCommonSDKColorBackgroundSecondary;
@mfzCommonSDKPickerBackgroundColor-dark: @mfzCommonSDKColorBackground-dark;
@mfzCommonSDKPickerDividerColor: @mfzCommonSDKColorGray2;
@mfzCommonSDKPickerDividerColor-dark: @mfzCommonSDKColorGray3;
@mfzCommonSDKPickerTopBorderColor: @mfzCommonSDKColorSeparator;
@mfzCommonSDKPickerTopBorderColor-dark: @mfzCommonSDKColorSeparator;
@mfzCommonSDKPickerBottomBorderColor: @mfzCommonSDKColorSeparator;
@mfzCommonSDKPickerBottomBorderColor-dark: @mfzCommonSDKColorSeparator;
@mfzCommonSDKCollectionViewCellCardBackgroundColor: @mfzCommonSDKColorBackground;
@mfzCommonSDKCollectionViewCellCardBackgroundColor-dark: @mfzCommonSDKColorBackground-dark;
@mfzCommonSDKCollectionViewCellCardCellBackgroundColor: @mfzCommonSDKColorTransparent;
@mfzCommonSDKCollectionViewCellCardCellBackgroundColor-dark: @mfzCommonSDKColorTransparent;
@mfzCommonSDKCollectionViewCellCardCellContainerViewBackgroundColor: @mfzCommonSDKColorBackgroundSecondary;
@mfzCommonSDKCollectionViewCellCardCellContainerViewBackgroundColor-dark: @mfzCommonSDKColorBackgroundTertiary-dark;
@mfzCommonSDKBasicCollectionViewCellBorderColor: @mfzCommonSDKColorGray1;
@mfzCommonSDKBasicCollectionViewCellBorderColor-dark: @mfzCommonSDKColorGray3;
@mfzCommonSDKLoadingCellActivityIndicatorColor: @mfzCommonSDKColorActivityIndicator;
@mfzCommonSDKLoadingCellActivityIndicatorColor-dark: @mfzCommonSDKColorActivityIndicator;
@mfzCommonSDKLoadingFooterViewActivityIndicatorColor: @mfzCommonSDKColorActivityIndicator;
@mfzCommonSDKLoadingFooterViewActivityIndicatorColor-dark: @mfzCommonSDKColorActivityIndicator;
/***************************************************************************************/
                                /* Typography */
/***************************************************************************************/
@mfzCommonSDKFontFamilyRegular: system;
@mfzCommonSDKFontFamilyBold: systemBold;
@mfzCommonSDKFontFamilyMedium: systemMedium;
@mfzCommonSDKFontFamilySemiBold: systemSemiBold;
/* The font sizes can be found on Figma and aim to reflect the font sizes found in the Apple Guidelines.
 https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/typography/
 */
 @mfzCommonSDKFontSizeLargeTitle: 34.0;
 @mfzCommonSDKFontSizeTitle1: 28.0;
 @mfzCommonSDKFontSizeTitle3: 20.0;
 @mfzCommonSDKFontSizeBody: 17.0;
 @mfzCommonSDKFontSizeSubhead: 15.0;
 @mfzCommonSDKFontSizeFootnote: 13.0;
 @mfzCommonSDKFontSizeCaption1: 12.0;
 @mfzCommonSDKFontSizeCaption2: 11.0;
/* This is used as the descriptive title label font for the labels of input view cells */
@mfzCommonSDKTableViewCellFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeBody;
/* This is used for either the descriptive input title label font for the placeholder/input view font of input view cells */
@mfzCommonSDKTableViewCellInputFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeBody;
/* This is used for placeholder font */
@mfzCommonSDKTableViewCellInputPlaceholderFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeBody;
/* This is used for the section headers throughout the app. */
@mfzCommonSDKTableViewSectionHeaderFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeFootnote;
@mfzCommonSDKInputViewCellFont: @mfzCommonSDKTableViewCellInputFont;
@mfzCommonSDKTitleFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeTitle3;
@mfzCommonSDKBodyFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeBody;
@mfzCommonSDKTitleBoldFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeTitle3;
@mfzCommonSDKButtonFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeBody;
@mfzCommonSDKCollectionViewGalleryHeaderViewTitleFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeBody;
@mfzCommonSDKCollectionViewCellCardTableMeasurementTitleFont: @mfzCommonSDKFontFamilyBold 14;
@mfzCommonSDKCollectionViewCellCardTableMeasurementValueFont: @mfzCommonSDKFontFamilyRegular 14;
@mfzCommonSDKCollectionViewCellCardDateFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeCaption1;
@mfzCommonSDKCollectionViewCellCardPrimaryValueFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeTitle1;
@mfzCommonSDKCollectionViewCellCardPrimaryValueFont-4-inch-device: @mfzCommonSDKFontFamilyRegular 21;
@mfzCommonSDKCollectionViewCellCardPrimaryValueWeightFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeLargeTitle;
@mfzCommonSDKCollectionViewCellCardPrimaryValueWeightDescriptionFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeTitle1;
@mfzCommonSDKCollectionViewCellCardSecondaryFont: @mfzCommonSDKFontFamilyBold 14;
@mfzCommonSDKCollectionViewCellCardSecondaryFont-4-inch-device: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeCaption2;
@mfzCommonSDKCollectionViewCellCardCategoryFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeCaption1;
@mfzCommonSDKCollectionViewCellCardLoadingTitleLabelFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeCaption2;
@mfzCommonSDKCollectionViewCellCardLoadingDetailLabelFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeCaption2;
@mfzCommonSDKPickerDismissButtonFont: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeBody;
/***************************************************************************************/
                                /* Additional Style Variables */
/***************************************************************************************/
@mfzCommonSDKCornerRadiusSmall: 4.0;
@mfzCommonSDKCornerRadiusLarge: 8.0;
@mfzCommonSDKPickerAccessoryHeight: 40;
/***************************************************************************************/
                                /* Special Features */
/***************************************************************************************/
@mfzCommonMathValueDecimals: 1;
@mfzCommonMathPickerValueDecimals: 1;
@mfzCommonMathDeltaIncreaseSymbol: "+";
@mfzCommonMathDeltaDecreaseSymbol: "-";
/*  If all three are set to NO or YES, tbf cells will be used as the default.
    If @mfzCommonSDKCollectionViewCellCardViewDisplayWeightCellsOnly or @mfzCommonSDKCollectionViewCellCardViewDisplayTBFCellsOnly are set to YES,
    then only the YES option will be used.
 */
@mfzCommonSDKCollectionViewCellCardViewDisplayWeightWhenNoTbf: YES;
@mfzCommonSDKCollectionViewCellCardViewDisplayWeightCellsOnly: NO;
@mfzCommonSDKCollectionViewCellCardViewDisplayTBFCellsOnly: NO;
@mfzCommonSDKCollectionViewCellCardDisplayDefaultProcessingMeasurementTimeString: YES;
/* Collection Cell Sort Order - Default is NO - Latest at the Top */
@mfzCommonSDKCollectionViewCellCardSortOrderLatestAtBottom: NO;
/* Date in format "dd/MM/yyyy" */
/* Date picker is geared towards age, but using prefix style, it can be altered for date specific requirements. */
@mfzCommonSDKPickerDateMinDate: "01/01/1900";
@mfzCommonSDKPickerDateYoungestAge: 4;
@mfzCommonSDKPickerDateDefaultAge: 25;
/* Total Body Fat Category colors */
@mfzCommonSDKTBFCategoryLeanColor: rgb(89.25, 198.9, 249.9);
@mfzCommonSDKTBFCategoryHealthyColor: rgb(76.5, 216.75, 99.45);
@mfzCommonSDKTBFCategoryOverweightColor: rgb(255, 204, 0);
@mfzCommonSDKTBFCategoryObeseColor: rgb(255, 86.7, 33.15);
@mfzCommonSDKTBFCategoryUnknownColor: systemGray;

myfiziq-capture-sdk-style-variables.css

/*
 //  myfiziq-capture-sdk-style-variables.css
 //
 //  Copyright (c) 2018-2020 AHI. All rights reserved.
 //
 //  Licensed under the Apache License, Version 2.0 (the "License");
 //  you may not use this file except in compliance with the License.
 //  You may obtain a copy of the License at
 //
 //  http://www.apache.org/licenses/LICENSE-2.0
 //
 //  Unless required by applicable law or agreed to in writing, software
 //  distributed under the License is distributed on an "AS IS" BASIS,
 //  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 //  See the License for the specific language governing permissions and
 //  limitations under the License.
 */

/* See InterfaCSS Github wiki to see style parameters for UIView elements */

/** The Capture (aka Core) SDK does not have dark mode styling - it can be applied should partners wish to customise in their own CSS file,
 however, our default product is a static, single styled offering.
 */

/***************************************************************************************/
                                /* Feature Color */
/***************************************************************************************/
@mfzCaptureSDKFeatureColor: @mfzCommonSDKColorFeature;
/***************************************************************************************/
                                /* Background Colors */
/***************************************************************************************/
@mfzCaptureSDKViewBackgroundColor: @mfzCommonSDKColorBlack;
@mfzCaptureSDKTransparentBackgroundColor: @mfzCommonSDKColorTransparent;
@mfzCaptureSDKButtonBackgroundColor: @mfzCommonSDKColorWhite;
@mfzCaptureSDKAlignViewBackgroundColor: rgba(0.0, 0.0, 0.0, 0.8);
@mfzCaptureSDKPoseContourBackgroundColor: rgba(0,0,0,0.55);
@mfzCaptureSDKPoseFrontBannerBackgroundColor: @mfzCaptureSDKFeatureColor;
@mfzCaptureSDKPoseSideBannerBackgroundColor: @mfzCaptureSDKFeatureColor;
@mfzCaptureSDKInspectionErrorBackgroundColor: @mfzCaptureSDKFeatureColor;
@mfzCaptureSDKTryAgainButtonBackgroundColor: clear;
/***************************************************************************************/
                                /* Text Colors */
/***************************************************************************************/
@mfzCaptureSDKColorBase: @mfzCommonSDKColorWhite;
@mfzCaptureSDKColorBaseDark: #171717;
@mfzCaptureSDKConfirmButtonTitleColor: @mfzCommonSDKColorWhite;
@mfzCaptureSDKPoseCountdownLabelTextColor: @mfzCaptureSDKColorBase;
@mfzCaptureSDKPoseCountdownFrontLabelTextColor: @mfzCaptureSDKPoseColorGuideFront;
@mfzCaptureSDKPoseCountdownSideLabelTextColor: @mfzCaptureSDKPoseColorGuideSide;
/***************************************************************************************/
                                /* Other Styles */
/***************************************************************************************/
@mfzCaptureSDKAlignTitleText: "Align Circles\n" (font: @mfzCaptureSDKTitleFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKAlignInfoText: "\nTap screen to allow camera access.\nThis is necessary to create 3D avatars." (font: @mfzCaptureSDKBodyBoldFont, color: @mfzCaptureSDKColorBase);
/* Spacing between lines of title */
@mfzCaptureSDKAlignTitleSubtitleSpacing: 7.0;
@mfzCaptureSDKAlignCountdownText: "3" (font: @mfzCaptureSDKCountdownFont, color: @mfzCaptureSDKFeatureColor);
@mfzCaptureSDKAlignEnableCameraText: "ENABLE CAMERA" (font: @mfzCaptureSDKBodyBoldFont, color: @mfzCaptureSDKFeatureColor);
@mfzCaptureSDKOrientationTitleText: "Turn Phone\nUpright\n" (font: @mfzCommonSDKFontFamilyBold 31.0, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKPoseContourFrontIsDashed: YES;
@mfzCaptureSDKPoseContourSideIsDashed: YES;
@mfzCaptureSDKPoseFontTitleText: "FRONT" (font: @mfzCaptureSDKPhaseTitleFont, color: @mfzCaptureSDKColorBase, kern: 10.0);
@mfzCaptureSDKPoseTitleText: "FRONT" (font: @mfzCaptureSDKTitleFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKInspectSupportButtonText: "contact support" (font: @mfzCaptureSDKButtonFont, color: @mfzCaptureSDKColorBase, underlineStyle: 1);
@mfzCaptureSDKConfirmText11: "I confirm that I am wareing " (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmText12: "form\nfitting clothing " (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmText13: "and my arms and\nlegs are " (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmText14: "inside the outline" (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmText15: "." (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmText21: "I confirm that my " (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmText22: "feet are\ntogether" (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmText23: ", arms " (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmText24: "down my side" (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmText25: "and\nI am inside the outline." (font: @mfzCaptureSDKBodyFont, color: @mfzCaptureSDKColorBase);
@mfzCaptureSDKConfirmButtonsVerticalStack: YES;
@mfzCaptureSDKConfirmButtonsVerticalStackPractise: YES;
@mfzCaptureSDKAlignColorUnaligned: @mfzCaptureSDKColorBase;
@mfzCaptureSDKAlignColorAligned: @mfzCaptureSDKFeatureColor;
@mfzCaptureSDKAlignColorAlignedLocking: @mfzCaptureSDKColorBase;
@mfzCaptureSDKAlignColorAim: @mfzCaptureSDKFeatureColor;
@mfzCaptureSDKPoseColorGuideFront: @mfzCaptureSDKFeatureColor;
@mfzCaptureSDKPoseColorGuideSide: @mfzCaptureSDKFeatureColor;
@mfzCaptureSDKPoseContourFrontBase: @mfzCommonSDKColorBlack;
@mfzCaptureSDKPoseContourFrontDash: @mfzCaptureSDKPoseColorGuideFront;
@mfzCaptureSDKPoseContourSideBase: @mfzCommonSDKColorBlack;
@mfzCaptureSDKPoseContourSideDash: @mfzCaptureSDKPoseColorGuideSide;
@mfzCaptureSDKInspectGuideLockingColor: #E69146;
@mfzCaptureSDKInspectGuideTrackAlignedColor: @mfzCaptureSDKColorBase;
@mfzCaptureSDKInspectGuideTrackUnAlignedColor: @mfzCaptureSDKColorBase;
@mfzCaptureSDKConfirmPhotoMaskBackgroundColor: @mfzCommonSDKColorBlack;
@mfzCaptureSDKSubmitRailTintColor: @mfzCaptureSDKColorBase;
@mfzCaptureSDKInitPhase-mfzCommonSpinnerBackgroundColor: clear;
@mfzCaptureSDKInitPhase-mfzCommonSpinnerColor: @mfzCommonSDKSpinnerColor;
@mfzCaptureSDKInitPhase-mfzCommonSpinnerRadius: @mfzCommonSDKSpinnerRadius;
@mfzCaptureSDKInitPhase-mfzCommonSpinnerLineWidth: @mfzCommonSDKSpinnerLineWidth;
@mfzCaptureSDKInitPhase-mfzCommonSpinnerActivityViewTintColor: @mfzCommonSDKSpinnerActivityViewTintColor;
@mfzCaptureSDKInitPhase-mfzCommonSpinnerActivityViewBackgroundColor: clear;
/***************************************************************************************/
                                    /* Fonts */
/***************************************************************************************/
@mfzCaptureSDKTitleFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeLargeTitle;
@mfzCaptureSDKPhaseTitleFont: @mfzCommonSDKFontFamilyBold 36;
@mfzCaptureSDKButtonFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeTitle3;
@mfzCaptureSDKBodyFont: @mfzCommonSDKFontFamilyBold 16;
@mfzCaptureSDKBodyFontSmallDevice: @mfzCommonSDKFontFamilyBold 14;
@mfzCaptureSDKBodyBoldFont: @mfzCommonSDKFontFamilyBold 18;
@mfzCaptureSDKErrorTitleFont: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeLargeTitle;
@mfzCaptureSDKErrorTitleFontSmallDevice: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeTitle1;
@mfzCaptureSDKCountdownFont: @mfzCommonSDKFontFamilyBold 100.0;
@mfzCaptureSDKPoseFontCountdownFontBig: @mfzCommonSDKFontFamilyBold 288;
@mfzCaptureSDKPoseFontCountdownFontBigSize: 288.0;
@mfzCaptureSDKPoseFontCountdownFontNormSize: 100.0;
@mfzCaptureSDKPoseFontCountdownFontNorm: @mfzCommonSDKFontFamilyBold 144;
@mfzCaptureSDKConfirmBodyFont: @mfzCommonSDKFontFamilyBold 16;

myfiziq-common-sdk-layouts.css

/*
//  myfiziq-common-sdk-layouts.css
//
//  Copyright (c) 2018-2021 AHI. All rights reserved.
//
//  Licensed under the Apache License, Version 2.0 (the "License");
//  you may not use this file except in compliance with the License.
//  You may obtain a copy of the License at
//
//  http://www.apache.org/licenses/LICENSE-2.0
//
//  Unless required by applicable law or agreed to in writing, software
//  distributed under the License is distributed on an "AS IS" BASIS,
//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//  See the License for the specific language governing permissions and
//  limitations under the License.
*/

/***************************************************************************************/
                                /* Sizes and Constraints */
/***************************************************************************************/
@mfzCommonSDKSegmentControlHeight: 32.0;
@mfzCommonSDKButtonDefaultHeight: 50.0;
/* Section header view height */
@mfzCommonSDKTableViewSectionHeaderHeight: 55.0;
/* Separator Lines (Table View Cells) */
@mfzCellSeparatorLineHeight: 1.0;
@mfzCellSeparatorLineLeftMargin: 0.0;
@mfzCellSeparatorLineRightMargin: 0.0;
@mfzCellSeparatorLineBottomMargin: 0.0;
/* Input View Cell */
@mfzCommonSDKInputViewCellHeight: 44.0;
@mfzCommonSDKInputViewCellInputFieldTopMargin: 12.0;
@mfzCommonSDKInputViewCellInputFieldLeftMargin: 18.0;
@mfzCommonSDKInputViewCellInputFieldBottomMargin: 11.0;
@mfzCommonSDKInputViewCellBorderHeight: 1.0;
/* Alerts: */
@mfzCommonSDKAlertWidth: 300.0;
@mfzCommonSDKAlertMinHeight: 80.0;
@mfzCommonSDKAlertTitleHeight: 25.0;
@mfzCommonSDKAlertPadding: 0.0;
@mfzCommonSDKAlertTitleTopPadding: 20.0;
@mfzCommonSDKAlertTitleBodyGap: 1.0;
@mfzCommonSDKAlertBodyButtonGap: 15.0;
@mfzCommonSDKAlertButtonSpacing: @mfzCommonSDKAlertPadding;
@mfzCommonSDKAlertBodyMinHeight: 25.0;
@mfzCommonSDKAlertButtonsHeight: 50.0;
@mfzCommonSDKAlertButtonsStackedWidth: @mfzCommonSDKAlertWidth;
@mfzCommonSDKAlertButtonsStackedGap: 0.0;
@mfzCommonSDKAlertButtonBorderHeight: 1;
/* Spinner: */
@mfzCommonSDKSpinnerRadius: 50.0;
@mfzCommonSDKSpinnerLineWidth: 4.0;
/* Mesh: */
@mfzCommonSDKMeshScale: 0.88;
@mfzCommonSDKButtonActivityIndicatorRightSideMargin: 0.0;
/* Common Picker */
@mfzCommonSDKPickerPreferredHeight: 217.0;
@mfzCommonSDKPickerTopBorderHeight: 1;
@mfzCommonSDKPickerBottomBorderHeight: 1;
@mfzCommonSDKPickerBottomBorderBottomInset: 20;
/* Picker Accessory View */
@mfzCommonSDKAccessoryDismissButtonTopInset: 0;
@mfzCommonSDKAccessoryDismissButtonBottomInset: 0;
@mfzCommonSDKAccessoryDismissButtonRightInset: 15;
@mfzCommonSDKAccessoryDismissButtonWdith: 60;
/* 19.2 Collection View Cell Design */
@mfzCommonSDKCollectionViewCellCardCardViewCellHeight: 137.0;
@mfzCommonSDKCollectionViewCellCardCardViewCellMarginTop: 0.0;
@mfzCommonSDKCollectionViewCellCardCardViewCellMarginLeft: 0.0;
@mfzCommonSDKCollectionViewCellCardCardViewCellMarginBottom: 0.0;
@mfzCommonSDKCollectionViewCellCardCardViewCellMarginRight: 0.0;
@mfzCommonSDKCollectionViewCellCardCardViewCellInterItemSpacing: 0.0;
@mfzCommonSDKCollectionViewCellCardCardViewCellLineSpacing: 0.0;
@mfzCommonSDKBasicCollectionViewCellTitleValueLabelInset: 8.0;
@mfzCommonSDKBasicCollectionViewCellBorderWidth: 1.0;
@mfzCommonSDKCollectionViewCellCardViewContainerTopInset: 6.0;
@mfzCommonSDKCollectionViewCellCardViewContainerLeftInset: 16.0;
@mfzCommonSDKCollectionViewCellCardViewContainerBottomInset: 6.0;
@mfzCommonSDKCollectionViewCellCardViewContainerRightInset: 16.0;
/* The ratio here should equal 1.0 - if a wider left side container is set, ensure balance on the right side. */
@mfzCommonSDKTbfCollectionViewCellLeftSideContainerWidthRatio: 0.5;
@mfzCommonSDKTbfCollectionViewCellRightSideContainerWidthRatio: 0.5;
@mfzCommonSDKTbfCollectionViewCellLeftSideContainerWidthRatio-4-inch-device: 0.55;
@mfzCommonSDKTbfCollectionViewCellRightSideContainerWidthRatio-4-inch-device: 0.45;
@mfzCommonSDKTbfCollectionViewCellDateLabelTopInset: 16.0;
@mfzCommonSDKTbfCollectionViewCellDateLabelHeight: 18.0;
@mfzCommonSDKTbfCollectionViewCellTbfLabelHeight: 37.0;
@mfzCommonSDKTbfCollectionViewCellTbfLabelTopInset:0.0;
@mfzCommonSDKTbfCollectionViewCellTbfCategoryContainerHeight: 16.0;
@mfzCommonSDKTbfCollectionViewCellTbfCategoryContainerLeftInset: 16.0;
@mfzCommonSDKTbfCollectionViewCellTbfCategoryContainerLeftInset-4-inch-device: 8.0;
@mfzCommonSDKTbfCollectionViewCellTbfCategoryContainerTopInset:0.0;
@mfzCommonSDKTbfCollectionViewCellTbfCategoryLabelTopInset: 0;
@mfzCommonSDKTbfCollectionViewCellTbfCategoryLabelLeftInset: 5.0;
@mfzCommonSDKTbfCollectionViewCellTbfCategoryLabelBottomInset: 0;
@mfzCommonSDKTbfCollectionViewCellTbfCategoryLabelRightInset: 5.0;
@mfzCommonSDKTbfCollectionViewCellWeightLabelHeight:16.0;
@mfzCommonSDKTbfCollectionViewCellWeightLabelTopInset:5.0;
@mfzCommonSDKTbfCollectionViewCellEveryLabelLeftInset: 16.0;
@mfzCommonSDKTbfCollectionViewCellEveryLabelLeftInset-4-inch-device: 8.0;
@mfzCommonSDKTbfCollectionViewCellEveryLabelRightInset: 16.0;
@mfzCommonSDKTbfCollectionViewCellEveryLabelRightInset-4-inch-device: 8.0;
/* The ratio here should equal 1.0 - if a wider left side container is set, ensure balance on the right side. */
@mfzCommonSDKWeightCollectionViewCellLeftSideContainerWidthRatio: 0.5;
@mfzCommonSDKWeightCollectionViewCellRightSideContainerWidthRatio: 0.5;
@mfzCommonSDKWeightCollectionViewCellDateLabelTopInset: 16.0;
@mfzCommonSDKWeightCollectionViewCellDateLabelHeight: 18.0;
@mfzCommonSDKWeightCollectionViewCellTbfLabelHeight: 37.0;
@mfzCommonSDKWeightCollectionViewCellTbfLabelTopInset:0.0;
@mfzCommonSDKWeightCollectionViewCellTbfCategoryContainerHeight: 16.0;
@mfzCommonSDKWeightCollectionViewCellTbfCategoryContainerLeftInset:16.0;
@mfzCommonSDKWeightCollectionViewCellTbfCategoryContainerTopInset:0.0;
@mfzCommonSDKWeightCollectionViewCellTbfCategoryLabelTopInset: 0;
@mfzCommonSDKWeightCollectionViewCellTbfCategoryLabelLeftInset: 5.0;
@mfzCommonSDKWeightCollectionViewCellTbfCategoryLabelBottomInset: 0;
@mfzCommonSDKWeightCollectionViewCellTbfCategoryLabelRightInset: 5.0;
@mfzCommonSDKWeightCollectionViewCellWeightLabelHeight:37.0;
@mfzCommonSDKWeightCollectionViewCellWeightLabelTopInset:0.0;
@mfzCommonSDKWeightCollectionViewCellEveryLabelLeftInset: 16.0;
@mfzCommonSDKWeightCollectionViewCellEveryLabelRightInset: 16.0;
@mfzCommonSDKWeightCollectionViewCellHeightLabelHeight: 17.0;
@mfzCommonSDKWeightCollectionViewCellHeightLabelTopInset: 1.0;
@mfzCommonSDKCollectionViewCellCardCollectionViewHeaderLabelTopInset: 3.0;
@mfzCommonSDKCollectionViewCellCardCollectionViewHeaderLabelBottomInset: 3.0;
@mfzCommonSDKCollectionViewCellCardCollectionViewHeaderLabelLeftInset: 16.0;
@mfzCommonSDKCollectionViewCellCardCollectionViewHeaderLabelRightInset: 16.0;
@mfzCommonSDKCollectionViewCellCardCollectionViewHeaderViewHeight: 32.0;
@mfzCommonSDKCollectionViewCellCardCollectionViewHeaderViewShouldStickToTop: YES;
@mfzCommonSDKLoadingCellActivityIndicatorWidth: 36.0;
@mfzCommonSDKLoadingCellActivityIndicatorHeight: 36.0;
@mfzCommonSDKLoadingCellActivityIndicatorTopLabelOffset: -9.0;
@mfzCommonSDKLoadingCellTitleLabelCenterOffset: 18.0;
@mfzCommonSDKLoadingCellTitleLabelLeftInset: 16.0;
@mfzCommonSDKLoadingCellTitleLabelRightInset: 16.0;
@mfzCommonSDKLoadingCellTitleLabelHeight: 16.0;
@mfzCommonSDKLoadingCellDetailLabelLeftInset: 16.0;
@mfzCommonSDKLoadingCellDetailLabelRightInset: 16.0;
@mfzCommonSDKLoadingCellDetailLabelHeight: 16.0;
@mfzCommonSDKLoadingCellDetailTopOffset: 0.0;
/* Loading footer */
@mfzCommonSDKLoadingFooterViewContainerTopInset: 0;
@mfzCommonSDKLoadingFooterViewContainerAdjustedTopInset: -20;
@mfzCommonSDKLoadingFooterViewContainerLeftInset: 0;
@mfzCommonSDKLoadingFooterViewContainerBottomInset: 0;
@mfzCommonSDKLoadingFooterViewContainerRightInset: 0;
@mfzCommonSDKLoadingFooterViewActivityIndicatorWidth: 36.0;
@mfzCommonSDKLoadingFooterViewActivityIndicatorHeight: 36.0;
@mfzCommonSDKLoadingFooterViewActivityIndicatorTopLabelOffset: -9.0;
@mfzCommonSDKLoadingFooterViewTitleLabelLeftInset: 18.0;
@mfzCommonSDKLoadingFooterViewTitleLabelRightInset: 16.0;
@mfzCommonSDKLoadingFooterViewTitleLabelHeight: 16.0;
@mfzCommonSDKLoadingFooterViewTitleLabelCenterOffset: 16.0;
@mfzCommonSDKLoadingFooterViewDetailLabelLeftInset: 16.0;
@mfzCommonSDKLoadingFooterViewDetailLabelRightInset: 16.0;
@mfzCommonSDKLoadingFooterViewDetailLabelHeight: 16.0;
@mfzCommonSDKLoadingFooterViewDetailTopOffset: 0.0;

myfiziq-capture-sdk-layouts.css

/*
 //  myfiziq-capture-sdk-layouts.css
 //
 //  Copyright (c) 2018-2021 AH. All rights reserved.
 //
 //  Licensed under the Apache License, Version 2.0 (the "License");
 //  you may not use this file except in compliance with the License.
 //  You may obtain a copy of the License at
 //
 //  http://www.apache.org/licenses/LICENSE-2.0
 //
 //  Unless required by applicable law or agreed to in writing, software
 //  distributed under the License is distributed on an "AS IS" BASIS,
 //  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 //  See the License for the specific language governing permissions and
 //  limitations under the License.
 */

/* See InterfaCSS Github wiki to see style parameters for UIView elements */

/***************************************************************************************/
                            /* Sizes and Constraints */
/***************************************************************************************/
@mfzCaptureSDKNavCloseTopInset: 32.0;
@mfzCaptureSDKNavCloseTopInset-5p8-inch-device: 40.0;
@mfzCaptureSDKNavCloseTopInset-6p1-inch-device: @mfzCaptureSDKNavCloseTopInset-5p8-inch-device;
@mfzCaptureSDKNavCloseTopInset-6p5-inch-device: @mfzCaptureSDKNavCloseTopInset-5p8-inch-device;
@mfzCaptureSDKNavCloseWidth: 40.0;
@mfzCaptureSDKNavCloseHeight: 40.0;
@mfzCaptureSDKNavCloseRightInset: 20.0;
@mfzCaptureSDKNavHelpLeftInset: 20.0;
@mfzCaptureSDKNavHelpTopInset: 27.0;
@mfzCaptureSDKNavHelpTopInset-5p8-inch-device: 37.0;
@mfzCaptureSDKNavHelpTopInset-6p1-inch-device: @mfzCaptureSDKNavHelpTopInset-5p8-inch-device;
@mfzCaptureSDKNavHelpTopInset-6p5-inch-device: @mfzCaptureSDKNavHelpTopInset-5p8-inch-device;
@mfzCaptureSDKNavHelpWidth: 40.0;
@mfzCaptureSDKNavHelpHeight: 40.0;
/* Pose Error common: */
@mfzCaptureSDKErrTitleTopInset: 88.0;
@mfzCaptureSDKErrTitleTopInset-4-inch-device: 45.0;
@mfzCaptureSDKErrTitleMinHeight: 76.0;
@mfzCaptureSDKErrPadding: 26.0;
@mfzCaptureSDKErrButtonPadding: 8.0;
@mfzCaptureSDKErrButtonWidth: 250.0;
@mfzCaptureSDKErrButtonHeight: 45.0;
@mfzCaptureSDKInitTitleHeight: 40.0;
@mfzCaptureSDKInitSpinnerHeight: 50.0;
@mfzCaptureSDKAlignTitleTopInset: 35.0;
@mfzCaptureSDKAlignTitleTopInset-5p8-inch-device: 77.0;
@mfzCaptureSDKAlignTitleTopInset-6p1-inch-device: @mfzCaptureSDKAlignTitleTopInset-5p8-inch-device;
@mfzCaptureSDKAlignTitleTopInset-6p5-inch-device: @mfzCaptureSDKAlignTitleTopInset-5p8-inch-device;
@mfzCaptureSDKAlignTitleWidth: 305.0;
@mfzCaptureSDKAlignTitleHeight: 150.0;
@mfzCaptureSDKAlignCameraEnableOffset: 50.0;
@mfzCaptureSDKAlignLineWidth: 3.0;
@mfzCaptureSDKAlignRadius: 85.0;
@mfzCaptureSDKAlignRadius-4-inch-device: 75.0;
@mfzCaptureSDKAlignRadius: 85.0;
@mfzCaptureSDKAlignAimSwingConstraint: 100.0;
@mfzCaptureSDKPoseCountdownMinOriginX: 10.0;
@mfzCaptureSDKPoseCountdownMinOriginX-5p8-inch-device: 20.0;
@mfzCaptureSDKPoseCountdownMinOriginX-6p1-inch-device: @mfzCaptureSDKPoseCountdownMinOriginX-5p8-inch-device;
@mfzCaptureSDKPoseCountdownMinOriginX-6p5-inch-device: @mfzCaptureSDKPoseCountdownMinOriginX-5p8-inch-device;
@mfzCaptureSDKPoseCountdownMinOriginY: 0.0;
@mfzCaptureSDKPoseCountdownMinOriginY-5p8-inch-device: 70.0;
@mfzCaptureSDKPoseCountdownMinOriginY-6p1-inch-device: @mfzCaptureSDKPoseCountdownMinOriginY-5p8-inch-device;
@mfzCaptureSDKPoseCountdownMinOriginY-6p5-inch-device: @mfzCaptureSDKPoseCountdownMinOriginY-5p8-inch-device;
@mfzCaptureSDKPoseBannerHeight: 46;
@mfzCaptureSDKPoseTitleHeight: @mfzCaptureSDKPoseBannerHeight;
@mfzCaptureSDKPoseBannerHeight-5p8-inch-device: 80;
@mfzCaptureSDKPoseBannerHeight-6p1-inch-device: @mfzCaptureSDKPoseBannerHeight-5p8-inch-device;
@mfzCaptureSDKPoseBannerHeight-6p5-inch-device: @mfzCaptureSDKPoseBannerHeight-5p8-inch-device;
@mfzCaptureSDKInspectTitleTopInset: 88.0;
@mfzCaptureSDKInspectTitleTopInset-4-inch-device: 45.0;
@mfzCaptureSDKInspectTitleMinHeight: 115.0;
@mfzCaptureSDKInspectGuideLineWidth: @mfzCaptureSDKAlignLineWidth;
@mfzCaptureSDKInspectGuideTrackLineWidth: @mfzCaptureSDKInspectGuideLineWidth;
@mfzCaptureSDKInspectGuideCountdownLineWidth: @mfzCaptureSDKInspectGuideLineWidth;
@mfzCaptureSDKInspectGuideRadius: 80.0;
@mfzCaptureSDKInspectGuideHeight: 164.0;
@mfzCaptureSDKInspectRetryingHeight: 30.0;
@mfzCaptureSDKInspectRetryingTopInset: 5;
@mfzCaptureSDKInspectPadding: 8.0;
@mfzCaptureSDKInspectRealignTopPadding: @mfzCaptureSDKInspectPadding;
@mfzCaptureSDKInspectGuideTopPadding: 15;
@mfzCaptureSDKConfirmRetakeButtonVerticalStackBottomOffset: 20.0;
@mfzCaptureSDKConfirmRetakeButtonVerticalStackHeight: 50.0;
@mfzCaptureSDKConfirmRetakeButtonVerticalStackWidth: 255.0;
@mfzCaptureSDKConfirmButtonVerticalStackBottomOffset: -14.0;
@mfzCaptureSDKConfirmButtonVerticalStackHeight: 50.0;
@mfzCaptureSDKConfirmButtonVerticalStackWidth: 255.0;
@mfzCaptureSDKConfirmRetakeButtonHeight: 50.0;
@mfzCaptureSDKConfirmConfirmButtonHeight: 50.0;
@mfzCaptureSDKConfirmPadding: 5.0;
@mfzCaptureSDKConfirmButtonSepPadding: 16.0;
@mfzCaptureSDKConfirmButtonBottomOffset: 46.0;
@mfzCaptureSDKConfirmTextHeight: 100.0;
@mfzCaptureSDKConfirmHelpTitleHeight: 50.0;
@mfzCaptureSDKConfirmHelpBodyHeight: 70.0;
@mfzCaptureSDKConfirmHelpBodyHeight-4-inch-device: 95.0;
@mfzCaptureSDKConfirmHelpPadding: 20.0;
@mfzCaptureSDKConfirmHelpSugBorderWidth: 2.0;
@mfzCaptureSDKConfirmHelpSugHeight: 1.0;
@mfzCaptureSDKConfirmHelpOkButtonWidth: 290.0;
@mfzCaptureSDKConfirmHelpOkButtonHeight: 50.0;
@mfzCaptureSDKConfirmHelpOkButtonSafeAreaBottomInset: 0.0;
@mfzCaptureSDKSubmitTitleHeight: 40.0;
@mfzCaptureSDKSubmitProgressWidth: 200.0;
@mfzCaptureSDKSubmitProgressHeight: 4.0;
@mfzCaptureSDKSubmitProgressOffset: 12.0;
/***************************************************************************************/
                            /* Special Features */
/***************************************************************************************/
/* Status bar style, see UIStatusBarStyle for options. */
@mfzCaptureSDKViewStatusBarStyle: 1;
/* Countdown Timer tiem in seconds */
@mfzCaptureSDKPoseFrontCountdownPeriod: 10;
/* Number of retry attempts before support or forced termination. */
@mfzCaptureSDKInspectRetryLimit: 1;
/* The countdown period when the error screen appears. */
@mfzCaptureSDKInspectionErrorCountdownPeriod: 10;
/* Submit Retry Phase */
/* The number of times the submission should be reattempted
 If value is changed to 0 or removed, 1 will be retried.
 */
@mfzCaptureSDKSubmitRetryAttemptsCount: 10;
/* The starting time of the interval; How soon after failure should the reattempt occur?
 If value is changed to be less than 1.0 or removed, 1.0 will be used.
 */
@mfzCaptureSDKSubmitRetrySecondInterval: 1.0;
/* The multiplier of the starting time interval; How much should the submission interval multiply by for each failure?
 eg.
 - First attempt wait one second
 - Second attempt wait (2 * 1.0)
 - Third attempt wait (2 * 2.0)
 - Fourth attempt wait (2 * 4.0)
 - and so on

 If value is changed to be less than 1.0 or removed, 1.0 will be used.
 */
@mfzCaptureSDKSubmitRetrySecondIntervalMultiplier: 2.0;

myfiziq-common-sdk-classes.css

/*
//  myfiziq-common-sdk-classes.css
//
//  Copyright (c) 2018-2021 AHI. All rights reserved.
//
//  Licensed under the Apache License, Version 2.0 (the "License");
//  you may not use this file except in compliance with the License.
//  You may obtain a copy of the License at
//
//  http://www.apache.org/licenses/LICENSE-2.0
//
//  Unless required by applicable law or agreed to in writing, software
//  distributed under the License is distributed on an "AS IS" BASIS,
//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//  See the License for the specific language governing permissions and
//  limitations under the License.
*/

/***************************************************************************************/
                                /* Style Classes */
/***************************************************************************************/
.mfz-common-sdk-segmented-control {
    /* UISegmentedControl */
    cornerRadius: @mfzCommonSDKCornerRadiusSmall;
    borderColor: @mfzCommonSDKSegmentControlBackgroundColor;
    tintColor: @mfzCommonSDKColorWhite;
    backgroundColor: @mfzCommonSDKSegmentControlBackgroundColor;
    textColor(normal): @mfzCommonSDKSegmentControlTextColor;
    textColor(selected): @mfzCommonSDKSegmentControlTextColorSelected;
}

.mfz-common-sdk-segmented-control-dark {
    @extend .mfz-common-sdk-segmented-control;
    /* UISegmentedControl */
    borderColor: @mfzCommonSDKSegmentControlBackgroundColor-dark;
    tintColor: @mfzCommonSDKColorWhite;
    backgroundColor: @mfzCommonSDKSegmentControlBackgroundColor-dark;
    textColor(normal): @mfzCommonSDKSegmentControlTextColor-dark;
    textColor(selected): @mfzCommonSDKSegmentControlTextColorSelected-dark;
}

.mfz-common-sdk-alert-view-view {
    /* UIView */
    backgroundColor: @mfzCommonSDKAlertViewBackgroundColor;
    cornerRadius: @mfzCommonSDKCornerRadiusLarge;
}

.mfz-common-sdk-alert-view-view-dark {
    @extend .mfz-common-sdk-alert-view-view;
    /* UIView */
    backgroundColor: @mfzCommonSDKAlertViewBackgroundColor-dark;
}

.mfz-common-sdk-alert-view-title {
    /* UILabel */
    textColor: @mfzCommonSDKAlertTextColor;
    font: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeBody;
    textAlignment: center;
}

.mfz-common-sdk-alert-view-title-dark {
    @extend .mfz-common-sdk-alert-view-title;
    /* UILabel */
    textColor: @mfzCommonSDKAlertTextColor;
}

.mfz-common-sdk-alert-view-body {
    /* UILabel */
    textColor: @mfzCommonSDKAlertTextColor;
    font: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeFootnote;
    textAlignment: center;
    lineBreakMode: wordWrapping;
    numberOfLines: 0;
}

.mfz-common-sdk-alert-view-body-dark {
    @extend .mfz-common-sdk-alert-view-body;
    /* UILabel */
    textColor: @mfzCommonSDKAlertTextColor-dark;
}

.mfz-common-sdk-alert-view-norm-button {
    /* UIButton */
    cornerRadius: @mfzCommonSDKCornerRadiusLarge;
    backgroundColor: @mfzCommonSDKAlertViewBackgroundColor;
    titleColor: @mfzCommonSDKAlertButtonTextColorPrimary;
    titleLabel.font: @mfzCommonSDKFontFamilyRegular @mfzCommonSDKFontSizeBody;
    titleLabel.textAlignment: center;
    titleEdgeInsets: insets(5,0,0,0);
}

.mfz-common-sdk-alert-view-norm-button-dark {
    @extend .mfz-common-sdk-alert-view-norm-button;
    /* UIButton */
    backgroundColor: @mfzCommonSDKAlertViewBackgroundColor-dark;
    titleColor: @mfzCommonSDKAlertButtonTextColorPrimary-dark;
}

.mfz-common-sdk-alert-view-high-button {
    @extend .mfz-common-sdk-alert-view-norm-button;
    /* UIButton */
    titleLabel.font: @mfzCommonSDKFontFamilyBold @mfzCommonSDKFontSizeBody;
}

.mfz-common-sdk-alert-view-high-button-dark {
    @extend .mfz-common-sdk-alert-view-high-button;
    /* UIButton */
    backgroundColor: @mfzCommonSDKAlertViewBackgroundColor-dark;
    titleColor: @mfzCommonSDKAlertButtonTextColorPrimary-dark;
}

.mfz-common-sdk-spinner-activity-view {
    /* UIActivityIndicatorView */
    backgroundColor: @mfzCommonSDKSpinnerActivityViewBackgroundColor;
    color: @mfzCommonSDKSpinnerActivityViewTintColor;
}

.mfz-common-sdk-spinner-activity-view-dark {
    /* UIActivityIndicatorView */
    backgroundColor: @mfzCommonSDKSpinnerActivityViewBackgroundColor-dark;
    color: @mfzCommonSDKSpinnerActivityViewTintColor-dark;
}

.mfz-common-sdk-mesh-view {
    /* SCNView : UIView */
    backgroundColor: @mfzCommonSDKMeshViewBackgroundColor;
    borderColor: @mfzCommonSDKMeshViewBackgroundColor;
    borderWidth: 0.5;
}

.mfz-common-sdk-mesh-view-dark {
    @extend .mfz-common-sdk-mesh-view;
    /* SCNView : UIView */
    backgroundColor: @mfzCommonSDKMeshViewBackgroundColor-dark;
    borderColor: @mfzCommonSDKMeshViewBackgroundColor-dark;
}

.mfz-common-sdk-mesh-view-frame {
    /* UIView */
    backgroundColor: @mfzCommonSDKMeshViewFrameColor;
    borderColor: @mfzCommonSDKMeshViewFrameColor;
    /* DON'T alter, as it fixes "ghost" border that shows on some Plus devices. */
    borderWidth: 4.0;
}

.mfz-common-sdk-mesh-view-frame-dark {
    @extend .mfz-common-sdk-mesh-view-frame;
    /* UIView */
    backgroundColor: @mfzCommonSDKMeshViewFrameColor-dark;
    borderColor: @mfzCommonSDKMeshViewFrameColor-dark;
}

.mfz-common-sdk-standard-button {
    /* UIButton */
    cornerRadius: @mfzCommonSDKCornerRadiusLarge;
    titleColor(normal): @mfzCommonSDKButtonTitleColor;
    titleLabel.font: @mfzCommonSDKButtonFont;
    titleLabel.lineBreakMode: wordWrapping;
    titleLabel.numberOfLines: 0;
    titleLabel.textAlignment: center;
    alpha: 0.95;
}

.mfz-common-sdk-standard-button-dark {
    @extend .mfz-common-sdk-standard-button;
    /* UIButton */
    titleColor(normal): @mfzCommonSDKButtonTitleColor-dark;
}

.mfz-common-picker-view {
    /* UIView */
    backgroundColor: @mfzCommonSDKPickerBackgroundColor;
}

.mfz-common-picker-view-dark {
    @extend .mfz-common-picker-view;
    /* UIView */
    backgroundColor: @mfzCommonSDKPickerBackgroundColor-dark;
}

.mfz-common-picker-control-view {
    /* UIControl */
    backgroundColor: @mfzCommonSDKPickerBackgroundColor;
}

.mfz-common-picker-control-view-dark {
    @extend .mfz-common-picker-control-view;
    /* UIControl */
    backgroundColor: @mfzCommonSDKPickerBackgroundColor-dark;
}

.mfz-common-picker-top-border {
    /* UIView */
    backgroundColor: @mfzCommonSDKPickerTopBorderColor;
}

.mfz-common-picker-top-border-dark {
    @extend .mfz-common-picker-top-border;
    /* UIView */
    backgroundColor: @mfzCommonSDKPickerTopBorderColor-dark;
}

.mfz-common-picker-bottom-border {
    /* UIView */
    backgroundColor: @mfzCommonSDKPickerBottomBorderColor;
}

.mfz-common-picker-bottom-border-dark {
    @extend .mfz-common-picker-bottom-border;
    /* UIView */
    backgroundColor: @mfzCommonSDKPickerBottomBorderColor-dark;
}

.mfz-common-input-view {
    /* UIView */
    backgroundColor: @mfzCommonSDKPickerBackgroundColor;
}

.mfz-common-input-view-dark {
    @extend .mfz-common-input-view-dark;
    /* UIView */
    backgroundColor: @mfzCommonSDKPickerBackgroundColor-dark;
}

.mfz-common-accessory-view {
    /* UIView */
    backgroundColor: @mfzCommonSDKPickerBackgroundColor;
}

.mfz-common-accessory-view-dark {
    @extend .mfz-common-accessory-view;
    /* UIView */
    backgroundColor: @mfzCommonSDKPickerBackgroundColor-dark;
}

.mfz-common-accessory-content-view {
    /* UIView */
    backgroundColor: @mfzCommonSDKPickerBackgroundColor;
}

.mfz-common-accessory-content-view-dark {
    @extend .mfz-common-accessory-content-view;
    /* UIView */
    backgroundColor: @mfzCommonSDKPickerBackgroundColor-dark;
}

.mfz-common-accessory-view-dismiss-button {
    /* UIButton */
    titleLabel.font: @mfzCommonSDKPickerDismissButtonFont;
    titleColor: @mfzCommonSDKAccessoryViewDismissButtonColor;
    backgroundColor: @mfzCommonSDKPickerBackgroundColor;
}

.mfz-common-accessory-view-dismiss-button-dark {
    @extend .mfz-common-accessory-view-dismiss-button;
    /* UIButton */
    titleColor: @mfzCommonSDKAccessoryViewDismissButtonColor-dark;
    backgroundColor: @mfzCommonSDKPickerBackgroundColor-dark;
}

.mfz-common-sdk-collection-view {
    /* UIView */
    backgroundColor: @mfzCommonSDKCollectionViewCellCardBackgroundColor;
}

.mfz-common-sdk-collection-view-dark {
    @extend .mfz-common-sdk-collection-view;
    /* UIView */
    backgroundColor: @mfzCommonSDKCollectionViewCellCardBackgroundColor-dark;
}

.mfz-common-sdk-collection-view-header-view {
    /* UIReusableView */
    backgroundColor: @mfzCommonSDKCollectionViewCellCardBackgroundColor;
}

.mfz-common-sdk-collection-view-header-view-dark {
    @extend .mfz-common-sdk-collection-view-header-view;
    /* UIReusableView */
    backgroundColor: @mfzCommonSDKCollectionViewCellCardBackgroundColor-dark;
}

.mfz-common-sdk-collection-view-header-view-title-label {
    /* UILabel */
    font: @mfzCommonSDKCollectionViewGalleryHeaderViewTitleFont;
    textColor: @mfzCommonSDKCollectionViewGalleryHeaderViewTitleTextColor;
}

.mfz-common-sdk-collection-view-header-view-title-label-dark {
    @extend .mfz-common-sdk-collection-view-header-view-title-label;
    /* UILabel */
    textColor: @mfzCommonSDKCollectionViewGalleryHeaderViewTitleTextColor-dark;
}

.mfz-common-sdk-collection-view-card-view-cell {
    /* UICollectionViewCell*/
    backgroundColor: @mfzCommonSDKCollectionViewCellCardCellBackgroundColor;
}

.mfz-common-sdk-collection-view-card-view-cell-dark {
    @extend .mfz-common-sdk-collection-view-card-view-cell;
    /* UICollectionViewCell*/
    backgroundColor: @mfzCommonSDKCollectionViewCellCardCellBackgroundColor-dark;
}

.mfz-common-sdk-collection-view-card-view-cell-container-view {
    /* UIView */
    backgroundColor: @mfzCommonSDKCollectionViewCellCardCellContainerViewBackgroundColor;
    cornerRadius: @mfzCommonSDKCornerRadiusLarge;
}

.mfz-common-sdk-collection-view-card-view-cell-container-view-dark {
    @extend .mfz-common-sdk-collection-view-card-view-cell-container-view;
    /* UIView */
    backgroundColor: @mfzCommonSDKCollectionViewCellCardCellContainerViewBackgroundColor-dark;
    cornerRadius: @mfzCommonSDKCornerRadiusLarge;
}

.mfz-common-sdk-collection-view-card-view-cell-left-container-view {
    /* UIView */
}

.mfz-common-sdk-collection-view-card-view-cell-left-container-view-dark {
    @extend .mfz-common-sdk-collection-view-card-view-cell-left-container-view;
    /* UIView */
}

.mfz-common-sdk-collection-view-card-view-cell-right-container-view {
    /* UIView */
}

.mfz-common-sdk-collection-view-card-view-cell-right-container-view-dark {
    @extend .mfz-common-sdk-collection-view-card-view-cell-right-container-view;
    /* UIView */
}

.mfz-common-sdk-collection-view-card-view-cell-date-label {
    /* UILabel */
    font: @mfzCommonSDKCollectionViewCellCardDateFont;
    textColor: @mfzCommonSDKCollectionViewCellCardDateTextColor;
}

.mfz-common-sdk-collection-view-card-view-cell-date-label-dark {
    @extend .mfz-common-sdk-collection-view-card-view-cell-date-label;
    /* UILabel */
    textColor: @mfzCommonSDKCollectionViewCellCardDateTextColor-dark;
}

.mfz-common-sdk-collection-view-card-view-cell-primary-label {
    /* UILabel */
    font: @mfzCommonSDKCollectionViewCellCardPrimaryValueFont;
    textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor;
}

.mfz-common-sdk-collection-view-card-view-cell-primary-label-dark {
    @extend .mfz-common-sdk-collection-view-card-view-cell-primary-label;
    /* UILabel */
    textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor-dark;
}

.mfz-common-sdk-collection-view-card-view-cell-category-container-view {
    /* UIView */
    cornerRadius: @mfzCommonSDKCornerRadiusSmall;
}

.mfz-common-sdk-collection-view-card-view-cell-category-container-view-dark {
    @extend .mfz-common-sdk-collection-view-card-view-cell-category-container-view;
}

.mfz-common-sdk-collection-view-card-view-cell-category-label {
    /* UILabel */
    font: @mfzCommonSDKCollectionViewCellCardCategoryFont;
    textColor: @mfzCommonSDKCollectionViewCellCardCategoryTextColor;
}

.mfz-common-sdk-collection-view-card-view-cell-category-label-dark {
    @extend .mfz-common-sdk-collection-view-card-view-cell-category-label;
    /* UILabel */
    textColor: @mfzCommonSDKCollectionViewCellCardCategoryTextColor-dark;
}

.mfz-common-sdk-collection-view-card-view-cell-weight-label {
    /* UILabel */
    font: @mfzCommonSDKCollectionViewCellCardSecondaryFont;
    textColor: @mfzCommonSDKCollectionViewCellCardSecondaryTextColor;
}

.mfz-common-sdk-collection-view-card-view-cell-weight-label-dark {
    @extend .mfz-common-sdk-collection-view-card-view-cell-weight-label;
    /* UILabel */
    textColor: @mfzCommonSDKCollectionViewCellCardSecondaryTextColor-dark;
}

.mfz-common-sdk-collection-view-card-view-cell-height-label {
    @extend .mfz-common-sdk-collection-view-card-view-cell-weight-label;
    /* UILabel */
}

.mfz-common-sdk-collection-view-card-view-cell-height-label-dark {
    @extend .mfz-common-sdk-collection-view-card-view-cell-weight-label-dark;
    /* UILabel */
}

.mfz-common-sdk-title-value-view-title-label {
    /* UILabel */
    font: @mfzCommonSDKCollectionViewCellCardTableMeasurementTitleFont;
    textColor: @mfzCommonSDKCollectionViewCellCardTableMeasurementTitleTextColor;
}

.mfz-common-sdk-title-value-view-title-label-dark {
    @extend .mfz-common-sdk-title-value-view-title-label;
    /* UILabel */
    textColor: @mfzCommonSDKCollectionViewCellCardTableMeasurementTitleTextColor-dark;
}

.mfz-common-sdk-title-value-view-value-label {
    /* UILabel */
    font: @mfzCommonSDKCollectionViewCellCardTableMeasurementValueFont;
    textColor: @mfzCommonSDKCollectionViewCellCardTableMeasurementValueTextColor;
}

.mfz-common-sdk-title-value-view-value-label-dark {
    @extend .mfz-common-sdk-title-value-view-value-label;
    /* UILabel */
    textColor: @mfzCommonSDKCollectionViewCellCardTableMeasurementValueTextColor-dark;
}

.mfz-common-sdk-collection-view-cell-loading-title-label {
    /* UILabel */
    font: @mfzCommonSDKCollectionViewCellCardLoadingTitleLabelFont;
    textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor;
    textAlignment: center;
}

.mfz-common-sdk-collection-view-cell-loading-title-label-dark {
    @extend .mfz-common-sdk-collection-view-cell-loading-title-label;
    /* UILabel */
    textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor-dark;
}

.mfz-common-sdk-collection-view-cell-loading-detail-label {
    /* UILabel */
    font: @mfzCommonSDKCollectionViewCellCardLoadingTitleLabelFont;
    textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor;
    textAlignment: center;
}

.mfz-common-sdk-collection-view-cell-loading-detail-label-dark {
    @extend .mfz-common-sdk-collection-view-cell-loading-detail-label;
    /* UILabel */
    textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor;
}

.mfz-common-sdk-collection-view-cell-loading-footer-container-view {
    /* UIView */
    backgroundColor: @mfzCommonSDKColorTransparent;
}

.mfz-common-sdk-collection-view-cell-loading-footer-container-view-dark {
    @extend .mfz-common-sdk-collection-view-cell-loading-footer-container-view;
    /* UIView */
}

.mfz-common-sdk-collection-view-cell-loading-footer-title-label {
    /* UILabel */
    font: @mfzCommonSDKCollectionViewCellCardLoadingTitleLabelFont;
    textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor;
    textAlignment: center;
}

.mfz-common-sdk-collection-view-cell-loading-footer-title-label-dark {
    @extend .mfz-common-sdk-collection-view-cell-loading-footer-title-label;
    /* UILabel */
    textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor-dark;
}

.mfz-common-sdk-collection-view-cell-loading-footer-detail-label {
    /* UILabel */
    font: @mfzCommonSDKCollectionViewCellCardLoadingTitleLabelFont;
    textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor;
    textAlignment: center;
}

.mfz-common-sdk-collection-view-cell-loading-footer-detail-label-dark {
    @extend .mfz-common-sdk-collection-view-cell-loading-footer-detail-label;
    /* UILabel */
    textColor: @mfzCommonSDKCollectionViewCellCardPrimaryValueTextColor-dark;
}


myfiziq-capture-sdk-classes.css

/*
 //  myfiziq-capture-sdk-classes.css
 //
 //  Copyright (c) 2018-2021 AHI. All rights reserved.
 //
 //  Licensed under the Apache License, Version 2.0 (the "License");
 //  you may not use this file except in compliance with the License.
 //  You may obtain a copy of the License at
 //
 //  http://www.apache.org/licenses/LICENSE-2.0
 //
 //  Unless required by applicable law or agreed to in writing, software
 //  distributed under the License is distributed on an "AS IS" BASIS,
 //  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 //  See the License for the specific language governing permissions and
 //  limitations under the License.
 */

/* See InterfaCSS Github wiki to see style parameters for UIView elements */

/** The Capture (aka Core) SDK does not have dark mode styling - it can be applied should partners wish to customise in their own CSS file,
 however, our default product is a static, single styled offering.
 */

/***************************************************************************************/
                                /* Style Classes */
/***************************************************************************************/
.mfz-capture-sdk-label {
    /* UILabel */
    textAlignment: center;
    lineBreakMode: wordWrapping;
    numberOfLines: 0;
    textColor: @mfzCaptureSDKColorBase;
}

.mfz-capture-sdk-pose-error-realign-button {
    /* UIButton */
    cornerRadius: 4.0;
    backgroundColor: @mfzCaptureSDKButtonBackgroundColor;
    titleColor: @mfzCaptureSDKFeatureColor;
    titleLabel.font: @mfzCaptureSDKButtonFont;
    titleLabel.textAlignment: center;
}

.mfz-capture-sdk-pose-error-exit-button {
    /* UIButton */
    cornerRadius: 4.0;
    borderWidth: 2.0;
    borderColor: @mfzCaptureSDKColorBase;
    backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
    titleColor: @mfzCaptureSDKColorBase;
    titleLabel.font: @mfzCaptureSDKButtonFont;
    titleLabel.textAlignment: center;
}

/* Connecting Phase: */
.mfz-capture-sdk-connecting-view {
    /* UIView */
    backgroundColor: @mfzCaptureSDKViewBackgroundColor;
}

.mfz-capture-sdk-connecting-titlelabel {
    @extend .mfz-capture-sdk-label;
    /* UILabel */
    font: @mfzCaptureSDKTitleFont;
}

.mfz-capture-sdk-init-view {
    /* UIView */
    backgroundColor: @mfzCaptureSDKColorBaseDark;
}

.mfz-capture-sdk-init-label {
    @extend .mfz-capture-sdk-label;
    /* UILabel */
    font: @mfzCaptureSDKTitleFont;
}

.mfz-capture-sdk-init-closebutton {
    /* UIButton */
    backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
}

.mfz-capture-sdk-init-helpbutton {
    /* UIButton */
    backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
}

.mfz-capture-sdk-align-view {
    /* UIView */
    backgroundColor: @mfzCaptureSDKAlignViewBackgroundColor;
}

.mfz-capture-sdk-align-closebutton {
    /* UIButton */
    backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
}

.mfz-capture-sdk-align-helpbutton {
    /* UIButton */
    backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
}

.mfz-capture-sdk-align-titlelabel {
    @extend .mfz-capture-sdk-label;
    /* UILabel - uses attributed text for styling */
}

.mfz-capture-sdk-align-countdownlabel {
    @extend .mfz-capture-sdk-label;
    /* UILabel */
    hidden: NO;
}

.mfz-capture-sdk-pose-orientationerr-view {
    /* UIView */
    backgroundColor: @mfzCaptureSDKViewBackgroundColor;
}

.mfz-capture-sdk-pose-orientationerr-label {
    @extend .mfz-capture-sdk-label;
    /* UILabel - uses attributed text for styling */
}

.mfz-capture-sdk-pose-view {
    /* UIView */
    backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
}

.mfz-capture-sdk-pose-banner {
    /* UIView */
    backgroundColor: @mfzCaptureSDKViewBackgroundColor;
}

.mfz-capture-sdk-pose-title {
    @extend .mfz-capture-sdk-label;
    /* UILabel */
}

.mfz-capture-sdk-pose-error-view {
    /* UIView */
    backgroundColor: @mfzCaptureSDKFeatureColor;
}

.mfz-capture-sdk-pose-error-title {
    @extend .mfz-capture-sdk-label;
    /* UILabel */
    font: @mfzCaptureSDKErrorTitleFont;
}

.mfz-capture-sdk-inspection-error-view {
    /* UIView */
    backgroundColor: @mfzCaptureSDKInspectionErrorBackgroundColor;
}

.mfz-capture-sdk-inspection-error-title {
    @extend .mfz-capture-sdk-label;
    /* UILabel */
    font: @mfzCaptureSDKErrorTitleFont;
}

.mfz-capture-sdk-inspection-error-title-4-inch-device {
    @extend .mfz-capture-sdk-label;
    /* UILabel */
    font: @mfzCaptureSDKErrorTitleFontSmallDevice;
}

.mfz-capture-sdk-inspection-error-body {
    @extend .mfz-capture-sdk-label;
    /* UILabel */
    font: @mfzCaptureSDKBodyFont;
}

.mfz-capture-sdk-inspection-error-retrying {
    @extend .mfz-capture-sdk-label;
    /* UILabel */
    font: @mfzCaptureSDKBodyBoldFont;
}

.mfz-capture-sdk-inspection-error-countdown-label {
    @extend .mfz-capture-sdk-label;
    /* UILabel */
    font: @mfzCaptureSDKCountdownFont;
}

.mfz-capture-sdk-inspection-error-realign-button {
    /* UIButton */
    cornerRadius: 4.0;
    backgroundColor: @mfzCaptureSDKButtonBackgroundColor;
    titleColor: @mfzCaptureSDKFeatureColor;
    titleLabel.font: @mfzCaptureSDKButtonFont;
    titleLabel.textAlignment: center;
}

.mfz-capture-sdk-inspection-error-exit-button {
    /* UIButton */
    cornerRadius: 4.0;
    borderWidth: 2.0;
    borderColor: @mfzCaptureSDKColorBase;
    backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
    titleColor: @mfzCaptureSDKColorBase;
    titleLabel.font: @mfzCaptureSDKButtonFont;
    titleLabel.textAlignment: center;
}

.mfz-capture-sdk-inspection-error-support-button {
    /* UIButton */
    backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
    titleColor: @mfzCaptureSDKColorBase;
    titleLabel.textAlignment: center;
}

.mfz-capture-sdk-confirm-view {
    /* UIView */
    backgroundColor: @mfzCaptureSDKViewBackgroundColor;
}

.mfz-capture-sdk-confirm-closebutton {
    /* UIButton */
    backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
}

.mfz-capture-sdk-confirm-helpbutton {
    /* UIButton */
    backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
}

.mfz-capture-sdk-confirm-textlabel {
    @extend .mfz-capture-sdk-label;
    /* UILabel */
    font: @mfzCaptureSDKBodyFont;
}

.mfz-capture-sdk-retake-images-button {
    @extend .mfz-common-sdk-standard-button;
    /* UIButton */
    backgroundColor: @mfzCaptureSDKTryAgainButtonBackgroundColor;
    titleLabel.font: @mfzCaptureSDKBodyFont;
}

.mfz-capture-sdk-confirm-help-view {
    /* UIView */
    backgroundColor: @mfzCaptureSDKViewBackgroundColor;
}

.mfz-capture-sdk-pose-confirm-help-title {
    @extend .mfz-capture-sdk-label;
    /* UILabel */
    font: @mfzCaptureSDKTitleFont;
}

.mfz-capture-sdk-pose-confirm-help-body {
    @extend .mfz-capture-sdk-label;
    /* UILabel */
    font: @mfzCaptureSDKBodyBoldFont;
}

.mfz-capture-sdk-pose-confirm-help-body-4-inch-device {
    @extend .mfz-capture-sdk-label;
    /* UILabel */
    font: @mfzCaptureSDKBodyFontSmallDevice;
}

.mfz-capture-sdk-pose-confirm-help-image {
    /* UIImageView */
    backgroundColor: @mfzCaptureSDKTransparentBackgroundColor;
}

.mfz-capture-sdk-pose-confirm-help-sug-topborder {
    /* UIView */
    backgroundColor: @mfzCaptureSDKFeatureColor;
    hidden: YES;
}

.mfz-capture-sdk-pose-confirm-help-sug-bottomborder {
    /* UIView */
    backgroundColor: @mfzCaptureSDKFeatureColor;
    hidden: YES;
}

.mfz-capture-sdk-pose-confirm-help-suggestion {
    @extend .mfz-capture-sdk-label;
    /* UILabel */
    textColor: @mfzCaptureSDKFeatureColor;
    font: @mfzCaptureSDKBodyFont;
    hidden: YES;
}

.mfzCaptureSDKConfirmRetakePractise-mfz-capture-sdk-retake-images-button {
    @extend .mfz-capture-sdk-retake-images-button;
    /* UILabel */
    hidden: YES;
}

.mfz-capture-sdk-submit-view {
    /* UIView */
    backgroundColor: @mfzCaptureSDKViewBackgroundColor;
}

.mfz-capture-sdk-submit-label {
    @extend .mfz-capture-sdk-label;
    /* UILabel */
    font: @mfzCaptureSDKTitleFont;
}

.mfz-capture-sdk-submit-progress {
    /* UIProgressView */
    progressTintColor: @mfzCaptureSDKFeatureColor;
    trackTintColor: @mfzCaptureSDKSubmitRailTintColor;
}