declare const ITEM_HEIGHT_PX = 200;
declare const VISIBLE_ITEMS = 5;
declare const wheelViewport: {
    position: "relative";
    height: string;
    width: string;
    overflowY: "scroll";
    scrollSnapType: "y mandatory";
    scrollbarWidth: "none";
    WebkitMaskImage: string;
    maskImage: string;
    overscrollBehavior: "contain";
    "&::-webkit-scrollbar": {
        display: "none";
    };
    "&:focus": {
        outline: "none";
    };
};
declare const wheelWrapper: {
    position: "relative";
    display: "flex";
};
declare const wheelFocusRing: {
    position: "absolute";
    top: "50%";
    left: number;
    right: number;
    height: string;
    transform: "translateY(-50%)";
    pointerEvents: "none";
    border: `${string} solid transparent`;
    borderRadius: string;
    boxSizing: "border-box";
    transition: "border-color 0.15s";
};
declare const wheelPadder: {
    height: string;
};
declare const wheelItem: {
    height: string;
    display: "flex";
    alignItems: "center";
    justifyContent: "center";
    scrollSnapAlign: "center";
    scrollSnapStop: "always";
    fontSize: string;
    fontVariantNumeric: "tabular-nums";
    color: "$text";
    userSelect: "none";
    fontWeight: number;
};
declare const wheelHighlight: {
    position: "absolute";
    top: "50%";
    left: number;
    right: number;
    height: string;
    transform: "translateY(-50%)";
    pointerEvents: "none";
    borderTop: "1px solid $border";
    borderBottom: "1px solid $border";
};
declare const wheelsContainer: {
    display: "flex";
    justifyContent: "center";
    alignItems: "center";
    gap: string;
    position: "relative";
};
declare const wheelSeparator: {
    fontSize: string;
    color: "$text";
    fontWeight: number;
    userSelect: "none";
    pointerEvents: "none";
};
declare const suffixButton: {
    display: "flex";
    alignItems: "center";
    justifyContent: "center";
    background: "none";
    border: "none";
    padding: string;
    margin: `0 -${string}`;
    cursor: "pointer";
    color: "$text";
    "&:disabled": {
        cursor: "not-allowed";
        opacity: number;
    };
};
declare const timeInput: {
    fontVariantNumeric: "tabular-nums";
    letterSpacing: "0.05em";
    caretColor: "$mainColor";
};
export { ITEM_HEIGHT_PX, VISIBLE_ITEMS, wheelViewport, wheelWrapper, wheelFocusRing, wheelPadder, wheelItem, wheelHighlight, wheelsContainer, wheelSeparator, suffixButton, timeInput, };
//# sourceMappingURL=TimePicker.css.d.ts.map