/*
This file is part of Telegram Desktop,
the official desktop application for the Telegram messaging service.

For license and copyright information please follow this link:
https://github.com/telegramdesktop/tdesktop/blob/master/LEGAL
*/
using "basic.style";

using "ui/widgets/widgets.style";
using "boxes/boxes.style";
using "info/info.style";
using "chat_helpers/chat_helpers.style";

passportPasswordPadding: margins(20px, 30px, 20px, 40px);
passportPasswordForgotSkip: 5px;
passportPasswordAboutSkip: 15px;
passportPasswordLabel: FlatLabel(boxLabel) {
	minWidth: 275px;
	align: align(top);
}
passportPasswordLabelBold: FlatLabel(passportPasswordLabel) {
	style: TextStyle(boxLabelStyle) {
		font: font(boxFontSize semibold);
		linkFont: font(boxFontSize semibold);
		linkFontOver: font(boxFontSize semibold underline);
	}
}
passportPasswordHintLabel: passportPasswordLabel;
passportErrorLabel: FlatLabel(passportPasswordLabel) {
	textFg: boxTextFgError;
}
passportVerifyErrorLabel: FlatLabel(passportErrorLabel) {
	align: align(topleft);
}

passportPanelWidth: 392px;
passportPanelHeight: 600px;
passportPanelBorderCacheSize: 60px;
passportPanelTitleHeight: 62px;
passportPanelClose: IconButton(boxTitleClose) {
	width: 60px;
	height: 60px;

	rippleAreaPosition: point(8px, 8px);
	rippleAreaSize: 44px;
	ripple: RippleAnimation(defaultRippleAnimation) {
		color: windowBgOver;
	}
}
passportPanelTitleFont: font(18px semibold);
passportPanelTitle: FlatLabel(defaultFlatLabel) {
	textFg: boxTitleFg;
	maxHeight: 26px;
	style: TextStyle(defaultTextStyle) {
		font: passportPanelTitleFont;
		linkFont: passportPanelTitleFont;
		linkFontOver: font(18px semibold underline);
	}
}
passportPanelTitleTop: 18px;
passportPanelTitleLeft: 22px;
passportPanelTitleSkip: 0px;
passportPanelBack: IconButton(passportPanelClose) {
	icon: infoTopBarBackIcon;
	iconOver: infoTopBarBackIconOver;
}

passportPasswordFieldBottom: 306px;
passportPasswordFieldSkip: 29px;
passportPasswordHintSkip: 10px;
passportPasswordUserpicSkip: 14px;
passportPasswordUserpic: UserpicButton(defaultUserpicButton) {
	size: size(80px, 80px);
	photoSize: 80px;
	photoPosition: point(0px, 0px);
}
passportPasswordSubmit: RoundButton(defaultActiveButton) {
	width: 200px;
	height: 44px;
	textTop: 12px;
	font: font(semibold 15px);
}
passportPasswordSubmitBottom: 72px;
passportPasswordForgotBottom: 36px;

passportPanelScroll: ScrollArea(defaultScrollArea) {
	deltat: 6px;
	deltab: 6px;

	topsh: 0px;
	bottomsh: 0px;
}

