← All changes | assets/css/app-rtl.css +149 -149 4.3.2 → 3.35.0-dev2 View file →

		@@ -491,9 +491,9 @@
491	491	button {
492	492	border-radius: 0;
493	493	}
494	494
495		-button:focus:not(:where([data-module=onboarding] *)) {
	495	+button:focus {
496	496	outline: 1px dotted;
497	497	outline: 5px auto -webkit-focus-ring-color;
498	498	}
499	499
		@@ -3569,156 +3569,8 @@
3569	3569	width: 100%;
3570	3570	justify-content: flex-end;
3571	3571	}
3572	3572
3573		-.e-kit-library__quota-bar {
3574		- display: flex;
3575		- align-items: center;
3576		-}
3577		-.e-kit-library__quota-bar__container {
3578		- display: flex;
3579		- flex-direction: column;
3580		- gap: 8px;
3581		- min-width: 230px;
3582		-}
3583		-.e-kit-library__quota-bar__header {
3584		- display: flex;
3585		- justify-content: space-between;
3586		- align-items: center;
3587		-}
3588		-.e-kit-library__quota-bar__label {
3589		- color: var(--body-color);
3590		- font-weight: 400;
3591		- white-space: nowrap;
3592		- font-size: 12px;
3593		-}
3594		-.e-kit-library__quota-bar__progress-container {
3595		- width: 100%;
3596		- height: 4px;
3597		- overflow: hidden;
3598		- position: relative;
3599		-}
3600		-.e-kit-library__quota-bar__progress-container--empty {
3601		- background-color: #F0ABFC;
3602		-}
3603		-.e-kit-library__quota-bar__progress-container--normal {
3604		- background-color: #F0ABFC;
3605		-}
3606		-.e-kit-library__quota-bar__progress-container--warning {
3607		- background-color: rgb(251.0236220472, 216.4291338583, 157.9763779528);
3608		-}
3609		-.e-kit-library__quota-bar__progress-container--alert {
3610		- background: #93003f;
3611		-}
3612		-.e-kit-library__quota-bar__progress-bar {
3613		- height: 100%;
3614		- transition: width 0.3s ease;
3615		-}
3616		-.e-kit-library__quota-bar__progress-bar--empty {
3617		- background: transparent;
3618		-}
3619		-.e-kit-library__quota-bar__progress-bar--normal {
3620		- background: #D004D4;
3621		-}
3622		-.e-kit-library__quota-bar__progress-bar--warning {
3623		- background: #F59E0B;
3624		-}
3625		-.e-kit-library__quota-bar__progress-bar--alert {
3626		- background: #93003f;
3627		-}
3628		-.e-kit-library__quota-bar__upgrade-message {
3629		- display: flex;
3630		- align-items: center;
3631		- gap: 4px;
3632		-}
3633		-.e-kit-library__quota-bar__upgrade-link {
3634		- color: #93003f;
3635		- text-decoration: underline;
3636		- cursor: pointer;
3637		- font-size: 12px;
3638		- font-weight: 400;
3639		-}
3640		-.e-kit-library__quota-bar__upgrade-link:hover {
3641		- opacity: 0.8;
3642		-}
3643		-.e-kit-library__quota-bar__count {
3644		- color: var(--body-color);
3645		- white-space: nowrap;
3646		- font-size: 12px;
3647		-}
3648		-
3649		-:root {
3650		- --text-secondary: #3F444B;
3651		-}
3652		-
3653		-.e-kit-library__quota-notification {
3654		- display: flex;
3655		- align-items: flex-start;
3656		- justify-content: space-between;
3657		- padding: 16px 20px;
3658		- margin: 0 44px 30px;
3659		- border-radius: 4px;
3660		-}
3661		-.e-kit-library__quota-notification--warning {
3662		- background-color: #FBF1E6;
3663		- color: #3f444b;
3664		-}
3665		-.e-kit-library__quota-notification--alert {
3666		- background-color: #FDECEC;
3667		- color: #3f444b;
3668		-}
3669		-.e-kit-library__quota-notification__content {
3670		- display: flex;
3671		- align-items: flex-start;
3672		- gap: 12px;
3673		- flex: 1;
3674		-}
3675		-.e-kit-library__quota-notification__icon {
3676		- font-size: 18px;
3677		- margin-top: 1px;
3678		- flex-shrink: 0;
3679		-}
3680		-.e-kit-library__quota-notification__icon.eicon-warning-full {
3681		- color: #F59E0B;
3682		-}
3683		-.e-kit-library__quota-notification__icon.eicon-alert {
3684		- color: #DC2626;
3685		-}
3686		-.e-kit-library__quota-notification__message {
3687		- flex: 1;
3688		- line-height: 1.5;
3689		- font-size: 13px;
3690		-}
3691		-.e-kit-library__quota-notification__message span {
3692		- color: var(--text-secondary);
3693		- font-size: 13px;
3694		-}
3695		-.e-kit-library__quota-notification__action-link {
3696		- color: inherit;
3697		- text-decoration: underline;
3698		- font-size: 13px;
3699		- font-weight: 400;
3700		-}
3701		-.e-kit-library__quota-notification__action-link:hover {
3702		- opacity: 0.8;
3703		-}
3704		-.e-kit-library__quota-notification__dismiss {
3705		- background: none;
3706		- border: none;
3707		- cursor: pointer;
3708		- padding: 0;
3709		- margin-inline-start: 12px;
3710		- color: inherit;
3711		- opacity: 0.7;
3712		- flex-shrink: 0;
3713		-}
3714		-.e-kit-library__quota-notification__dismiss:hover {
3715		- opacity: 1;
3716		-}
3717		-.e-kit-library__quota-notification__dismiss i {
3718		- font-size: 14px;
3719		-}
3720		-
3721	3573	.e-onboarding {
3722	3574	font-family: "DM Sans", "Roboto", sans-serif;
3723	3575	color-scheme: light;
3724	3576	}
		@@ -4491,8 +4343,156 @@
