diff --git a/MudBlazor.Extensions/Components/MudExPromptDialog.razor b/MudBlazor.Extensions/Components/MudExPromptDialog.razor index fbdde9fb..49914a8a 100644 --- a/MudBlazor.Extensions/Components/MudExPromptDialog.razor +++ b/MudBlazor.Extensions/Components/MudExPromptDialog.razor @@ -9,7 +9,7 @@ @Message - + @TryLocalize(CancelText) diff --git a/MudBlazor.Extensions/Components/MudExPromptDialog.razor.cs b/MudBlazor.Extensions/Components/MudExPromptDialog.razor.cs index 25a3b761..5289d81d 100644 --- a/MudBlazor.Extensions/Components/MudExPromptDialog.razor.cs +++ b/MudBlazor.Extensions/Components/MudExPromptDialog.razor.cs @@ -46,6 +46,12 @@ public partial class MudExPromptDialog [Parameter, SafeCategory("Behavior")] public string Value { get; set; } + /// + /// The Helper text + /// + [Parameter, SafeCategory("Behavior")] + public string HelperText { get; set; } + /// /// The message to be displayed in the component. /// diff --git a/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEdit.razor.cs b/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEdit.razor.cs index 19aa35c4..40aa3935 100644 --- a/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEdit.razor.cs +++ b/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEdit.razor.cs @@ -827,6 +827,18 @@ protected virtual async Task CreateMetaIfNotExists(bool? reconfigure = null) UpdateConditions(); } + + foreach (var item in MetaInformation.AllProperties) + { + item.UpdateRequired -= OnMetaUpdateRequired; + item.UpdateRequired += OnMetaUpdateRequired; + } + + } + + private void OnMetaUpdateRequired(ObjectEditPropertyMeta meta) + { + CallStateHasChanged(); } private async Task OnResetClick(MouseEventArgs arg) diff --git a/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.PropertyMeta.cs b/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.PropertyMeta.cs index b042c9ac..f4ce3659 100644 --- a/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.PropertyMeta.cs +++ b/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.PropertyMeta.cs @@ -1,8 +1,10 @@ using System.Linq.Expressions; using System.Reflection; using Microsoft.AspNetCore.Components; +using Microsoft.AspNetCore.Components.Web; using Microsoft.Extensions.Localization; using MudBlazor.Extensions.Components.ObjectEdit.Options; +using MudBlazor.Extensions.Helper; using MudBlazor.Extensions.Helper.Internal; using Nextended.Core.Extensions; @@ -678,4 +680,29 @@ public static ObjectEditPropertyMeta OnRendered(this ObjectEditPrope /// public static ObjectEditPropertyMeta WithAdditionalAttributes(this ObjectEditPropertyMeta meta, TComponent instanceForAttributes, bool overwriteExisting = false) where TComponent : new() => meta?.WithAdditionalAttributes(PropertyHelper.ValuesDictionary(instanceForAttributes, true), overwriteExisting); + + /// + /// Protects the property from being edited by the user until a confirmation is received. + /// + public static ObjectEditPropertyMeta WithEditConfirmation(this ObjectEditPropertyMeta meta, string message, + AdditionalComponentRenderPosition position = AdditionalComponentRenderPosition.After) => meta.WithEditConfirmation(ConfirmationProtection.CheckBox(message), position); + + /// + /// Protects the property from being edited by the user until a confirmation is received. + /// + public static ObjectEditPropertyMeta WithEditConfirmation(this ObjectEditPropertyMeta meta, IConfirmationProtection protection, + AdditionalComponentRenderPosition position = AdditionalComponentRenderPosition.After) + { + void ConfirmFunc(bool confirmed) + { + meta?.RenderData?.AddAttributes(true, new KeyValuePair(nameof(MudBaseInput.Disabled), !confirmed)); + meta?.ForceUpdate(); + } + + meta?.RenderData.AddAttributes(true, new KeyValuePair(nameof(MudBaseInput.Disabled), true)); + protection.ConfirmationCallback = ConfirmFunc; + meta?.RenderData.WithAdditionalComponent(protection.AdditionalRenderData, position); + + return meta; + } } \ No newline at end of file diff --git a/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.PropertyMetaOf.cs b/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.PropertyMetaOf.cs index eac327bd..fae5cdb6 100644 --- a/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.PropertyMetaOf.cs +++ b/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.PropertyMetaOf.cs @@ -551,4 +551,21 @@ public static ObjectEditPropertyMetaOf WithAttributesIf(this Obj public static ObjectEditPropertyMetaOf WithAttributesIf(this ObjectEditPropertyMetaOf meta, Func condition, Dictionary attributes) => meta?.WithAttributesIf(condition, attributes.ToArray()); + /// + /// Protects the property from being edited by the user until a confirmation is received. + /// + public static ObjectEditPropertyMetaOf WithEditConfirmation(this ObjectEditPropertyMetaOf meta, string message, + AdditionalComponentRenderPosition position = AdditionalComponentRenderPosition.After) => meta.WithEditConfirmation(ConfirmationProtection.CheckBox(message), position); + + /// + /// Protects the property from being edited by the user until a confirmation is received. + /// + public static ObjectEditPropertyMetaOf WithEditConfirmation(this ObjectEditPropertyMetaOf meta, IConfirmationProtection protection, + AdditionalComponentRenderPosition position = AdditionalComponentRenderPosition.After) + { + var m = meta as ObjectEditPropertyMeta; + m.WithEditConfirmation(protection, position); + return meta; + } + } \ No newline at end of file diff --git a/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.PropertyMetas.cs b/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.PropertyMetas.cs index 8107c571..d2a88872 100644 --- a/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.PropertyMetas.cs +++ b/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.PropertyMetas.cs @@ -590,4 +590,18 @@ public static IEnumerable IgnoreOnExportAndImport public static IEnumerable AsDisabledIf(this IEnumerable metas, Func condition) => metas.Apply(m => m.AsDisabledIf(condition)); + + /// + /// Protects the property from being edited by the user until a confirmation is received. + /// + public static IEnumerable WithEditConfirmation(this IEnumerable metas, string message, + AdditionalComponentRenderPosition position = AdditionalComponentRenderPosition.After) => metas.WithEditConfirmation(ConfirmationProtection.CheckBox(message), position); + + /// + /// Protects the property from being edited by the user until a confirmation is received. + /// + public static IEnumerable WithEditConfirmation(this IEnumerable metas, IConfirmationProtection protection, + AdditionalComponentRenderPosition position = AdditionalComponentRenderPosition.After) + => metas.Apply(m => m.WithEditConfirmation(protection, position)); + } diff --git a/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.PropertyMetasOf.cs b/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.PropertyMetasOf.cs index 91410396..c140cbe6 100644 --- a/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.PropertyMetasOf.cs +++ b/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.PropertyMetasOf.cs @@ -560,4 +560,18 @@ public static IEnumerable> IgnoreOnExportAndImp /// public static IEnumerable> AsDisabledIf(this IEnumerable> metas, Func condition) => metas.Apply(m => m.AsDisabledIf(condition)); + + /// + /// Protects the property from being edited by the user until a confirmation is received. + /// + public static IEnumerable> WithEditConfirmation(this IEnumerable> metas, string message, + AdditionalComponentRenderPosition position = AdditionalComponentRenderPosition.After) => metas.WithEditConfirmation(ConfirmationProtection.CheckBox(message), position); + + /// + /// Protects the property from being edited by the user until a confirmation is received. + /// + public static IEnumerable> WithEditConfirmation(this IEnumerable> metas, IConfirmationProtection protection, + AdditionalComponentRenderPosition position = AdditionalComponentRenderPosition.After) + => metas.Apply(m => m.WithEditConfirmation(protection, position)); + } \ No newline at end of file diff --git a/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.RenderData.cs b/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.RenderData.cs index 4ef7c8bf..b6ee58e9 100644 --- a/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.RenderData.cs +++ b/MudBlazor.Extensions/Components/ObjectEdit/MudExObjectEditExtensions.RenderData.cs @@ -13,12 +13,8 @@ public static partial class MudExObjectEditExtensions /// A set of actions to configure the wrapper component. /// The modified render data wrapped inside the specified component. /// - public static IRenderData WrapIn(this IRenderData renderData, params Action[] options) where TWrapperComponent : new() - { - if (renderData != null) - renderData.Wrapper = RenderData.For(typeof(TWrapperComponent), PropertyHelper.ValuesDictionary(true, options)); - return renderData?.Wrapper; - } + public static IRenderData WrapIn(this IRenderData renderData, params Action[] options) where TWrapperComponent : new() + => renderData?.WrapIn(RenderData.For(typeof(TWrapperComponent), PropertyHelper.ValuesDictionary(true, options))); /// /// Wraps the current render data with another provided render data as its wrapper. @@ -29,7 +25,9 @@ public static partial class MudExObjectEditExtensions public static IRenderData WrapIn(this IRenderData renderData, IRenderData wrappingRenderData) { if (renderData != null) + { renderData.Wrapper = wrappingRenderData; + } return wrappingRenderData; } @@ -85,6 +83,27 @@ public static IRenderData WithAdditionalComponent(this IRenderData renderData, I return additionalRenderData; } + /// + /// Adds an additional component (either before or after) to the current render data. + /// The current render data to which the additional component is to be added. + /// The additional render data to add. + /// Enum indicating whether the additional component should be rendered after or before the current render data. + /// The added render data component. + /// + public static IRenderData WithAdditionalComponent(this IRenderData renderData, IRenderData additionalRenderData, AdditionalComponentRenderPosition position) + => renderData.WithAdditionalComponent(additionalRenderData, position == AdditionalComponentRenderPosition.After); + + /// + /// Adds a component of type at the specified position to the current render data, allowing for additional configuration through options. + /// The component type to add. + /// The current render data before which the new component is to be added. + /// A set of actions to configure the added component. + /// The newly added component's render data. + /// + public static IRenderData WithAdditionalComponent(this IRenderData renderData, AdditionalComponentRenderPosition position, params Action[] options) where TComponent : new() + => renderData.WithAdditionalComponent(RenderData.For(typeof(TComponent), PropertyHelper.ValuesDictionary(true, options)), position); + + /// /// Wraps the current render data within a MudItem component, allowing for additional configuration through options. /// The current render data to be wrapped. diff --git a/MudBlazor.Extensions/Components/ObjectEdit/MudExPropertyEdit.razor b/MudBlazor.Extensions/Components/ObjectEdit/MudExPropertyEdit.razor index f90ac231..5a6eac42 100644 --- a/MudBlazor.Extensions/Components/ObjectEdit/MudExPropertyEdit.razor +++ b/MudBlazor.Extensions/Components/ObjectEdit/MudExPropertyEdit.razor @@ -14,14 +14,17 @@ private void Render(RenderTreeBuilder __builder) { - @RenderWrapper(PropertyMeta?.RenderData?.Wrapper); + @RenderWrapper(PropertyMeta?.RenderData?.Wrapper) + ; } - + private RenderFragment RenderWrapper(IRenderData wrapper, bool renderEditorAfter = true) - { + { if (wrapper == null) return renderEditorAfter ? RenderEditor() : null; - return @; + if (wrapper is not RenderData wrapperRenderData) + return @; + return @; } private RenderFragment RenderEditor() @@ -86,7 +89,7 @@ if (PropertyMeta.Settings.ValidationComponent || PropertyMeta.RenderData?.RenderDataBeforeComponent?.Any() == true || PropertyMeta.RenderData?.RenderDataAfterComponent?.Any() == true) { - return @
+ return @
@foreach (var data in PropertyMeta.RenderData?.RenderDataBeforeComponent ?? Enumerable.Empty()) { @RenderWrapper(data, false)} diff --git a/MudBlazor.Extensions/Components/ObjectEdit/Options/AdditionalComponentRenderPosition.cs b/MudBlazor.Extensions/Components/ObjectEdit/Options/AdditionalComponentRenderPosition.cs new file mode 100644 index 00000000..7b9cc447 --- /dev/null +++ b/MudBlazor.Extensions/Components/ObjectEdit/Options/AdditionalComponentRenderPosition.cs @@ -0,0 +1,17 @@ +namespace MudBlazor.Extensions.Components.ObjectEdit.Options; + +/// +/// The position at which to render an additional component. +/// +public enum AdditionalComponentRenderPosition +{ + /// + /// Render the additional component before the current component. + /// + Before, + + /// + /// Render the additional component after the current component. + /// + After +} \ No newline at end of file diff --git a/MudBlazor.Extensions/Components/ObjectEdit/Options/BooleanInputProtectionBase.cs b/MudBlazor.Extensions/Components/ObjectEdit/Options/BooleanInputProtectionBase.cs new file mode 100644 index 00000000..27892a7e --- /dev/null +++ b/MudBlazor.Extensions/Components/ObjectEdit/Options/BooleanInputProtectionBase.cs @@ -0,0 +1,32 @@ +using Microsoft.AspNetCore.Components; + +namespace MudBlazor.Extensions.Components.ObjectEdit.Options; + +/// +/// Base class for a boolean input protection instance, providing a set of properties and methods to configure the boolean input protection. +/// +public abstract class BooleanInputProtectionBase : IConfirmationProtection where TComponent : MudBooleanInput, new() +{ + /// + /// Constructor for a boolean input protection instance. + /// + /// + /// + protected BooleanInputProtectionBase(string tooltip = null, Action? configure = null) + { + AdditionalRenderData = RenderData.For(cb => + { + cb.ValueChanged = EventCallback.Factory.Create(new object(), b => ConfirmationCallback?.Invoke(b)); + configure?.Invoke(cb); + }); + if (!string.IsNullOrWhiteSpace(tooltip)) + { + AdditionalRenderData.OnRendered(cb => cb.UserAttributes.Add("title", tooltip)); + } + } + /// + public IRenderData AdditionalRenderData { get; set; } + + /// + public Action? ConfirmationCallback { get; set; } +} \ No newline at end of file diff --git a/MudBlazor.Extensions/Components/ObjectEdit/Options/CheckBoxConfirmationProtection.cs b/MudBlazor.Extensions/Components/ObjectEdit/Options/CheckBoxConfirmationProtection.cs new file mode 100644 index 00000000..39265565 --- /dev/null +++ b/MudBlazor.Extensions/Components/ObjectEdit/Options/CheckBoxConfirmationProtection.cs @@ -0,0 +1,8 @@ +namespace MudBlazor.Extensions.Components.ObjectEdit.Options; + +/// +public class CheckBoxConfirmationProtection: BooleanInputProtectionBase> +{ + public CheckBoxConfirmationProtection(string tooltip = null, Action> configure = null) : base(tooltip, configure) + {} +} \ No newline at end of file diff --git a/MudBlazor.Extensions/Components/ObjectEdit/Options/ConfirmationProtection.cs b/MudBlazor.Extensions/Components/ObjectEdit/Options/ConfirmationProtection.cs new file mode 100644 index 00000000..74ec3651 --- /dev/null +++ b/MudBlazor.Extensions/Components/ObjectEdit/Options/ConfirmationProtection.cs @@ -0,0 +1,62 @@ +using MudBlazor.Extensions.Options; + +namespace MudBlazor.Extensions.Components.ObjectEdit.Options; + +/// +/// Provides a set of static factory options to protect a component with a confirmation. +/// +public static class ConfirmationProtection +{ + public static SwitchConfirmationProtection Switch() => Switch(null, box => { box.UncheckedColor = Color.Default; box.Color = Color.Primary; }); + public static SwitchConfirmationProtection Switch(string tooltip) => Switch(tooltip, box => { box.UncheckedColor = Color.Default; box.Color = Color.Primary; }); + public static SwitchConfirmationProtection Switch(string tooltip, Action> configure) => new(tooltip, configure); + + public static CheckBoxConfirmationProtection CheckBox() => CheckBox(null, box => { box.UncheckedColor = Color.Default; box.Color = Color.Primary;}); + public static CheckBoxConfirmationProtection CheckBox(string tooltip) => CheckBox(tooltip, box => { box.UncheckedColor = Color.Default; box.Color = Color.Primary;}); + public static CheckBoxConfirmationProtection CheckBox(string tooltip, Action> configure) => new (tooltip, configure); + + public static ToggleButtonConfirmationProtection ToggleButton() => ToggleButton(null, null); + public static ToggleButtonConfirmationProtection ToggleButton(string tooltip) => ToggleButton(tooltip, null); + public static ToggleButtonConfirmationProtection ToggleButton(string tooltip, Action configure) => new(tooltip, configure); + + + public static DialogConfirmationProtection ConfirmDialog(IDialogService service) => ConfirmDialog(service, "Confirmation", "Press Unlock to confirm edit", null, null); + public static DialogConfirmationProtection ConfirmDialog(IDialogService service, string title, string message, + Action configure = null, + Action dialogConfigure = null) + => new(service, title, message, configure, dialogConfigure); + + public static DialogConfirmationProtection ConfirmDialog(IDialogService service, string title, string message, + DialogOptionsEx dialogOptions, + Action configure = null, + Action dialogConfigure = null) + => new(service, title, message, configure, dialogConfigure) { DialogOptions = dialogOptions }; + + public static DialogConfirmationProtection ConfirmDialog(IDialogService service, string title, string message, string okText, string cancelText, + DialogOptionsEx dialogOptions, + Action configure = null, + Action dialogConfigure = null) + => new(service, title, message, configure, dialogConfigure) { DialogOptions = dialogOptions, OkText = okText, CancelText = cancelText }; + + + + public static DialogConfirmationProtection PromptDialog(IDialogService service) => PromptDialog(service, "Confirmation", "confirm", "Please confirm to unlock edit", "Please type {0} to confirm", null, null); + + public static DialogConfirmationProtection PromptDialog(IDialogService service, string title, string confirmationWord, string message, string helperText, + Action configure = null, + Action dialogConfigure = null) + => new(service, title, confirmationWord, message, helperText, configure, dialogConfigure); + + public static DialogConfirmationProtection PromptDialog(IDialogService service, string title, string confirmationWord, string message, string helperText, + DialogOptionsEx dialogOptions, + Action configure = null, + Action dialogConfigure = null) + => new(service, title, confirmationWord, message, helperText, configure, dialogConfigure) { DialogOptions = dialogOptions }; + + public static DialogConfirmationProtection PromptDialog(IDialogService service, string title, string confirmationWord, string message, string helperText, string okText, string cancelText, + DialogOptionsEx dialogOptions, + Action configure = null, + Action dialogConfigure = null) + => new(service, title, confirmationWord, message, helperText, configure, dialogConfigure) { DialogOptions = dialogOptions, OkText = okText, CancelText = cancelText }; + +} \ No newline at end of file diff --git a/MudBlazor.Extensions/Components/ObjectEdit/Options/DialogConfirmationProtection.cs b/MudBlazor.Extensions/Components/ObjectEdit/Options/DialogConfirmationProtection.cs new file mode 100644 index 00000000..d7751acb --- /dev/null +++ b/MudBlazor.Extensions/Components/ObjectEdit/Options/DialogConfirmationProtection.cs @@ -0,0 +1,101 @@ +using Microsoft.AspNetCore.Components; +using MudBlazor.Extensions.Helper; +using MudBlazor.Extensions.Helper.Internal; +using MudBlazor.Extensions.Options; + +namespace MudBlazor.Extensions.Components.ObjectEdit.Options; + +/// +/// Base class for a boolean input protection instance, providing a set of properties and methods to configure the boolean input protection. +/// +public class DialogConfirmationProtection : ToggleButtonConfirmationProtection +{ + private readonly IDialogService _dialogService; + private readonly string _confirmationWord; + private readonly string _helperText; + private readonly DialogParameters _dialogParameters = new(); + + public string DialogMessage { + get => _dialogParameters[nameof(MudExMessageDialog.Message)]?.ToString(); + set => _dialogParameters[nameof(MudExMessageDialog.Message)] = value; + } + + public string OkText { get; set; } = "Unlock"; + public string CancelText { get; set; } = "Cancel"; + public string DialogTitle { get; set; } = "Confirmation"; + + public DialogOptionsEx DialogOptions { get; set; } + + + public DialogConfirmationProtection( + IDialogService dialogService, + string title, + string message = null, + Action configure = null, + Action dialogConfigure = null) : base(message, configure) + { + DialogTitle = title; + DialogMessage = message; + _dialogService = dialogService; + if(dialogConfigure != null) + _dialogParameters = PropertyHelper.ValuesDictionary(dialogConfigure, true).ToDialogParameters(); + } + + public DialogConfirmationProtection( + IDialogService dialogService, + string title, + string confirmationWord, + string message = null, + string helperText = "Please type {0} to confirm", + Action configure = null, + Action dialogConfigure = null) : base(message, configure) + { + DialogTitle = title; + DialogMessage = message; + _dialogService = dialogService; + _confirmationWord = confirmationWord; + _helperText = helperText; + if (dialogConfigure != null) + _dialogParameters = PropertyHelper.ValuesDictionary(dialogConfigure, true).ToDialogParameters(); + } + + /// + protected override void OnButtonSet(MudToggleIconButton cb) + { + base.OnButtonSet(cb); + Button.ToggledChanged = EventCallback.Factory.Create(new object(), async b => + { + if(!b) // User wants to lock again so no dialog needed + Button.Toggled = false; + else + Button.Toggled = await ShowConfirmationDialog(); + ConfirmationCallback?.Invoke(Button.Toggled); + }); + } + + private Task ShowConfirmationDialog() + => !string.IsNullOrWhiteSpace(_confirmationWord) ? Prompt() : MessageBox(); + + private async Task MessageBox() + { + var parameters = new DialogParameters + { + { nameof(MudExMessageDialog.Buttons), MudExDialogResultAction.OkCancel(OkText, CancelText) }, + { nameof(MudExMessageDialog.Icon), Button.ToggledIcon } + }; + return await _dialogService.ShowConfirmationDialogAsync(DialogTitle, _dialogParameters.MergeWith(parameters), DialogOptions ); + } + + private async Task Prompt() + { + var parameters = new DialogParameters + { + {nameof(MudExPromptDialog.CancelText), CancelText}, + {nameof(MudExPromptDialog.HelperText), string.Format(_helperText, _confirmationWord)}, + {nameof(MudExPromptDialog.OkText), OkText} + }; + var res = await _dialogService.PromptAsync(DialogTitle, DialogMessage, Button.ToggledIcon, s => s == _confirmationWord, _dialogParameters.MergeWith(parameters), DialogOptions); + return res == _confirmationWord; + } + +} \ No newline at end of file diff --git a/MudBlazor.Extensions/Components/ObjectEdit/Options/IConfirmationProtection.cs b/MudBlazor.Extensions/Components/ObjectEdit/Options/IConfirmationProtection.cs new file mode 100644 index 00000000..8f7a18eb --- /dev/null +++ b/MudBlazor.Extensions/Components/ObjectEdit/Options/IConfirmationProtection.cs @@ -0,0 +1,17 @@ +namespace MudBlazor.Extensions.Components.ObjectEdit.Options; + +/// +/// Interface for a confirmation protection instance, providing a set of properties and methods to configure the confirmation protection. +/// +public interface IConfirmationProtection +{ + /// + /// Additional render data to be used for the confirmation protection. + /// + IRenderData AdditionalRenderData { get; } + + /// + /// Callback to be invoked when the confirmation protection is triggered. + /// + Action? ConfirmationCallback { get; set; } +} \ No newline at end of file diff --git a/MudBlazor.Extensions/Components/ObjectEdit/Options/ObjectEditPropertyMeta.cs b/MudBlazor.Extensions/Components/ObjectEdit/Options/ObjectEditPropertyMeta.cs index 1820ca20..06d8aecb 100644 --- a/MudBlazor.Extensions/Components/ObjectEdit/Options/ObjectEditPropertyMeta.cs +++ b/MudBlazor.Extensions/Components/ObjectEdit/Options/ObjectEditPropertyMeta.cs @@ -1,11 +1,12 @@ -using System.Reflection; +using MudBlazor.Extensions.Core; +using System.Reflection; namespace MudBlazor.Extensions.Components.ObjectEdit.Options; /// /// Metadata for a property of an object to be edited. /// -public class ObjectEditPropertyMeta +public class ObjectEditPropertyMeta: IMudExStyleAppearance, IMudExClassAppearance { /// /// Reference to the main edit meta data. @@ -13,7 +14,17 @@ public class ObjectEditPropertyMeta public ObjectEditMeta MainEditMeta { get; } private object _value; private IRenderData _renderData; - + + /// + /// Style + /// + public string Style { get; set; } + + /// + /// Class + /// + public string Class { get; set; } + /// /// Parent property meta data. /// @@ -116,4 +127,14 @@ public void UpdateConditionalSettings(TModel model) Settings?.UpdateConditionalSettings(model); RenderData?.UpdateConditionalSettings(model); } + + /// + /// Forces an update of the property metadata and the containing editor. + /// + public void ForceUpdate() + { + UpdateRequired?.Invoke(this); + } + + public event Action UpdateRequired; } \ No newline at end of file diff --git a/MudBlazor.Extensions/Components/ObjectEdit/Options/RenderData.base.cs b/MudBlazor.Extensions/Components/ObjectEdit/Options/RenderData.base.cs index 0edab478..19a546e0 100644 --- a/MudBlazor.Extensions/Components/ObjectEdit/Options/RenderData.base.cs +++ b/MudBlazor.Extensions/Components/ObjectEdit/Options/RenderData.base.cs @@ -81,20 +81,36 @@ public object ComponentReference internal set { _componentReference = value; - _onReferenceSet?.Invoke(value); + if(_componentReference != null) + _onReferenceSet?.Invoke(value); } } /// - /// Callback for when the component reference is set. + /// Action to be executed when the component reference is set. /// - public void OnRendered(Action onReferenceSet) where TComponent : class, IComponent + public void OnRendered(Action onReferenceSet) + where TComponent : class, IComponent { - if(ComponentReference != null) - onReferenceSet(ComponentReference as TComponent); - _onReferenceSet = o => onReferenceSet(o as TComponent); + if (ComponentReference is TComponent component) + onReferenceSet(component); + + _onReferenceSet = async o => + { + if (o is DynamicComponent dynamicComponent) + { + while (dynamicComponent.Instance is null) + await Task.Delay(100); + + if (dynamicComponent.Instance is TComponent actualInstance) + onReferenceSet(actualInstance); + } + else if (o is TComponent typedComponent) + onReferenceSet(typedComponent); + }; } + /// /// Returns whether the given key and value are valid parameters for the current component type. /// diff --git a/MudBlazor.Extensions/Components/ObjectEdit/Options/SwitchConfirmationProtection.cs b/MudBlazor.Extensions/Components/ObjectEdit/Options/SwitchConfirmationProtection.cs new file mode 100644 index 00000000..cffabbbb --- /dev/null +++ b/MudBlazor.Extensions/Components/ObjectEdit/Options/SwitchConfirmationProtection.cs @@ -0,0 +1,8 @@ +namespace MudBlazor.Extensions.Components.ObjectEdit.Options; + +/// +public class SwitchConfirmationProtection : BooleanInputProtectionBase> +{ + public SwitchConfirmationProtection(string tooltip = null, Action> configure = null) : base(tooltip, configure) + { } +} \ No newline at end of file diff --git a/MudBlazor.Extensions/Components/ObjectEdit/Options/ToggleButtonConfirmationProtection.cs b/MudBlazor.Extensions/Components/ObjectEdit/Options/ToggleButtonConfirmationProtection.cs new file mode 100644 index 00000000..bf0804db --- /dev/null +++ b/MudBlazor.Extensions/Components/ObjectEdit/Options/ToggleButtonConfirmationProtection.cs @@ -0,0 +1,57 @@ +using Microsoft.AspNetCore.Components; +using MudBlazor.Extensions.Helper; + +namespace MudBlazor.Extensions.Components.ObjectEdit.Options; + +/// +/// Protection with a toggle button that requires confirmation before changing the value. +/// +public class ToggleButtonConfirmationProtection : IConfirmationProtection +{ + /// + /// The button instance. + /// + protected MudToggleIconButton Button { get; set; } + + /// + /// Constructor for a boolean input protection instance. + /// + /// + /// + public ToggleButtonConfirmationProtection(string tooltip = null, Action? configure = null) + { + AdditionalRenderData = RenderData.For(cb => + { + cb.Style = MudExStyleBuilder.Default + .WithSize(20) + .WithMarginTop(20) + .WithMarginLeft(10) + .ToString(); + cb.Icon = Icons.Material.Filled.Lock; + cb.ToggledIcon = Icons.Material.Filled.LockOpen; + cb.Size = Size.Small; + cb.Color = Color.Default; + cb.ToggledColor = Color.Primary; + cb.ToggledChanged = EventCallback.Factory.Create(new object(), b => ConfirmationCallback?.Invoke(b)); + configure?.Invoke(cb); + }); + + AdditionalRenderData.OnRendered(cb => + { + if(!string.IsNullOrWhiteSpace(tooltip)) + cb.UserAttributes.Add("title", tooltip); + Button = cb; + OnButtonSet(cb); + }); + + } + + protected virtual void OnButtonSet(MudToggleIconButton cb) + {} + + /// + public IRenderData AdditionalRenderData { get; set; } + + /// + public Action? ConfirmationCallback { get; set; } +} \ No newline at end of file diff --git a/MudBlazor.Extensions/DialogService.MessageDialog.cs b/MudBlazor.Extensions/DialogService.MessageDialog.cs index c4d6acd9..f73ab23d 100644 --- a/MudBlazor.Extensions/DialogService.MessageDialog.cs +++ b/MudBlazor.Extensions/DialogService.MessageDialog.cs @@ -527,6 +527,14 @@ public static Task PromptAsync(this IDialogService dialogService, string return dialogService.PromptAsync(title, message, "", canConfirm: canConfirm, options: options); } + /// + /// Prompts the user for input with a validation function and custom icon asynchronously. + /// + public static Task PromptAsync(this IDialogService dialogService, string title, string message, string icon, Func canConfirm, DialogParameters dialogParameters, DialogOptionsEx options = null) + { + return dialogService.PromptAsync(title, message, "", icon: icon, canConfirm: canConfirm, options: options, dialogParameters: dialogParameters); + } + /// /// Prompts the user for input with a validation function and custom icon asynchronously. /// @@ -544,8 +552,10 @@ public static async Task PromptAsync(this IDialogService dialogService, string buttonCancelText = "Cancel", string icon = null, Func canConfirm = null, - DialogOptionsEx options = null) + DialogOptionsEx options = null, + DialogParameters dialogParameters = null) { + dialogParameters ??= new DialogParameters(); canConfirm ??= (_ => true); var parameters = new DialogParameters { @@ -558,7 +568,7 @@ public static async Task PromptAsync(this IDialogService dialogService, }; options ??= DefaultOptions(); - var res = await dialogService.ShowEx(title, parameters, options); + var res = await dialogService.ShowEx(title, dialogParameters.MergeWith(parameters), options); var dialogResult = (await res.Result); if (!dialogResult.Canceled && dialogResult.Data != null && canConfirm(dialogResult.Data.ToString())) diff --git a/MudBlazor.Extensions/wwwroot/css/index.scss b/MudBlazor.Extensions/wwwroot/css/index.scss index ff3c11e0..481cbcce 100644 --- a/MudBlazor.Extensions/wwwroot/css/index.scss +++ b/MudBlazor.Extensions/wwwroot/css/index.scss @@ -3,4 +3,9 @@ @import 'misc/index.scss'; @import 'components/index.scss'; @import '_backgrounds.scss'; -@import '_dialog.scss'; \ No newline at end of file +@import '_dialog.scss'; + + +.mud-ex-property-component-wrapper { + display: flex; +} \ No newline at end of file diff --git a/MudBlazor.Extensions/wwwroot/docs/MudBlazor.Extensions.xml b/MudBlazor.Extensions/wwwroot/docs/MudBlazor.Extensions.xml index 057d0f88..5dfe3b5e 100644 --- a/MudBlazor.Extensions/wwwroot/docs/MudBlazor.Extensions.xml +++ b/MudBlazor.Extensions/wwwroot/docs/MudBlazor.Extensions.xml @@ -5851,6 +5851,11 @@ The initial value of the input field. + + + The Helper text + + The message to be displayed in the component. @@ -11004,6 +11009,16 @@ Note: This method signature seems to be incomplete as provided, so the description is based on the visible pattern and assumption of intended functionality. + + + Protects the property from being edited by the user until a confirmation is received. + + + + + Protects the property from being edited by the user until a confirmation is received. + + Configures a property to be rendered with a specified component, allowing for customization of the component's value field, options, and type converters between the property and field types. @@ -12564,6 +12579,24 @@ The added render data component. + + + Adds an additional component (either before or after) to the current render data. + The current render data to which the additional component is to be added. + The additional render data to add. + Enum indicating whether the additional component should be rendered after or before the current render data. + The added render data component. + + + + + Adds a component of type at the specified position to the current render data, allowing for additional configuration through options. + The component type to add. + The current render data before which the new component is to be added. + A set of actions to configure the added component. + The newly added component's render data. + + Wraps the current render data within a MudItem component, allowing for additional configuration through options. @@ -13361,6 +13394,47 @@ + + + The position at which to render an additional component. + + + + + Render the additional component before the current component. + + + + + Render the additional component after the current component. + + + + + Base class for a boolean input protection instance, providing a set of properties and methods to configure the boolean input protection. + + + + + Constructor for a boolean input protection instance. + + + + + + + + + + + + + + + + Provides a set of static factory options to protect a component with a confirmation. + + Interface can implemented and used in object edit RenderWith to completely create an own property renderer @@ -13371,6 +13445,29 @@ If attached as setting in ObjectEditPropertyMeta.RenderData this is called by MudExPropertyEdit + + + Base class for a boolean input protection instance, providing a set of properties and methods to configure the boolean input protection. + + + + + + + + Interface for a confirmation protection instance, providing a set of properties and methods to configure the confirmation protection. + + + + + Additional render data to be used for the confirmation protection. + + + + + Callback to be invoked when the confirmation protection is triggered. + + Base class for ObjectEditMeta instances, providing a set of properties and methods to configure the meta instance. @@ -13497,6 +13594,16 @@ Reference to the main edit meta data. + + + Style + + + + + Class + + Parent property meta data. @@ -13567,6 +13674,11 @@ Updates all conditional settings for this property metadata. + + + Forces an update of the property metadata and the containing editor. + + Group information for a set of ObjectEditPropertyMeta instances. @@ -13810,7 +13922,7 @@ - Callback for when the component reference is set. + Action to be executed when the component reference is set. @@ -14319,6 +14431,32 @@ Requires confirmation before resetting the object. + + + + + + Protection with a toggle button that requires confirmation before changing the value. + + + + + The button instance. + + + + + Constructor for a boolean input protection instance. + + + + + + + + + + Controls how the highlighting of the filter is displayed @@ -18591,12 +18729,17 @@ Prompts the user for input with a validation function asynchronously. + + + Prompts the user for input with a validation function and custom icon asynchronously. + + Prompts the user for input with a validation function and custom icon asynchronously. - + Prompts the user for input with customizable title, message, initialValue, buttonOkText, buttonCancelText, icon, validation function, and dialog options asynchronously. diff --git a/MudBlazor.Extensions/wwwroot/mudBlazorExtensions.css b/MudBlazor.Extensions/wwwroot/mudBlazorExtensions.css index c97518f7..0b4a47a7 100644 --- a/MudBlazor.Extensions/wwwroot/mudBlazorExtensions.css +++ b/MudBlazor.Extensions/wwwroot/mudBlazorExtensions.css @@ -5724,12 +5724,12 @@ animation: 44s -27s move infinite ease-in-out alternate; } .mud-ex-bg-dot::before { - text-shadow: 1.5391712725em 0.6753264054em 7px hsla(65.6308176364deg, 100%, 50%, 0.9), 2.1753020342em 2.432036468em 7px hsla(63.7238445216deg, 100%, 50%, 0.9), 0.8516197114em 0.9498910239em 7px hsla(41.4291894887deg, 100%, 50%, 0.9), -0.287154392em -0.3779834436em 7px hsla(348.2134696622deg, 100%, 50%, 0.9), -0.4470621439em 2.2380705253em 7px hsla(176.13227876deg, 100%, 50%, 0.9), 0.8565675868em 1.1552668266em 7px hsla(36.5739967854deg, 100%, 50%, 0.9), 2.2724844753em 0.7513133087em 7px hsla(230.7891998586deg, 100%, 50%, 0.9), 0.9414236702em 1.0033682724em 7px hsla(11.3662555489deg, 100%, 50%, 0.9), 2.4344766543em 0.5693980435em 7px hsla(156.1157572195deg, 100%, 50%, 0.9), 0.2740205987em 1.8884015923em 7px hsla(339.6299516085deg, 100%, 50%, 0.9), 1.5902571195em 1.7857386481em 7px hsla(239.2644105694deg, 100%, 50%, 0.9), 0.3006601969em 2.499565149em 7px hsla(246.7413031192deg, 100%, 50%, 0.9), 2.3765367204em 1.3113596745em 7px hsla(177.1884042235deg, 100%, 50%, 0.9), 0.9216514645em 0.5830428683em 7px hsla(286.5659637541deg, 100%, 50%, 0.9), 1.1270426924em 1.8662285334em 7px hsla(107.2536446757deg, 100%, 50%, 0.9), 1.3224308912em 1.7892958451em 7px hsla(164.758105135deg, 100%, 50%, 0.9), 2.3483451383em -0.3717226207em 7px hsla(86.6853375575deg, 100%, 50%, 0.9), 0.6471995134em 1.2662485097em 7px hsla(298.9001429524deg, 100%, 50%, 0.9), 0.9968737032em -0.3561478898em 7px hsla(306.0024833243deg, 100%, 50%, 0.9), 1.3308523734em 0.720934097em 7px hsla(177.7909129536deg, 100%, 50%, 0.9), 1.802760061em 0.7875657704em 7px hsla(2.2411534012deg, 100%, 50%, 0.9), 0.8811935544em 0.1445270517em 7px hsla(197.9335847313deg, 100%, 50%, 0.9), 1.0741256127em -0.2923633673em 7px hsla(149.9985261217deg, 100%, 50%, 0.9), 0.6398187052em 2.0937643667em 7px hsla(163.0187335577deg, 100%, 50%, 0.9), 2.305737349em 0.9122713413em 7px hsla(265.6187368089deg, 100%, 50%, 0.9), 1.5688924039em 0.2313168748em 7px hsla(335.8591050286deg, 100%, 50%, 0.9), -0.3031145029em 1.1842067637em 7px hsla(231.6397862554deg, 100%, 50%, 0.9), 1.9980499719em 1.3814350904em 7px hsla(269.1889339893deg, 100%, 50%, 0.9), 1.0239902557em 0.2106673742em 7px hsla(314.8959465966deg, 100%, 50%, 0.9), 1.5217748803em 2.0899670176em 7px hsla(217.3066485511deg, 100%, 50%, 0.9), 0.6577830836em 0.9151830085em 7px hsla(325.110082165deg, 100%, 50%, 0.9), 0.5896230084em 2.3686809451em 7px hsla(335.8117222577deg, 100%, 50%, 0.9), -0.1171074286em 2.1800472142em 7px hsla(40.5655938195deg, 100%, 50%, 0.9), -0.231775189em 1.4172972426em 7px hsla(1.291782301deg, 100%, 50%, 0.9), 0.5914705968em 2.2086708773em 7px hsla(299.0135807486deg, 100%, 50%, 0.9), 1.2969622614em 1.6812031155em 7px hsla(46.7037824589deg, 100%, 50%, 0.9), 2.0783990422em 0.426720272em 7px hsla(187.1304116512deg, 100%, 50%, 0.9), 0.9314138902em 0.3176484335em 7px hsla(141.9458637305deg, 100%, 50%, 0.9), -0.4458726118em 0.3838619595em 7px hsla(196.1681313993deg, 100%, 50%, 0.9), 2.0882341072em -0.374933828em 7px hsla(178.4006592271deg, 100%, 50%, 0.9), 1.2449321308em 1.6831126145em 7px hsla(231.7196648897deg, 100%, 50%, 0.9); + text-shadow: 1.5833216429em 1.6297015916em 7px hsla(332.0900877435deg, 100%, 50%, 0.9), 1.3322440764em 1.7054720395em 7px hsla(241.6504474295deg, 100%, 50%, 0.9), 1.847937062em 1.8752998094em 7px hsla(180.7664040744deg, 100%, 50%, 0.9), 1.0656246463em 0.1212729887em 7px hsla(174.8518238068deg, 100%, 50%, 0.9), 1.1134616448em 1.2952573627em 7px hsla(88.8345130785deg, 100%, 50%, 0.9), -0.2093527035em 2.1972514714em 7px hsla(286.0836071111deg, 100%, 50%, 0.9), -0.0964087035em 2.1377294176em 7px hsla(60.5548771415deg, 100%, 50%, 0.9), 2.3381373475em 1.5980601602em 7px hsla(99.2720330722deg, 100%, 50%, 0.9), 0.8960284629em 1.0372972599em 7px hsla(232.4389164783deg, 100%, 50%, 0.9), 1.2700307464em 2.0022449155em 7px hsla(275.9572302591deg, 100%, 50%, 0.9), 1.0481390659em 2.2574162494em 7px hsla(347.5549619643deg, 100%, 50%, 0.9), -0.4351988669em 0.7461602441em 7px hsla(36.0561617097deg, 100%, 50%, 0.9), 1.8936461504em -0.170511798em 7px hsla(251.5842698627deg, 100%, 50%, 0.9), 0.7084362943em 1.443954386em 7px hsla(142.9934400682deg, 100%, 50%, 0.9), 1.5429869044em 2.0384415659em 7px hsla(187.8640201379deg, 100%, 50%, 0.9), 2.3051717388em 0.8086012621em 7px hsla(71.4585124635deg, 100%, 50%, 0.9), 2.226785437em 1.1710166925em 7px hsla(299.3825783163deg, 100%, 50%, 0.9), 0.9719427189em 2.4093593302em 7px hsla(179.2321577681deg, 100%, 50%, 0.9), 1.0810763862em 1.4385599004em 7px hsla(332.6948036188deg, 100%, 50%, 0.9), 2.0938772847em -0.4266007363em 7px hsla(158.4115077874deg, 100%, 50%, 0.9), 1.0116482835em 0.1387976802em 7px hsla(330.4467928506deg, 100%, 50%, 0.9), -0.3600241511em 1.9154555263em 7px hsla(260.8652752618deg, 100%, 50%, 0.9), -0.1660977287em 0.5630638589em 7px hsla(350.5124794652deg, 100%, 50%, 0.9), -0.3363145543em -0.2014916197em 7px hsla(93.6915923589deg, 100%, 50%, 0.9), -0.3243609669em 0.4286930608em 7px hsla(165.0251286deg, 100%, 50%, 0.9), -0.0843559153em 2.2913040111em 7px hsla(249.7303742797deg, 100%, 50%, 0.9), 0.4667110637em 1.1958243074em 7px hsla(285.6499402463deg, 100%, 50%, 0.9), 1.3459662582em -0.4033448567em 7px hsla(237.8347450765deg, 100%, 50%, 0.9), 1.5039026903em 1.2761368439em 7px hsla(336.6772193125deg, 100%, 50%, 0.9), 0.8021266794em -0.3086663855em 7px hsla(157.8458573472deg, 100%, 50%, 0.9), -0.2638574406em 1.2838485187em 7px hsla(146.5435792045deg, 100%, 50%, 0.9), 1.354955112em 1.435855505em 7px hsla(256.0190199528deg, 100%, 50%, 0.9), 1.1793831388em 0.3237226592em 7px hsla(223.7938357732deg, 100%, 50%, 0.9), 2.3801346449em -0.2768457617em 7px hsla(309.5163300922deg, 100%, 50%, 0.9), 1.2328795299em 2.2638113407em 7px hsla(162.3392648849deg, 100%, 50%, 0.9), 0.8156628286em 2.2261947108em 7px hsla(335.6896789533deg, 100%, 50%, 0.9), 2.1063042327em -0.4703822625em 7px hsla(54.3181137531deg, 100%, 50%, 0.9), -0.3092576307em -0.3883960554em 7px hsla(287.9711365189deg, 100%, 50%, 0.9), 2.257882421em 0.04168178em 7px hsla(311.694878919deg, 100%, 50%, 0.9), -0.2758202989em 0.8872627219em 7px hsla(128.6043795911deg, 100%, 50%, 0.9), -0.1266385799em 2.1110673915em 7px hsla(227.9929327369deg, 100%, 50%, 0.9); animation-duration: 44s; animation-delay: -27s; } .mud-ex-bg-dot::after { - text-shadow: 1.2730743396em 0.9940834785em 7px hsla(174.2199716403deg, 100%, 50%, 0.9), 0.6119874788em 1.6215606556em 7px hsla(206.1463655054deg, 100%, 50%, 0.9), 1.5419333712em 1.2813517964em 7px hsla(234.6050791472deg, 100%, 50%, 0.9), 0.9891489471em -0.203181117em 7px hsla(186.0179278636deg, 100%, 50%, 0.9), 1.5907233425em 0.1519777797em 7px hsla(248.9816181925deg, 100%, 50%, 0.9), 1.2834247777em 2.32466108em 7px hsla(44.4352539763deg, 100%, 50%, 0.9), 2.3158824875em 0.4322806453em 7px hsla(316.7910877351deg, 100%, 50%, 0.9), -0.0294938587em -0.3666964443em 7px hsla(307.6189030281deg, 100%, 50%, 0.9), 0.9261715376em -0.0852037071em 7px hsla(202.4549746174deg, 100%, 50%, 0.9), 0.3293507989em 1.5594645979em 7px hsla(165.3291154692deg, 100%, 50%, 0.9), 2.2568059653em 1.9782636061em 7px hsla(100.7440066173deg, 100%, 50%, 0.9), 1.8148255292em 0.913218014em 7px hsla(2.8124887576deg, 100%, 50%, 0.9), 0.771554143em 0.6278732008em 7px hsla(121.4344749238deg, 100%, 50%, 0.9), 2.4929614491em -0.1717002244em 7px hsla(223.5151072258deg, 100%, 50%, 0.9), 0.5470449417em 1.2522282556em 7px hsla(304.5823894173deg, 100%, 50%, 0.9), 0.213273565em 0.3652991098em 7px hsla(105.6459578784deg, 100%, 50%, 0.9), 1.5377988877em 2.0436928338em 7px hsla(310.7625740472deg, 100%, 50%, 0.9), 0.6662822009em -0.1692494258em 7px hsla(84.6503132585deg, 100%, 50%, 0.9), 2.1964689876em 0.5781334129em 7px hsla(107.2532542292deg, 100%, 50%, 0.9), 0.5316459951em 0.2873879701em 7px hsla(104.5977967257deg, 100%, 50%, 0.9), 1.7507831286em 0.0771236652em 7px hsla(100.6365557888deg, 100%, 50%, 0.9), 0.8345120055em -0.314967194em 7px hsla(252.9708396656deg, 100%, 50%, 0.9), 2.0148039163em -0.3443362449em 7px hsla(190.6913006046deg, 100%, 50%, 0.9), 1.3219655999em 2.1570799328em 7px hsla(334.5370207199deg, 100%, 50%, 0.9), 2.2083458569em 0.4967315345em 7px hsla(355.0123489192deg, 100%, 50%, 0.9), 0.9393158532em 2.0196644016em 7px hsla(32.6160362722deg, 100%, 50%, 0.9), 0.5310145353em 1.0116049352em 7px hsla(97.9770000282deg, 100%, 50%, 0.9), 0.0433872646em 1.6810614419em 7px hsla(107.7345448685deg, 100%, 50%, 0.9), 0.8262534845em 1.4482649359em 7px hsla(209.954749703deg, 100%, 50%, 0.9), 1.1603455823em 0.4083473683em 7px hsla(69.9738097458deg, 100%, 50%, 0.9), 1.210010503em -0.1756913427em 7px hsla(216.9223907635deg, 100%, 50%, 0.9), 1.1847509344em 1.2108797494em 7px hsla(68.0385524286deg, 100%, 50%, 0.9), 2.0383812688em -0.2287600042em 7px hsla(95.9499783759deg, 100%, 50%, 0.9), 1.8258791865em 1.8927462004em 7px hsla(40.900816048deg, 100%, 50%, 0.9), -0.4558655652em 1.3336526789em 7px hsla(59.1480178256deg, 100%, 50%, 0.9), -0.4617432209em 0.1556288433em 7px hsla(90.4044967281deg, 100%, 50%, 0.9), 0.2678056521em 1.2988959294em 7px hsla(273.361477509deg, 100%, 50%, 0.9), 1.1661838896em 1.4858710392em 7px hsla(180.5743840574deg, 100%, 50%, 0.9), -0.1724443306em 0.1293501903em 7px hsla(166.5325789439deg, 100%, 50%, 0.9), 1.0264236055em 1.8204466806em 7px hsla(276.4462067102deg, 100%, 50%, 0.9), 1.9987279806em 1.2685150606em 7px hsla(302.8789721844deg, 100%, 50%, 0.9); + text-shadow: 2.4933297473em -0.4211397854em 7px hsla(172.6569490822deg, 100%, 50%, 0.9), 0.5286021844em -0.134025742em 7px hsla(72.2960250129deg, 100%, 50%, 0.9), 0.5721631523em 1.162311875em 7px hsla(264.2003099509deg, 100%, 50%, 0.9), 1.86592257em 1.4000839519em 7px hsla(170.4889329304deg, 100%, 50%, 0.9), 0.614858216em 2.4668703757em 7px hsla(260.3018663029deg, 100%, 50%, 0.9), -0.3655761565em 1.9799999172em 7px hsla(215.4876962499deg, 100%, 50%, 0.9), 0.5350834394em -0.2450940022em 7px hsla(226.4457717763deg, 100%, 50%, 0.9), 0.5195605361em 2.298909818em 7px hsla(143.4496396504deg, 100%, 50%, 0.9), 0.5597668254em 0.6124459689em 7px hsla(15.411202948deg, 100%, 50%, 0.9), 0.5330478124em -0.4798575666em 7px hsla(196.9489360254deg, 100%, 50%, 0.9), 1.4180330682em 2.0829686948em 7px hsla(134.7437578575deg, 100%, 50%, 0.9), 0.8856570574em 0.2589247504em 7px hsla(216.9506553291deg, 100%, 50%, 0.9), 1.032129411em 2.1301559106em 7px hsla(190.2919105164deg, 100%, 50%, 0.9), 0.5536043329em 0.5141376968em 7px hsla(217.5999177401deg, 100%, 50%, 0.9), 1.7195552978em -0.4326686379em 7px hsla(328.134297692deg, 100%, 50%, 0.9), 2.230321413em 0.5601250024em 7px hsla(138.8954607173deg, 100%, 50%, 0.9), 0.5764303404em 1.4045469254em 7px hsla(92.6538106888deg, 100%, 50%, 0.9), 1.4748819935em 1.7368633778em 7px hsla(253.2315431201deg, 100%, 50%, 0.9), 2.1121203286em -0.3665234871em 7px hsla(85.6545601201deg, 100%, 50%, 0.9), 0.2620214688em 0.7708274372em 7px hsla(105.6601266753deg, 100%, 50%, 0.9), 1.9436565523em 1.0139382257em 7px hsla(40.6448350818deg, 100%, 50%, 0.9), 2.0279863921em 0.8563722571em 7px hsla(136.4365383444deg, 100%, 50%, 0.9), 0.835888286em 0.6960654728em 7px hsla(75.3620539285deg, 100%, 50%, 0.9), 2.0610341556em 2.1795382664em 7px hsla(261.3273467077deg, 100%, 50%, 0.9), 1.3447685541em 0.7479082254em 7px hsla(222.3936400335deg, 100%, 50%, 0.9), 0.2041083988em 0.2661693888em 7px hsla(77.6283340998deg, 100%, 50%, 0.9), 1.1101407994em 1.9213850882em 7px hsla(296.4055359218deg, 100%, 50%, 0.9), 1.010145406em 1.1144430133em 7px hsla(204.7205513153deg, 100%, 50%, 0.9), -0.1985075447em 2.1860597466em 7px hsla(31.299272799deg, 100%, 50%, 0.9), 0.4753097151em 2.0250578774em 7px hsla(93.0183981644deg, 100%, 50%, 0.9), 1.0473957304em 0.7164578315em 7px hsla(339.1374810474deg, 100%, 50%, 0.9), 1.0439807472em 1.3887882807em 7px hsla(1.987715953deg, 100%, 50%, 0.9), 1.0209366552em 0.4857560984em 7px hsla(121.6821890666deg, 100%, 50%, 0.9), 2.0561905551em 1.9287246222em 7px hsla(239.5711218027deg, 100%, 50%, 0.9), 0.5528061047em 1.3066749856em 7px hsla(27.0960966966deg, 100%, 50%, 0.9), 0.2057927996em 1.5250526122em 7px hsla(165.5696251921deg, 100%, 50%, 0.9), 0.4147625894em 1.3604708837em 7px hsla(103.4361762415deg, 100%, 50%, 0.9), 1.1375491726em 0.6804765405em 7px hsla(42.5752107805deg, 100%, 50%, 0.9), 2.3727324434em 1.5915463024em 7px hsla(214.9255745866deg, 100%, 50%, 0.9), 0.0246454567em 1.8266262225em 7px hsla(191.3787625214deg, 100%, 50%, 0.9), 0.3502431001em 1.8946107805em 7px hsla(37.264278304deg, 100%, 50%, 0.9); animation-duration: 43s; animation-delay: -32s; } @@ -5824,6 +5824,10 @@ max-height: 444px; } +.mud-ex-property-component-wrapper { + display: flex; +} + .chip-select-chipsonly .mud-input-adornment { margin-top: -40px; } diff --git a/MudBlazor.Extensions/wwwroot/mudBlazorExtensions.min.css b/MudBlazor.Extensions/wwwroot/mudBlazorExtensions.min.css index e6ae44c4..9c5f9e99 100644 --- a/MudBlazor.Extensions/wwwroot/mudBlazorExtensions.min.css +++ b/MudBlazor.Extensions/wwwroot/mudBlazorExtensions.min.css @@ -1 +1 @@ -@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7;}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7;}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown;}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7;}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7;}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft;}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7;}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7;}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight;}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7;}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7;}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp;}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7;}100%{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7;}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7;}100%{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7;}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown;}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7;}100%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7;}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7;}100%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7;}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft;}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7;}100%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7;}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7;}100%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7;}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight;}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7;}100%{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7;}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7;}100%{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7;}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp;}@keyframes perspective3dInRight{0%{transform:perspective(1000px) translate3d(100%,0,0) rotateY(90deg);opacity:0;}100%{transform:perspective(1000px) translate3d(0,0,0) rotateY(0);opacity:1;}}@keyframes perspective3dOutRight{0%{transform:perspective(1000px) translate3d(0,0,0) rotateY(0);opacity:1;}100%{transform:perspective(1000px) translate3d(100%,0,0) rotateY(90deg);opacity:0;}}@keyframes perspective3dInDown{0%{transform:perspective(1000px) translate3d(0,-100%,0) rotateX(90deg);opacity:0;}100%{transform:perspective(1000px) translate3d(0,0,0) rotateX(0);opacity:1;}}@keyframes perspective3dOutDown{0%{transform:perspective(1000px) translate3d(0,0,0) rotateX(0);opacity:1;}100%{transform:perspective(1000px) translate3d(0,-100%,0) rotateX(90deg);opacity:0;}}@keyframes perspective3dInUp{0%{transform:perspective(1000px) translate3d(0,100%,0) rotateX(-90deg);opacity:0;}100%{transform:perspective(1000px) translate3d(0,0,0) rotateX(0);opacity:1;}}@keyframes perspective3dOutUp{0%{transform:perspective(1000px) translate3d(0,0,0) rotateX(0);opacity:1;}100%{transform:perspective(1000px) translate3d(0,100%,0) rotateX(-90deg);opacity:0;}}@keyframes perspective3dInLeft{0%{transform:perspective(1000px) translate3d(-100%,0,0) rotateY(-90deg);opacity:0;}100%{transform:perspective(1000px) translate3d(0,0,0) rotateY(0);opacity:1;}}@keyframes perspective3dOutLeft{0%{transform:perspective(1000px) translate3d(0,0,0) rotateY(0);opacity:1;}100%{transform:perspective(1000px) translate3d(-100%,0,0) rotateY(-90deg);opacity:0;}}.animate__perspective3dInRight{animation-name:perspective3dInRight;animation-timing-function:ease-in;}.animate__perspective3dOutRight{animation-name:perspective3dOutRight;animation-timing-function:ease-out;}.animate__perspective3dInTop{animation-name:perspective3dInTop;animation-timing-function:ease-in;}.animate__perspective3dOutTop{animation-name:perspective3dOutTop;animation-timing-function:ease-out;}.animate__perspective3dInBottom{animation-name:perspective3dInBottom;animation-timing-function:ease-in;}.animate__perspective3dOutBottom{animation-name:perspective3dOutBottom;animation-timing-function:ease-out;}.animate__perspective3dInLeft{animation-name:perspective3dInLeft;animation-timing-function:ease-in;}.animate__perspective3dOutLeft{animation-name:perspective3dOutLeft;animation-timing-function:ease-out;}@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceIn;animation-name:bounceIn;}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3);}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9);}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95);}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3);}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9);}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95);}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;}@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3);}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1);}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98);}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3);}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1);}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98);}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;}@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}from{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3);}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1);}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98);}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}from{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3);}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1);}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98);}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;}@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}from{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5);}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9);}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95);}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}from{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5);}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9);}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95);}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceOut;animation-name:bounceOut;}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985);}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9);}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3);}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985);}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9);}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3);}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9);}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2);}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9);}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2);}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9);}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2);}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9);}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2);}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985);}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9);}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3);}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985);}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9);}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3);}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;}@-webkit-keyframes bounce{from,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1);}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05);}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translate3d(0,0,0) scaleY(.95);}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02);}}@keyframes bounce{from,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1);}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05);}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translate3d(0,0,0) scaleY(.95);}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02);}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom;}@-webkit-keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}@-webkit-keyframes fadeInTopLeft{from{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInTopLeft{from{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft;}@-webkit-keyframes fadeInTopRight{from{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInTopRight{from{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight;}@-webkit-keyframes fadeInBottomLeft{from{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInBottomLeft{from{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft;}@-webkit-keyframes fadeInBottomRight{from{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInBottomRight{from{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight;}@-webkit-keyframes fadeOut{from{opacity:1;}to{opacity:0;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}@-webkit-keyframes fadeOutDown{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}}@keyframes fadeOutDown{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;}@-webkit-keyframes fadeOutDownBig{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}}@keyframes fadeOutDownBig{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;}@-webkit-keyframes fadeOutLeft{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}@keyframes fadeOutLeft{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}}@keyframes fadeOutLeftBig{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;}@-webkit-keyframes fadeOutRight{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}@keyframes fadeOutRight{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;}@-webkit-keyframes fadeOutRightBig{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}}@keyframes fadeOutRightBig{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;}@-webkit-keyframes fadeOutUp{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}@keyframes fadeOutUp{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}@-webkit-keyframes fadeOutUpBig{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}}@keyframes fadeOutUpBig{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;}@-webkit-keyframes fadeOutTopLeft{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0);}}@keyframes fadeOutTopLeft{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0);}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft;}@-webkit-keyframes fadeOutTopRight{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0);}}@keyframes fadeOutTopRight{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0);}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight;}@-webkit-keyframes fadeOutBottomRight{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0);}}@keyframes fadeOutBottomRight{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0);}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight;}@-webkit-keyframes fadeOutBottomLeft{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0);}}@keyframes fadeOutBottomLeft{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0);}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft;}@-webkit-keyframes flash{from,50%,to{opacity:1;}25%,75%{opacity:0;}}@keyframes flash{from,50%,to{opacity:1;}25%,75%{opacity:0;}}.animate__flash{-webkit-animation-name:flash;animation-name:flash;}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}}@keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY;}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1;}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0;}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1;}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0;}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1;}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0;}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1;}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0;}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;}@-webkit-keyframes shakeX{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}}@keyframes shakeX{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX;}@-webkit-keyframes shakeY{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}}@keyframes shakeY{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY;}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0);}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg);}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg);}50%{-webkit-transform:translateX(0);transform:translateX(0);}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0);}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg);}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg);}50%{-webkit-transform:translateX(0);transform:translateX(0);}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake;}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1);}14%{-webkit-transform:scale(1.3);transform:scale(1.3);}28%{-webkit-transform:scale(1);transform:scale(1);}42%{-webkit-transform:scale(1.3);transform:scale(1.3);}70%{-webkit-transform:scale(1);transform:scale(1);}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1);}14%{-webkit-transform:scale(1.3);transform:scale(1.3);}28%{-webkit-transform:scale(1);transform:scale(1);}42%{-webkit-transform:scale(1.3);transform:scale(1.3);}70%{-webkit-transform:scale(1);transform:scale(1);}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0;}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0;}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left;}@-webkit-keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg);}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}@keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg);}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox;}@-webkit-keyframes jello{from,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg);}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg);}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg);}}@keyframes jello{from,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg);}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg);}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg);}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center;}@-webkit-keyframes lightSpeedInRight{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes lightSpeedInRight{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}@-webkit-keyframes lightSpeedInLeft{from{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0;}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1;}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes lightSpeedInLeft{from{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0;}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1;}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}@-webkit-keyframes lightSpeedOutRight{from{opacity:1;}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0;}}@keyframes lightSpeedOutRight{from{opacity:1;}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0;}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}@-webkit-keyframes lightSpeedOutLeft{from{opacity:1;}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0;}}@keyframes lightSpeedOutLeft{from{opacity:1;}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0;}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;}@-webkit-keyframes rollOut{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);}}@keyframes rollOut{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut;}@-webkit-keyframes rotateIn{from{-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}@keyframes rotateIn{from{-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center;}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}@keyframes rotateInDownLeft{from{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom;}@-webkit-keyframes rotateInDownRight{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}@keyframes rotateInDownRight{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom;}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}@keyframes rotateInUpLeft{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom;}@-webkit-keyframes rotateInUpRight{from{-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}@keyframes rotateInUpRight{from{-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom;}@-webkit-keyframes rotateOut{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0;}}@keyframes rotateOut{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0;}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center;}@-webkit-keyframes rotateOutDownLeft{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}}@keyframes rotateOutDownLeft{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom;}@-webkit-keyframes rotateOutDownRight{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}}@keyframes rotateOutDownRight{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom;}@-webkit-keyframes rotateOutUpLeft{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}}@keyframes rotateOutUpLeft{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom;}@-webkit-keyframes rotateOutUpRight{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0;}}@keyframes rotateOutUpRight{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0;}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom;}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1);}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1);}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1);}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1);}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1);}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1);}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown;}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg);}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg);}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg);}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg);}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg);}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg);}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg);}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg);}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}.animate__tada{-webkit-animation-name:tada;animation-name:tada;}@-webkit-keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble;}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%{opacity:1;}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%{opacity:1;}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown;}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft;}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight;}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp;}@-webkit-keyframes zoomOut{from{opacity:1;}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}to{opacity:0;}}@keyframes zoomOut{from{opacity:1;}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}to{opacity:0;}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut;}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom;}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0);}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0);}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center;}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center;}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom;}@keyframes mud-ex-bg-spin{to{--border-angle:1turn;}}@property --border-angle{syntax:"";inherits:true;initial-value:0turn;}.mud-ex-gradient-text{background:linear-gradient(90deg,var(--mud-palette-primary),var(--mud-palette-secondary),var(--mud-palette-info),var(--mud-palette-primary-hover),var(--mud-palette-secondary-lighten),var(--mud-palette-warning),var(--mud-palette-tertiary));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.mud-ex-gradient-text.simple{background:linear-gradient(90deg,var(--mud-palette-primary),var(--mud-palette-secondary));}.mud-ex-gradient-text.animate{animation:reverse textclip 3s linear infinite;}@keyframes textclip{to{background-position:200% center;}}.mud-ex-simple-svg-animate path{stroke:lightgray;fill:transparent;stroke-width:1;stroke-dasharray:900 900;animation:strokeAni 1s infinite linear;}@keyframes strokeAni{0%{fill:white;stroke-dashoffset:900;}100%{fill:purple;stroke-dashoffset:0;}}.mud-ex-animate-all-properties{transition-property:all!important;transition-duration:.3s;transition-timing-function:ease;}.mud-dialog-slide-from-left{left:-100vw;}.mud-dialog-slide-from-right{right:-100vw;}.mud-dialog-slide-from-bottom{bottom:-100vh;}.mud-dialog-slide-from-top{top:-100vh;}.mud-dialog-slide-to-left{left:0;}.mud-dialog-slide-to-right{right:0;}.mud-dialog-slide-to-bottom{bottom:0;}.mud-dialog-slide-to-top{top:0;}.mud-dialog-slide-transform-from-left{transform:translateX(-100vw);}.mud-dialog-slide-transform-from-right{transform:translateX(100vw);}.mud-dialog-slide-transform-from-bottom{transform:translateY(100vh);}.mud-dialog-slide-transform-from-top{transform:translateY(-100vh);}.mud-dialog-slide-transform-to-left{transform:translateX(0);}.mud-dialog-slide-transform-to-right{transform:translateX(0);}.mud-dialog-slide-transform-to-bottom{transform:translateY(0);}.mud-dialog-slide-transform-to-top{transform:translateY(0);}.slide-kf-from-right{animation:kf-mud-dialog-slide-right 900ms ease-in-out 1 alternate;}.slide-kf-from-left{animation:kf-mud-dialog-slide-left 900ms ease-in-out 1 alternate;}.slide-kf-from-top{animation:kf-mud-dialog-slide-top 900ms ease-in-out 1 alternate;}.slide-kf-from-bottom{animation:kf-mud-dialog-slide-bottom 900ms ease-in-out 1 alternate;}@keyframes kf-mud-dialog-slide-right{0%{transform:translateX(100vw);}85%{transform:translateX(-20px);}100%{transform:translateX(0);}}@keyframes kf-mud-dialog-slide-top{0%{transform:translateY(-100vw);}85%{transform:translateY(20px);}100%{transform:translateY(0);}}@keyframes kf-mud-dialog-slide-left{0%{transform:translateX(-100vw);}85%{transform:translateX(20px);}100%{transform:translateX(0);}}@keyframes kf-mud-dialog-slide-bottom{0%{transform:translateY(100vw);}85%{transform:translateY(-20px);}100%{transform:translateY(0);}}@keyframes kf-mud-dialog-fade{0%{opacity:0;}100%{opacity:1;}}@keyframes scaleOut{0%{transform:scale(1);}20%{transform:scale(1.2);}100%{transform:scale(0);}}@keyframes scaleIn{0%{transform:scale(.2);}80%{transform:scale(1.2);}100%{transform:scale(1);}}@keyframes fade-in-animation{0%{opacity:0;}100%{opacity:1;}}@keyframes mud-ex-fade-in-animation{0%{opacity:0;}100%{opacity:1;}}.mud-ex-fade-out{visibility:hidden;opacity:0;transition:visibility 0s 2s,opacity 2s linear;}.mud-ex-fade-in{visibility:visible;opacity:1;transition:opacity 2s linear;}.mud-ex-fade-out-1s{visibility:hidden;opacity:0;transition:visibility 0s 1s,opacity 1s linear;}.mud-ex-fade-out-2s{visibility:hidden;opacity:0;transition:visibility 0s 2s,opacity 2s linear;}.mud-ex-fade-out-3s{visibility:hidden;opacity:0;transition:visibility 0s 3s,opacity 3s linear;}.mud-ex-fade-out-4s{visibility:hidden;opacity:0;transition:visibility 0s 4s,opacity 4s linear;}.mud-ex-fade-out-5s{visibility:hidden;opacity:0;transition:visibility 0s 5s,opacity 5s linear;}.mud-ex-fade-out-6s{visibility:hidden;opacity:0;transition:visibility 0s 6s,opacity 6s linear;}.mud-ex-fade-out-7s{visibility:hidden;opacity:0;transition:visibility 0s 7s,opacity 7s linear;}.mud-ex-fade-out-8s{visibility:hidden;opacity:0;transition:visibility 0s 8s,opacity 8s linear;}.mud-ex-fade-out-9s{visibility:hidden;opacity:0;transition:visibility 0s 9s,opacity 9s linear;}.mud-ex-fade-out-10s{visibility:hidden;opacity:0;transition:visibility 0s 10s,opacity 10s linear;}.mud-ex-fade-out-100ms{visibility:hidden;opacity:0;transition:visibility 0s 100ms,opacity 100ms linear;}.mud-ex-fade-out-200ms{visibility:hidden;opacity:0;transition:visibility 0s 200ms,opacity 200ms linear;}.mud-ex-fade-out-300ms{visibility:hidden;opacity:0;transition:visibility 0s 300ms,opacity 300ms linear;}.mud-ex-fade-out-400ms{visibility:hidden;opacity:0;transition:visibility 0s 400ms,opacity 400ms linear;}.mud-ex-fade-out-500ms{visibility:hidden;opacity:0;transition:visibility 0s 500ms,opacity 500ms linear;}.mud-ex-fade-out-600ms{visibility:hidden;opacity:0;transition:visibility 0s 600ms,opacity 600ms linear;}.mud-ex-fade-out-700ms{visibility:hidden;opacity:0;transition:visibility 0s 700ms,opacity 700ms linear;}.mud-ex-fade-out-800ms{visibility:hidden;opacity:0;transition:visibility 0s 800ms,opacity 800ms linear;}.mud-ex-fade-out-900ms{visibility:hidden;opacity:0;transition:visibility 0s 900ms,opacity 900ms linear;}.mud-ex-fade-out-1000ms{visibility:hidden;opacity:0;transition:visibility 0s 1000ms,opacity 1000ms linear;}.mud-ex-fade-in-1s{visibility:visible;opacity:1;transition:opacity 1s linear;}.mud-ex-fade-in-2s{visibility:visible;opacity:1;transition:opacity 2s linear;}.mud-ex-fade-in-3s{visibility:visible;opacity:1;transition:opacity 3s linear;}.mud-ex-fade-in-4s{visibility:visible;opacity:1;transition:opacity 4s linear;}.mud-ex-fade-in-5s{visibility:visible;opacity:1;transition:opacity 5s linear;}.mud-ex-fade-in-6s{visibility:visible;opacity:1;transition:opacity 6s linear;}.mud-ex-fade-in-7s{visibility:visible;opacity:1;transition:opacity 7s linear;}.mud-ex-fade-in-8s{visibility:visible;opacity:1;transition:opacity 8s linear;}.mud-ex-fade-in-9s{visibility:visible;opacity:1;transition:opacity 9s linear;}.mud-ex-fade-in-10s{visibility:visible;opacity:1;transition:opacity 10s linear;}.mud-ex-fade-in-1ms{visibility:visible;opacity:1;transition:opacity 1s linear;}.mud-ex-fade-in-2ms{visibility:visible;opacity:1;transition:opacity 2s linear;}.mud-ex-fade-in-3ms{visibility:visible;opacity:1;transition:opacity 3s linear;}.mud-ex-fade-in-4ms{visibility:visible;opacity:1;transition:opacity 4s linear;}.mud-ex-fade-in-5ms{visibility:visible;opacity:1;transition:opacity 5s linear;}.mud-ex-fade-in-6ms{visibility:visible;opacity:1;transition:opacity 6s linear;}.mud-ex-fade-in-7ms{visibility:visible;opacity:1;transition:opacity 7s linear;}.mud-ex-fade-in-8ms{visibility:visible;opacity:1;transition:opacity 8s linear;}.mud-ex-fade-in-9ms{visibility:visible;opacity:1;transition:opacity 9s linear;}.mud-ex-fade-in-10ms{visibility:visible;opacity:1;transition:opacity 10s linear;}.mud-dialog-animate-ex{position:fixed;transition-property:all;}:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1;}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both;}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat);}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2);}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3);}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay);}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2);}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3);}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4);}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5);}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2);}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8);}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3);}@media print,(prefers-reduced-motion:reduce){.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;}.animate__animated[class*=Out]{opacity:0;}}.mud-ex-color-edit-picker{margin:0;padding:0;}.mud-ex-color-edit-picker .mud-paper{overflow:auto;max-height:435px;height:100%;margin:0;padding:0;}.mud-ex-color-edit .mud-icon-root{fill:inherit;}.mud-ex-color-edit-picker-html-list-item:not(.mud-ex-default-list-item) .mud-icon-root{fill:attr(data-color);}.mud-ex-default-list-item .mud-icon-root{fill:currentColor;}.mud-ex-grid{display:grid;box-sizing:border-box;width:100%;}.mud-ex-grid.mud-ex-grid-height-full{min-height:100vh;}.mud-ex-grid.mud-ex-grid-height-full-without-appbar{min-height:calc(100vh - var(--mud-appbar-height));}.mud-ex-grid.mud-ex-grid-column-2{grid-template-columns:repeat(2,50%);}.mud-ex-grid.mud-ex-grid-row-2{grid-template-rows:repeat(2,50%);}.mud-ex-grid.mud-ex-grid-column-3{grid-template-columns:repeat(3,33.3333333333%);}.mud-ex-grid.mud-ex-grid-row-3{grid-template-rows:repeat(3,33.3333333333%);}.mud-ex-grid.mud-ex-grid-column-4{grid-template-columns:repeat(4,25%);}.mud-ex-grid.mud-ex-grid-row-4{grid-template-rows:repeat(4,25%);}.mud-ex-grid.mud-ex-grid-column-5{grid-template-columns:repeat(5,20%);}.mud-ex-grid.mud-ex-grid-row-5{grid-template-rows:repeat(5,20%);}.mud-ex-grid.mud-ex-grid-column-6{grid-template-columns:repeat(6,16.6666666667%);}.mud-ex-grid.mud-ex-grid-row-6{grid-template-rows:repeat(6,16.6666666667%);}.mud-ex-grid.mud-ex-grid-column-7{grid-template-columns:repeat(7,14.2857142857%);}.mud-ex-grid.mud-ex-grid-row-7{grid-template-rows:repeat(7,14.2857142857%);}.mud-ex-grid.mud-ex-grid-column-8{grid-template-columns:repeat(8,12.5%);}.mud-ex-grid.mud-ex-grid-row-8{grid-template-rows:repeat(8,12.5%);}.mud-ex-grid.mud-ex-grid-column-9{grid-template-columns:repeat(9,11.1111111111%);}.mud-ex-grid.mud-ex-grid-row-9{grid-template-rows:repeat(9,11.1111111111%);}.mud-ex-grid.mud-ex-grid-column-10{grid-template-columns:repeat(10,10%);}.mud-ex-grid.mud-ex-grid-row-10{grid-template-rows:repeat(10,10%);}.mud-ex-grid.mud-ex-grid-column-11{grid-template-columns:repeat(11,9.0909090909%);}.mud-ex-grid.mud-ex-grid-row-11{grid-template-rows:repeat(11,9.0909090909%);}.mud-ex-grid.mud-ex-grid-column-12{grid-template-columns:repeat(12,8.3333333333%);}.mud-ex-grid.mud-ex-grid-row-12{grid-template-rows:repeat(12,8.3333333333%);}.mud-ex-grid-section{display:inline-grid;overflow:auto;}.mud-ex-grid-section.mud-ex-grid-section-col-start-1{grid-column-start:1;}.mud-ex-grid-section.mud-ex-grid-section-col-end-1{grid-column-end:1;}.mud-ex-grid-section.mud-ex-grid-section-row-start-1{grid-row-start:1;}.mud-ex-grid-section.mud-ex-grid-section-row-end-1{grid-row-end:1;}.mud-ex-grid-section.mud-ex-grid-section-col-start-2{grid-column-start:2;}.mud-ex-grid-section.mud-ex-grid-section-col-end-2{grid-column-end:2;}.mud-ex-grid-section.mud-ex-grid-section-row-start-2{grid-row-start:2;}.mud-ex-grid-section.mud-ex-grid-section-row-end-2{grid-row-end:2;}.mud-ex-grid-section.mud-ex-grid-section-col-start-3{grid-column-start:3;}.mud-ex-grid-section.mud-ex-grid-section-col-end-3{grid-column-end:3;}.mud-ex-grid-section.mud-ex-grid-section-row-start-3{grid-row-start:3;}.mud-ex-grid-section.mud-ex-grid-section-row-end-3{grid-row-end:3;}.mud-ex-grid-section.mud-ex-grid-section-col-start-4{grid-column-start:4;}.mud-ex-grid-section.mud-ex-grid-section-col-end-4{grid-column-end:4;}.mud-ex-grid-section.mud-ex-grid-section-row-start-4{grid-row-start:4;}.mud-ex-grid-section.mud-ex-grid-section-row-end-4{grid-row-end:4;}.mud-ex-grid-section.mud-ex-grid-section-col-start-5{grid-column-start:5;}.mud-ex-grid-section.mud-ex-grid-section-col-end-5{grid-column-end:5;}.mud-ex-grid-section.mud-ex-grid-section-row-start-5{grid-row-start:5;}.mud-ex-grid-section.mud-ex-grid-section-row-end-5{grid-row-end:5;}.mud-ex-grid-section.mud-ex-grid-section-col-start-6{grid-column-start:6;}.mud-ex-grid-section.mud-ex-grid-section-col-end-6{grid-column-end:6;}.mud-ex-grid-section.mud-ex-grid-section-row-start-6{grid-row-start:6;}.mud-ex-grid-section.mud-ex-grid-section-row-end-6{grid-row-end:6;}.mud-ex-grid-section.mud-ex-grid-section-col-start-7{grid-column-start:7;}.mud-ex-grid-section.mud-ex-grid-section-col-end-7{grid-column-end:7;}.mud-ex-grid-section.mud-ex-grid-section-row-start-7{grid-row-start:7;}.mud-ex-grid-section.mud-ex-grid-section-row-end-7{grid-row-end:7;}.mud-ex-grid-section.mud-ex-grid-section-col-start-8{grid-column-start:8;}.mud-ex-grid-section.mud-ex-grid-section-col-end-8{grid-column-end:8;}.mud-ex-grid-section.mud-ex-grid-section-row-start-8{grid-row-start:8;}.mud-ex-grid-section.mud-ex-grid-section-row-end-8{grid-row-end:8;}.mud-ex-grid-section.mud-ex-grid-section-col-start-9{grid-column-start:9;}.mud-ex-grid-section.mud-ex-grid-section-col-end-9{grid-column-end:9;}.mud-ex-grid-section.mud-ex-grid-section-row-start-9{grid-row-start:9;}.mud-ex-grid-section.mud-ex-grid-section-row-end-9{grid-row-end:9;}.mud-ex-grid-section.mud-ex-grid-section-col-start-10{grid-column-start:10;}.mud-ex-grid-section.mud-ex-grid-section-col-end-10{grid-column-end:10;}.mud-ex-grid-section.mud-ex-grid-section-row-start-10{grid-row-start:10;}.mud-ex-grid-section.mud-ex-grid-section-row-end-10{grid-row-end:10;}.mud-ex-grid-section.mud-ex-grid-section-col-start-11{grid-column-start:11;}.mud-ex-grid-section.mud-ex-grid-section-col-end-11{grid-column-end:11;}.mud-ex-grid-section.mud-ex-grid-section-row-start-11{grid-row-start:11;}.mud-ex-grid-section.mud-ex-grid-section-row-end-11{grid-row-end:11;}.mud-ex-grid-section.mud-ex-grid-section-col-start-12{grid-column-start:12;}.mud-ex-grid-section.mud-ex-grid-section-col-end-12{grid-column-end:12;}.mud-ex-grid-section.mud-ex-grid-section-row-start-12{grid-row-start:12;}.mud-ex-grid-section.mud-ex-grid-section-row-end-12{grid-row-end:12;}.mud-ex-list{margin:0;padding:0;position:relative;list-style:none;overflow:auto;}.mud-ex-list.mud-ex-list-padding{padding-top:8px;padding-bottom:8px;}.mud-ex-list-item{width:100%;display:flex;position:relative;box-sizing:border-box;text-align:start;align-items:center;padding-top:8px;padding-bottom:8px;justify-content:flex-start;text-decoration:none;outline:0;}.mud-ex-list-item.mud-ex-list-item-dense{padding-top:4px;padding-bottom:4px;}.mud-ex-list-item.mud-ex-list-item-disabled{color:var(--mud-palette-action-disabled)!important;cursor:default!important;pointer-events:none!important;}.mud-ex-list-item.mud-ex-list-item-disabled .mud-ex-list-item-icon{color:var(--mud-palette-action-disabled)!important;}.mud-ex-list-item-clickable{color:inherit;border:0;cursor:pointer;margin:0;outline:0;user-select:none;border-radius:0;vertical-align:middle;background-color:transparent;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;transition:background-color 150ms cubic-bezier(.4,0,.2,1) 0ms;}.mud-ex-list-item-clickable:hover:not(.mud-list-item-functional){background-color:var(--mud-palette-action-default-hover);}.mud-ex-list-item-gutters{padding-left:16px;padding-right:16px;}.mud-ex-list-item-text{flex:1 1 auto;min-width:0;margin-top:4px;margin-bottom:4px;padding-inline-start:8px;padding-inline-end:8px;}.mud-ex-list-item-text-inset{padding-left:56px;padding-inline-start:56px;padding-inline-end:unset;}.mud-ex-list-item-icon{color:var(--mud-palette-action-default);display:inline-flex;flex-shrink:0;padding-inline-start:8px;padding-inline-end:8px;margin-inline-start:-4px;margin-inline-end:4px;}.mud-ex-list-item-multiselect{max-height:32px;}.mud-ex-list-item-multiselect.mud-ex-list-item-multiselect-checkbox{padding-inline-end:16px;}.mud-ex-list-subheader{color:var(--mud-palette-action-default);background-color:var(--mud-palette-background);font-size:.875rem;box-sizing:border-box;list-style:none;font-weight:500;padding-top:16px;padding-bottom:16px;padding-left:5px;padding-right:5px;}.mud-ex-list-subheader-secondary-background{background-color:var(--mud-palette-background-grey);}.mud-ex-list-subheader-gutters{padding-left:16px;padding-right:16px;}.mud-ex-list-subheader-inset{padding-left:72px;padding-inline-start:72px;padding-inline-end:unset;}.mud-ex-list-subheader-sticky{z-index:1;position:sticky;}.mud-ex-list-subheader-sticky.mud-ex-list-subheader-sticky-dense{top:0;}.mud-ex-list-item-highlight{background-color:var(--mud-palette-background-grey);}.mud-list-item-highlight-selected{background-color:var(--mud-palette-lines-default)!important;}.mud-ex-list-item-nested-background{background-color:var(--mud-palette-background-grey);}.mud-ex-list-item-avatar{min-width:56px;flex-shrink:0;}.mud-ex-nested-list>.mud-ex-list-item{padding-left:32px;padding-inline-start:32px;padding-inline-end:unset;}.mud-ex-select{display:flex;flex-grow:1;flex-basis:0;min-width:0;position:relative;height:fit-content;}.mud-ex-select.mud-autocomplete{display:block;}.mud-ex-select.mud-autocomplete .mud-ex-select-input{cursor:text;}.mud-ex-select.mud-autocomplete .mud-ex-input-adornment{cursor:pointer;}.mud-ex-select.mud-autocomplete--with-progress .mud-ex-select-input input{padding-right:3.5rem!important;}.mud-ex-select.mud-autocomplete--with-progress .mud-input-adorned-end input{padding-right:4.5rem!important;}.mud-ex-select.mud-autocomplete--with-progress .mud-ex-select-input .mud-icon-button{display:none!important;}.mud-ex-select.mud-autocomplete--with-progress .progress-indicator-circular{position:absolute;width:100%;top:0;bottom:0;display:flex;align-items:center;justify-content:flex-end;padding-top:.25rem;padding-bottom:.25rem;padding-right:1rem;}.mud-ex-select.mud-autocomplete--with-progress .progress-indicator-circular--with-adornment{padding-right:3rem;}.mud-ex-select.mud-autocomplete--with-progress .mud-progress-linear{position:absolute;bottom:-1px;height:2px;}.mud-ex-select .mud-ex-select-input{cursor:pointer;}.mud-ex-select .mud-ex-select-readonly{cursor:default;}.mud-ex-select .mud-ex-select-no-dropdown>div.mud-input-adornment>svg{display:none;}.mud-ex-select .mud-ex-select-input .mud-ex-select-nowrap{white-space:nowrap;}.mud-ex-select .mud-ex-select-input .mud-input-slot{overflow:hidden;text-overflow:ellipsis;}.mud-ex-select .mud-ex-select-input .mud-input-adornment-end{margin-left:0;}.mud-ex-select .mud-ex-select-input:disabled{cursor:default;}.mud-ex-select .mud-disabled .mud-select-input{cursor:default;}.mud-ex-select>.mud-form-helpertext{margin-top:-21px;}.mud-ex-select-all{margin-top:10px;border-bottom:1px solid #d3d3d3;padding-bottom:18px;}.mud-ex-input-adornment-start:not(.mud-ex-input-text){margin-inline-start:12px;}.mud-ex-input-adornment-start.mud-ex-input-filled{margin-top:16px;}.mud-ex-input-adornment-end:not(.mud-ex-input-text){margin-inline-end:12px;}.mud-ex-icon-picker-value-preview{transform:scale(2);outline:1px solid;margin-bottom:25px;margin-top:5px;width:50%;margin-left:25%;}.mud-ex-icon-picker-icon-pane{height:128px;width:100%;max-width:112px;padding:0 6px;display:flex;text-align:center;align-items:center;justify-content:space-around;flex-direction:column;border-radius:var(--mud-default-borderradius);transition:background-color 250ms cubic-bezier(.4,0,.2,1) 0ms,box-shadow 250ms cubic-bezier(.4,0,.2,1) 0ms,border 250ms cubic-bezier(.4,0,.2,1);user-select:none;}.mud-ex-icon-picker-icon-pane .mud-typography{margin-bottom:4px;width:100%;text-overflow:ellipsis;overflow:hidden;}.mud-ex-icon-picker-icon-pane .mud-svg-icon{font-size:40px;margin-top:12px;}.mud-ex-file-display{overflow:auto;padding:10px;border:1px dashed var(--mud-palette-primary);height:98%;width:100%;border-radius:5px;align-items:center;display:flex;}.mud-ex-file-display-container{height:calc(100% - 60px);position:relative;}.mud-ex-download-file{float:right;}.mud-ex-file-display>img:not([data-mimetype="image/svg+xml"]){object-fit:scale-down;}.mud-ex-file-display>object{width:100%;}.mud-ex-file-display>iframe{width:100%;}.mud-ex-file-display>audio{width:100%;align-self:center;}.mud-ex-file-display>*{object-position:center;margin-left:auto;margin-right:auto;display:block;max-height:100%;align-self:stretch;max-width:100%;}.mud-ex-file-display>script{display:none!important;}.mud-ex-file-display>style{display:none!important;}.mud-ex-file-display:empty{background:repeating-linear-gradient(135deg,#ccc,#ccc 10px,#aaa 10px,#aaa 20px);opacity:.4;border-radius:5px;transition-property:opacity;transition-duration:.6s;}.mud-ex-file-display:empty:hover{opacity:.6;}.mud-ex-file-display>.mud-ex-file-display-img-box{background-size:auto;background-repeat:no-repeat;background-position:50% 50%;width:100%;height:100%;}.mud-ex-file-display-error-message{color:var(--mud-palette-error);font-style:italic;display:flex;justify-content:center;align-items:center;}#content-type-display-error{position:absolute;bottom:0;opacity:0;background:var(--mud-palette-surface);left:0;right:0;margin-left:auto;margin-right:auto;width:100%;min-width:270px;transform:scale(.2);transition-property:all!important;}#content-type-display-error.visible{opacity:1;transform:scale(1);animation:scaleIn 800ms ease-in-out 1 alternate;}.mud-ex-fd-child-count-label{font-size:7pt;margin-left:5px;width:15px;border:1px solid var(--mud-palette-text-primary);height:15px;border-radius:50px;text-align:center;padding-left:4px;padding-right:4px;}.mud-ex-file-display-zip{padding:0 0 10px 0;border:1px dashed var(--mud-palette-primary);max-height:90vh;height:100%;width:100%;border-radius:5px;overflow:auto;}.mud-ex-fd-close-inner-preview{float:right;height:25px;margin-top:-15px;margin-bottom:15px;margin-right:-10px;}.mud-ex-fd-size-display{font-style:italic;font-size:8pt;}.mud-ex-fd-tree-actions{margin-left:20px;}.mud-ex-file-display-zip-search{float:right;margin-top:-10px;}.mud-ex-file-display-tree.mud-alert-text-normal{background-color:transparent;}.mud-ex-fd-tree-actions .mud-tooltip-root{display:inline-flex;}.mud-ex-file-display-toolbar-text{font-size:10pt;font-weight:bold;margin-left:5px;}.mud-ex-file-display-menu-item-action>div.mud-list-item-icon{min-width:35px;}.mud-ex-file-display-menu-header{display:flex;padding:6px;height:39px;padding-top:1px;margin-bottom:5px;border-bottom:1px dashed var(--mud-palette-primary);align-items:center;color:var(--mud-palette-primary);justify-content:center;}.mud-ex-file-display-toolbar{height:20px;padding:0;margin-bottom:4px;z-index:3;}.mud-ex-color-bubble{border-radius:100%;top:4px;left:4px;border:1px solid transparent;margin:5px 13px 0 0;display:inline-block;cursor:pointer;}.mud-ex-color-bubble-canvas-container{position:fixed;background-color:transparent;overflow:hidden;z-index:30000;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:transform,opacity;-moz-transition-property:transform,opacity;-ms-transition-property:transform,opacity;-o-transition-property:transform,opacity;transition-property:transform,opacity;-webkit-transition-timing-function:cubic-bezier(.87,-.41,.19,1.44);-moz-transition-timing-function:cubic-bezier(.87,-.41,.19,1.44);-ms-transition-timing-function:cubic-bezier(.87,-.41,.19,1.44);-o-transition-timing-function:cubic-bezier(.87,-.41,.19,1.44);transition-timing-function:cubic-bezier(.87,-.41,.19,1.44);}.mud-ex-color-bubble-canvas-container canvas{background-color:#fff;border-radius:100%;cursor:crosshair;}.mud-ex-color-bubble-canvas-container .mud-ex-color-bubble-locator{width:7px;height:7px;border-radius:7px;margin-left:-4px;margin-top:-4px;border:1px solid #000;position:absolute;opacity:.75;}.mud-ex-color-bubble-canvas-container .mud-ex-color-bubble-preview{position:absolute;right:0;z-index:99999999;width:10%;height:10%;border:1px solid #000;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-ms-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;}.mud-ex-color-bubble-canvas-container-small{-webkit-transform:scale(.09) rotate(45deg);-moz-transform:scale(.09) rotate(45deg);-ms-transform:scale(.09) rotate(45deg);-o-transform:scale(.09) rotate(45deg);transform:scale(.09) rotate(45deg);opacity:0;cursor:pointer;}.mud-ex-palette a.mud-ex-color{width:24px;height:24px;margin-right:5px;display:inline-block;}.mud-ex-palette a.mud-ex-color .mud-ex-color-inner{-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-property:width,height,top,left,opacity;-moz-transition-property:width,height,top,left,opacity;-ms-transition-property:width,height,top,left,opacity;-o-transition-property:width,height,top,left,opacity;transition-property:width,height,top,left,opacity;position:relative;border-radius:12px;width:16px;height:16px;top:4px;left:4px;opacity:.8;border-width:1px;border-style:solid;border-color:transparent;}.mud-ex-palette a.mud-ex-color-FFFFFF .mud-ex-color-inner{border-color:#cdcdcd;}.mud-ex-palette a.mud-ex-color.mud-ex-color-selected .mud-ex-color-inner{width:100%;height:100%;top:0;left:0;opacity:1;}.mud-ex-input-color-native{float:right;margin-top:27px;border-bottom:1px solid var(--mud-palette-lines-inputs);}.mud-ex-color-bubble-in-mud-ex-color-picker{float:right;margin-top:27px;}.mud-ex-object-edit-group-flat .mud-expand-panel-text{font-weight:bold;display:flex;align-items:center;margin-left:-10px;}.mud-ex-object-edit-group-flat .mud-expand-panel-text:after{content:"";flex:1;margin-left:1rem;height:2px;}.mud-ex-hidden-group .mud-expand-panel-header{display:none;}.mud-ex-hide-expand-btn .mud-expand-panel-icon{display:none;}.mud-ex-property-filter.active{width:50%;opacity:1;}.mud-ex-property-filter-full-width{width:100%!important;}.mud-ex-property-filter{width:0;min-width:0;flex:0 1 auto;opacity:0;padding-bottom:25px;}.mud-ex-toolbar-sticky{position:sticky;z-index:2;}.mud-ex-tab-bar-sticky{position:sticky;top:0;z-index:1;}.mud-ex-actionbar-sticky{position:sticky;z-index:2;}.mud-ex-loading-overlay .mud-overlay-content{position:fixed;top:50%;bottom:50%;}.mud-ex-property-reset-conatiner{cursor:pointer;transform:scale(.7);float:right;margin-right:-7px;margin-top:-3px;}.mud-ex-property-validation-component .mud-input-control-input-container{display:none;}.mud-ex-group-path-text-flat{margin-left:-10px;margin-bottom:20px;color:var(--mud-palette-info);font-size:.75rem;}.mud-ex-group-path-text-default{margin-top:-35px;margin-bottom:20px;color:var(--mud-palette-info);font-size:.75rem;float:right;margin-right:40px;}.mud-ex-collection-inline-string-edit{height:20px;margin-top:-20px;padding-top:14px;}.mud-ex-collection-inline-string-edit input:focus{background:var(--mud-palette-surface);border:1px solid var(--mud-palette-primary);border-radius:var(--mud-default-borderradius);}.mud-ex-collection-inline-string-edit input{background:transparent;border:1px solid transparent;transition-property:all!important;transition-duration:.2s;transition-timing-function:ease;}.mud-ex-dialog-max90 .mud-dialog-content{overflow:auto;max-height:90%;}.mud-ex-object-edit-dialog .mud-dialog-actions{width:100%;z-index:100;}.mud-ex-dialog-max90 .mud-dialog-actions{width:100%;z-index:100;}.mud-ex-object-edit-dialog-form{overflow:auto;max-height:90%;}.upload-request-edit{overflow-y:auto;overflow-x:hidden;padding:15px;}.upload-button{margin-left:15px;}.multi-upload-actions{padding-left:15px;margin-bottom:10px;}.action-margin{margin:0 5px;}.error-message{color:var(--mud-palette-error);transition-property:all!important;font-size:9pt;padding:2px;animation:fade-in-animation 900ms ease-in 1 alternate;}.upload-request-label{color:var(--mud-palette-text-secondary);font-size:1rem;}.upload-request-label-small{transform:translate(0,1.5px) scale(.75);transform-origin:top left;}.upload-request-outlined-border{border-radius:var(--mud-default-borderradius);border-color:var(--mud-palette-lines-inputs);border-width:1px;border-style:solid;}.mud-ex-upload-edit-drop-zone-text{font-style:italic;text-align:center;opacity:.3;}.mud-ex-slidebar{margin:0;position:fixed;--mud-ex-slide-bar-collapsed-size:20px;}.mud-ex-slidebar.relative-to-parent{position:absolute;z-index:unset;}.mud-ex-slidebar .mud-tab-slider{opacity:0;}.mud-ex-slidebar.bottom{transform:translateY(80%);width:100%;bottom:0;}.mud-ex-slidebar.bottom.open{transform:translateY(0);}.mud-ex-slidebar.bottom:not(.open){transform:translateY(calc(100% - var(--mud-ex-slide-bar-collapsed-size)));height:var(--mud-ex-slide-bar-collapsed-size);}.mud-ex-slidebar.top{width:100%;height:auto;top:0;}.mud-ex-slidebar.top.open{transform:translateY(0);}.mud-ex-slidebar.top:not(.open){transform:translateY(calc(-100% + var(--mud-ex-slide-bar-collapsed-size)));height:var(--mud-ex-slide-bar-collapsed-size);}.mud-ex-slidebar.left{width:auto;height:100%;left:0;}.mud-ex-slidebar.left .mud-tabs{height:100%;}.mud-ex-slidebar.left.open{transform:translateX(0);}.mud-ex-slidebar.left:not(.open){transform:translateX(calc(-100% + var(--mud-ex-slide-bar-collapsed-size)));width:var(--mud-ex-slide-bar-collapsed-size);}.mud-ex-slidebar.right{width:auto;height:100%;right:0;}.mud-ex-slidebar.right .mud-tabs{height:100%;}.mud-ex-slidebar.right.open{transform:translateX(0);}.mud-ex-slidebar.right:not(.open){transform:translateX(calc(100% - var(--mud-ex-slide-bar-collapsed-size)));width:var(--mud-ex-slide-bar-collapsed-size);}.mud-ex-slidebar.open{opacity:1;}.mud-ex-slidebar.open .mud-tab-slider{opacity:1;}.mud-ex-split-panel{width:100%;height:100%;display:flex;}.mud-ex-splitter.mud-ex-divider-horizontal{cursor:row-resize;}.mud-ex-splitter.mud-ex-divider-vertical{cursor:col-resize;}.mud-ex-splitter-collapsed-slide-bar-content-v{width:100%;height:100%;}.mud-ex-splitter-collapsed-slide-bar-content-v>*{width:100%!important;height:100%!important;}.mud-ex-centered-content{display:flex;justify-content:center;align-items:center;}.mud-ex-card-list-cardeffect3d .mud-ex-card{transition:transform .1s,box-shadow .2s!important;box-shadow:var(--shadow);transform:var(--transform);}.mud-ex-card-list-lightbulb .mud-ex-card::before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),var(--mud-ex-card-list-hover-color),transparent var(--mud-ex-card-bulb-size));}.mud-ex-card-list-lightbulb .mud-ex-card::after{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),var(--mud-ex-card-list-hover-color),transparent var(--mud-ex-card-bulb-size));}.mud-ex-card-list-lightbulb .mud-ex-card::before,.mud-ex-card-list-lightbulb .mud-ex-card::after{border-radius:inherit;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity 500ms;width:100%;pointer-events:none;}.mud-ex-card-list-simple .mud-ex-card:hover{background-color:var(--mud-ex-card-list-hover-color)!important;}.mud-ex-card-list-simple .mud-ex-virtual-item>*:hover{background-color:var(--mud-ex-card-list-hover-color)!important;}.mud-ex-card-list-zoom .mud-ex-card:hover{transform:scale3d(1.05,1.05,1.05);}.mud-ex-card-list{align-items:center;background-color:var(--mud-ex-card-list-bg-color);display:flex;margin:0;overflow:auto;padding:7px;}.mud-ex-card-list .mud-ex-cards{display:flex;flex-wrap:wrap;align-self:center;width:calc(100% - 0px);}.mud-ex-card-list .mud-ex-cards:hover>.mud-ex-card::after{opacity:1;}.mud-ex-card-list .mud-ex-card{border-radius:10px;cursor:pointer;display:flex;flex-direction:column;position:relative;}.mud-ex-card-list .mud-ex-card:hover::before{opacity:1;}.mud-ex-card-list h1,.mud-ex-card-list h2,.mud-ex-card-list h3,.mud-ex-card-list h4,.mud-ex-card-list span{color:#f0f0f0;font-family:"Rubik",sans-serif;font-weight:400;margin:0;}.mud-ex-filter-select{position:sticky;top:0;background:var(--mud-palette-surface)!important;z-index:1;}.mud-ex-filter-select .mud-list-item-icon{display:none;}.mud-ex-no-events{pointer-events:none;}.mud-ex-code-view.full-height{height:100%!important;}.mud-ex-code-view.full-height .mud-markdown-body,.mud-ex-code-view.full-height .snippet-clipboard-content,.mud-ex-code-view.full-height pre,.mud-ex-code-view.full-height code{height:100%!important;}.mud-ex-code-view.full-width{width:100%!important;}.mud-ex-code-view.full-width .mud-markdown-body,.mud-ex-code-view.full-width .snippet-clipboard-content,.mud-ex-code-view.full-width pre,.mud-ex-code-view.full-width code{width:100%!important;}.mud-ex-horizontal-tree-wrapper{height:100%;}.mud-ex-horizontal-tree{overflow:hidden;height:100%;padding:0;}.mud-ex-horizontal-tree-scroll-wrapper{display:flex;place-items:center;height:100%;transition-property:transform;transition-duration:.5s;}.mud-ex-horizontal-tree-column:not(:first-child) .mud-ex-horizontal-tree-node:before,.mud-ex-horizontal-tree-column .mud-ex-horizontal-tree-node.node-selected.node-expandable.node-expanded:after,.mud-ex-horizontal-tree-column:not(:first-child) .mud-ex-horizontal-tree-node:not(:last-child)>div:after{content:" ";background-color:var(--tree-node-line-color,#008000);position:absolute;top:50%;height:var(--tree-node-line-width,2px);width:var(--tree-node-padding,24px);}.mud-ex-horizontal-tree-column:not(:first-child) .mud-ex-horizontal-tree-node:before{left:0;}.mud-ex-horizontal-tree-column .mud-ex-horizontal-tree-node.node-selected.node-expandable:after{right:0;}.mud-ex-horizontal-tree-column:not(:first-child) .mud-ex-horizontal-tree-node:not(:last-child)>div:after{width:var(--tree-node-line-width,2px);height:100%;left:calc(var(--tree-node-padding,24px)*-1 - var(--tree-node-line-width,2px));padding-top:calc(var(--tree-node-line-width,2px) + 2px);}.mud-ex-horizontal-tree-node{padding:0 var(--tree-node-padding,24px);cursor:pointer;}.mud-ex-horizontal-tree-node>div{position:relative;padding:4px 4px 4px 12px;white-space:nowrap;border:1px solid transparent;display:flex;align-items:center;}.mud-ex-horizontal-tree-node.node-selected>div{border-radius:var(--mud-default-borderradius,8px);}.mud-ex-horizontal-tree-node .mud-ex-horizontal-tree-expandable{position:absolute;top:8px;right:8px;}.clickable{cursor:pointer;}.clickable:focus{outline:0;}.node-selected{opacity:1;}.mud-ex-simple-flex{display:flex;width:100%;justify-content:space-between;}.mud-ex-flex-reverse-end{flex-flow:row-reverse;justify-content:flex-end;}.mud-ex-treeview-item-reverse-space-between>.mud-treeview-item-content{flex-direction:row-reverse!important;justify-content:space-between!important;}.trimmer{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.mud-ex-blur{backdrop-filter:blur(10px);}.mud-ex-bg-gradient{position:absolute;display:flex;width:100%;height:100%;overflow:hidden;}.mud-ex-bg-gradient::after{content:"";--size:250px;--speed:50s;--easing:cubic-bezier(.8,.2,.2,.8);position:absolute;width:50%;height:50%;filter:blur(calc(var(--size)/5));background-image:linear-gradient(hsla(158deg,82%,57%,.85),hsl(252deg,82%,57%));animation:rotate var(--speed) var(--easing) alternate infinite;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;}@media(min-width:720px){.mud-ex-bg-gradient::after{--size:700px;}}.mud-ex-bg-dot{transition-property:opacity!important;transition-duration:.3s;opacity:.4;font:5vmin/1.3 Serif;overflow:hidden;background:#123;display:block;font-size:52px;color:transparent;}.mud-ex-bg-dot::before,.mud-ex-bg-dot::after{position:fixed;top:50%;left:50%;width:3em;height:3em;content:".";mix-blend-mode:screen;animation:44s -27s move infinite ease-in-out alternate;}.mud-ex-bg-dot::before{text-shadow:1.5391712725em .6753264054em 7px hsla(65.6308176364deg,100%,50%,.9),2.1753020342em 2.432036468em 7px hsla(63.7238445216deg,100%,50%,.9),.8516197114em .9498910239em 7px hsla(41.4291894887deg,100%,50%,.9),-.287154392em -.3779834436em 7px hsla(348.2134696622deg,100%,50%,.9),-.4470621439em 2.2380705253em 7px hsla(176.13227876deg,100%,50%,.9),.8565675868em 1.1552668266em 7px hsla(36.5739967854deg,100%,50%,.9),2.2724844753em .7513133087em 7px hsla(230.7891998586deg,100%,50%,.9),.9414236702em 1.0033682724em 7px hsla(11.3662555489deg,100%,50%,.9),2.4344766543em .5693980435em 7px hsla(156.1157572195deg,100%,50%,.9),.2740205987em 1.8884015923em 7px hsla(339.6299516085deg,100%,50%,.9),1.5902571195em 1.7857386481em 7px hsla(239.2644105694deg,100%,50%,.9),.3006601969em 2.499565149em 7px hsla(246.7413031192deg,100%,50%,.9),2.3765367204em 1.3113596745em 7px hsla(177.1884042235deg,100%,50%,.9),.9216514645em .5830428683em 7px hsla(286.5659637541deg,100%,50%,.9),1.1270426924em 1.8662285334em 7px hsla(107.2536446757deg,100%,50%,.9),1.3224308912em 1.7892958451em 7px hsla(164.758105135deg,100%,50%,.9),2.3483451383em -.3717226207em 7px hsla(86.6853375575deg,100%,50%,.9),.6471995134em 1.2662485097em 7px hsla(298.9001429524deg,100%,50%,.9),.9968737032em -.3561478898em 7px hsla(306.0024833243deg,100%,50%,.9),1.3308523734em .720934097em 7px hsla(177.7909129536deg,100%,50%,.9),1.802760061em .7875657704em 7px hsla(2.2411534012deg,100%,50%,.9),.8811935544em .1445270517em 7px hsla(197.9335847313deg,100%,50%,.9),1.0741256127em -.2923633673em 7px hsla(149.9985261217deg,100%,50%,.9),.6398187052em 2.0937643667em 7px hsla(163.0187335577deg,100%,50%,.9),2.305737349em .9122713413em 7px hsla(265.6187368089deg,100%,50%,.9),1.5688924039em .2313168748em 7px hsla(335.8591050286deg,100%,50%,.9),-.3031145029em 1.1842067637em 7px hsla(231.6397862554deg,100%,50%,.9),1.9980499719em 1.3814350904em 7px hsla(269.1889339893deg,100%,50%,.9),1.0239902557em .2106673742em 7px hsla(314.8959465966deg,100%,50%,.9),1.5217748803em 2.0899670176em 7px hsla(217.3066485511deg,100%,50%,.9),.6577830836em .9151830085em 7px hsla(325.110082165deg,100%,50%,.9),.5896230084em 2.3686809451em 7px hsla(335.8117222577deg,100%,50%,.9),-.1171074286em 2.1800472142em 7px hsla(40.5655938195deg,100%,50%,.9),-.231775189em 1.4172972426em 7px hsla(1.291782301deg,100%,50%,.9),.5914705968em 2.2086708773em 7px hsla(299.0135807486deg,100%,50%,.9),1.2969622614em 1.6812031155em 7px hsla(46.7037824589deg,100%,50%,.9),2.0783990422em .426720272em 7px hsla(187.1304116512deg,100%,50%,.9),.9314138902em .3176484335em 7px hsla(141.9458637305deg,100%,50%,.9),-.4458726118em .3838619595em 7px hsla(196.1681313993deg,100%,50%,.9),2.0882341072em -.374933828em 7px hsla(178.4006592271deg,100%,50%,.9),1.2449321308em 1.6831126145em 7px hsla(231.7196648897deg,100%,50%,.9);animation-duration:44s;animation-delay:-27s;}.mud-ex-bg-dot::after{text-shadow:1.2730743396em .9940834785em 7px hsla(174.2199716403deg,100%,50%,.9),.6119874788em 1.6215606556em 7px hsla(206.1463655054deg,100%,50%,.9),1.5419333712em 1.2813517964em 7px hsla(234.6050791472deg,100%,50%,.9),.9891489471em -.203181117em 7px hsla(186.0179278636deg,100%,50%,.9),1.5907233425em .1519777797em 7px hsla(248.9816181925deg,100%,50%,.9),1.2834247777em 2.32466108em 7px hsla(44.4352539763deg,100%,50%,.9),2.3158824875em .4322806453em 7px hsla(316.7910877351deg,100%,50%,.9),-.0294938587em -.3666964443em 7px hsla(307.6189030281deg,100%,50%,.9),.9261715376em -.0852037071em 7px hsla(202.4549746174deg,100%,50%,.9),.3293507989em 1.5594645979em 7px hsla(165.3291154692deg,100%,50%,.9),2.2568059653em 1.9782636061em 7px hsla(100.7440066173deg,100%,50%,.9),1.8148255292em .913218014em 7px hsla(2.8124887576deg,100%,50%,.9),.771554143em .6278732008em 7px hsla(121.4344749238deg,100%,50%,.9),2.4929614491em -.1717002244em 7px hsla(223.5151072258deg,100%,50%,.9),.5470449417em 1.2522282556em 7px hsla(304.5823894173deg,100%,50%,.9),.213273565em .3652991098em 7px hsla(105.6459578784deg,100%,50%,.9),1.5377988877em 2.0436928338em 7px hsla(310.7625740472deg,100%,50%,.9),.6662822009em -.1692494258em 7px hsla(84.6503132585deg,100%,50%,.9),2.1964689876em .5781334129em 7px hsla(107.2532542292deg,100%,50%,.9),.5316459951em .2873879701em 7px hsla(104.5977967257deg,100%,50%,.9),1.7507831286em .0771236652em 7px hsla(100.6365557888deg,100%,50%,.9),.8345120055em -.314967194em 7px hsla(252.9708396656deg,100%,50%,.9),2.0148039163em -.3443362449em 7px hsla(190.6913006046deg,100%,50%,.9),1.3219655999em 2.1570799328em 7px hsla(334.5370207199deg,100%,50%,.9),2.2083458569em .4967315345em 7px hsla(355.0123489192deg,100%,50%,.9),.9393158532em 2.0196644016em 7px hsla(32.6160362722deg,100%,50%,.9),.5310145353em 1.0116049352em 7px hsla(97.9770000282deg,100%,50%,.9),.0433872646em 1.6810614419em 7px hsla(107.7345448685deg,100%,50%,.9),.8262534845em 1.4482649359em 7px hsla(209.954749703deg,100%,50%,.9),1.1603455823em .4083473683em 7px hsla(69.9738097458deg,100%,50%,.9),1.210010503em -.1756913427em 7px hsla(216.9223907635deg,100%,50%,.9),1.1847509344em 1.2108797494em 7px hsla(68.0385524286deg,100%,50%,.9),2.0383812688em -.2287600042em 7px hsla(95.9499783759deg,100%,50%,.9),1.8258791865em 1.8927462004em 7px hsla(40.900816048deg,100%,50%,.9),-.4558655652em 1.3336526789em 7px hsla(59.1480178256deg,100%,50%,.9),-.4617432209em .1556288433em 7px hsla(90.4044967281deg,100%,50%,.9),.2678056521em 1.2988959294em 7px hsla(273.361477509deg,100%,50%,.9),1.1661838896em 1.4858710392em 7px hsla(180.5743840574deg,100%,50%,.9),-.1724443306em .1293501903em 7px hsla(166.5325789439deg,100%,50%,.9),1.0264236055em 1.8204466806em 7px hsla(276.4462067102deg,100%,50%,.9),1.9987279806em 1.2685150606em 7px hsla(302.8789721844deg,100%,50%,.9);animation-duration:43s;animation-delay:-32s;}@keyframes move{from{transform:rotate(0deg) scale(12) translateX(-20px);}to{transform:rotate(360deg) scale(18) translateX(20px);}}.mud-ex-glass-dialog{background:rgba(255,255,255,.05);border-radius:10px;box-shadow:0 8px 32px 0 rgba(31,38,135,.37);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18);}.mud-dialog-height-full{height:calc(100vh - 64px);}.mud-dialog-height-full .mud-dialog-actions{position:absolute;bottom:0;right:0;}.mud-dialog-height-full-no-margin{height:100vh;max-height:unset;}.mud-dialog-height-full-no-margin .mud-dialog-actions{position:absolute;bottom:0;right:0;}.mud-dialog-width-full-no-margin{width:100%;}.mud-dialog-position-fixed{position:fixed;}.mud-dialog-actions-fixed-bottom{position:absolute;bottom:0;right:0;}.mud-ex-dialog-initial{display:none!important;}.mud-ex-dialog-actions-sticky{position:sticky!important;bottom:0;right:0;}.mud-ex-dialog-actions-absolute{position:absolute!important;bottom:0;right:0;}.mud-ex-dialog-max-height-lg{max-height:1280px;}.mud-ex-dialog-max-height-md{max-height:960px;}.mud-ex-dialog-max-height-sm{max-height:600px;}.mud-ex-dialog-max-height-xl{max-height:1750px;}.mud-ex-dialog-max-height-xxl{max-height:1750px;}.mud-ex-dialog-max-height-xs{max-height:444px;}.chip-select-chipsonly .mud-input-adornment{margin-top:-40px;}.chip-select-chipsonly button{margin-top:-40px;}.chip-select-chipsonly>div>div.mud-shrink~label.mud-input-label.mud-input-label-inputcontrol,.chip-select-chipsonly>.mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol{visibility:hidden;}.chip-select-chipsonly>div>div.mud-input.mud-input-text.mud-input-adorned-end.mud-input-underline.mud-shrink.mud-select-input{height:0;}.chip-select-chipsonly .mud-input.mud-input-text.mud-select-input>input{opacity:0;}.chip-select-chipsonly{margin-top:-6px;align-items:stretch;flex-flow:column-reverse;cursor:pointer;}.chip-select-over .mud-list{padding-top:0!important;}.chip-select-chipsonly.with-items .mud-input-helper-text{top:25px;position:absolute;}.chip-select-chipsonly.empty .mud-input-helper-text{top:55px;position:absolute;}.mud-ex-keep-input-label-visible .mud-input-label{visibility:visible!important;}.mud-ex-alert-message-w-100>.mud-alert-position>.mud-alert-message{width:100%;}.mud-ex-collection-edit-label{color:var(--mud-palette-text-secondary);font-size:1rem;}.mud-ex-collection-edit-label-small{transform:translate(0,1.5px) scale(.75);transform-origin:top left;}.mud-ex-collection-edit-outlined-border{border-radius:var(--mud-default-borderradius);border-color:var(--mud-palette-lines-inputs);border-width:1px;border-style:solid;}.dialog-content-full-height>.outline-none{height:100%;}.full-height{height:100%;}.full-height-90{height:90%;}.mud-alert-close-no-flex>.mud-alert-close{display:initial;}.mud-alert-message-w-100>.mud-alert-position>.mud-alert-message{width:100%;}.mud-ex-alert-link{cursor:pointer;}.mud-ex-alert-link:hover{text-decoration:underline;color:var(--mud-palette-primary);}.mud-alert-message-mt-5>.mud-alert-position>.mud-alert-message{margin-top:-5px;}.mud-ex-hide-inputlabel>div>div.mud-shrink~label.mud-input-label.mud-input-label-inputcontrol,.mud-ex-hide-inputlabel>.mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol{visibility:hidden;}.mud-dialog-container-no-modal{display:none!important;}.minimize-animation{transition:transform .5s ease-in-out;}.mud-ex-dialog-header-progress{position:absolute;left:0;top:0;}.mud-ex-scroll-to-top{height:56px;width:56px;}.mud-ex-scroll-to-top.bottomleft{right:auto!important;}.mud-ex-scroll-to-top.bottomcenter{left:calc(50% + 20px)!important;right:calc(50% + 20px)!important;}.mud-ex-scroll-to-top.topcenter{left:calc(50% + 20px)!important;right:calc(50% + 20px)!important;top:var(--mud-appbar-height);}.mud-ex-scroll-to-top.topleft{right:auto!important;top:var(--mud-appbar-height);}.mud-ex-scroll-to-top.topright{top:var(--mud-appbar-height);}.mud-ex-scroll-to-top.centerright{top:50%;bottom:50%;}.mud-ex-scroll-to-top.center{left:calc(50% + 20px)!important;right:calc(50% + 20px)!important;top:50%;bottom:50%;}.mud-ex-scroll-to-top.centerleft{right:auto!important;top:50%;bottom:50%;}.mud-ex-scroll-to-top.centerright{top:50%;bottom:50%;}.drop-zone{transition:all .4s;padding:20px;width:100%;min-height:60px;border-radius:5px;}.drop-zone.hover{border-style:solid;box-shadow:var(--mud-elevation-10);border:3px dotted var(--mud-palette-primary);}.mud-ex-overflow{overflow:auto;}.mud-ex-overflow-y{overflow-y:auto;overflow-x:hidden;}.mud-ex-overflow-x{overflow-x:auto;overflow-y:hidden;}.mud-ex-dialog-header-actions{top:8px;right:48px;position:absolute;}.mud-dialog .outline-none div[tabindex="-1"]:has(div.full-height){height:100%;}.mud-ex-content-center{display:flex;padding:80px;align-items:center;place-content:center;}.mud-ex-empty-indicator-bg{background:repeating-linear-gradient(135deg,#ccc,#ccc 10px,#aaa 10px,#aaa 20px);}.mud-ex-transparent-indicator-bg{background-image:linear-gradient(45deg,var(--mud-palette-surface) 25%,transparent 25%,transparent 75%,var(--mud-palette-surface) 75%),linear-gradient(45deg,var(--mud-palette-surface) 25%,transparent 25%,transparent 75%,var(--mud-palette-surface) 75%);background-size:20px 20px;background-position:0 0,10px 10px;background-color:var(--mud-palette-background-grey);}.mud-dialog-container:has(.mud-ex-dialog-no-margin){padding:0!important;}.mud-ex-draggable{cursor:move;}.mud-ex-resizeable{resize:both;overflow:hidden;}.mud-ex-collapsed{visibility:collapse;}.mud-ex-hidden{visibility:hidden;}.mud-ex-select-variant-text .mud-input-label-inputcontrol{top:-15px;}.mud-ex-select-variant-text{margin-top:20px;} \ No newline at end of file +@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7;}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7;}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown;}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7;}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7;}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft;}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7;}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7;}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight;}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7;}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7;}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7;}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp;}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7;}100%{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7;}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7;}100%{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7;}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown;}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7;}100%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7;}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7;}100%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7;}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft;}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7;}100%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7;}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7;}100%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7;}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight;}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7;}100%{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7;}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7;}100%{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7;}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp;}@keyframes perspective3dInRight{0%{transform:perspective(1000px) translate3d(100%,0,0) rotateY(90deg);opacity:0;}100%{transform:perspective(1000px) translate3d(0,0,0) rotateY(0);opacity:1;}}@keyframes perspective3dOutRight{0%{transform:perspective(1000px) translate3d(0,0,0) rotateY(0);opacity:1;}100%{transform:perspective(1000px) translate3d(100%,0,0) rotateY(90deg);opacity:0;}}@keyframes perspective3dInDown{0%{transform:perspective(1000px) translate3d(0,-100%,0) rotateX(90deg);opacity:0;}100%{transform:perspective(1000px) translate3d(0,0,0) rotateX(0);opacity:1;}}@keyframes perspective3dOutDown{0%{transform:perspective(1000px) translate3d(0,0,0) rotateX(0);opacity:1;}100%{transform:perspective(1000px) translate3d(0,-100%,0) rotateX(90deg);opacity:0;}}@keyframes perspective3dInUp{0%{transform:perspective(1000px) translate3d(0,100%,0) rotateX(-90deg);opacity:0;}100%{transform:perspective(1000px) translate3d(0,0,0) rotateX(0);opacity:1;}}@keyframes perspective3dOutUp{0%{transform:perspective(1000px) translate3d(0,0,0) rotateX(0);opacity:1;}100%{transform:perspective(1000px) translate3d(0,100%,0) rotateX(-90deg);opacity:0;}}@keyframes perspective3dInLeft{0%{transform:perspective(1000px) translate3d(-100%,0,0) rotateY(-90deg);opacity:0;}100%{transform:perspective(1000px) translate3d(0,0,0) rotateY(0);opacity:1;}}@keyframes perspective3dOutLeft{0%{transform:perspective(1000px) translate3d(0,0,0) rotateY(0);opacity:1;}100%{transform:perspective(1000px) translate3d(-100%,0,0) rotateY(-90deg);opacity:0;}}.animate__perspective3dInRight{animation-name:perspective3dInRight;animation-timing-function:ease-in;}.animate__perspective3dOutRight{animation-name:perspective3dOutRight;animation-timing-function:ease-out;}.animate__perspective3dInTop{animation-name:perspective3dInTop;animation-timing-function:ease-in;}.animate__perspective3dOutTop{animation-name:perspective3dOutTop;animation-timing-function:ease-out;}.animate__perspective3dInBottom{animation-name:perspective3dInBottom;animation-timing-function:ease-in;}.animate__perspective3dOutBottom{animation-name:perspective3dOutBottom;animation-timing-function:ease-out;}.animate__perspective3dInLeft{animation-name:perspective3dInLeft;animation-timing-function:ease-in;}.animate__perspective3dOutLeft{animation-name:perspective3dOutLeft;animation-timing-function:ease-out;}@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceIn;animation-name:bounceIn;}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3);}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9);}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95);}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3);}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9);}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95);}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;}@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3);}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1);}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98);}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3);}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1);}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98);}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;}@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}from{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3);}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1);}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98);}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}from{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3);}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1);}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98);}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;}@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}from{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5);}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9);}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95);}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);}from{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5);}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9);}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95);}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:bounceOut;animation-name:bounceOut;}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985);}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9);}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3);}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985);}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9);}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3);}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9);}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2);}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9);}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2);}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9);}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2);}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9);}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2);}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985);}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9);}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3);}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985);}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9);}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3);}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;}@-webkit-keyframes bounce{from,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1);}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05);}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translate3d(0,0,0) scaleY(.95);}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02);}}@keyframes bounce{from,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1);}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05);}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0) scaleY(.95);transform:translate3d(0,0,0) scaleY(.95);}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02);}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom;}@-webkit-keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}@-webkit-keyframes fadeInTopLeft{from{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInTopLeft{from{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft;}@-webkit-keyframes fadeInTopRight{from{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInTopRight{from{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight;}@-webkit-keyframes fadeInBottomLeft{from{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInBottomLeft{from{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft;}@-webkit-keyframes fadeInBottomRight{from{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes fadeInBottomRight{from{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight;}@-webkit-keyframes fadeOut{from{opacity:1;}to{opacity:0;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}@-webkit-keyframes fadeOutDown{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}}@keyframes fadeOutDown{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;}@-webkit-keyframes fadeOutDownBig{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}}@keyframes fadeOutDownBig{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;}@-webkit-keyframes fadeOutLeft{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}@keyframes fadeOutLeft{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}}@keyframes fadeOutLeftBig{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;}@-webkit-keyframes fadeOutRight{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}@keyframes fadeOutRight{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;}@-webkit-keyframes fadeOutRightBig{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}}@keyframes fadeOutRightBig{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;}@-webkit-keyframes fadeOutUp{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}@keyframes fadeOutUp{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}@-webkit-keyframes fadeOutUpBig{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}}@keyframes fadeOutUpBig{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;}@-webkit-keyframes fadeOutTopLeft{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0);}}@keyframes fadeOutTopLeft{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0);}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft;}@-webkit-keyframes fadeOutTopRight{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0);}}@keyframes fadeOutTopRight{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0);}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight;}@-webkit-keyframes fadeOutBottomRight{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0);}}@keyframes fadeOutBottomRight{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0);}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight;}@-webkit-keyframes fadeOutBottomLeft{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0);}}@keyframes fadeOutBottomLeft{from{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0);}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft;}@-webkit-keyframes flash{from,50%,to{opacity:1;}25%,75%{opacity:0;}}@keyframes flash{from,50%,to{opacity:1;}25%,75%{opacity:0;}}.animate__flash{-webkit-animation-name:flash;animation-name:flash;}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}}@keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX;}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg);}to{-webkit-transform:perspective(400px);transform:perspective(400px);}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY;}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1;}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0;}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1;}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0;}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1;}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0;}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1;}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0;}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*.75);animation-duration:calc(var(--animate-duration)*.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;}@-webkit-keyframes shakeX{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}}@keyframes shakeX{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX;}@-webkit-keyframes shakeY{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}}@keyframes shakeY{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY;}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0);}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg);}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg);}50%{-webkit-transform:translateX(0);transform:translateX(0);}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0);}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg);}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg);}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg);}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg);}50%{-webkit-transform:translateX(0);transform:translateX(0);}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake;}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1);}14%{-webkit-transform:scale(1.3);transform:scale(1.3);}28%{-webkit-transform:scale(1);transform:scale(1);}42%{-webkit-transform:scale(1.3);transform:scale(1.3);}70%{-webkit-transform:scale(1);transform:scale(1);}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1);}14%{-webkit-transform:scale(1.3);transform:scale(1.3);}28%{-webkit-transform:scale(1);transform:scale(1);}42%{-webkit-transform:scale(1.3);transform:scale(1.3);}70%{-webkit-transform:scale(1);transform:scale(1);}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0;}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0;}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left;}@-webkit-keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg);}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}@keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom;}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg);}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg);}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox;}@-webkit-keyframes jello{from,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg);}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg);}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg);}}@keyframes jello{from,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg);}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg);}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg);}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg);}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg);}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg);}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg);}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center;}@-webkit-keyframes lightSpeedInRight{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes lightSpeedInRight{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}@-webkit-keyframes lightSpeedInLeft{from{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0;}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1;}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes lightSpeedInLeft{from{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0;}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1;}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}@-webkit-keyframes lightSpeedOutRight{from{opacity:1;}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0;}}@keyframes lightSpeedOutRight{from{opacity:1;}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0;}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}@-webkit-keyframes lightSpeedOutLeft{from{opacity:1;}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0;}}@keyframes lightSpeedOutLeft{from{opacity:1;}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0;}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;}@-webkit-keyframes rollOut{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);}}@keyframes rollOut{from{opacity:1;}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut;}@-webkit-keyframes rotateIn{from{-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}@keyframes rotateIn{from{-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center;}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}@keyframes rotateInDownLeft{from{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom;}@-webkit-keyframes rotateInDownRight{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}@keyframes rotateInDownRight{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom;}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}@keyframes rotateInUpLeft{from{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom;}@-webkit-keyframes rotateInUpRight{from{-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}@keyframes rotateInUpRight{from{-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom;}@-webkit-keyframes rotateOut{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0;}}@keyframes rotateOut{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0;}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center;}@-webkit-keyframes rotateOutDownLeft{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}}@keyframes rotateOutDownLeft{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom;}@-webkit-keyframes rotateOutDownRight{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}}@keyframes rotateOutDownRight{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom;}@-webkit-keyframes rotateOutUpLeft{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}}@keyframes rotateOutUpLeft{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom;}@-webkit-keyframes rotateOutUpRight{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0;}}@keyframes rotateOutUpRight{from{opacity:1;}to{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0;}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom;}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1);}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1);}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1);}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1);}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1);}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1);}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible;}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown;}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg);}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg);}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg);}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg);}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg);}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg);}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg);}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg);}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}.animate__tada{-webkit-animation-name:tada;animation-name:tada;}@-webkit-keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble;}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%{opacity:1;}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%{opacity:1;}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown;}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft;}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight;}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp;}@-webkit-keyframes zoomOut{from{opacity:1;}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}to{opacity:0;}}@keyframes zoomOut{from{opacity:1;}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}to{opacity:0;}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut;}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom;}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0);}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0);}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center;}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center;}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1);}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom;}@keyframes mud-ex-bg-spin{to{--border-angle:1turn;}}@property --border-angle{syntax:"";inherits:true;initial-value:0turn;}.mud-ex-gradient-text{background:linear-gradient(90deg,var(--mud-palette-primary),var(--mud-palette-secondary),var(--mud-palette-info),var(--mud-palette-primary-hover),var(--mud-palette-secondary-lighten),var(--mud-palette-warning),var(--mud-palette-tertiary));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.mud-ex-gradient-text.simple{background:linear-gradient(90deg,var(--mud-palette-primary),var(--mud-palette-secondary));}.mud-ex-gradient-text.animate{animation:reverse textclip 3s linear infinite;}@keyframes textclip{to{background-position:200% center;}}.mud-ex-simple-svg-animate path{stroke:lightgray;fill:transparent;stroke-width:1;stroke-dasharray:900 900;animation:strokeAni 1s infinite linear;}@keyframes strokeAni{0%{fill:white;stroke-dashoffset:900;}100%{fill:purple;stroke-dashoffset:0;}}.mud-ex-animate-all-properties{transition-property:all!important;transition-duration:.3s;transition-timing-function:ease;}.mud-dialog-slide-from-left{left:-100vw;}.mud-dialog-slide-from-right{right:-100vw;}.mud-dialog-slide-from-bottom{bottom:-100vh;}.mud-dialog-slide-from-top{top:-100vh;}.mud-dialog-slide-to-left{left:0;}.mud-dialog-slide-to-right{right:0;}.mud-dialog-slide-to-bottom{bottom:0;}.mud-dialog-slide-to-top{top:0;}.mud-dialog-slide-transform-from-left{transform:translateX(-100vw);}.mud-dialog-slide-transform-from-right{transform:translateX(100vw);}.mud-dialog-slide-transform-from-bottom{transform:translateY(100vh);}.mud-dialog-slide-transform-from-top{transform:translateY(-100vh);}.mud-dialog-slide-transform-to-left{transform:translateX(0);}.mud-dialog-slide-transform-to-right{transform:translateX(0);}.mud-dialog-slide-transform-to-bottom{transform:translateY(0);}.mud-dialog-slide-transform-to-top{transform:translateY(0);}.slide-kf-from-right{animation:kf-mud-dialog-slide-right 900ms ease-in-out 1 alternate;}.slide-kf-from-left{animation:kf-mud-dialog-slide-left 900ms ease-in-out 1 alternate;}.slide-kf-from-top{animation:kf-mud-dialog-slide-top 900ms ease-in-out 1 alternate;}.slide-kf-from-bottom{animation:kf-mud-dialog-slide-bottom 900ms ease-in-out 1 alternate;}@keyframes kf-mud-dialog-slide-right{0%{transform:translateX(100vw);}85%{transform:translateX(-20px);}100%{transform:translateX(0);}}@keyframes kf-mud-dialog-slide-top{0%{transform:translateY(-100vw);}85%{transform:translateY(20px);}100%{transform:translateY(0);}}@keyframes kf-mud-dialog-slide-left{0%{transform:translateX(-100vw);}85%{transform:translateX(20px);}100%{transform:translateX(0);}}@keyframes kf-mud-dialog-slide-bottom{0%{transform:translateY(100vw);}85%{transform:translateY(-20px);}100%{transform:translateY(0);}}@keyframes kf-mud-dialog-fade{0%{opacity:0;}100%{opacity:1;}}@keyframes scaleOut{0%{transform:scale(1);}20%{transform:scale(1.2);}100%{transform:scale(0);}}@keyframes scaleIn{0%{transform:scale(.2);}80%{transform:scale(1.2);}100%{transform:scale(1);}}@keyframes fade-in-animation{0%{opacity:0;}100%{opacity:1;}}@keyframes mud-ex-fade-in-animation{0%{opacity:0;}100%{opacity:1;}}.mud-ex-fade-out{visibility:hidden;opacity:0;transition:visibility 0s 2s,opacity 2s linear;}.mud-ex-fade-in{visibility:visible;opacity:1;transition:opacity 2s linear;}.mud-ex-fade-out-1s{visibility:hidden;opacity:0;transition:visibility 0s 1s,opacity 1s linear;}.mud-ex-fade-out-2s{visibility:hidden;opacity:0;transition:visibility 0s 2s,opacity 2s linear;}.mud-ex-fade-out-3s{visibility:hidden;opacity:0;transition:visibility 0s 3s,opacity 3s linear;}.mud-ex-fade-out-4s{visibility:hidden;opacity:0;transition:visibility 0s 4s,opacity 4s linear;}.mud-ex-fade-out-5s{visibility:hidden;opacity:0;transition:visibility 0s 5s,opacity 5s linear;}.mud-ex-fade-out-6s{visibility:hidden;opacity:0;transition:visibility 0s 6s,opacity 6s linear;}.mud-ex-fade-out-7s{visibility:hidden;opacity:0;transition:visibility 0s 7s,opacity 7s linear;}.mud-ex-fade-out-8s{visibility:hidden;opacity:0;transition:visibility 0s 8s,opacity 8s linear;}.mud-ex-fade-out-9s{visibility:hidden;opacity:0;transition:visibility 0s 9s,opacity 9s linear;}.mud-ex-fade-out-10s{visibility:hidden;opacity:0;transition:visibility 0s 10s,opacity 10s linear;}.mud-ex-fade-out-100ms{visibility:hidden;opacity:0;transition:visibility 0s 100ms,opacity 100ms linear;}.mud-ex-fade-out-200ms{visibility:hidden;opacity:0;transition:visibility 0s 200ms,opacity 200ms linear;}.mud-ex-fade-out-300ms{visibility:hidden;opacity:0;transition:visibility 0s 300ms,opacity 300ms linear;}.mud-ex-fade-out-400ms{visibility:hidden;opacity:0;transition:visibility 0s 400ms,opacity 400ms linear;}.mud-ex-fade-out-500ms{visibility:hidden;opacity:0;transition:visibility 0s 500ms,opacity 500ms linear;}.mud-ex-fade-out-600ms{visibility:hidden;opacity:0;transition:visibility 0s 600ms,opacity 600ms linear;}.mud-ex-fade-out-700ms{visibility:hidden;opacity:0;transition:visibility 0s 700ms,opacity 700ms linear;}.mud-ex-fade-out-800ms{visibility:hidden;opacity:0;transition:visibility 0s 800ms,opacity 800ms linear;}.mud-ex-fade-out-900ms{visibility:hidden;opacity:0;transition:visibility 0s 900ms,opacity 900ms linear;}.mud-ex-fade-out-1000ms{visibility:hidden;opacity:0;transition:visibility 0s 1000ms,opacity 1000ms linear;}.mud-ex-fade-in-1s{visibility:visible;opacity:1;transition:opacity 1s linear;}.mud-ex-fade-in-2s{visibility:visible;opacity:1;transition:opacity 2s linear;}.mud-ex-fade-in-3s{visibility:visible;opacity:1;transition:opacity 3s linear;}.mud-ex-fade-in-4s{visibility:visible;opacity:1;transition:opacity 4s linear;}.mud-ex-fade-in-5s{visibility:visible;opacity:1;transition:opacity 5s linear;}.mud-ex-fade-in-6s{visibility:visible;opacity:1;transition:opacity 6s linear;}.mud-ex-fade-in-7s{visibility:visible;opacity:1;transition:opacity 7s linear;}.mud-ex-fade-in-8s{visibility:visible;opacity:1;transition:opacity 8s linear;}.mud-ex-fade-in-9s{visibility:visible;opacity:1;transition:opacity 9s linear;}.mud-ex-fade-in-10s{visibility:visible;opacity:1;transition:opacity 10s linear;}.mud-ex-fade-in-1ms{visibility:visible;opacity:1;transition:opacity 1s linear;}.mud-ex-fade-in-2ms{visibility:visible;opacity:1;transition:opacity 2s linear;}.mud-ex-fade-in-3ms{visibility:visible;opacity:1;transition:opacity 3s linear;}.mud-ex-fade-in-4ms{visibility:visible;opacity:1;transition:opacity 4s linear;}.mud-ex-fade-in-5ms{visibility:visible;opacity:1;transition:opacity 5s linear;}.mud-ex-fade-in-6ms{visibility:visible;opacity:1;transition:opacity 6s linear;}.mud-ex-fade-in-7ms{visibility:visible;opacity:1;transition:opacity 7s linear;}.mud-ex-fade-in-8ms{visibility:visible;opacity:1;transition:opacity 8s linear;}.mud-ex-fade-in-9ms{visibility:visible;opacity:1;transition:opacity 9s linear;}.mud-ex-fade-in-10ms{visibility:visible;opacity:1;transition:opacity 10s linear;}.mud-dialog-animate-ex{position:fixed;transition-property:all;}:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1;}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both;}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat);}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2);}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3);}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay);}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2);}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3);}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4);}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5);}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2);}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8);}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3);}@media print,(prefers-reduced-motion:reduce){.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;}.animate__animated[class*=Out]{opacity:0;}}.mud-ex-color-edit-picker{margin:0;padding:0;}.mud-ex-color-edit-picker .mud-paper{overflow:auto;max-height:435px;height:100%;margin:0;padding:0;}.mud-ex-color-edit .mud-icon-root{fill:inherit;}.mud-ex-color-edit-picker-html-list-item:not(.mud-ex-default-list-item) .mud-icon-root{fill:attr(data-color);}.mud-ex-default-list-item .mud-icon-root{fill:currentColor;}.mud-ex-grid{display:grid;box-sizing:border-box;width:100%;}.mud-ex-grid.mud-ex-grid-height-full{min-height:100vh;}.mud-ex-grid.mud-ex-grid-height-full-without-appbar{min-height:calc(100vh - var(--mud-appbar-height));}.mud-ex-grid.mud-ex-grid-column-2{grid-template-columns:repeat(2,50%);}.mud-ex-grid.mud-ex-grid-row-2{grid-template-rows:repeat(2,50%);}.mud-ex-grid.mud-ex-grid-column-3{grid-template-columns:repeat(3,33.3333333333%);}.mud-ex-grid.mud-ex-grid-row-3{grid-template-rows:repeat(3,33.3333333333%);}.mud-ex-grid.mud-ex-grid-column-4{grid-template-columns:repeat(4,25%);}.mud-ex-grid.mud-ex-grid-row-4{grid-template-rows:repeat(4,25%);}.mud-ex-grid.mud-ex-grid-column-5{grid-template-columns:repeat(5,20%);}.mud-ex-grid.mud-ex-grid-row-5{grid-template-rows:repeat(5,20%);}.mud-ex-grid.mud-ex-grid-column-6{grid-template-columns:repeat(6,16.6666666667%);}.mud-ex-grid.mud-ex-grid-row-6{grid-template-rows:repeat(6,16.6666666667%);}.mud-ex-grid.mud-ex-grid-column-7{grid-template-columns:repeat(7,14.2857142857%);}.mud-ex-grid.mud-ex-grid-row-7{grid-template-rows:repeat(7,14.2857142857%);}.mud-ex-grid.mud-ex-grid-column-8{grid-template-columns:repeat(8,12.5%);}.mud-ex-grid.mud-ex-grid-row-8{grid-template-rows:repeat(8,12.5%);}.mud-ex-grid.mud-ex-grid-column-9{grid-template-columns:repeat(9,11.1111111111%);}.mud-ex-grid.mud-ex-grid-row-9{grid-template-rows:repeat(9,11.1111111111%);}.mud-ex-grid.mud-ex-grid-column-10{grid-template-columns:repeat(10,10%);}.mud-ex-grid.mud-ex-grid-row-10{grid-template-rows:repeat(10,10%);}.mud-ex-grid.mud-ex-grid-column-11{grid-template-columns:repeat(11,9.0909090909%);}.mud-ex-grid.mud-ex-grid-row-11{grid-template-rows:repeat(11,9.0909090909%);}.mud-ex-grid.mud-ex-grid-column-12{grid-template-columns:repeat(12,8.3333333333%);}.mud-ex-grid.mud-ex-grid-row-12{grid-template-rows:repeat(12,8.3333333333%);}.mud-ex-grid-section{display:inline-grid;overflow:auto;}.mud-ex-grid-section.mud-ex-grid-section-col-start-1{grid-column-start:1;}.mud-ex-grid-section.mud-ex-grid-section-col-end-1{grid-column-end:1;}.mud-ex-grid-section.mud-ex-grid-section-row-start-1{grid-row-start:1;}.mud-ex-grid-section.mud-ex-grid-section-row-end-1{grid-row-end:1;}.mud-ex-grid-section.mud-ex-grid-section-col-start-2{grid-column-start:2;}.mud-ex-grid-section.mud-ex-grid-section-col-end-2{grid-column-end:2;}.mud-ex-grid-section.mud-ex-grid-section-row-start-2{grid-row-start:2;}.mud-ex-grid-section.mud-ex-grid-section-row-end-2{grid-row-end:2;}.mud-ex-grid-section.mud-ex-grid-section-col-start-3{grid-column-start:3;}.mud-ex-grid-section.mud-ex-grid-section-col-end-3{grid-column-end:3;}.mud-ex-grid-section.mud-ex-grid-section-row-start-3{grid-row-start:3;}.mud-ex-grid-section.mud-ex-grid-section-row-end-3{grid-row-end:3;}.mud-ex-grid-section.mud-ex-grid-section-col-start-4{grid-column-start:4;}.mud-ex-grid-section.mud-ex-grid-section-col-end-4{grid-column-end:4;}.mud-ex-grid-section.mud-ex-grid-section-row-start-4{grid-row-start:4;}.mud-ex-grid-section.mud-ex-grid-section-row-end-4{grid-row-end:4;}.mud-ex-grid-section.mud-ex-grid-section-col-start-5{grid-column-start:5;}.mud-ex-grid-section.mud-ex-grid-section-col-end-5{grid-column-end:5;}.mud-ex-grid-section.mud-ex-grid-section-row-start-5{grid-row-start:5;}.mud-ex-grid-section.mud-ex-grid-section-row-end-5{grid-row-end:5;}.mud-ex-grid-section.mud-ex-grid-section-col-start-6{grid-column-start:6;}.mud-ex-grid-section.mud-ex-grid-section-col-end-6{grid-column-end:6;}.mud-ex-grid-section.mud-ex-grid-section-row-start-6{grid-row-start:6;}.mud-ex-grid-section.mud-ex-grid-section-row-end-6{grid-row-end:6;}.mud-ex-grid-section.mud-ex-grid-section-col-start-7{grid-column-start:7;}.mud-ex-grid-section.mud-ex-grid-section-col-end-7{grid-column-end:7;}.mud-ex-grid-section.mud-ex-grid-section-row-start-7{grid-row-start:7;}.mud-ex-grid-section.mud-ex-grid-section-row-end-7{grid-row-end:7;}.mud-ex-grid-section.mud-ex-grid-section-col-start-8{grid-column-start:8;}.mud-ex-grid-section.mud-ex-grid-section-col-end-8{grid-column-end:8;}.mud-ex-grid-section.mud-ex-grid-section-row-start-8{grid-row-start:8;}.mud-ex-grid-section.mud-ex-grid-section-row-end-8{grid-row-end:8;}.mud-ex-grid-section.mud-ex-grid-section-col-start-9{grid-column-start:9;}.mud-ex-grid-section.mud-ex-grid-section-col-end-9{grid-column-end:9;}.mud-ex-grid-section.mud-ex-grid-section-row-start-9{grid-row-start:9;}.mud-ex-grid-section.mud-ex-grid-section-row-end-9{grid-row-end:9;}.mud-ex-grid-section.mud-ex-grid-section-col-start-10{grid-column-start:10;}.mud-ex-grid-section.mud-ex-grid-section-col-end-10{grid-column-end:10;}.mud-ex-grid-section.mud-ex-grid-section-row-start-10{grid-row-start:10;}.mud-ex-grid-section.mud-ex-grid-section-row-end-10{grid-row-end:10;}.mud-ex-grid-section.mud-ex-grid-section-col-start-11{grid-column-start:11;}.mud-ex-grid-section.mud-ex-grid-section-col-end-11{grid-column-end:11;}.mud-ex-grid-section.mud-ex-grid-section-row-start-11{grid-row-start:11;}.mud-ex-grid-section.mud-ex-grid-section-row-end-11{grid-row-end:11;}.mud-ex-grid-section.mud-ex-grid-section-col-start-12{grid-column-start:12;}.mud-ex-grid-section.mud-ex-grid-section-col-end-12{grid-column-end:12;}.mud-ex-grid-section.mud-ex-grid-section-row-start-12{grid-row-start:12;}.mud-ex-grid-section.mud-ex-grid-section-row-end-12{grid-row-end:12;}.mud-ex-list{margin:0;padding:0;position:relative;list-style:none;overflow:auto;}.mud-ex-list.mud-ex-list-padding{padding-top:8px;padding-bottom:8px;}.mud-ex-list-item{width:100%;display:flex;position:relative;box-sizing:border-box;text-align:start;align-items:center;padding-top:8px;padding-bottom:8px;justify-content:flex-start;text-decoration:none;outline:0;}.mud-ex-list-item.mud-ex-list-item-dense{padding-top:4px;padding-bottom:4px;}.mud-ex-list-item.mud-ex-list-item-disabled{color:var(--mud-palette-action-disabled)!important;cursor:default!important;pointer-events:none!important;}.mud-ex-list-item.mud-ex-list-item-disabled .mud-ex-list-item-icon{color:var(--mud-palette-action-disabled)!important;}.mud-ex-list-item-clickable{color:inherit;border:0;cursor:pointer;margin:0;outline:0;user-select:none;border-radius:0;vertical-align:middle;background-color:transparent;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;transition:background-color 150ms cubic-bezier(.4,0,.2,1) 0ms;}.mud-ex-list-item-clickable:hover:not(.mud-list-item-functional){background-color:var(--mud-palette-action-default-hover);}.mud-ex-list-item-gutters{padding-left:16px;padding-right:16px;}.mud-ex-list-item-text{flex:1 1 auto;min-width:0;margin-top:4px;margin-bottom:4px;padding-inline-start:8px;padding-inline-end:8px;}.mud-ex-list-item-text-inset{padding-left:56px;padding-inline-start:56px;padding-inline-end:unset;}.mud-ex-list-item-icon{color:var(--mud-palette-action-default);display:inline-flex;flex-shrink:0;padding-inline-start:8px;padding-inline-end:8px;margin-inline-start:-4px;margin-inline-end:4px;}.mud-ex-list-item-multiselect{max-height:32px;}.mud-ex-list-item-multiselect.mud-ex-list-item-multiselect-checkbox{padding-inline-end:16px;}.mud-ex-list-subheader{color:var(--mud-palette-action-default);background-color:var(--mud-palette-background);font-size:.875rem;box-sizing:border-box;list-style:none;font-weight:500;padding-top:16px;padding-bottom:16px;padding-left:5px;padding-right:5px;}.mud-ex-list-subheader-secondary-background{background-color:var(--mud-palette-background-grey);}.mud-ex-list-subheader-gutters{padding-left:16px;padding-right:16px;}.mud-ex-list-subheader-inset{padding-left:72px;padding-inline-start:72px;padding-inline-end:unset;}.mud-ex-list-subheader-sticky{z-index:1;position:sticky;}.mud-ex-list-subheader-sticky.mud-ex-list-subheader-sticky-dense{top:0;}.mud-ex-list-item-highlight{background-color:var(--mud-palette-background-grey);}.mud-list-item-highlight-selected{background-color:var(--mud-palette-lines-default)!important;}.mud-ex-list-item-nested-background{background-color:var(--mud-palette-background-grey);}.mud-ex-list-item-avatar{min-width:56px;flex-shrink:0;}.mud-ex-nested-list>.mud-ex-list-item{padding-left:32px;padding-inline-start:32px;padding-inline-end:unset;}.mud-ex-select{display:flex;flex-grow:1;flex-basis:0;min-width:0;position:relative;height:fit-content;}.mud-ex-select.mud-autocomplete{display:block;}.mud-ex-select.mud-autocomplete .mud-ex-select-input{cursor:text;}.mud-ex-select.mud-autocomplete .mud-ex-input-adornment{cursor:pointer;}.mud-ex-select.mud-autocomplete--with-progress .mud-ex-select-input input{padding-right:3.5rem!important;}.mud-ex-select.mud-autocomplete--with-progress .mud-input-adorned-end input{padding-right:4.5rem!important;}.mud-ex-select.mud-autocomplete--with-progress .mud-ex-select-input .mud-icon-button{display:none!important;}.mud-ex-select.mud-autocomplete--with-progress .progress-indicator-circular{position:absolute;width:100%;top:0;bottom:0;display:flex;align-items:center;justify-content:flex-end;padding-top:.25rem;padding-bottom:.25rem;padding-right:1rem;}.mud-ex-select.mud-autocomplete--with-progress .progress-indicator-circular--with-adornment{padding-right:3rem;}.mud-ex-select.mud-autocomplete--with-progress .mud-progress-linear{position:absolute;bottom:-1px;height:2px;}.mud-ex-select .mud-ex-select-input{cursor:pointer;}.mud-ex-select .mud-ex-select-readonly{cursor:default;}.mud-ex-select .mud-ex-select-no-dropdown>div.mud-input-adornment>svg{display:none;}.mud-ex-select .mud-ex-select-input .mud-ex-select-nowrap{white-space:nowrap;}.mud-ex-select .mud-ex-select-input .mud-input-slot{overflow:hidden;text-overflow:ellipsis;}.mud-ex-select .mud-ex-select-input .mud-input-adornment-end{margin-left:0;}.mud-ex-select .mud-ex-select-input:disabled{cursor:default;}.mud-ex-select .mud-disabled .mud-select-input{cursor:default;}.mud-ex-select>.mud-form-helpertext{margin-top:-21px;}.mud-ex-select-all{margin-top:10px;border-bottom:1px solid #d3d3d3;padding-bottom:18px;}.mud-ex-input-adornment-start:not(.mud-ex-input-text){margin-inline-start:12px;}.mud-ex-input-adornment-start.mud-ex-input-filled{margin-top:16px;}.mud-ex-input-adornment-end:not(.mud-ex-input-text){margin-inline-end:12px;}.mud-ex-icon-picker-value-preview{transform:scale(2);outline:1px solid;margin-bottom:25px;margin-top:5px;width:50%;margin-left:25%;}.mud-ex-icon-picker-icon-pane{height:128px;width:100%;max-width:112px;padding:0 6px;display:flex;text-align:center;align-items:center;justify-content:space-around;flex-direction:column;border-radius:var(--mud-default-borderradius);transition:background-color 250ms cubic-bezier(.4,0,.2,1) 0ms,box-shadow 250ms cubic-bezier(.4,0,.2,1) 0ms,border 250ms cubic-bezier(.4,0,.2,1);user-select:none;}.mud-ex-icon-picker-icon-pane .mud-typography{margin-bottom:4px;width:100%;text-overflow:ellipsis;overflow:hidden;}.mud-ex-icon-picker-icon-pane .mud-svg-icon{font-size:40px;margin-top:12px;}.mud-ex-file-display{overflow:auto;padding:10px;border:1px dashed var(--mud-palette-primary);height:98%;width:100%;border-radius:5px;align-items:center;display:flex;}.mud-ex-file-display-container{height:calc(100% - 60px);position:relative;}.mud-ex-download-file{float:right;}.mud-ex-file-display>img:not([data-mimetype="image/svg+xml"]){object-fit:scale-down;}.mud-ex-file-display>object{width:100%;}.mud-ex-file-display>iframe{width:100%;}.mud-ex-file-display>audio{width:100%;align-self:center;}.mud-ex-file-display>*{object-position:center;margin-left:auto;margin-right:auto;display:block;max-height:100%;align-self:stretch;max-width:100%;}.mud-ex-file-display>script{display:none!important;}.mud-ex-file-display>style{display:none!important;}.mud-ex-file-display:empty{background:repeating-linear-gradient(135deg,#ccc,#ccc 10px,#aaa 10px,#aaa 20px);opacity:.4;border-radius:5px;transition-property:opacity;transition-duration:.6s;}.mud-ex-file-display:empty:hover{opacity:.6;}.mud-ex-file-display>.mud-ex-file-display-img-box{background-size:auto;background-repeat:no-repeat;background-position:50% 50%;width:100%;height:100%;}.mud-ex-file-display-error-message{color:var(--mud-palette-error);font-style:italic;display:flex;justify-content:center;align-items:center;}#content-type-display-error{position:absolute;bottom:0;opacity:0;background:var(--mud-palette-surface);left:0;right:0;margin-left:auto;margin-right:auto;width:100%;min-width:270px;transform:scale(.2);transition-property:all!important;}#content-type-display-error.visible{opacity:1;transform:scale(1);animation:scaleIn 800ms ease-in-out 1 alternate;}.mud-ex-fd-child-count-label{font-size:7pt;margin-left:5px;width:15px;border:1px solid var(--mud-palette-text-primary);height:15px;border-radius:50px;text-align:center;padding-left:4px;padding-right:4px;}.mud-ex-file-display-zip{padding:0 0 10px 0;border:1px dashed var(--mud-palette-primary);max-height:90vh;height:100%;width:100%;border-radius:5px;overflow:auto;}.mud-ex-fd-close-inner-preview{float:right;height:25px;margin-top:-15px;margin-bottom:15px;margin-right:-10px;}.mud-ex-fd-size-display{font-style:italic;font-size:8pt;}.mud-ex-fd-tree-actions{margin-left:20px;}.mud-ex-file-display-zip-search{float:right;margin-top:-10px;}.mud-ex-file-display-tree.mud-alert-text-normal{background-color:transparent;}.mud-ex-fd-tree-actions .mud-tooltip-root{display:inline-flex;}.mud-ex-file-display-toolbar-text{font-size:10pt;font-weight:bold;margin-left:5px;}.mud-ex-file-display-menu-item-action>div.mud-list-item-icon{min-width:35px;}.mud-ex-file-display-menu-header{display:flex;padding:6px;height:39px;padding-top:1px;margin-bottom:5px;border-bottom:1px dashed var(--mud-palette-primary);align-items:center;color:var(--mud-palette-primary);justify-content:center;}.mud-ex-file-display-toolbar{height:20px;padding:0;margin-bottom:4px;z-index:3;}.mud-ex-color-bubble{border-radius:100%;top:4px;left:4px;border:1px solid transparent;margin:5px 13px 0 0;display:inline-block;cursor:pointer;}.mud-ex-color-bubble-canvas-container{position:fixed;background-color:transparent;overflow:hidden;z-index:30000;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-ms-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:transform,opacity;-moz-transition-property:transform,opacity;-ms-transition-property:transform,opacity;-o-transition-property:transform,opacity;transition-property:transform,opacity;-webkit-transition-timing-function:cubic-bezier(.87,-.41,.19,1.44);-moz-transition-timing-function:cubic-bezier(.87,-.41,.19,1.44);-ms-transition-timing-function:cubic-bezier(.87,-.41,.19,1.44);-o-transition-timing-function:cubic-bezier(.87,-.41,.19,1.44);transition-timing-function:cubic-bezier(.87,-.41,.19,1.44);}.mud-ex-color-bubble-canvas-container canvas{background-color:#fff;border-radius:100%;cursor:crosshair;}.mud-ex-color-bubble-canvas-container .mud-ex-color-bubble-locator{width:7px;height:7px;border-radius:7px;margin-left:-4px;margin-top:-4px;border:1px solid #000;position:absolute;opacity:.75;}.mud-ex-color-bubble-canvas-container .mud-ex-color-bubble-preview{position:absolute;right:0;z-index:99999999;width:10%;height:10%;border:1px solid #000;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-ms-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:opacity;-moz-transition-property:opacity;-ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;}.mud-ex-color-bubble-canvas-container-small{-webkit-transform:scale(.09) rotate(45deg);-moz-transform:scale(.09) rotate(45deg);-ms-transform:scale(.09) rotate(45deg);-o-transform:scale(.09) rotate(45deg);transform:scale(.09) rotate(45deg);opacity:0;cursor:pointer;}.mud-ex-palette a.mud-ex-color{width:24px;height:24px;margin-right:5px;display:inline-block;}.mud-ex-palette a.mud-ex-color .mud-ex-color-inner{-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-ms-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-property:width,height,top,left,opacity;-moz-transition-property:width,height,top,left,opacity;-ms-transition-property:width,height,top,left,opacity;-o-transition-property:width,height,top,left,opacity;transition-property:width,height,top,left,opacity;position:relative;border-radius:12px;width:16px;height:16px;top:4px;left:4px;opacity:.8;border-width:1px;border-style:solid;border-color:transparent;}.mud-ex-palette a.mud-ex-color-FFFFFF .mud-ex-color-inner{border-color:#cdcdcd;}.mud-ex-palette a.mud-ex-color.mud-ex-color-selected .mud-ex-color-inner{width:100%;height:100%;top:0;left:0;opacity:1;}.mud-ex-input-color-native{float:right;margin-top:27px;border-bottom:1px solid var(--mud-palette-lines-inputs);}.mud-ex-color-bubble-in-mud-ex-color-picker{float:right;margin-top:27px;}.mud-ex-object-edit-group-flat .mud-expand-panel-text{font-weight:bold;display:flex;align-items:center;margin-left:-10px;}.mud-ex-object-edit-group-flat .mud-expand-panel-text:after{content:"";flex:1;margin-left:1rem;height:2px;}.mud-ex-hidden-group .mud-expand-panel-header{display:none;}.mud-ex-hide-expand-btn .mud-expand-panel-icon{display:none;}.mud-ex-property-filter.active{width:50%;opacity:1;}.mud-ex-property-filter-full-width{width:100%!important;}.mud-ex-property-filter{width:0;min-width:0;flex:0 1 auto;opacity:0;padding-bottom:25px;}.mud-ex-toolbar-sticky{position:sticky;z-index:2;}.mud-ex-tab-bar-sticky{position:sticky;top:0;z-index:1;}.mud-ex-actionbar-sticky{position:sticky;z-index:2;}.mud-ex-loading-overlay .mud-overlay-content{position:fixed;top:50%;bottom:50%;}.mud-ex-property-reset-conatiner{cursor:pointer;transform:scale(.7);float:right;margin-right:-7px;margin-top:-3px;}.mud-ex-property-validation-component .mud-input-control-input-container{display:none;}.mud-ex-group-path-text-flat{margin-left:-10px;margin-bottom:20px;color:var(--mud-palette-info);font-size:.75rem;}.mud-ex-group-path-text-default{margin-top:-35px;margin-bottom:20px;color:var(--mud-palette-info);font-size:.75rem;float:right;margin-right:40px;}.mud-ex-collection-inline-string-edit{height:20px;margin-top:-20px;padding-top:14px;}.mud-ex-collection-inline-string-edit input:focus{background:var(--mud-palette-surface);border:1px solid var(--mud-palette-primary);border-radius:var(--mud-default-borderradius);}.mud-ex-collection-inline-string-edit input{background:transparent;border:1px solid transparent;transition-property:all!important;transition-duration:.2s;transition-timing-function:ease;}.mud-ex-dialog-max90 .mud-dialog-content{overflow:auto;max-height:90%;}.mud-ex-object-edit-dialog .mud-dialog-actions{width:100%;z-index:100;}.mud-ex-dialog-max90 .mud-dialog-actions{width:100%;z-index:100;}.mud-ex-object-edit-dialog-form{overflow:auto;max-height:90%;}.upload-request-edit{overflow-y:auto;overflow-x:hidden;padding:15px;}.upload-button{margin-left:15px;}.multi-upload-actions{padding-left:15px;margin-bottom:10px;}.action-margin{margin:0 5px;}.error-message{color:var(--mud-palette-error);transition-property:all!important;font-size:9pt;padding:2px;animation:fade-in-animation 900ms ease-in 1 alternate;}.upload-request-label{color:var(--mud-palette-text-secondary);font-size:1rem;}.upload-request-label-small{transform:translate(0,1.5px) scale(.75);transform-origin:top left;}.upload-request-outlined-border{border-radius:var(--mud-default-borderradius);border-color:var(--mud-palette-lines-inputs);border-width:1px;border-style:solid;}.mud-ex-upload-edit-drop-zone-text{font-style:italic;text-align:center;opacity:.3;}.mud-ex-slidebar{margin:0;position:fixed;--mud-ex-slide-bar-collapsed-size:20px;}.mud-ex-slidebar.relative-to-parent{position:absolute;z-index:unset;}.mud-ex-slidebar .mud-tab-slider{opacity:0;}.mud-ex-slidebar.bottom{transform:translateY(80%);width:100%;bottom:0;}.mud-ex-slidebar.bottom.open{transform:translateY(0);}.mud-ex-slidebar.bottom:not(.open){transform:translateY(calc(100% - var(--mud-ex-slide-bar-collapsed-size)));height:var(--mud-ex-slide-bar-collapsed-size);}.mud-ex-slidebar.top{width:100%;height:auto;top:0;}.mud-ex-slidebar.top.open{transform:translateY(0);}.mud-ex-slidebar.top:not(.open){transform:translateY(calc(-100% + var(--mud-ex-slide-bar-collapsed-size)));height:var(--mud-ex-slide-bar-collapsed-size);}.mud-ex-slidebar.left{width:auto;height:100%;left:0;}.mud-ex-slidebar.left .mud-tabs{height:100%;}.mud-ex-slidebar.left.open{transform:translateX(0);}.mud-ex-slidebar.left:not(.open){transform:translateX(calc(-100% + var(--mud-ex-slide-bar-collapsed-size)));width:var(--mud-ex-slide-bar-collapsed-size);}.mud-ex-slidebar.right{width:auto;height:100%;right:0;}.mud-ex-slidebar.right .mud-tabs{height:100%;}.mud-ex-slidebar.right.open{transform:translateX(0);}.mud-ex-slidebar.right:not(.open){transform:translateX(calc(100% - var(--mud-ex-slide-bar-collapsed-size)));width:var(--mud-ex-slide-bar-collapsed-size);}.mud-ex-slidebar.open{opacity:1;}.mud-ex-slidebar.open .mud-tab-slider{opacity:1;}.mud-ex-split-panel{width:100%;height:100%;display:flex;}.mud-ex-splitter.mud-ex-divider-horizontal{cursor:row-resize;}.mud-ex-splitter.mud-ex-divider-vertical{cursor:col-resize;}.mud-ex-splitter-collapsed-slide-bar-content-v{width:100%;height:100%;}.mud-ex-splitter-collapsed-slide-bar-content-v>*{width:100%!important;height:100%!important;}.mud-ex-centered-content{display:flex;justify-content:center;align-items:center;}.mud-ex-card-list-cardeffect3d .mud-ex-card{transition:transform .1s,box-shadow .2s!important;box-shadow:var(--shadow);transform:var(--transform);}.mud-ex-card-list-lightbulb .mud-ex-card::before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),var(--mud-ex-card-list-hover-color),transparent var(--mud-ex-card-bulb-size));}.mud-ex-card-list-lightbulb .mud-ex-card::after{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),var(--mud-ex-card-list-hover-color),transparent var(--mud-ex-card-bulb-size));}.mud-ex-card-list-lightbulb .mud-ex-card::before,.mud-ex-card-list-lightbulb .mud-ex-card::after{border-radius:inherit;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity 500ms;width:100%;pointer-events:none;}.mud-ex-card-list-simple .mud-ex-card:hover{background-color:var(--mud-ex-card-list-hover-color)!important;}.mud-ex-card-list-simple .mud-ex-virtual-item>*:hover{background-color:var(--mud-ex-card-list-hover-color)!important;}.mud-ex-card-list-zoom .mud-ex-card:hover{transform:scale3d(1.05,1.05,1.05);}.mud-ex-card-list{align-items:center;background-color:var(--mud-ex-card-list-bg-color);display:flex;margin:0;overflow:auto;padding:7px;}.mud-ex-card-list .mud-ex-cards{display:flex;flex-wrap:wrap;align-self:center;width:calc(100% - 0px);}.mud-ex-card-list .mud-ex-cards:hover>.mud-ex-card::after{opacity:1;}.mud-ex-card-list .mud-ex-card{border-radius:10px;cursor:pointer;display:flex;flex-direction:column;position:relative;}.mud-ex-card-list .mud-ex-card:hover::before{opacity:1;}.mud-ex-card-list h1,.mud-ex-card-list h2,.mud-ex-card-list h3,.mud-ex-card-list h4,.mud-ex-card-list span{color:#f0f0f0;font-family:"Rubik",sans-serif;font-weight:400;margin:0;}.mud-ex-filter-select{position:sticky;top:0;background:var(--mud-palette-surface)!important;z-index:1;}.mud-ex-filter-select .mud-list-item-icon{display:none;}.mud-ex-no-events{pointer-events:none;}.mud-ex-code-view.full-height{height:100%!important;}.mud-ex-code-view.full-height .mud-markdown-body,.mud-ex-code-view.full-height .snippet-clipboard-content,.mud-ex-code-view.full-height pre,.mud-ex-code-view.full-height code{height:100%!important;}.mud-ex-code-view.full-width{width:100%!important;}.mud-ex-code-view.full-width .mud-markdown-body,.mud-ex-code-view.full-width .snippet-clipboard-content,.mud-ex-code-view.full-width pre,.mud-ex-code-view.full-width code{width:100%!important;}.mud-ex-horizontal-tree-wrapper{height:100%;}.mud-ex-horizontal-tree{overflow:hidden;height:100%;padding:0;}.mud-ex-horizontal-tree-scroll-wrapper{display:flex;place-items:center;height:100%;transition-property:transform;transition-duration:.5s;}.mud-ex-horizontal-tree-column:not(:first-child) .mud-ex-horizontal-tree-node:before,.mud-ex-horizontal-tree-column .mud-ex-horizontal-tree-node.node-selected.node-expandable.node-expanded:after,.mud-ex-horizontal-tree-column:not(:first-child) .mud-ex-horizontal-tree-node:not(:last-child)>div:after{content:" ";background-color:var(--tree-node-line-color,#008000);position:absolute;top:50%;height:var(--tree-node-line-width,2px);width:var(--tree-node-padding,24px);}.mud-ex-horizontal-tree-column:not(:first-child) .mud-ex-horizontal-tree-node:before{left:0;}.mud-ex-horizontal-tree-column .mud-ex-horizontal-tree-node.node-selected.node-expandable:after{right:0;}.mud-ex-horizontal-tree-column:not(:first-child) .mud-ex-horizontal-tree-node:not(:last-child)>div:after{width:var(--tree-node-line-width,2px);height:100%;left:calc(var(--tree-node-padding,24px)*-1 - var(--tree-node-line-width,2px));padding-top:calc(var(--tree-node-line-width,2px) + 2px);}.mud-ex-horizontal-tree-node{padding:0 var(--tree-node-padding,24px);cursor:pointer;}.mud-ex-horizontal-tree-node>div{position:relative;padding:4px 4px 4px 12px;white-space:nowrap;border:1px solid transparent;display:flex;align-items:center;}.mud-ex-horizontal-tree-node.node-selected>div{border-radius:var(--mud-default-borderradius,8px);}.mud-ex-horizontal-tree-node .mud-ex-horizontal-tree-expandable{position:absolute;top:8px;right:8px;}.clickable{cursor:pointer;}.clickable:focus{outline:0;}.node-selected{opacity:1;}.mud-ex-simple-flex{display:flex;width:100%;justify-content:space-between;}.mud-ex-flex-reverse-end{flex-flow:row-reverse;justify-content:flex-end;}.mud-ex-treeview-item-reverse-space-between>.mud-treeview-item-content{flex-direction:row-reverse!important;justify-content:space-between!important;}.trimmer{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.mud-ex-blur{backdrop-filter:blur(10px);}.mud-ex-bg-gradient{position:absolute;display:flex;width:100%;height:100%;overflow:hidden;}.mud-ex-bg-gradient::after{content:"";--size:250px;--speed:50s;--easing:cubic-bezier(.8,.2,.2,.8);position:absolute;width:50%;height:50%;filter:blur(calc(var(--size)/5));background-image:linear-gradient(hsla(158deg,82%,57%,.85),hsl(252deg,82%,57%));animation:rotate var(--speed) var(--easing) alternate infinite;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;}@media(min-width:720px){.mud-ex-bg-gradient::after{--size:700px;}}.mud-ex-bg-dot{transition-property:opacity!important;transition-duration:.3s;opacity:.4;font:5vmin/1.3 Serif;overflow:hidden;background:#123;display:block;font-size:52px;color:transparent;}.mud-ex-bg-dot::before,.mud-ex-bg-dot::after{position:fixed;top:50%;left:50%;width:3em;height:3em;content:".";mix-blend-mode:screen;animation:44s -27s move infinite ease-in-out alternate;}.mud-ex-bg-dot::before{text-shadow:1.5833216429em 1.6297015916em 7px hsla(332.0900877435deg,100%,50%,.9),1.3322440764em 1.7054720395em 7px hsla(241.6504474295deg,100%,50%,.9),1.847937062em 1.8752998094em 7px hsla(180.7664040744deg,100%,50%,.9),1.0656246463em .1212729887em 7px hsla(174.8518238068deg,100%,50%,.9),1.1134616448em 1.2952573627em 7px hsla(88.8345130785deg,100%,50%,.9),-.2093527035em 2.1972514714em 7px hsla(286.0836071111deg,100%,50%,.9),-.0964087035em 2.1377294176em 7px hsla(60.5548771415deg,100%,50%,.9),2.3381373475em 1.5980601602em 7px hsla(99.2720330722deg,100%,50%,.9),.8960284629em 1.0372972599em 7px hsla(232.4389164783deg,100%,50%,.9),1.2700307464em 2.0022449155em 7px hsla(275.9572302591deg,100%,50%,.9),1.0481390659em 2.2574162494em 7px hsla(347.5549619643deg,100%,50%,.9),-.4351988669em .7461602441em 7px hsla(36.0561617097deg,100%,50%,.9),1.8936461504em -.170511798em 7px hsla(251.5842698627deg,100%,50%,.9),.7084362943em 1.443954386em 7px hsla(142.9934400682deg,100%,50%,.9),1.5429869044em 2.0384415659em 7px hsla(187.8640201379deg,100%,50%,.9),2.3051717388em .8086012621em 7px hsla(71.4585124635deg,100%,50%,.9),2.226785437em 1.1710166925em 7px hsla(299.3825783163deg,100%,50%,.9),.9719427189em 2.4093593302em 7px hsla(179.2321577681deg,100%,50%,.9),1.0810763862em 1.4385599004em 7px hsla(332.6948036188deg,100%,50%,.9),2.0938772847em -.4266007363em 7px hsla(158.4115077874deg,100%,50%,.9),1.0116482835em .1387976802em 7px hsla(330.4467928506deg,100%,50%,.9),-.3600241511em 1.9154555263em 7px hsla(260.8652752618deg,100%,50%,.9),-.1660977287em .5630638589em 7px hsla(350.5124794652deg,100%,50%,.9),-.3363145543em -.2014916197em 7px hsla(93.6915923589deg,100%,50%,.9),-.3243609669em .4286930608em 7px hsla(165.0251286deg,100%,50%,.9),-.0843559153em 2.2913040111em 7px hsla(249.7303742797deg,100%,50%,.9),.4667110637em 1.1958243074em 7px hsla(285.6499402463deg,100%,50%,.9),1.3459662582em -.4033448567em 7px hsla(237.8347450765deg,100%,50%,.9),1.5039026903em 1.2761368439em 7px hsla(336.6772193125deg,100%,50%,.9),.8021266794em -.3086663855em 7px hsla(157.8458573472deg,100%,50%,.9),-.2638574406em 1.2838485187em 7px hsla(146.5435792045deg,100%,50%,.9),1.354955112em 1.435855505em 7px hsla(256.0190199528deg,100%,50%,.9),1.1793831388em .3237226592em 7px hsla(223.7938357732deg,100%,50%,.9),2.3801346449em -.2768457617em 7px hsla(309.5163300922deg,100%,50%,.9),1.2328795299em 2.2638113407em 7px hsla(162.3392648849deg,100%,50%,.9),.8156628286em 2.2261947108em 7px hsla(335.6896789533deg,100%,50%,.9),2.1063042327em -.4703822625em 7px hsla(54.3181137531deg,100%,50%,.9),-.3092576307em -.3883960554em 7px hsla(287.9711365189deg,100%,50%,.9),2.257882421em .04168178em 7px hsla(311.694878919deg,100%,50%,.9),-.2758202989em .8872627219em 7px hsla(128.6043795911deg,100%,50%,.9),-.1266385799em 2.1110673915em 7px hsla(227.9929327369deg,100%,50%,.9);animation-duration:44s;animation-delay:-27s;}.mud-ex-bg-dot::after{text-shadow:2.4933297473em -.4211397854em 7px hsla(172.6569490822deg,100%,50%,.9),.5286021844em -.134025742em 7px hsla(72.2960250129deg,100%,50%,.9),.5721631523em 1.162311875em 7px hsla(264.2003099509deg,100%,50%,.9),1.86592257em 1.4000839519em 7px hsla(170.4889329304deg,100%,50%,.9),.614858216em 2.4668703757em 7px hsla(260.3018663029deg,100%,50%,.9),-.3655761565em 1.9799999172em 7px hsla(215.4876962499deg,100%,50%,.9),.5350834394em -.2450940022em 7px hsla(226.4457717763deg,100%,50%,.9),.5195605361em 2.298909818em 7px hsla(143.4496396504deg,100%,50%,.9),.5597668254em .6124459689em 7px hsla(15.411202948deg,100%,50%,.9),.5330478124em -.4798575666em 7px hsla(196.9489360254deg,100%,50%,.9),1.4180330682em 2.0829686948em 7px hsla(134.7437578575deg,100%,50%,.9),.8856570574em .2589247504em 7px hsla(216.9506553291deg,100%,50%,.9),1.032129411em 2.1301559106em 7px hsla(190.2919105164deg,100%,50%,.9),.5536043329em .5141376968em 7px hsla(217.5999177401deg,100%,50%,.9),1.7195552978em -.4326686379em 7px hsla(328.134297692deg,100%,50%,.9),2.230321413em .5601250024em 7px hsla(138.8954607173deg,100%,50%,.9),.5764303404em 1.4045469254em 7px hsla(92.6538106888deg,100%,50%,.9),1.4748819935em 1.7368633778em 7px hsla(253.2315431201deg,100%,50%,.9),2.1121203286em -.3665234871em 7px hsla(85.6545601201deg,100%,50%,.9),.2620214688em .7708274372em 7px hsla(105.6601266753deg,100%,50%,.9),1.9436565523em 1.0139382257em 7px hsla(40.6448350818deg,100%,50%,.9),2.0279863921em .8563722571em 7px hsla(136.4365383444deg,100%,50%,.9),.835888286em .6960654728em 7px hsla(75.3620539285deg,100%,50%,.9),2.0610341556em 2.1795382664em 7px hsla(261.3273467077deg,100%,50%,.9),1.3447685541em .7479082254em 7px hsla(222.3936400335deg,100%,50%,.9),.2041083988em .2661693888em 7px hsla(77.6283340998deg,100%,50%,.9),1.1101407994em 1.9213850882em 7px hsla(296.4055359218deg,100%,50%,.9),1.010145406em 1.1144430133em 7px hsla(204.7205513153deg,100%,50%,.9),-.1985075447em 2.1860597466em 7px hsla(31.299272799deg,100%,50%,.9),.4753097151em 2.0250578774em 7px hsla(93.0183981644deg,100%,50%,.9),1.0473957304em .7164578315em 7px hsla(339.1374810474deg,100%,50%,.9),1.0439807472em 1.3887882807em 7px hsla(1.987715953deg,100%,50%,.9),1.0209366552em .4857560984em 7px hsla(121.6821890666deg,100%,50%,.9),2.0561905551em 1.9287246222em 7px hsla(239.5711218027deg,100%,50%,.9),.5528061047em 1.3066749856em 7px hsla(27.0960966966deg,100%,50%,.9),.2057927996em 1.5250526122em 7px hsla(165.5696251921deg,100%,50%,.9),.4147625894em 1.3604708837em 7px hsla(103.4361762415deg,100%,50%,.9),1.1375491726em .6804765405em 7px hsla(42.5752107805deg,100%,50%,.9),2.3727324434em 1.5915463024em 7px hsla(214.9255745866deg,100%,50%,.9),.0246454567em 1.8266262225em 7px hsla(191.3787625214deg,100%,50%,.9),.3502431001em 1.8946107805em 7px hsla(37.264278304deg,100%,50%,.9);animation-duration:43s;animation-delay:-32s;}@keyframes move{from{transform:rotate(0deg) scale(12) translateX(-20px);}to{transform:rotate(360deg) scale(18) translateX(20px);}}.mud-ex-glass-dialog{background:rgba(255,255,255,.05);border-radius:10px;box-shadow:0 8px 32px 0 rgba(31,38,135,.37);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18);}.mud-dialog-height-full{height:calc(100vh - 64px);}.mud-dialog-height-full .mud-dialog-actions{position:absolute;bottom:0;right:0;}.mud-dialog-height-full-no-margin{height:100vh;max-height:unset;}.mud-dialog-height-full-no-margin .mud-dialog-actions{position:absolute;bottom:0;right:0;}.mud-dialog-width-full-no-margin{width:100%;}.mud-dialog-position-fixed{position:fixed;}.mud-dialog-actions-fixed-bottom{position:absolute;bottom:0;right:0;}.mud-ex-dialog-initial{display:none!important;}.mud-ex-dialog-actions-sticky{position:sticky!important;bottom:0;right:0;}.mud-ex-dialog-actions-absolute{position:absolute!important;bottom:0;right:0;}.mud-ex-dialog-max-height-lg{max-height:1280px;}.mud-ex-dialog-max-height-md{max-height:960px;}.mud-ex-dialog-max-height-sm{max-height:600px;}.mud-ex-dialog-max-height-xl{max-height:1750px;}.mud-ex-dialog-max-height-xxl{max-height:1750px;}.mud-ex-dialog-max-height-xs{max-height:444px;}.mud-ex-property-component-wrapper{display:flex;}.chip-select-chipsonly .mud-input-adornment{margin-top:-40px;}.chip-select-chipsonly button{margin-top:-40px;}.chip-select-chipsonly>div>div.mud-shrink~label.mud-input-label.mud-input-label-inputcontrol,.chip-select-chipsonly>.mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol{visibility:hidden;}.chip-select-chipsonly>div>div.mud-input.mud-input-text.mud-input-adorned-end.mud-input-underline.mud-shrink.mud-select-input{height:0;}.chip-select-chipsonly .mud-input.mud-input-text.mud-select-input>input{opacity:0;}.chip-select-chipsonly{margin-top:-6px;align-items:stretch;flex-flow:column-reverse;cursor:pointer;}.chip-select-over .mud-list{padding-top:0!important;}.chip-select-chipsonly.with-items .mud-input-helper-text{top:25px;position:absolute;}.chip-select-chipsonly.empty .mud-input-helper-text{top:55px;position:absolute;}.mud-ex-keep-input-label-visible .mud-input-label{visibility:visible!important;}.mud-ex-alert-message-w-100>.mud-alert-position>.mud-alert-message{width:100%;}.mud-ex-collection-edit-label{color:var(--mud-palette-text-secondary);font-size:1rem;}.mud-ex-collection-edit-label-small{transform:translate(0,1.5px) scale(.75);transform-origin:top left;}.mud-ex-collection-edit-outlined-border{border-radius:var(--mud-default-borderradius);border-color:var(--mud-palette-lines-inputs);border-width:1px;border-style:solid;}.dialog-content-full-height>.outline-none{height:100%;}.full-height{height:100%;}.full-height-90{height:90%;}.mud-alert-close-no-flex>.mud-alert-close{display:initial;}.mud-alert-message-w-100>.mud-alert-position>.mud-alert-message{width:100%;}.mud-ex-alert-link{cursor:pointer;}.mud-ex-alert-link:hover{text-decoration:underline;color:var(--mud-palette-primary);}.mud-alert-message-mt-5>.mud-alert-position>.mud-alert-message{margin-top:-5px;}.mud-ex-hide-inputlabel>div>div.mud-shrink~label.mud-input-label.mud-input-label-inputcontrol,.mud-ex-hide-inputlabel>.mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol{visibility:hidden;}.mud-dialog-container-no-modal{display:none!important;}.minimize-animation{transition:transform .5s ease-in-out;}.mud-ex-dialog-header-progress{position:absolute;left:0;top:0;}.mud-ex-scroll-to-top{height:56px;width:56px;}.mud-ex-scroll-to-top.bottomleft{right:auto!important;}.mud-ex-scroll-to-top.bottomcenter{left:calc(50% + 20px)!important;right:calc(50% + 20px)!important;}.mud-ex-scroll-to-top.topcenter{left:calc(50% + 20px)!important;right:calc(50% + 20px)!important;top:var(--mud-appbar-height);}.mud-ex-scroll-to-top.topleft{right:auto!important;top:var(--mud-appbar-height);}.mud-ex-scroll-to-top.topright{top:var(--mud-appbar-height);}.mud-ex-scroll-to-top.centerright{top:50%;bottom:50%;}.mud-ex-scroll-to-top.center{left:calc(50% + 20px)!important;right:calc(50% + 20px)!important;top:50%;bottom:50%;}.mud-ex-scroll-to-top.centerleft{right:auto!important;top:50%;bottom:50%;}.mud-ex-scroll-to-top.centerright{top:50%;bottom:50%;}.drop-zone{transition:all .4s;padding:20px;width:100%;min-height:60px;border-radius:5px;}.drop-zone.hover{border-style:solid;box-shadow:var(--mud-elevation-10);border:3px dotted var(--mud-palette-primary);}.mud-ex-overflow{overflow:auto;}.mud-ex-overflow-y{overflow-y:auto;overflow-x:hidden;}.mud-ex-overflow-x{overflow-x:auto;overflow-y:hidden;}.mud-ex-dialog-header-actions{top:8px;right:48px;position:absolute;}.mud-dialog .outline-none div[tabindex="-1"]:has(div.full-height){height:100%;}.mud-ex-content-center{display:flex;padding:80px;align-items:center;place-content:center;}.mud-ex-empty-indicator-bg{background:repeating-linear-gradient(135deg,#ccc,#ccc 10px,#aaa 10px,#aaa 20px);}.mud-ex-transparent-indicator-bg{background-image:linear-gradient(45deg,var(--mud-palette-surface) 25%,transparent 25%,transparent 75%,var(--mud-palette-surface) 75%),linear-gradient(45deg,var(--mud-palette-surface) 25%,transparent 25%,transparent 75%,var(--mud-palette-surface) 75%);background-size:20px 20px;background-position:0 0,10px 10px;background-color:var(--mud-palette-background-grey);}.mud-dialog-container:has(.mud-ex-dialog-no-margin){padding:0!important;}.mud-ex-draggable{cursor:move;}.mud-ex-resizeable{resize:both;overflow:hidden;}.mud-ex-collapsed{visibility:collapse;}.mud-ex-hidden{visibility:hidden;}.mud-ex-select-variant-text .mud-input-label-inputcontrol{top:-15px;}.mud-ex-select-variant-text{margin-top:20px;} \ No newline at end of file diff --git a/Samples/MainSample.WebAssembly/Pages/Page_ObjectEditConfigured.razor b/Samples/MainSample.WebAssembly/Pages/Page_ObjectEditConfigured.razor index de414246..7c55cda7 100644 --- a/Samples/MainSample.WebAssembly/Pages/Page_ObjectEditConfigured.razor +++ b/Samples/MainSample.WebAssembly/Pages/Page_ObjectEditConfigured.razor @@ -71,7 +71,9 @@ AdornmentIcon = Icons.Material.Filled.Key }) .OnRendered>(tf => _firstNameField = tf) - .WithGroup("Name").WrapInMudItem(i => i.xs = 6); + .WithGroup("Name") + .WithEditConfirmation(ConfirmationProtection.PromptDialog(DialogService)) + .WrapInMudItem(i => i.xs = 6); meta.Properties(m => m.Age, m => m.Gender).WithAdditionalAttribute("Variant", Variant.Text, true).WrapInMudItem(x => x.xs = 6); meta.Property(m => m.Gender)