passportPanelAuthorize: RoundButton(passportPasswordSubmit) {
	width: 0px;
	height: 49px;
	padding: margins(0px, -3px, 0px, 0px);
	textTop: 16px;
	icon: icon {{ "passport_authorize", activeButtonFg }};
	iconPosition: point(-8px, 9px);
}
passportPanelSaveValue: RoundButton(passportPanelAuthorize) {
	textFg: windowActiveTextFg;
	textFgOver: windowActiveTextFg;
	textBg: windowBg;
	textBgOver: windowBgOver;
	ripple: defaultRippleAnimation;
	icon: icon {};
}
passportFormAbout1Padding: margins(10px, 4px, 10px, 0px);
passportFormAbout2Padding: margins(10px, 0px, 10px, 22px);
passportFormHeader: FlatLabel(boxLabel) {
	textFg: windowActiveTextFg;
	style: semiboldTextStyle;
}
passportFormHeaderPadding: margins(22px, 20px, 22px, 9px);
passportFormUserpic: UserpicButton(passportPasswordUserpic) {
	size: size(60px, 60px);
	photoSize: 60px;
}
passportFormUserpicPadding: margins(0px, 5px, 0px, 10px);
passportFormDividerHeight: 13px;
passportFormLabel: FlatLabel(defaultFlatLabel) {
	minWidth: 245px;
	align: align(topleft);
	textFg: windowSubTextFg;
}
passportFormLabelPadding: margins(22px, 7px, 22px, 14px);
passportFormPolicy: FlatLabel(passportFormLabel) {
	style: TextStyle(defaultTextStyle) {
		linkFont: font(fsize semibold underline);
		linkFontOver: font(fsize semibold underline);
	}
	palette: TextPalette(defaultTextPalette) {
		linkFg: windowSubTextFg;
	}
}
passportFormPolicyPadding: margins(22px, 7px, 22px, 28px);
passportContactNewFieldPadding: margins(22px, 0px, 22px, 28px);
passportContactFieldPadding: margins(22px, 14px, 22px, 28px);

passportRowPadding: margins(22px, 8px, 25px, 8px);
passportRowIconSkip: 10px;
passportRowSkip: 2px;
passportRowRipple: RippleAnimation(defaultRippleAnimation) {
	color: windowBgOver;
}
passportRowReadyIcon: icon {{ "passport_ready", windowActiveTextFg }};
passportRowEmptyIcon: icon {{ "passport_empty", menuIconFgOver }};
passportRowTitleFg: windowFg;
passportRowDescriptionFg: windowSubTextFg;

passportScansHeaderPadding: margins(22px, 10px, 22px, 10px);
passportUploadButton: InfoProfileButton {
	textFg: windowActiveTextFg;
	textFgOver: windowActiveTextFg;
	textBg: windowBg;
	textBgOver: windowBgOver;

	font: semiboldFont;

	height: 18px;
	padding: margins(22px, 14px, 22px, 12px);

	ripple: defaultRippleAnimation;
}
passportUploadButtonPadding: margins(0px, 10px, 0px, 10px);
passportUploadHeaderPadding: margins(22px, 14px, 22px, 3px);
passportDeleteButton: InfoProfileButton(passportUploadButton) {
	textFg: attentionButtonFg;
	textFgOver: attentionButtonFgOver;
}

passportScanNameStyle: TextStyle(defaultTextStyle) {
	font: font(boxFontSize semibold);
}
passportScanRow: PassportScanRow {
	padding: margins(22px, 10px, 10px, 10px);
	size: 40px;
	textLeft: 53px;
	nameTop: 1px;
	statusTop: 22px;
	border: 1px;
	borderFg: inputBorderFg;
	remove: stickersRemove;
	restore: stickersUndoRemove;
}
passportScanDeletedOpacity: stickersRowDisabledOpacity;

passportDetailsHeaderPadding: margins(22px, 20px, 33px, 10px);
passportDetailsPadding: margins(22px, 10px, 28px, 10px);
passportDetailsField: InputField(defaultInputField) {
	textMargins: margins(2px, 8px, 2px, 0px);
	placeholderScale: 0.;
	placeholderFont: normalFont;
	heightMin: 32px;
	font: normalFont;
}
passportDetailsDateField: InputField(passportDetailsField) {
	border: 0px;
	borderActive: 0px;
	heightMin: 30px;
	placeholderFont: font(semibold 14px);
	placeholderFgActive: placeholderFgActive;
}
passportDetailsSeparator: FlatLabel(passportPasswordLabelBold) {
	style: TextStyle(defaultTextStyle) {
		font: font(semibold 14px);
	}
	textFg: windowSubTextFg;
}
passportDetailsSeparatorPadding: margins(5px, 8px, 5px, 0px);
passportContactField: InputField(defaultInputField) {
	font: normalFont;
}
passportDetailsFieldLeft: 116px;
passportDetailsFieldTop: 2px;
passportDetailsFieldSkipMin: 12px;
passportDetailsSkip: 30px;
passportDetailsGenderSkip: 30px;

passportRequestTypeSkip: 16px;