import { ArrowSize } from '../types';
export declare const productListButtonsZIndex = 1004;
export declare const productListZIndex = 1003;
export declare const pillZIndex = 1002;
export declare const videoZIndex = 1001;
export declare const ugcZIndex = 1000;
export declare const overlayZIndex = 999;
export declare const activeSquareAspectRatio = 120;
export declare const activePortraitAspectRatio = 150;
export declare const activeStoriesAspectRatio = 213.34;
export declare const infiniteScrollTimeout = 50;
export declare const uniformCarouselTransitionDurationSec = 0.5;
export declare const spotlightCarouselTransitionDurationSec = 0.5;
export declare const thumbnailTransitionDurationSec = 0.5;
export declare const topPillsMarginTopPx = 5;
export declare const mobilePlayerPackshotHeightPercent = 15;
export declare const pillBackgroundColor = "rgba(0, 0, 0, 0.2)";
export declare const pillActiveBackgroundColor = "rgba(0, 0, 0, 0.6)";
export declare const pillFontColor = "#FFFFFF";
export declare const productCarouselGap = 15;
export declare const carouselMaxThumbnailPaddingPx = 5;
export declare const partialItemWidth = 0.4;
export declare const ARROW_DIMENSIONS: Record<ArrowSize, {
    width: number;
    padding: number;
}>;