4491	4343	margin-block-end: 20px;
4492	4344	}
4493	4345	.e-onboarding__page-chooseFeatures .e-onboarding__page-content {
4494	4346	margin-block-end: 0;
	4347	+}
	4348	+
	4349	+.e-kit-library__quota-bar {
	4350	+ display: flex;
	4351	+ align-items: center;
	4352	+}
	4353	+.e-kit-library__quota-bar__container {
	4354	+ display: flex;
	4355	+ flex-direction: column;
	4356	+ gap: 8px;
	4357	+ min-width: 230px;
	4358	+}
	4359	+.e-kit-library__quota-bar__header {
	4360	+ display: flex;
	4361	+ justify-content: space-between;
	4362	+ align-items: center;
	4363	+}
	4364	+.e-kit-library__quota-bar__label {
	4365	+ color: var(--body-color);
	4366	+ font-weight: 400;
	4367	+ white-space: nowrap;
	4368	+ font-size: 12px;
	4369	+}
	4370	+.e-kit-library__quota-bar__progress-container {
	4371	+ width: 100%;
	4372	+ height: 4px;
	4373	+ overflow: hidden;
	4374	+ position: relative;
	4375	+}
	4376	+.e-kit-library__quota-bar__progress-container--empty {
	4377	+ background-color: #F0ABFC;
	4378	+}
	4379	+.e-kit-library__quota-bar__progress-container--normal {
	4380	+ background-color: #F0ABFC;
	4381	+}
	4382	+.e-kit-library__quota-bar__progress-container--warning {
	4383	+ background-color: rgb(251.0236220472, 216.4291338583, 157.9763779528);
	4384	+}
	4385	+.e-kit-library__quota-bar__progress-container--alert {
	4386	+ background: #93003f;
	4387	+}
	4388	+.e-kit-library__quota-bar__progress-bar {
	4389	+ height: 100%;
	4390	+ transition: width 0.3s ease;
	4391	+}
	4392	+.e-kit-library__quota-bar__progress-bar--empty {
	4393	+ background: transparent;
	4394	+}
	4395	+.e-kit-library__quota-bar__progress-bar--normal {
	4396	+ background: #D004D4;
	4397	+}
	4398	+.e-kit-library__quota-bar__progress-bar--warning {
	4399	+ background: #F59E0B;
	4400	+}
	4401	+.e-kit-library__quota-bar__progress-bar--alert {
	4402	+ background: #93003f;
	4403	+}
	4404	+.e-kit-library__quota-bar__upgrade-message {
	4405	+ display: flex;
	4406	+ align-items: center;
	4407	+ gap: 4px;
	4408	+}
	4409	+.e-kit-library__quota-bar__upgrade-link {
	4410	+ color: #93003f;
	4411	+ text-decoration: underline;
	4412	+ cursor: pointer;
	4413	+ font-size: 12px;
	4414	+ font-weight: 400;
	4415	+}
	4416	+.e-kit-library__quota-bar__upgrade-link:hover {
	4417	+ opacity: 0.8;
	4418	+}
	4419	+.e-kit-library__quota-bar__count {
	4420	+ color: var(--body-color);
	4421	+ white-space: nowrap;
	4422	+ font-size: 12px;
	4423	+}
	4424	+
	4425	+:root {
	4426	+ --text-secondary: #3F444B;
	4427	+}
	4428	+
	4429	+.e-kit-library__quota-notification {
	4430	+ display: flex;
	4431	+ align-items: flex-start;
	4432	+ justify-content: space-between;
	4433	+ padding: 16px 20px;
	4434	+ margin: 0 44px 30px;
	4435	+ border-radius: 4px;
	4436	+}
	4437	+.e-kit-library__quota-notification--warning {
	4438	+ background-color: #FBF1E6;
	4439	+ color: #3f444b;
	4440	+}
	4441	+.e-kit-library__quota-notification--alert {
	4442	+ background-color: #FDECEC;
	4443	+ color: #3f444b;
	4444	+}
	4445	+.e-kit-library__quota-notification__content {
	4446	+ display: flex;
	4447	+ align-items: flex-start;
	4448	+ gap: 12px;
	4449	+ flex: 1;
	4450	+}
	4451	+.e-kit-library__quota-notification__icon {
	4452	+ font-size: 18px;
	4453	+ margin-top: 1px;
	4454	+ flex-shrink: 0;
	4455	+}
	4456	+.e-kit-library__quota-notification__icon.eicon-warning-full {
	4457	+ color: #F59E0B;
	4458	+}
	4459	+.e-kit-library__quota-notification__icon.eicon-alert {
	4460	+ color: #DC2626;
	4461	+}
	4462	+.e-kit-library__quota-notification__message {
	4463	+ flex: 1;
	4464	+ line-height: 1.5;
	4465	+ font-size: 13px;
	4466	+}
	4467	+.e-kit-library__quota-notification__message span {
	4468	+ color: var(--text-secondary);
	4469	+ font-size: 13px;
	4470	+}
	4471	+.e-kit-library__quota-notification__action-link {
	4472	+ color: inherit;
	4473	+ text-decoration: underline;
	4474	+ font-size: 13px;
	4475	+ font-weight: 400;
	4476	+}
	4477	+.e-kit-library__quota-notification__action-link:hover {
	4478	+ opacity: 0.8;
	4479	+}
	4480	+.e-kit-library__quota-notification__dismiss {
	4481	+ background: none;
	4482	+ border: none;
	4483	+ cursor: pointer;
	4484	+ padding: 0;
	4485	+ margin-inline-start: 12px;
	4486	+ color: inherit;
	4487	+ opacity: 0.7;
	4488	+ flex-shrink: 0;
	4489	+}
	4490	+.e-kit-library__quota-notification__dismiss:hover {
	4491	+ opacity: 1;
	4492	+}
	4493	+.e-kit-library__quota-notification__dismiss i {
	4494	+ font-size: 14px;
4495	4495	}
4496	4496
4497	4497	.e-onboarding101-variant-b .e-app__footer,
4498	4498	.e-onboarding101-variant-b .e-onboarding__steps,