export declare const linkPreviewContainer: import('@vanilla-extract/recipes').RuntimeFn<{
    inline: {
        true: {
            padding: "4px 8px 4px 4px";
            borderRadius: string;
            backgroundColor: string;
            ':hover': {
                backgroundColor: string;
            };
            ':active': {
                backgroundColor: string;
            };
        };
    };
}>;
export declare const linkPreviewImageContainer: import('@vanilla-extract/recipes').RuntimeFn<{
    inline: {
        true: {
            width: number;
            height: number;
            color: string;
            backgroundColor: string;
            ':hover': {
                color: string;
                backgroundColor: string;
            };
            ':active': {
                color: string;
                backgroundColor: string;
            };
        };
    };
    shadow: {
        true: {
            boxShadow: "none";
        };
        false: {
            '::after': {
                content: "";
                position: "absolute";
                height: "100%";
                width: "100%";
                top: number;
                right: number;
                display: "block";
                boxShadow: "0px -1px 0px 0px rgba(0, 0, 0, 0.08) inset";
            };
        };
    };
}>;
export declare const linkPreviewImage: string;
export declare const linkPreviewDetails: string;
export declare const linkPreviewTitle: import('@vanilla-extract/recipes').RuntimeFn<{
    inline: {
        true: {
            overflow: string;
            textOverflow: string;
            whiteSpace: string;
            display: "block";
            maxHeight: "17px";
        };
    };
}>;
export declare const linkPreviewUrl: import('@vanilla-extract/recipes').RuntimeFn<{
    loading: {
        true: {
            ':hover': {
                color: string;
            };
            ':active': {
                color: string;
            };
        };
    };
    inline: {
        true: {
            ':hover': {
                color: string;
            };
            ':active': {
                color: string;
            };
        };
    };
}>;
//# sourceMappingURL=styles.css.d.ts.map